@charset "UTF-8";
/**************************************************/
/* ページ個別CSS */
/**************************************************/

#contents .box{max-width:1200px; min-width:980px; width:100%;}
.ctBox p{font-size:14px; line-height:1.7em;}
.ctBox p.menuTitle{line-height:25px;}

/* パンくず */
#bread{width:980px; margin:0 auto;}

/* タイトル */
#pageTitle{margin:0 auto; background:url(../img/pageTitle_bg.jpg) no-repeat; background-size:100%;}
#pageTitle img{display:block; margin:0 auto; padding:7.8% 0;}

/* メイン */
#main{width:960px; margin:0 auto; padding:0 10px 200px; background:#fff;}

#menubar{display:none;}
.anchorBox{padding-top:40px; padding-bottom:60px;}
.anchorBox ul{margin:0 auto; font-size:14px; list-style:none; text-align:center;}
.anchorBox ul:after{content:''; display:block; clear:both;}
.anchorBox li{float:left; margin:10px 10px 0 0;}
.anchorBox li a{display:block; padding:5px 10px; background:#fde8a5;}
.anchorBox li a:hover{background:#ffc911; text-decoration:none;}

.ctBox{margin:0 auto; padding:80px 0 0;}
.ctBox a{text-decoration:underline;}
.ctBox a:hover{text-decoration:none;}
.ctHead1{margin-bottom:30px; padding-bottom:10px; padding-left:0; background:url(../img/2pxborder.png) repeat-x bottom left;}
.ctHead1:before{content:none;}

.ctBox ul{list-style:none; margin:0; padding:0;}
.ctBox li{position:relative;padding-left:1em;}
.ctBox li span{position:absolute; left:0;}
.ctBox .ctList1 > li{padding-left:2em; padding-bottom:1em;}
.ctBox .ctList2 > li:before{content:'・'; display:inline-block; position:absolute; left:0;}
.ctBox .ctList3 > li{padding-left:3em;}
.ctBox .ctList4 > li{padding-left:8.5em;}

.faqBox h5{padding:10px; margin:20px auto 15px; font-weight:normal; background:#c8e0dc;}
.faqBox h6{margin-top:20px; font-weight:normal;}
.faqBox .red{color:#F00;}
.faqBox .Days{text-align:right;}
.faqBox .faqAnswer p a,
.faqBox .faqAnswer li a{color:#000fff;}
.faqBox table{width:100%; margin-top:20px; border-collapse:collapse;}
.faqBox tr{border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.faqBox th,.faqBox td{padding:1%; vertical-align:middle;}
.faqBox th{text-align:center; border-left:1px solid #cdcdcd; border-top:1px solid #cdcdcd; background:#e6e6e6; }
.faqBox td{border-left:1px solid #cdcdcd;}
.faqBox .ctImage{margin-top:20px;}
.faqBox .ctImage img{margin:0 auto;}

#faq-01{padding-top:0;}

/* faq ---------------------------------------------------------------------------- */
.faqBox{border:1px solid #e4e4e4;background-color:#FFF;margin:18px 0px 0px;padding:0px 0px 16px;position:relative;}
.faqBox:before{content:'Q';display:block;color:#FFF;font-size:18px;text-align:center;line-height:34px;width:34px;background-color:#007a66;border-radius:17px;position:absolute;left:20px;top:20px;}

.faqBox h4{color:#333;font-size:18px;font-weight:normal;line-height:24px;padding:26px 72px 10px 70px;margin:0px;position:relative;}
.faqBox h4 a{position:absolute;left:0px;top:0px;bottom:0px;width:100%;-webkit-transition:all .5s ease;transition: all .5s ease;}
.faqBox h4 a:before,
.faqBox h4 a:after{content:'';position:absolute;right:26px;top:33px;width:20px;height:10px;background:url(../../common/img/clear.gif) no-repeat center;}
.faqBox h4 a:before{opacity:1;background-image:url(../img/faqClose.png);}
.faqBox h4 a:after{opacity:0;background-image:url(../img/faqOpen.png);}
.faqBox h4.closed a{bottom:-16px;}
.faqBox h4.closed a:before{opacity:0;}
.faqBox h4.closed a:after{opacity:1;}

.faqToggle{-webkit-transition:padding .5s ease;transition: padding .5s ease; position:relative;}
.faqToggle:before{content:'A';display:block;color:#FFF;font-size:18px;text-align:center;line-height:34px;width:34px;background-color:#007a66;border-radius:17px;position:absolute;left:20px;top:23px;}

.faqAnswer{padding:26px 72px 5px 70px;}
.faqAnswer p{color:#333;font-size:14px;line-height:24px;}
.faqAnswer p.faqNotes{font-size:13px;line-height:20px;position:relative;padding-left:1.1em;}
.faqAnswer p.faqNotes span{font-size:13px;line-height:20px;position:absolute;left:0px;top:0px;width:1em;text-align:center;}



/* SP版 */
#spMode #contents{min-width:auto;}
#spMode #contents .box{width:auto; max-width:1160px; padding-left:20px; padding-right:20px; overflow:hidden;}

#spMode #bread{width:auto;}

/* タイトル */
#spMode #pageTitle{margin:0!important; background:url(../img/pageTitle_bg.jpg) no-repeat; background-size:100%;}
#spMode #pageTitle img{width:96%; max-width:375px; height:auto; margin:0 auto!important; padding:2.3% 0!important;}


/* メイン */
#spMode #main{padding:0 10px 70px!important;}

#spMode .ctBox a{text-decoration:underline; border:none!important;}
#spMode .ctBox a:hover{text-decoration:underline;}


#spMode .content-wrap{overflow:hidden; position:relative;}
#spMode #main{position:static!important;}
/* 右メニュー */
#spMode #rightMenu{width:150px; position:fixed; top:0; right:-150px; padding:0 0 0 30px; overflow-y:scroll; z-index:2;}
#spMode #rightMenu.tops{position:absolute;}
#spMode .menuwrap{position:relative; padding:10px; background:#fff4cd;}
#spMode #menubar{display:block; position:absolute; top:0; left:-30px; cursor:pointer;}
#spMode #menubar img{margin:0!important;}

.fixed{width:100%; height:100%; position:fixed;}

#spMode .anchorBox{padding-top:0; padding-bottom:0;}
#spMode .anchorBox ul{margin:0 auto; font-size:14px; list-style:none; text-align:center;}
#spMode .anchorBox ul:after{content:none;}
#spMode .anchorBox li{float:none; margin-right:0; margin-top:5px;}
#spMode .anchorBox li a{background:#ffc911;}
#spMode .anchorBox li a:hover{background:#ffc911;}


#spMode .ctBox{margin:0 auto; padding:50px 0 0;}
#spMode .ctBox a:hover{text-decoration:underline;}
#spMode .ctHead1:before{content:none;}

#spMode .faqBox .ctImage{margin-top:20px!important;}


/* faq ------------------------------------------------------------------------ */
#spMode .faqBox{margin:18px 0px 0px;padding:0px 0px 10px;}
#spMode .faqBox:before{font-size:12px;line-height:20px;width:20px;border-radius:10px;left:10px;top:25px;}
#spMode .faqBox h4{font-size:14px;line-height:20px;padding:10px 40px 0px 40px;}
#spMode .faqBox h4 a:before,
#spMode .faqBox h4 a:after{right:10px;top:15px;width:20px;height:10px;background-size:100% auto;}
#spMode .faqBox h4.closed a{bottom:-10px;}

#spMode .faqToggle:before{font-size:12px;line-height:20px;width:20px;border-radius:10px;left:10px;top:10px;}

#spMode .faqAnswer{padding:10px 10px 5px 40px;}
#spMode #main .faqAnswer p,
#spMode #main .faqAnswer li,
#spMode #main .faqAnswer table{font-size:12px;line-height:20px;margin:0px;}
/* -------------------------------------------------------------------------------- */