@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#000; background:#f8f8f8 url(../images/bg.jpg); font:16px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.6; min-width:980px; -webkit-text-size-adjust:100%; }
h1 , h2 , h3 , h4 , h5 , h6 , address{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:middle; font-weight:normal; }
table td{ word-break:break-all; }

.tcR{ color:#a10e0e; }
.tcG{ color:#647d04; }
.tcO{ color:#fc8c00; }
.tcGray{ color:#aaa; }

.floatR{ float:right; }
.floatL{ float:left; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }

.fontSS{ font-size:10px; }
.fontS{ font-size:12px; }
.fontM{ font-size:14px; }
.fontL{ font-size:20px; }
.fontLL{ font-size: 24px; }

.str{ font-weight:bold; }
.strN{ font-weight:normal; }
.ilc{ font-style:italic; }
.uLine{ text-decoration:underline; }
.marker{ background-color:#f6f0a9; }

.vtM{ vertical-align:middle; }

.idt{ padding-left:1.0em; text-indent:-1.0em; }
.idtS{ padding-left:0.5em; text-indent:-0.5em; }
.idt-dott{ padding-left:1.3em; text-indent:-1.3em; }

.spt0{ padding-top:0; }
.spt10{ padding-top:10px; }
.spt15{ padding-top:15px; }
.spt20{ padding-top:20px; }
.spt25{ padding-top:25px; }
.spt30{ padding-top:30px; }
.spt35{ padding-top:35px; }
.spt40{ padding-top:40px; }

.spb0{ padding-bottom:0; }
.spb10{ padding-bottom:10px; }
.spb15{ padding-bottom:15px; }
.spb20{ padding-bottom:20px; }
.spb25{ padding-bottom:25px; }
.spb30{ padding-bottom:30px; }
.spb35{ padding-bottom:35px; }
.spb40{ padding-bottom:40px; }

.smt0{ margin-top:0; }
.smt5{ margin-top:5px; }
.smt10{ margin-top:10px; }
.smt15{ margin-top:15px; }
.smt20{ margin-top:20px; }
.smt25{ margin-top:25px; }
.smt30{ margin-top:30px; }
.smt35{ margin-top:35px; }
.smt40{ margin-top:40px; }

.smb0{ margin-bottom:0; }
.smb5{ margin-bottom:5px; }
.smb10{ margin-bottom:10px; }
.smb15{ margin-bottom:15px; }
.smb20{ margin-bottom:20px; }
.smb25{ margin-bottom:25px; }
.smb30{ margin-bottom:30px; }
.smb35{ margin-bottom:35px; }
.smb40{ margin-bottom:40px; }

.sml10{ margin-left:10px; }
.sml20{ margin-left:20px; }
.sml25{ margin-left:25px; }
.sml30{ margin-left:30px; }
.sml40{ margin-left:40px; }

.smr10{ margin-right:10px; }
.smr20{ margin-right:20px; }
.smr30{ margin-right:30px; }
.smr40{ margin-right:40px; }

.rel{ position:relative; }
.abs{ position:absolute; }

p{ margin-bottom:30px; }
header p , footer p{ margin-bottom:0; }


/* a **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
a{ color:#000; text-decoration:none; }
a:hover{ color:#fb7b00; text-decoration:underline; }

.main a{ color:#fb7b00; text-decoration:underline; }
.main a:hover{ color:#fbbd00; }

a > img:hover , input[type="image"]:hover ,
.more_balloon:hover , .close:hover{ opacity:0.85; }

a.olink{ background:url(../images/listmark_arrow_orange.png) left 4px no-repeat; padding-left:15px; }
a.olink.fontS{ background-position:left 2px; }

input{ vertical-align:middle; }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cf:before , .cf:after{ content:""; display:table; }
.cf:after{ clear:both; }

/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:980px; margin:0 auto; }


/* font-size **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sidebar{ font-size:14px; }
header , footer , .pankuzu , .gnav .drop li{ font-size:12px; }
footer dd.cat , footer .copy , .gnav .drop li.cat{ font-size:10px; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
header{ background:url(../images/bg_plaid.jpg) repeat-x; height:102px; }
header .top{ height:40px; color:#fff; padding-top:10px; }
header .home_icon { position:absolute; top:40px; left:0; }
header .fb { position:absolute; top:6px;  left:750px; }
header .log{ position:absolute; top:0;    right:0; }
header .tel{ position:absolute; top:45px; right:0; }
header .logout{ position:absolute; top:0; right:0; }
header .mypage{ position:absolute; top:0; right:100px; }

/*header .campaign{ position:absolute; top:34px; left:365px; } キャンペーン広告用 */

/* sp */
header ul{ display:none; }
/******/

/* ヘッダ固定 */
.header-fix{ position:fixed; width:100%; padding-bottom:10px; background:#f8f8f8; border-bottom:solid 1px #ddd; z-index:1000; }
.contents{ padding-top:135px; }


/* gnav **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.gnav ul li   { float:left; position:relative; }
.gnav .drop   { position:absolute; top:30px; left:1px; width:163px; padding:10px; border:dashed 1px #9ec600; background-color:#f3f4f1; box-sizing:border-box; z-index:100; }
.gnav .drop li{ float:none; }


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
footer{ margin-top:50px; }
footer .top{ padding-bottom:200px; border-bottom:solid 2px #647d04; background:url(../images/footer_illust.png) center bottom no-repeat; }
footer .top .logo{ float:left; margin-top:18px; }
footer .top .tel{ float:right; }
footer .top .pri{ float:right; margin:13px 0 0 25px; }
footer .top .pagetop{ position:absolute; top:126px; right:0; }

footer dl{ float:left; width:210px; margin:20px 20px 20px 0; }
footer dt{ background:url(../images/listmark_book.png) left 1px no-repeat; margin-bottom:15px; }
footer dd , .gnav .drop li{ background:url(../images/listmark_circle_green_s.png) 4px 3px no-repeat; margin-bottom:5px; }
footer dd.cat , .gnav .drop li.cat{ display:inline-block; background:#647d00; color:#fff; padding:2px 10px; border-radius:20px; }
footer dt , footer dd , .gnav .drop li{ padding-left:25px; }

footer .flink{ height:34px; background:url(../images/bg_plaid.jpg); padding-top:9px; }
footer .copy { height:30px; background-color:#647d00; color:#fff; padding-top:8px; }
footer .flink , footer .copy{ text-align:center; }

/* sp */
footer .sp-flink{ display:none; }
footer .pc-item{ display:block; }
footer .sp-item{ display:none; }
/******/


/* input **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.ctl{ background-color:#fff; border:solid 1px #c3c3c3; padding:2px 4px; }
.required{ color:#a10e0e; font-size:12px; font-weight:bold; }
.sizeSS{ width:65px; }
.sizeS { width:120px; }
.sizeM { width:320px; }
.sizeL { width:490px; }
textarea{ resize:none; }
textarea.sizeM{ width:490px; height:100px; }
textarea.sizeL{ width:490px; height:200px; }
input:disabled + label{ color:#aaa; }
input:disabled , input:disabled:checked + label{ color:#647d04; border:none; }


/* textarea:focus::placeholder**********
///////////////////////////////////////////////////////////////////////////////////////////////*/
textarea:-webkit-input-placeholder {
	color: #c3c3c3;
}
textarea:-moz-placeholder {
	color: #c3c3c3;
}
textarea:-ms-input-placeholder {
	color: #c3c3c3;
}
textarea::placeholder {
	color: #c3c3c3 !important;
}
input:-webkit-input-placeholder {
	color: #c3c3c3;
}
input:-moz-placeholder {
	color: #c3c3c3;
}
input:-ms-input-placeholder {
	color: #c3c3c3;
}
input::placeholder {
	color: #c3c3c3 !important;
}
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}
textarea:focus::-moz-placeholder {
	color: transparent;
}
textarea:focus::-ms-input-placeholder {
	color: transparent;
}
textarea:focus::placeholder {
	color: transparent;
}

/* tag adjust**********
///////////////////////////////////////////////////////////////////////////////////////////////*/
h4.circle_g {
    position: relative;
    padding: 0px 31px 8px;
    font-size: 22px;
}

/*h4.circle_g:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: '';
    background-image: -webkit-repeating-linear-gradient(135deg, #617e09, #617e09 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #617e09, #617e09 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}*/

/*h4.circle_g {
    background: url(../images/listmark_h4_book_icon.png) top 12px left 17px no-repeat;
    padding: 6px 5px 1px 49px;
    font-size: 22px;
    position: relative;
    color: #647d04;
    border: solid 3px;
    border-bottom: 3px solid #647d04;
}*/
/*h4.circle_g:before, h4.circle_g:after {
    position: absolute;
    content: '';
    left: 1em;
    width: 0;
    height: 0;
    border-width: 14px 12px 0;
    border-style: solid;
}
h4.circle_g:before {
    bottom: -14px;
    border-color: #647d04 transparent transparent;
}
h4.circle_g:after {
    bottom: -10px;
    border-color: #f7f7f7 transparent transparent;
}*/

h2.circle_g {
    background: url(../images/listmark_h4_book_icon.png) top 5px left 4px no-repeat;
    padding: 4px 5px 1px 40px;
    font-size: 26px;
    position: relative;
    color: #647d04;
    /*border-bottom: 3px solid #647d04;*/
    line-height: 28px;
    /*display: inline-block;*/
    margin-bottom: 20px;
    margin-top: 2.5em;
}
h2.circle_g:after {
    background-color: #647d04;
    border-radius: 5px;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
}