@charset "utf-8";

/* reset
---------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, img, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tr, th, td, article, embed, footer, header, hgroup, nav, section, time{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;font-weight:normal;}

/* HTML5 display-role reset for older browsers */
article, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}

img{vertical-align:bottom; max-width: 100%;}
body,html{height:100%;}
*{box-sizing:border-box;}

/* font
---------------------------------------------------------- */
body{font-size:14px; color:#333333; line-height:1.6;font-family: /*'Roboto Condensed',*/'Noto Sans Japanese', sans-serif;}

/* useful
---------------------------------------------------------- */

/*clear*/
.cl{display: block; min-height: 1%;}
.cl:after{clear: both;content:".";display: block;	height: 0;visibility: hidden;}
* html .cl{height: 1%; /*\*//*/height: auto;overflow: hidden;/**/}

.clears {clear:both;}



/*font*/
.fwB{font-weight:bold !important;}
.fsS{font-size:85% !important;}
.fsM{font-size:120% !important;}
.fsL{font-size:150% !important;}
.fsXL{font-size:180% !important;}

.fIta{font-style: italic;}

/*margin,padding*/
.mC{margin-left: auto; margin-right: auto;}
.mbN{margin-bottom:0 !important;}
.mbSS{margin-bottom:0.5em !important;}
.mbS{margin-bottom:1em !important;}
.mbM{margin-bottom:2em !important;}
.mbL{margin-bottom:4em !important;}
.mbXL{margin-bottom:5em !important;}

.mtN{margin-top:0 !important;}
.mtS{margin-top:1em !important;}
.mtM{margin-top:2em !important;}
.mtL{margin-top:4em !important;}
.mtXL{margin-top:5em !important;}

.indent{text-indent:-1em; padding:0 0 0 1em;}
.indentNum{ text-indent:-2em; padding:0 0 0 2em;}

.inS{padding:0 15px;}

/*align*/
.taC{text-align:center !important;}
.taR{text-align:right !important;}
.taL{text-align:left !important;}

/*color*/
.fRed{color:#d80000;}
.fKey{color:#b50f04;}
.fAccent{color:#b50f04;}

/*float*/
.fL{float:left;}
.fR{float:right;}
.imgL{float:left;margin-right:1.5em !important;}
.imgR{float:right;margin-left:1.5em !important;}

/*display*/
.inB{display:inline-block;}
.disB{display:block;}

.noB{border:none !important;}

a:link,a:visited{ color: #ba9d13; text-decoration:none;}
a:hover,a:active{ color: #dec030; text-decoration:underline;}

body{-webkit-text-size-adjust: none; background:url(../img/bg.jpg);}
button{cursor:pointer;}


/* layout
---------------------------------------------------------- */

header{background:#fff;box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15); position: relative; z-index: 100;}
.headerIn{width:1020px;margin:0 auto;padding:25px 10px;display: table;}
.headerIn .logo{display: table-cell; vertical-align: middle;}
.headerIn .telBlock{display: table-cell; vertical-align: middle; text-align: right;padding-right:0.5em;}

/*telBlock*/
.telBlock{color:#5a4a2a;}
.telBlockIn{text-align: left; display: inline-block;}
.telBlock .telNum{font-family:'Roboto Condensed';background:url(../img/icon_tel.png) no-repeat left center;font-weight: bold;padding:0 0 0 35px; font-size:220%; line-height: 0.9;}
.telBlock .telNum a{font-weight: bold;color:#5a4a2a;}
.telBlock .telOpen .telTit{display: inline;border-radius: 3px;background:#f1eac9; color:#666;padding:0.2em 0.8em;margin:0 0.5em 0 0;font-size:80%;vertical-align: middle;}
.telBlock .telOpen .telTime{font-size: 110%; line-height: 1; vertical-align: middle;vertical-align: middle;}
.telBlock .telOpen .fsS{vertical-align: middle;}
.headerIn .contactBlock{display: table-cell; width:240px; vertical-align: middle;}


.pankuzu{width:1020px; margin:0 auto;padding:0 10px; line-height: 50px;}
.pankuzu span{font-weight: bold;}

.contents{width:1020px;overflow: hidden;margin:0 auto 50px;}
.mainCnt{width:740px;padding:0 10px;float:right;}

.sideCnt{width:270px;padding:0 10px;float:left;}
.sideCnt .over{display:block;background:#fff;margin:0 0 20px 0;}
.sideCnt .r5{border-radius: 5px;}

.sideTakuhai{height:220px; background:url(../img/side_takuhai_bg.png) no-repeat;position: relative;margin:0 0 20px 0;}
.sideTakuhai .btn1{position: absolute; left:10px;top:90px;}
.sideTakuhai .btn2{position: absolute; left:10px;top:160px;}

.sideMenu{margin:20px 0 10px 0; padding:15px; background:#fff; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);}

.sideMenuTit{font-size:130%;font-weight: bold; color:#ba9d13;margin:0 0 10px 0;}
.sideMenu li{border-top:1px dotted #cccccc;}
.sideMenu li a{display: block; padding:10px 25px 10px 5px;background:url(../img/mark_arrow01.png) no-repeat 200px center; text-decoration: none; color:#333333;}
.sideMenu li a:hover,
.sideMenu li a:active{color:#ba9d13;background-color: #f1eac9;}


#pagetop{position: fixed;bottom:64px; right:5em; z-index:9999;}
#pagetop a{display: block; width: 56px;}

footer{background:#ba9d13;}
.footerIn{width:1020px;margin:0 auto;padding:20px 10px;position:relative;}
.footerIn .footerImg{position: absolute; right:15px; bottom:0;}
.footerIn .footerContact{width:460px;float:right;background:#fff;border-radius: 5px;padding:15px 20px;}
.footerIn .footerContact .telBlock{margin:0 0 10px 0;}

.footerIn .footerLink{width:650px;}
.footerIn .footerLink ul{overflow: hidden;}
.footerIn .footerLink li{width:25%;float:left;}
.footerIn .footerLink li:last-child{width:auto;}
.footerIn .footerLink li a{color:#fff;line-height: 2em; background:url(../img/mark_arrow02.png) no-repeat left center; padding:0 0 0 10px;}
.footerIn .footerLink li a:hover,
.footerIn .footerLink li a:active{text-decoration: underline;}

.kobutsu{color:#fff;font-size:90%;margin:10px 0 0;}
.copy{color:#fff;font-size:90%;margin:5px 0 0;}



/* common
---------------------------------------------------------- */

.boxF{overflow:hidden;}

.comBlock{margin:0 0 3em; padding:30px; background:#fff; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);}
.comBlock p{margin:0 0 2em 0;}
.comBlock p:last-child{margin:0;}

.comTit01{
background:#eee;
background:-webkit-linear-gradient(#eee 0%,#fff 100%);
background:linear-gradient(#eee 0%,#fff 100%);
border-top:2px solid #fff;border-bottom:2px solid #ba9d13;color:#ba9d13;font-size:130%;font-style: italic;font-weight: bold; padding:0.5em;margin:0 0 1.5em 0;}

.comTit02{background:#ba9d13;color:#fff;font-size:140%;font-weight: bold; padding:0.2em 30px;box-shadow:inset 0px -1px 0px #fff;border-bottom:3px solid #ba9d13;}


.comTit03{color:#5a4a2a;font-weight: bold; margin:0 0 1em;font-size:120%; line-height:1.2;padding:0 0 0 10px;border-left:3px solid #ba9d13;}



.comTbl01 table{width:100%;}
.comTbl01 th,
.comTbl01 td{border:1px solid #cccccc;padding:10px; vertical-align: middle; text-align: left;}
.comTbl01 th{font-weight: bold;background:#efefef; text-align: left;white-space: nowrap;}
.comTbl01 th .must{float:right;}

.comLink01{}
a.comLink01:hover,a.comLink01:active{text-decoration:underline;}

.comBtn01,
.submitBtn input{
background:#ba9d13;
background:-webkit-linear-gradient(#dec030 0%,#ba9d13 100%);
background:linear-gradient(#dec030 0%,#ba9d13 100%);
border:1px solid #dec030;
box-shadow:inset 0px 1px 0px rgba(255,255,255,0.8);
margin-left:auto;
margin-right:auto;
display: inline-block;
border-radius: 5px;
width:300px;
max-width:100%;
padding:0.5em 0;
text-align: center;
color:#fff !important;
text-shadow:-2px -1px 1px rgba(0,0,0,0.3);
font-size:120%;
transition: all 0.3s;
font-family: inherit;
}
.comBtn01:hover,
.submitBtn input:hover{text-decoration:none !important; opacity:0.7;}

/* index
---------------------------------------------------------- */

.mainImg{width:1020px; margin:0 auto 30px;padding:0 10px;}
.mainImg img{box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);}

.topResult{margin:0 0 3em 0;}
.topResult .cl{padding-left:15px;}
.topResult .box{background: #fff;padding:10px; text-align: center;width:220px;margin:0 15px 15px 0;float:left;box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);}
.topResult .box img{display: block; margin:0 0 10px 0;}
.topResult .box .resultTit{}
.topResult .box .resultPrice{}
.topResult .box .price{color:#d80000;font-size:140%;}
.topResult .box .yen{color:#d80000;}

.topReason{margin:0 0 3em 0;}

.topPriceTbl {padding:10px;}
.topPriceTbl table{width:100%;}
.topPriceTbl th{text-align: center;font-weight: bold;padding:8px 10px;}
.topPriceTbl tr:nth-of-type(2n) td{background:#efefef;}
.topPriceTbl td{text-align: center;padding:8px 10px;border-bottom:1px solid #fff;}
.topPriceTbl tr td.head{background:#f1eac9; text-align: left;}



/* item
---------------------------------------------------------- */
.itemBox{overflow:hidden;margin-bottom:20px; padding-bottom:20px;border-bottom:1px solid #cccccc;}
.itemBlock .itemBox:last-child{border:none;}
.itemBox img{float:left;}
.itemBox .boxR{width:440px; float:right;}
.itemBox h3{border-left:3px solid #ba9d13;font-size:140%;font-weight:bold;padding:0 0 0 10px;margin:0 0 0.5em; line-height:1;}
.itemBox p{font-size:120%;margin:0 0 1em 0; line-height:1.4;}
.itemBox .boxOK{background:url(../img/icon_ok.png) no-repeat left center; color:#b50f04;padding:0 0 0 65px; line-height:1.4; min-height:34px;}
.itemCaution{margin:0; padding:10px; background:#f1eac9; line-height:1.4;}
.itemList li{list-style: disc;margin:0 0 0.2em 1.5em;}


/* reason
---------------------------------------------------------- */

.reasonTit{font-size:80%;margin:0 1.5em 0 0;font-weight:bold;}
.reasonTit span{font-size:140%;font-style:italic; margin:0 0 0 0.1em;}


/* syutyou,takuhai
---------------------------------------------------------- */

.osusumeBlock{padding:0 0 2em;margin:0 0 2em;border-bottom:1px solid #cccccc;}
.osusumeBlock:last-child{margin:0;padding:0;border:none;}
.osusumeBlock .imgL{margin:0 30px 0 0;}
.osusumeBlock h3{font-size:160%; font-weight:bold; margin:0 0 0.5em; color:#b50f04;}
.osusumeBlock p{margin:0;}


.qaTop{display:table;width:100%; margin:0 0 2.5em 0;}
.qaTop .boxL{display:table-cell;width:140px; vertical-align:middle;}
.qaTop .boxR{display:table-cell;vertical-align:middle;color:#ba9d13;font-weight:bold;font-size:160%;}

.qaBottom{display:table;width:100%;margin:2em 0 0 0;}
.qaBottom .boxL{display:table-cell;width:100px; vertical-align:middle;}
.qaBottom .boxR{display:table-cell;vertical-align:middle;color:#b50f04;font-weight:bold;font-size:160%;}

.faqBlock{margin:0 0 2em 0;}
.faqBlock .que{color:#b50f04;font-size:140%;margin:0 0 0.5em 0;}
.faqBlock .que span{display:inline-block;width:30px;padding:0 5px 0 0;text-align:right;}
.faqBlock .ans{padding:0.4em 0.4em 1.5em 30px;margin:0 0 1em 0;border-bottom:1px solid #cccccc;text-indent:0;position:relative;}
.faqBlock .ans span{display:inline-block;width:30px;padding:0 5px 0 0;color:#ba9d13;font-size:140%;position:absolute;left:0; top:0;text-align:right;}
.ans:last-child{border:none;padding-bottom:0; margin-bottom:0;}

.flowBlock{background:#f1eac9;padding:15px; border-radius:5px;position:relative;margin:0 0 60px 0;}
.flowBlock:after{content:url(../img/flow_arrow.png);margin-left:-36px;position:absolute;left:50%;bottom:-45px;display:block;}

.flowBlock:last-child{margin:0;}
.flowBlock:last-child:after{content:'';}
.flowBlock h3{color:#b50f04;font-size:140%; font-weight:bold; margin:0 0 1em 0;text-shadow:0px -1px 1px rgba(255,255,255,0.9);}
.flowBlock .telBlock .telOpen .telTit{background:#fff;}

.flowBlock p{margin:0 0 1.5em 0;}
.flowBlock p:last-child{margin:0;}

.noArrow{content:'';margin:0 0 20px 0;}
.noArrow:after{content:'';}

.takuhaiKit{margin:0 0 60px 0;border:2px solid #cccccc;padding:15px;background:#fff;border-radius:0;position:relative;}
.takuhaiKit:after{content:url(../img/flow_arrow.png);margin-left:-36px;position:absolute;left:50%;bottom:-45px;display:block}
.takuhaiKit h3{color:#5a4a2a;font-weight:bold;font-size:120%;}

.takuhaiBtn{margin:1em 0 0 0;padding:0 15px 0 0;}


/* takuhaifax
---------------------------------------------------------- */

.faxWrap{position:relative;margin:0 0 60px 0;}
.faxBlock{display: table;width:100%;}
.faxBlock .boxL{display:table-cell;width:340px; vertical-align: middle;}
.faxBlock .boxR{display:table-cell; vertical-align: middle;}
.faxNum{color:#5a4a2a;font-family:'Roboto Condensed';background:url(../img/fax_mark.png) no-repeat left center;font-weight: bold;padding:0 0 0 40px; font-size:290%;}

.faxWrap:after{content:url(../img/fax_arrow.png);margin-left:-36px;position:absolute;left:50%;bottom:-45px;display:block;}

.faxlast:after{margin:0;content:"";}

/* terms
---------------------------------------------------------- */

.termsBox{margin:0 0 2em;}
.termsBox:last-child{margin:0;}
.termsBox p,
.termsBox ul,
.termsBox ol{padding:0 10px;}
.termsBox ol li{list-style: decimal;margin:0 0 0.4em 1.5em;}
.termsBox ol{padding:0 10px;}
.termsBox ul li{list-style: disc;margin:0 0 0.4em 1.5em;}


/* contact,order
---------------------------------------------------------- */
.comTbl01 th{width:26%;}
.comTbl01 label{cursor: pointer;}
.comTbl01 input{font-size:100%;}
.comTbl01 input[type="text"],
.comTbl01 input[type="email"],
.comTbl01 input[type="tel"],
.comTbl01 select,
.comTbl01 textarea{box-shadow:none;border-radius: 0;margin-bottom: 4px;}
.comTbl01 textarea{height:10em;font-size:100%;}
.comTbl01 .kikkake li,
.comTbl01 .moushikomi li{width:31%;float:left;margin:0 2% 0 0;}
.comTbl01 .kikkake li label,
.comTbl01 .moushikomi li label{width: 100%;}

.contactImg{margin-top:-20px;}
.contactSend{margin:1.5em 0 0 0; text-align: center;}
.contactSend button{margin:1em 0 0 0;}

.kitSend{padding:10px;border:1px solid #ccc;margin:0 0 1.5em;background:#f5f5f5;}
.kitSend span{font-weight: bold;}

.kitsize{overflow: hidden;margin:0 0 1em 0;}
.kitsize li{width:44%;float:left;margin:0 2% 0 0;}
.kitsize li label{width: 100%;}


#mfp_overlay h4{font-weight: bold; font-size:120%; text-align: center; margin:0 0 1em 0;}
header{background:#FFFAE4;}
#index header{box-shadow: none;padding-bottom:0;}

.telBlock .telOpen .telTit{background:#ba9d13 !important;color:#fff;}


.sideMenu{margin:20px 0 0 0; padding:15px 0 0; background:none;box-shadow:none;}

.sideMenuTit{background:url(../img/tit_mark2.png) no-repeat left center;padding-left:20px; }
.sideMenu li{border:none;margin:0 0 10px 0;}
.sideMenu li a{background:url(../img/mark_arrow01.png) no-repeat 220px center #f5f5f5;padding-left:15px;}
.sideMenu li a:hover,
.sideMenu li a:active{background-color: #eee;}

.footerIn .footerLink li a{padding:0 0 0 15px;}

.mainImg{width:100%;text-align: center;background:url(../img/mv_bg.jpg) repeat-x left top;box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.15);}
.mainImg img{box-shadow: none;display: block;margin:0 auto;}


.comTit01{background:url(../img/tit_mark.png) no-repeat left center;padding-left:30px;border-bottom:2px solid #ba9d13;font-size:140%;font-style: normal;}
.comTit03{border-left:3px solid #b50f04;}
.itemBox h3{border-left:3px solid #b50f04;}

.comBtn01,
.submitBtn input{
background:#821912;
background:-webkit-linear-gradient(#c20c00 0%,#821912 100%);
background:linear-gradient(#c20c00 0%,#821912 100%);
border:1px solid #c20c00;
box-shadow:inset 0px 1px 2px rgba(255,255,255,0.6);}


.topResult .box{border:2px solid #f1eac9;box-shadow: none;}