@import url("/sp/css/header.css");

*{margin:0;padding:0;}
img{border: none;}
table{border-collapse: collapse;}

/*位置指定*/
.lt{text-align: left;}
.rt{text-align: right;}
.ct{text-align: center;}

/*位置指定*/
.to{vertical-align: top;}
.mi{vertical-align: middle;}
.bo{vertical-align: bottom;}

/*フロート*/
.flt{float: left;}
.frt{float: right;}

/*クリア*/
.clear{clear: both;}

/*font-size*/
.fs11{font-size: 11px;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs24{font-size: 24px;}

/*line-height*/
.lh120{line-height: 120%;}
.lh130{line-height: 130%;}
.lh150{line-height: 150%;}
.lh180{line-height: 180%;}

/* margin */
.mt2{margin-top: 2px;}


.mb5{margin-bottom: 5px;}
.mt5{margin-top: 5px;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}

.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}

.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.ml20{margin-left: 20px;}
.mr20{margin-right: 20px;}

.fwb{font-weight: bold;}
.fwn{font-weight: normal;}

/*padding*/
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}

.pd10{padding: 10px;}
.pd5{padding: 5px;}
.mg10{margin: 10px;}
.mg5{margin: 5px;}

/*文字の色*/
.f_pink{color: #d1295c;}
.f_blue{color: #083f64;}
.f_black{color: #000000;}
.f_white{color: #ffffff;}

.bb{border-bottom: 1px #dedede solid;}
.bb_dashed{border-bottom: 1px #dedede dashed;}
.none{text-decoration: none;}

body{
    width:100%;
    margin:0;
    padding:0;
    line-height:1;
    color:#333;
    font-size:12px;
    font-family: verdana,"ＭＳ Ｐゴシック",sans-serif;
    -webkit-text-size-adjust: 100%;
}

a {color:#0e4c9f;}

/* ----------------------------- */
/* コンテンツ*/
/* ----------------------------- */
#content{
/*    margin-top: 65px;*//*headerの高さはheightline-groupで対応*/
    padding: 10px;
    line-height: 150%;
}

.g_circle{
    border: 1px #dedede solid;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
}

/* ----------------------------- */
/*TOP新着情報*/
/* ----------------------------- */
#info table{
    width: 100%;
}

.date{
    padding: 2px 5px;
    vertical-align: top;
}

.icon img{
    margin: 0 2px 0 0;
}

/* ----------------------------- */
/*みだし（背景ピンク、白文字）*/
/* ----------------------------- */
.mi{
    background-color: #fa6d9f;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    padding: 5px 7px;
    margin-bottom: 10px;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
}

/* ----------------------------- */
/*みだし（背景薄いグレー、ピンク文字と下線）*/
/* ----------------------------- */
.mi3{
    border-top: 1px #ebebeb solid;
    border-bottom:2px #fe87a8 solid;
    color: #e4266d;
    font-weight: bold;
    padding: 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f8f8f8));
    background: -webkit-linear-gradient(left top, left bottom, #fff, #f8f8f8);
    background: -moz-linear-gradient(left top, left bottom, #fff, #f8f8f8);
    background: linear-gradient(to bottom, #fff, #f8f8f8);
    font-size: 14px;
}

/* ----------------------------- */
/*みだし（背景と下線薄いグレー、太文字）*/
/* ----------------------------- */
.mi2{
    padding: 3px 5px;
    font-weight: bold;
    font-size: 13px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f8f8f8));
    background: -webkit-linear-gradient(left top, left bottom, #fff, #f8f8f8);
    background: -moz-linear-gradient(left top, left bottom, #fff, #f8f8f8);
    background: linear-gradient(to bottom, #fff, #f8f8f8);
    border-bottom: 1px #d9d9d9 solid;
    margin-bottom: 10px;
}


/* ----------------------------- */
/*みだし（点線入り）*/
/* ----------------------------- */
.messageWrap{
    background-color: #d8eef9;
    padding: 5px;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 10px;
}

.message{
    border: 1px #289bde dashed;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;
    text-align: left;
}

/* ----------------------------- */
/*このページの上に戻るボタン*/
/* ----------------------------- */
.link_to_top{
    display: block;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px #acacac solid;
    background-color: #e1e1e1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e1e1e1));
    background: -webkit-linear-gradient(left top, left bottom, #fff, #e1e1e1);
    background: -moz-linear-gradient(left top, left bottom, #fff, #e1e1e1);
    background: linear-gradient(to bottom, #fff, #e1e1e1);
    padding: 10px;
    text-decoration: none;
    color: #979797;
}

/* ----------------------------- */
/* トップページアコーディオンボタン  */
/* ----------------------------- */
.info{
    border:1px #dedede solid;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 5px 0;
}

.InfoButton{
    padding: 7px 2px 7px 7px;
    cursor:pointer;
    display: block;
    background-color:#1f5eab;
    color: #fff;
    font-weight: bold;
}

.InfoButton:hover{
/*    background-color: #b4d8dc;*/
}

.InfoButton p{
    background: url(/sp/image/common/i_plus.png) no-repeat right 50%;
    padding-right: 15px;
}

.InfoButton p.open{
    background: url(/sp/image/common/i_min.png) no-repeat right 50%;
}

.InfoBox{
    padding: 5px 10px 10px 10px;
    line-height: 120%;
}

.InfoBox p{
    margin-top: 10px;
}

/* ----------------------------- */
/* メニューボタン群を覆う角丸の枠  */
/* ----------------------------- */
.b_wrap{
    border:1px #dedede solid;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 5px 0;
}

/* ----------------------------- */
/* メニューボタンのタイトル      */
/* ----------------------------- */
.c_title{
    padding: 5px;
    text-align: center;
    font-weight: bold;
    color: #291d2c;
    border-radius:5px 5px 0 0;
    background-color: #f9d6eb;
}

/* ----------------------------- */
/* メニューボタン                */
/* ----------------------------- */
a.button{
    display: block;
    background-color: #ffffff;
    padding: 1%;
    text-decoration: none;
    background: url(/sp/image/common/i_g_right.png) no-repeat right 50%;
}

a.button:hover{
    background-color: #f6f5f6;
}

/* ----------------------------- */
/* ボタン内画像                  */
/* ----------------------------- */
a.button img{
    float: left;
    margin:8px 10px 0 5px;
/*    width: 50px;*/
}

/* ----------------------------- */
/* ボタン内テキスト              */
/* ----------------------------- */
.b_title{
    float: left;
    color: #291d2c;
    font-size: 15px;
    margin: 8px 0 10px 0;
    font-weight: bold;
}

/*ボタン内テキスト文字のみver.*/
.b_title2{
    color: #646c58;
    font-size: 13px;
    font-weight: bold;
}

/* ----------------------------------- */
/* PC版へのリンクボタン（トップページ）*/
/* ----------------------------------- */
a.toPC{
    display: block;
    width: 35%;
    margin: 5px auto;
    background-color: #808080;
    padding: 5px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
}

.toPC:hover{
    background-color: #e86197;
}

/* -------------------------------- */
/* 文章内のリンクをボタン化する装飾 */
/* -------------------------------- */
a.textlink{
    color: #705e54;
    /* ▼枠線 */
    border-style: solid;
    border-width: 1px;
    border-color: #ccc #999 #999 #ccc;
    /* ▼角丸 */
    -webkit-border-radius: 7px; /* Chrome,Safari */
    -moz-border-radius: 7px;    /* Firefox */
    border-radius: 7px;         /* CSS3 */
    /* ▼余白 */
    padding: 0.3em 0.9em;
    margin: 0px 0.3em;
    /* ▼文字装飾 */
    text-decoration: none;
    /* ▼背景 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */
    background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
    background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
    background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
    /* ▼行高 */
    line-height: 2em;
    /* ▼空白・改行の扱い */
    white-space: nowrap;
}

/* -------------------------------- */
/* フッター */
/* -------------------------------- */
#footer{
    background-color: #f5f5f5;
    padding: 10px;
    text-align: center;
    line-height: 130%;
}

/* -------------------------------- */
/* 写真の枠 */
/* -------------------------------- */
/*写真枠*/
.photo{
    padding:5px;
    box-shadow:0 0 3px #ddd;
}

/* -------------------------------- */
/* アクセスマップ */
/* -------------------------------- */
div#gmap{
    width:90%;
    height:200px;
    margin: 5px auto;
    -webkit-box-sizing: border-box;
    box-sizing:border-box;
}

/* -------------------------------- */
/* PC閲覧用 */
/* -------------------------------- */
@media screen and (min-width: 769px){
body,#header{
    width: 320px;
    margin: 0 auto;
    }
}