@charset "utf-8";

/* reset */

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,figure,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
	vertical-align: baseline; background: transparent;
}
body {
	line-height: 1; color: #333; min-width: 320px;
	font-family: "游ゴシック", YuGothic, "Poppins", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana,  sans-serif;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
}

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}

ol, ul { list-style: none; }

:focus { outline: 0; }
img { max-width: 100%; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


/*----- 共通内容 -----*/
a:hover img { opacity:0.8;	filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: tranparent; }
.opa a:hover img { opacity:0.8;	filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background: tranparent; }
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0.1px; line-height: 0; clear: both; }
.none { display: none; }
.mincho {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

#loader{width:100%;height:100%;margin:0;background:#fff;opacity:1.0;position:fixed;top:0;left:0;z-index:9999;}
#loader img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

#wrapper {width:100%;min-width:1080px;}
.wrap {width:1080px;margin:0 auto;}
.sp {display:none;}
main{display:block;}/* for IE */
#header {width:100%;min-width:1080px;padding:10px 15px;display:flex;flex-flow:row wrap;justify-content:space-between;}
#header ul.menu {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;margin-top:15px;}
#header ul.menu li {font-size:18px;line-height:1;text-align:center;padding:0;}
#header ul.menu li:first-child:before{content:none;}
#header ul.menu li:nth-child(6) {margin-left:10px;}
#header ul.menu li.icon {padding:0 3px;}
#header ul.menu li:before{content:"/";margin:0 10px;color:#999;}
#header ul.menu li.icon:before{content:none;}
#header ul.menu li a {color:#333;font-family:'Oswald',sans-serif;font-weight:300;text-decoration:none;width:100%;}
#header ul.menu li a:hover {color:#be0f18;}

section a {text-decoration:none;}
section a:hover {text-decoration:none;}

#footer {width:100%;background:url(../img/common/bg-footer.jpg)no-repeat left bottom;background-size:contain;padding:30px 15px 100px;border-top:4px solid rgba(168, 147, 127, 0.7)}
#footer .wrap{display:flex;flex-flow:row wrap;justify-content:space-between;}
#footer h1{margin-bottom:30px;}
#footer address {font-size:12px;font-style:normal;font-weight:bold;line-height:2;padding:0 0 15px 40px;color:#555;}
#footer address a{color:#e71a19;}
#footer address a:hover{opacity:0.8;}
#footer ul {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;height:24px;margin-top:30px;}
#footer ul li {font-size:18px;line-height:1;text-align:center;padding:0;}
#footer ul li:first-child:before{content:none;}
#footer ul li:nth-child(6) {margin-left:10px;}
#footer ul li.icon {padding:0 3px;}
#footer ul li:before{content:"/";margin:0 10px;color:#999;}
#footer ul li.icon:before{content:none;}
#footer ul li a {color:#333;font-family:'Oswald',sans-serif;font-weight:300;text-decoration:none;width:100%;}
#footer ul li a:hover {color:#be0f18;}
p.copyright{width:100%;font-family:"poppins",sans-serif;padding:10px;color:#fff;background-color:#e71a19;font-size:11px;text-align:center;}

.index #footer	{
	border:none;
}
/* キーフレーム */
@keyframes fadeIn {
	 0% { opacity: 0; }
	 100% { opacity: 1; }
}


/* fixedTop */
#fixedTop {
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	display: none;
	background: #7e6b59;
	position: fixed;
	z-index: 9999;
	border-radius: 50%;
}

#fixedTop:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}
								
.col-01, .col-02, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 { 
	 padding: 0 15px; 
	 display: block; 
	 float: left; 
 }
 
.col-01 { width: 8.33333%; }
.col-02 { width: 16%; }
.col-03 { width: 25%; }
.col-04 { width: 33.33333%; }
.col-05 { width: 41.66667%; }
.col-06 { width: 50%; }
.col-07 { width: 58.33333%; }
.col-08 { width: 66.66667%; }
.col-09 { width: 75%; }
.col-10 { width: 83.33333%; }
.col-11 { width: 91.66667%; }
.col-12 { width: 100%; }

