@charset utf-8;



/* ------------------------------------

 Style Information

 File name:  first.css

 Author:     Ibc

 Created:    August 2013

--------------------------------------- */



/*	Clear

--------------------------------------- */

body,div,p,ul,ol,li,dl,dt,dd,table,th,td,img,h1,h2,h3,h4,h5,h6,form,select { margin:0; padding:0; font-weight:normal; }

li,ol { list-style:none; }

img { border-style:none; outline:none; }

table { border-collapse:collapse; }

th,td { text-align:left; }

#rbox h3 { font-size: 0; line-height: 0; }

body { padding:20px 0; text-align:left; color:#555; font-size:13px; line-height:1.6; font-family:メイリオ,Meiryo,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Sans-Serif; background:#f0f0f0; }



/*	Link

--------------------------------------- */

a { color:#1d8fe7; text-decoration:none; }

a:hover { color:#1d8fe7; text-decoration:underline; }



/*	Box

--------------------------------------- */

#whole { width:860px; margin:0 auto; overflow:hidden; padding:20px; background:#fff; }

#bread { margin:0 0 20px; padding:5px 10px; text-align:right; font-size:11px; border:1px solid #dedede; }

#lbox { width:610px; float:left; }

.h1ot { margin:0 0 40px; border-bottom:3px solid #f0f0f0; }

.h1ot h1 { margin: 0 0 10px; padding:5px 10px 5px 15px; color:#222; font-size:30px; line-height:1.3; border-left: 3px solid #e30012; }

.h1ot a { padding: 0 40px 0 0; color: #222; background:url(../images/store_b/icon_10.png) no-repeat right center; }

.h1ot span { font-size:12px; display: block; color: #e30012; font-weight: bold; }

#bmoon { margin: -25px 0 15px; padding: 5px 0 5px 35px; font-size: 18px; color: #222; background:url(../images/store_b/icon_11.png) no-repeat 0 5px;  }

.entry { margin:0 0 20px; padding:0 0 10px; border-bottom:1px solid #dedede; }

.h2ot { margin:0 0 15px; position:relative; padding:3px; border:3px solid #f0f0f0; background:url(../images/store_b/bg.png) repeat-x bottom; }

.h2ot h2 { padding:10px 60px 10px 10px; color:#222; font-size:18px; line-height:1.3; }

.h2ot button {
    appearance: none;
    display: block;
    background-color: transparent;
    border: none;
    position:absolute;
    bottom:3px;
    right:-20px;
}

.h2ot img { height: 64px;}

.h2ot img:hover {
    transform: translateY(-2px);
    cursor: pointer;
}

.h2ot img.benryIcon {
    position: absolute;
    bottom: 3px;
    right: 0;
    height: 64px;
}

.h2ot img.benryIcon:hover {
    transform: none;
    cursor: default;
}

.ballonBox {
    position: absolute;
    bottom: 10px;
    right: 68px;
}

.balloon {
    position: relative;
    display: inline-block;
    padding: 5px;
    width: 54px;
    color: #222;
    font-size: 16px;
    background: #FFF;
    border: solid 2px #222;
    border-radius: 4px;
    box-sizing: border-box;
}

.balloon:before {
    content: "";
    position: absolute;
    top: 57%;
    right: -18px;
    margin-top: -12px;
    border: 9px solid transparent;
    border-left: 17px solid #FFF;
    z-index: 2;
}

.balloon:after {
    content: "";
    position: absolute;
    top: 71%;
    right: -20px;
    margin-top: -14px;
    border: 7px solid transparent;
    border-left: 13px solid #222;
    z-index: 1;
}

.entry .balloon p {
    margin: 0;
    padding: 0;
    line-height: 1em;
    text-align: center;
    font-size: 14px;
}

.entry p { margin:0 0 20px; }

.days { padding:0 0 0 22px; float:right; font-size:11px; color:#ff0000; background:url(../images/store_b/icon_02.png) no-repeat 0 0; }

.sbox { width:600px; padding:5px; background:#f0f0f0; }

.f_01 { margin:0 0 1px; padding:10px; text-align:center; background:#fff; }

.sbox { margin:0 0 50px; overflow:hidden; }

.sbox li { color:#222; font-size:24px; font-weight:bold; line-height:1.3; background:#fff; }

.sbox .fll { width:245px; padding:10px 10px 10px 45px; background:#fff url(../images/store_b/icon_05.png) no-repeat 10px 14px; }

.sbox .flr { width:244px; padding:10px 10px 10px 45px; background:#fff url(../images/store_b/icon_05.png) no-repeat 10px 12px; }

.sbox span { padding:0 35px 0 0; background:#fff url(../images/store_b/read_02.png) no-repeat right center; }

#rbox { width:230px; padding: 0 0 60px; float:right; }

.pnavi { width: 404px; margin: 0 auto 50px; overflow: hidden; }

.pnavi li { float: left; text-align: center; }

.pnavi a { width: 180px; padding: 10px; float: left; display: block; background: #f0f0f0; }

#rbox h3 { margin: 0 0 10px; }

.bnr { margin:0 0 10px; background:url(../images/store_b/bg_02_2.jpg) no-repeat bottom; }

.bnr li { padding:142px 0 19px; text-align:center; background:url(../images/store_b/bg_02.jpg) no-repeat top; }

.bnr a { width:190px; margin:0 auto; display:block; color:#fff; font-weight:bold; }

.icons { margin: 0 0 20px; padding: 0 0 0 20px; display: block; background:url(../images/store_b/icon_09.png) no-repeat 0 2px; }

#years { overflow:hidden; margin:0 0 5px; }

#years li { float:left; }

#years .bkf0 { width:10px; padding:0 20px; color:#fff; display:block; }

.moon { width: 242px; margin: 0 -12px 30px 0; overflow: hidden; _zoom:1; letter-spacing:-0.4em; }

.moon li { width: 26px; height: 26px; margin: 0 6px 5px 0; letter-spacing: normal; display: inline-block; text-align: center; line-height: 2; border: 1px solid #dedede; border-radius: 13px 13px 13px 13px; *display: inline; *zoom: 1; }

.moon li.ons { background: #f0f0f0; }

.search { width:230px; margin:0 0 30px; }

.search th,.search td { font-size:0; line-height:0; vertical-align:middle; }

input:focus { background-color: #e1f8fa; }

.flat { padding:10px; font-size:13px; line-height:1.3; border:1px solid #ccc; }

.accordion dt { padding:10px 10px 10px 20px; color:#222; font-weight:bold; cursor:pointer; background:url(../images/store_b/icon_07.png) no-repeat 0 12px; border-bottom:1px solid #dedede; }

.accordion dt:hover { color:#aace36; text-decoration:underline; }

.accordion .active { color:#aace36; background:url(../images/store_b/icon_07_o.png) no-repeat 0 12px; }

.accordion ul { padding:10px 0 5px; border-bottom:1px solid #dedede; }

.accordion li { padding:0 10px 5px 20px; line-height:1.3; background:url(../images/store_b/icon_08.png) no-repeat 5px 3px; }



/*	Foot

--------------------------------------- */

#foot { width:860px; margin:0 auto; padding:10px 0 50px; clear:both; text-align:center; color:#fff; background:#d7d5d5; border-top:3px solid #d5d5d5; }



/* Module.css

--------------------------------------- */



/* Clear fix */

.cf:after,.entry:after { content:""!important; display:block!important; clear:both!important; height:0!important; visibility:hidden!important; }



/* Margin */

.mt0 { margin-top:0!important; }

.mt5 { margin-top:5px!important; }

.mt10 { margin-top:10px!important; }

.mt15 { margin-top:15px!important; }

.mt20 { margin-top:20px!important; }

.mt25 { margin-top:25px!important; }

.mt30 { margin-top:30px!important; }

.mt35 { margin-top:35px!important; }

.mt40 { margin-top:40px!important; }

.mb0 { margin-bottom:0!important; }

.mb5 { margin-bottom:5px!important; }

.mb10 { margin-bottom:10px!important; }

.mb15 { margin-bottom:15px!important; }

.mb20 { margin-bottom:20px!important; }

.mb25 { margin-bottom:25px!important; }

.mb30 { margin-bottom:30px!important; }

.mb35 { margin-bottom:35px!important; }

.mb40 { margin-bottom:40px!important; }

.ml0 { margin-left:0!important; }

.ml5 { margin-left:5px!important; }

.ml10 { margin-left:10px!important; }

.ml15 { margin-left:15px!important; }

.ml20 { margin-left:20px!important; }

.ml25 { margin-left:25px!important; }

.ml30 { margin-left:30px!important; }

.ml35 { margin-left:35px!important; }

.ml40 { margin-left:40px!important; }

.mr0 { margin-right:0!important; }

.mr5 { margin-right:5px!important; }

.mr10 { margin-right:10px!important; }

.mr15 { margin-right:15px!important; }

.mr20 { margin-right:20px!important; }

.mr21 { margin-right:21px!important; }

.mr25 { margin-right:25px!important; }

.mr30 { margin-right:30px!important; }

.mr35 { margin-right:35px!important; }

.mr40 { margin-right:40px!important; }

.mr8 { margin-right:8px!important; }



/* Pdding */

.p0 { padding:0!important; }

.pt0 { padding-top:0!important; }

.pt5 { padding-top:5px!important; }

.pt10 { padding-top:10px!important; }

.pt15 { padding-top:15px!important; }

.pt20 { padding-top:20px!important; }

.pt25 { padding-top:25px!important; }

.pt30 { padding-top:30px!important; }

.pt35 { padding-top:35px!important; }

.pt40 { padding-top:40px!important; }

.pb0 { padding-bottom:0!important; }

.pb5 { padding-bottom:5px!important; }

.pb10 { padding-bottom:10px!important; }

.pb15 { padding-bottom:15px!important; }

.pb20 { padding-bottom:20px!important; }

.pb25 { padding-bottom:25px!important; }

.pb30 { padding-bottom:30px!important; }

.pb35 { padding-bottom:35px!important; }

.pb40 { padding-bottom:40px!important; }

.pl0 { padding-left:0!important; }

.pl5 { padding-left:5px!important; }

.pl10 { padding-left:10px!important; }

.pl15 { padding-left:15px!important; }

.pl20 { padding-left:20px!important; }

.pl25 { padding-left:25px!important; }

.pl30 { padding-left:30px!important; }

.pl35 { padding-left:35px!important; }

.pl40 { padding-left:40px!important; }

.pr0 { padding-right:0!important; }

.pr5 { padding-right:5px!important; }

.pr10 { padding-right:10px!important; }

.pr15 { padding-right:15px!important; }

.pr20 { padding-right:20px!important; }

.pr25 { padding-right:25px!important; }

.pr30 { padding-right:30px!important; }

.pr35 { padding-right:35px!important; }

.pr40 { padding-right:40px!important; }

.w130 { width:130px!important; }



/* Font */

.fs8 { font-size:8px!important; }

.fs9 { font-size:9px!important; }

.fs10 { font-size:10px!important; }

.fs11 { font-size:11px!important; }

.fs12 { font-size:12px!important; }

.fs13 { font-size:13px!important; }

.fs14 { font-size:14px!important; }

.fs15 { font-size:15px!important; }

.fs16 { font-size:16px!important; }

.fs17 { font-size:17px!important; }

.fs18 { font-size:18px!important; }

.b { font-weight:bold!important; }

.n { font-weight:normal!important; }



/* Color */

.b2 { color:#222!important; }

.b3 { color:#333!important; }



/* Float */

.fll { float:left!important; }

.flr { float:right!important; }



/* Align */

.vt { vartical-align:top!important; }

.vm { vartical-align:middle!important; }

.vb { vartical-align:bottom!important; }



/* Text-align */

.tal { text-align:left!important; }

.tac { text-align:center!important; }

.tar { text-align:right!important; }



/* DISPLAY */

.db { display:block!important; }

.di { display:inline!important; }



/* BODER */

.bn { border:none!important; }



/* BACKGROUND */

.bkn { background:none!important; }

.bkf0 { background:#ff0000!important; }



/* Cler */

.clb { clear:both!important; }

.imgs { font-size:0!important; line-height:0!important; }

.por { position:relative!important; }





/* サービスリンクボタン */



.service_link a{text-decoration:none;}

.service_link a:hover{text-decoration:none;opacity:0.7;filter:alpha(opacity=70);}



.switch{margin:0 auto;width:90%;padding:5px 0;display:block;color:#fff;text-align:center;background-color:#ffc600;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAQAAACQTsNJAAAAXUlEQVR4Ae3U0QnAIAwG4dvMV1d3DyFjXGcoP0havAE+AsbgcJm0HFimFZr3VeQiyFskYNCcQXMGzRk0Z9CcQXMGzZmjkyANXgdpsLFIg1+M3Bv7B2SbtnFaJpXzAQxn2aPqpWLPAAAAAElFTkSuQmCC');

background-repeat:no-repeat;background-size:15px;background-position:8px 50%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:none;border-bottom:3px solid #d7a700;-webkit-appearance:none}

.switch p{font-weight:bold;}




/* ページャー */
.wp-pagenavi {
    width: 660px;
    text-align: center;
    padding: 0 20px 40px;
    clear: both;
    font-size: 10px;
    line-height: 1.4;
}

.wp-pagenavi .pages {
    margin: 0 0 15px;
    text-align: center;
    display: block;
    color: #333;
    font-size: 14px;
}

.wp-pagenavi a,
.wp-pagenavi .current {
    padding: 7px 14px;
    display: inline;
    text-decoration: none;
    font-size: 12px;
    border-right: 1px solid #fff;
    background: #fcf4e3;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
    background: #fd0100;
    color: #fff;
}