@charset "utf-8";

/* base */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:1em; color:#444;}
body{font-size:16px;}
body,
table,
input, textarea, select, option{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary{display:block;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
img{vertical-align:top;}
a,
a:link{color:#4e4e4e;}
a:visited{color:#4e4e4e;}
a:hover{color:#4e4e4e;}
a:active{color:#4e4e4e;}
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

.fwNormal { font-weight: normal !important; }
.fwBold,.bold { font-weight: bold !important;}

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

.tred{color:#f00;}
.tbase{color:#4e4e4e;}

.mt0 { margin-top: 0 !important; }
.mtl { margin-top: 40px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.t_center{ text-align:center !important;}

.clearfix:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

a.tapCtrl, input.tapCtrl,
.tapCtrl a, .tapCtrl input {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
input{width:100%; border:none; -webkit-appearance:none; border-radius:0; -webkit-border-radius:0;}

a{text-decoration:underline;}
p{font-size:0.9em; -moz-font-feature-settings:"palt";　-webkit-font-feature-settings:"palt";　font-feature-settings:"palt"; letter-spacing:1px;}
.chui{font-size:0.6em; color:#808080; line-height:1.7;}
.min{font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", serif;}

/* main */
body{line-height:1.8; text-align:center; background:#fff; -webkit-text-size-adjust:none;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:unset;
	@media only screen and(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx) {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	}
}
#container{text-align:left; z-index:5;}
article:after{height:0; visibility:hidden; content:"."; display:block; clear:both;}
div{box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden; position:relative;}
img{width:100%;}
sup{font-size:0.6em;}

/* kv */
.kv .logo img{width:23%; height:auto; position:absolute; top:14px; left:14px;}

/* gNavi */
#gNavi{position:relative; box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1);}
#change{width:100%; position:fixed; top:0; left:0; z-index:99999; display:none; background:#fff; box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 5px 20px 0px rgba(0,0,0,0.1); background:#a28f73;}
#change.fixed{display:block; position:fixed; opacity:0; animation:0.2s fadeIn forwards;}
#gNavi ul{background: #b3a287;}
#gNavi li{width:calc(33% - 1px); float:left; border-right:1px solid #dcdcdd;}
#change li a{width:calc(33% - 1px); padding:0; float:left; display:block; border-right:1px solid #beb19d; text-align:center;}
#change li img{width:auto; max-height:52px;}
#gNavi li:nth-of-type(3),#change li:nth-of-type(3) a{border-right:none;}

@keyframes fadeIn {
  from {opacity:0;}
  to {opacity:1;}
}

/* footer */
#footer{margin:0 auto; padding:32px 0 20px; text-align:center;}
#footer p,#footer a{font-size:0.8em; line-height:1.7;}
#footer .linkUl{margin-bottom:12px;}
#footer .linkUl li{display:inline; font-size:1em;}
#footer .linkUl li a{margin:0 7px; text-decoration:underline;}
#footer #pagetop{width:50px; height:50px; position:fixed; bottom:0; right:0; z-index:999;}

/* accordion */
.trigger{position:relative;}
.trigger:after{width:10px; height:10px; margin:-0.5em; display:block; position:absolute; top:50%; right:8%; border-bottom:solid 1px #888; border-right:solid 1px #888; -webkit-transform:rotate(45deg); transform:rotate(45deg); content:"";}
.trigger.active:after{width:10px; height:10px; margin:-0.5em; display:block; position:absolute; top:55%; right:8%; border:none; border-top:solid 1px #888; border-left:solid 1px #888; -webkit-transform:rotate(45deg); transform:rotate(45deg); content:"";}
.section07 .border .trigger1:after{width:10px; height:10px; margin:-0.5em; display:block; position:absolute; top:45%; right:8%; border-bottom:solid 1px #d4ba7a; border-right:solid 1px #d4ba7a; -webkit-transform:rotate(45deg); transform:rotate(45deg); content:"";}

/* preendbtn */
.prebtn,.endbtn{display:none;}
.end .endbtn{margin:20px 5% 0; padding:10px 0; display:block; background:#666; color:#fff; text-align:center; letter-spacing:1px;}
.pre .prebtn{margin:20px 5% 0; padding:10px 0; display:block; background:#bba57d; color:#fff; text-align:center; letter-spacing:1px;}
.end form,.pre form{display:none;}

/* section01 */
.section01{padding:50px 6% 40px; background:url(../images/bg01.jpg) no-repeat center top; background-size:cover;}
.section01 .lead{margin-top:20px;}
.section01 .chui{margin-top:20px;}
.section01 .box{width:auto; height:242px; margin:30px auto 0; background:url(../images/text08.png) no-repeat top center; background-size:contain; text-indent:-9999px;}


/* cartsection */
.cartsection{margin-bottom:-1px; padding:60px 14% 30px; background:url(../images/bg03.jpg) no-repeat center top; background-size:cover;}
.cartsection li{padding-bottom:30px; overflow:hidden; position:relative;}
.cartsection img{width:33%; float:left;}
.cartsection img.w100{width:100%; margin-bottom:14px;}
.cartsection .textBox{width:66%; float:right;}
.cartsection .name{line-height:1.45;}
.cartsection .price{margin-top:10px; line-height:1.3;}
.cartsection .price span{font-size:0.9em;}
.cartsection form{padding-top:6px; clear:both;}
.cartsection a{width:100%; display:block;}
.cartsection a img{width:100%;}

/* section02 */
.section02{padding:50px 0 0;}
.section02 h2{margin:0 6%;}
.section02 h3{margin:30px 6%;}
.section02 p{margin:20px 6% 0;}
.section02 .boxwrap{margin-top:20px;padding:20px 6% 30px;background:#f0f0f0;}
.section02 .boxwrap h3{margin:0;}
.section02 .boxwrap img{margin-top:20px;}
.section02 .boxwrap p{margin:30px 0 0;}

/* section03 */
.section03{padding:50px 0;}
.section03 h2{margin:0 6%;}
.section03 p{margin:30px 6%; font-size:0.85em;}

/* section04 */
.section04 .comBox{padding:50px 6% 70px; background:url(../images/bg05.jpg) no-repeat center top; background-size:cover;}
.section04 p{margin:30px 0; font-size:0.85em;}

/* section05 */
.section05{padding:50px 0 0; background:url(../images/bg09.jpg) no-repeat center top #f7fcff; background-size:100% auto;}
.section05 .comBox{background:url(../images/bg09_3.jpg) repeat-x center bottom; background-size:auto 100px;}
.section05 .chui{max-height:100px; padding:30px 20px 60px; text-align:right; background:url(../images/bg09_2.jpg) no-repeat left bottom; background-size:auto 100px;}
.section05 h2{margin:0 20px;}
.section05 .box{margin:0 20px; }
.section05 .box h3{height:3.6em; padding:1.2em 0 0; font-size:0.9375em; line-height:1.3; font-weight:normal; border-bottom:1px solid #ccc;}
.section05 .text{padding:10px 0 30px; line-height:1.84; text-align:justify;}
.section05 .text span{display:block; text-align:right; font-size:0.85em; color:#4a4a4a;}

/* section06 */
.section06{padding:50px 6%;}
.section06 p{margin-top:30px; overflow:hidden; position:relative; font-size:0.85em;}
.section06 p img{width:35%; margin-top:10px; float:right;}
.section06 .refill{margin-top:30px; padding:20px 0; background:#f9f9f9;}
.section06 .refill .img20,.section06 .refill p{display:inline-block; vertical-align:middle;}
.section06 .refill .img20{width:110px; height:auto;}
.section06 .refill p{width:calc(90% - 110px); padding:0 3%; font-size:0.75em;}
.section06 .refill p.chui{width:calc(100% - 8% - 3%); margin:10px 4% 0; font-size:0.6em; }

/* section08 */
.section08{
padding:130px 0 110px;
background-image:url("../images/img21.jpg"),url("../images/img22.jpg");
background-repeat:repeat-x, repeat-x;
background-position:top center,bottom center;
background-size:auto 75px;
}
.section08 h2{margin:0 6%}
.section08 p{margin:30px 6% 0;  font-size:0.85em;}
.section08 .promise{margin:30px 0 0; padding:40px 6%; background:#f9f9f9;}
.section08 .promise ol{margin:20px 0 0 0; text-align:left; display:inline-block;}
.section08 .promise li{margin-bottom:16px; padding:0 0 0 38px; background:url(../images/text09.png) no-repeat top left; background-size:24px auto; line-height:1.6; font-size:0.75em; letter-spacing:0.2px;}
.section08 .promise li:nth-of-type(1){background-position: 0 2px;}
.section08 .promise li:nth-of-type(2){background-position: 0 -118px;}
.section08 .promise li:nth-of-type(3){background-position: 0 -238px;}
.section08 .promise li:nth-of-type(4){background-position: 0 -358px;}
.section08 .promise li:nth-of-type(5){background-position: 0 -478px;}
.section08 .promise li:nth-of-type(6){background-position: 0 -598px;}
.section08 .promise li:nth-of-type(7){background-position: 0 -718px;}
.section08 .promise li:nth-of-type(8){background-position: 0 -838px;}
.section08 .promise li:nth-of-type(9){background-position: 0 -958px;}
.section08 .promise li:nth-of-type(10){margin-bottom:0; background-position: 0 -1078px;}
.section08 .point{margin:30px 6% 0;}

/* KaiU */
#cv-tech-modal-main-top,
.cv-tech-fancybox-outer,
.cv-tech-fancybox-skin{
overflow:visible;
}
#cv-tech-modal-close-contents{
  position:static;
}