.table01 { width: 100%; border-top: solid 1px #ddd; }
.table01 th { border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; padding: 10px; font-weight: normal; text-align: left; }
.table01 td { border-bottom: solid 1px #ddd; padding: 12px; }

.table02 { width: 100%; border-top: solid 1px #ccc; }
.table02 th { border-bottom: solid 1px #ccc; padding: 12px; font-weight: normal; text-align: left; }
.table02 td { border-bottom: solid 1px #ccc; padding: 12px; }

.table03 { width: 100%; border-top: solid 1px #000; border-left: solid 1px #000; }
.table03 th { border-bottom: solid 1px #000; border-right: solid 1px #000; padding: 12px; font-weight: normal; text-align: left; }
.table03 td { border-bottom: solid 1px #000; border-right: solid 1px #000; padding: 12px; }

/*slidemenu*/
.side_btn .logo {display:table-cell;width:55%;padding:1.3020vw 3.9062vw;vertical-align:middle;}
.side_btn .logo a {display:block;}
.side_btn{border-bottom:solid 1px #7e6b59;}
.side_btn .tel ,
.side_btn .contact ,
.side_btn .menu {display:table-cell;position:relative;width:15%;text-align:center;vertical-align:middle;font-size:calc(4.6875vw * 1.2);color:#fff;}
.side_btn .tel a ,
.side_btn .contact a ,
.side_btn .menu i {display:block;color:#7e6b59;}
.side_btn .contact:before ,
.side_btn .menu:before {position: absolute;top:0;left:0;width:1px;height:100%;content:'';display:block;background:#7e6b59;}

/* for IE */
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
.side_btn .contact:before ,
.side_btn .menu:before {height:95px;}
}

.slidebar .slidebar_nav {}
.slidebar .slidebar_nav li {border-bottom:dotted 1px #999;}
.slidebar .slidebar_nav li a{position:relative;display:block;padding:5% 10% 5% 4%;color:#333;font-size:105%;}
.slidebar .slidebar_nav li span{position:relative;display:block;padding:5% 10% 5% 4%;color:#7e6b59;font-size:105%;}
.slidebar .slidebar_nav li span:after{position:absolute;right:4%;content:"\f067";font-family:FontAwesome;color:#7e6b59;}
.slidebar .slidebar_nav li span.active:after{content:"\f068";font-family:FontAwesome;color:#7e6b59;}
.slidebar .slidebar_nav li a{font-family:'Oswald',sans-serif;font-weight:300;}
.slidebar .slidebar_nav li a:hover{color:#be0f18;}
.slidebar .slidebar_nav li a:after{content:"\f105";font-family:FontAwesome;position:absolute;right:5%;top:50%;-webkit-transform: translateY(-50%); /* Safari用 */transform:translateY(-50%);}
.slidebar .slidebar_nav li .toggle_nav{display:none;margin:0 0 0 10%;font-size:90%;font-weight:normal;}
.slidebar .slidebar_nav li .toggle_nav li:last-child{border-bottom:none;}
.slidebar .slidebar_nav li.side_sub{margin:0 0 5.2083vw;}

@media screen and (max-width: 1465px){

	#footer {background-image:none;}

}

@media screen and (max-width: 768px){

	#wrapper {width:100%;min-width:100%;}
	.wrap {width:100%;}
	.pc {display:none;}
	.sp {display:block;}
	
	#header{display:none;}
	
	#footer .wrap{flex-direction:column;justify-content:flex-start;}
	#footer ul{display:flex;flex-flow:row wrap;justify-content:flex-start;width:100%;height:auto;}
	#footer ul li{font-size:13px;margin-bottom:5px;}
	#footer h1{margin-bottom:15px;}
	#footer address {padding:15px 0;width:100%;}

	
	.col-01, .col-02, .col-03, .col-04, .col-05, .col-06, .col-07, .col-08, .col-09, .col-10, .col-11, .col-12 { padding: 0 10px; }

	.col-01 { width: 8.33%; }
	.col-02 { width: 16.6%; }
	.col-03 { width: 100%; }
	.col-04 { width: 50%; }
	.col-05 { width: 41.6%; }
	.col-06 { width: 50%; }
	.col-07 { width: 100%; }
	.col-08 { width: 100%; }
	.col-09 { width: 75%; }
	.col-10 { width: 83.3%; }
	.col-11 { width: 91.6%; }
	.col-12 { width: 100%; }
	
	.table01 th,.table01 td,
	.table02 th,.table02 td,
	.table03 th,.table03 td{ padding: 5px;}
	.table01 th,.table01 td{boder-right:none;}
		
	.side_btn {position:fixed;top:0;left:0;display:table;width:100%;z-index:10000!important;line-height:1.1;height:calc(2.6875vw * 5);background:#fff;overflow:hidden;}	
	
}


@media screen and (max-width: 480px){

}


@media screen and (max-width: 414px){

}


@media screen and (max-width: 375px){
	
	#footer{width:100%;}
	#footer ul li{font-size:12px;}
	#footer ul li:before{margin:0 5px;}
	#footer ul li.icon{width:auto;}

	
}

@media screen and (max-width: 374px){

}
a:hover	{
	-webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  transition: all 0.6s;
}