@charset "utf-8";
/* CSS Document 

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, img, ins, kbd, q, s, samp, small, strike, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-style:normal; font-weight:normal; font-size:100%; vertical-align:baseline;}
strong { margin:0; padding:0; border:0; font-style:normal; font-weight:bold; font-size:100%; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
html{ overflow-y:scroll;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none;}
input, textarea{ margin:0; padding:0;}
ol, ul{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
caption, th{ text-align:left;}
a:focus { outline:none;}
*/

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}  
.clearfix { display:inline-table; }  
/* Hides from IE-mac \*/  
* html .clearfix { height:1%; }  
.clearfix { display:block; }  
/* End hide from IE-mac */  
 

/*---- common ----*/
#headerWrap2018 *, #gNaviWrap2018 *, #mainWrap2018 *, #footerWrap2018 * { box-sizing:border-box;}
#headerWrap2018 a, #gNaviWrap2018 a, #mainWrap2018 a, #footerWrap2018 a { text-decoration:none; webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
#headerWrap2018 a:hover, #gNaviWrap2018 a:hover, #mainWrap2018 a:hover, #footerWrap2018 a:hover { text-decoration:none; opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)"; webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
#headerWrap2018 img, #gNaviWrap2018 img, #mainWrap2018 img, #footerWrap2018 img { max-width:100%; height:auto; vertical-align: bottom;}
#headerWrap2018 .mb, #gNaviWrap2018 .mb, #mainWrap2018 .mb, #footerWrap2018 .mb { display: none;}
#headerWrap2018 .mincho, #gNaviWrap2018 .mincho, #mainWrap2018 .mincho, #footerWrap2018 .mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.inner2018 { position: relative; width: 1000px; margin: 0 auto;}
.innerW2018 { position: relative; width: 1150px; margin: 0 auto;}

@media screen and (max-width: 980px){
	.inner2018 { width: 100%; padding: 0 10px;}
	.innerW2018 { width: 100%;}
}
@media screen and (max-width: 640px){
	#headerWrap2018 .pc, #gNaviWrap2018 .pc, #mainWrap2018 .pc, #footerWrap2018 .pc { display: none;}
	#headerWrap2018 .mb, #gNaviWrap2018 .mb, #mainWrap2018 .mb, #footerWrap2018 .mb { display: block;}
}
@media screen and (max-width: 479px){

}


/*---- header ----*/

header {}
#headerWrap2018 { width: 100%; height: 190px; min-width: 1000px; margin: 0 auto; background: #F7ECD7; line-height: 150%; color: #333; font-size: 16px; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important; text-align: center; word-wrap: break-word;}
#headerWrap2018 .h1wrap { position: absolute; left: 525px; top:20px;}
#headerWrap2018 .h1wrap h1 { color: #7E6B5A; font-size: 11px;}
#headerWrap2018 .headerLogo { position: absolute; left: 25px; top:65px;}
#headerWrap2018 .headerCatch { position: absolute; left: 25px; top:120px;}
#headerWrap2018 .headerCatch p { font-size: 11px; text-align: left;}
#headerWrap2018 .headerCatch p span { display: inline; margin-left: 1em;}
#headerWrap2018 .headerTel { position: absolute; left: 525px; top:80px;}
#headerWrap2018 .headerContact { position: absolute; left: 735px; top:80px; width: 240px; height: 60px; background: #CC2A27; line-height: 60px;}
#headerWrap2018 .headerContact a { color: #fff; font-size: 27px;}
#headerWrap2018 .headerContact img { vertical-align: middle;}

@media screen and (max-width: 640px){
	#headerWrap2018 { min-width: 360px; height: 100px;}
	#headerWrap2018 .h1wrap { position: static;}
	#headerWrap2018 .headerLogo { left: 10px; top: 25px;}
	#headerWrap2018 .headerLogo img { width: 200px;}
	#headerWrap2018 .headerCatch { position: absolute; left: 10px; top:65px;}
	#headerWrap2018 .headerCatch p { margin-top: 4px; font-size: 11px; line-height: 13px;}
	#headerWrap2018 .headerTel { left: auto; right: 66px; top:25px;}
	#headerWrap2018 .headerTel .mb { width: 46px; height: 46px; padding-top: 7px; background: #fff; line-height: 12px;}
	#headerWrap2018 .headerMenu { position: absolute; right: 10px; top:25px;}
	#headerWrap2018 .headerMenu .mb { width: 46px; height: 46px; padding-top: 7px; background: #fff; line-height: 12px;}
	#headerWrap2018 .headerTel .icon, #headerWrap2018 .headerMenu .icon { color: #FCAB02; font-size: 20px; line-height: 12px; transform: scale(-1, 1);}
	#headerWrap2018 .headerTel .text, #headerWrap2018 .headerMenu .text { color: #FCAB02; font-size: 10px; font-weight: bold; line-height: 10px;}
	#headerWrap2018 .headerContact { display: none;}
}
@media screen and (max-width: 479px){
	#headerWrap2018 { height: 85px;}
	#headerWrap2018 .h1wrap { display: none;}
	#headerWrap2018 .headerLogo { top: 10px;}
	#headerWrap2018 .headerCatch { top: 50px;}
	#headerWrap2018 .headerTel, #headerWrap2018 .headerMenu { top: 18px;}
}


/*---- global navi ----*/
#acNavi { z-index: 8000;}
#gNaviWrap2018 { width:100%; }
#gNaviWrap2018 .innerW2018 { position: relative;}
#gNaviWrap2018 ul { position: absolute; left: 50%; top:150px; display: table; width: 1000px; height: 80px; padding: 30px 50px; margin-left: -500px; background: url(../images2018/gnavi_bg.png) no-repeat; z-index: 9999;}
#gNaviWrap2018 ul li { display: table-cell; color: #fff;} 
#gNaviWrap2018 ul li:before { content:'/'; padding-left: 13px;}
#gNaviWrap2018 ul li:nth-child(7):before { content:''; padding-left: 0px;}
#gNaviWrap2018 ul li a { color: #fff; font-size: 15px; font-weight: bold; }

@media screen and (max-width: 640px){
	#acNavi { display: none;}
	#gNaviWrap2018 { height: auto; }
	#gNaviWrap2018 ul { left: 0%; top: 80px; display: block; width: 100%; height: auto; margin: 0; padding: 0; background: #FCAB02;}
	#gNaviWrap2018 ul li { display: block; width: 100%; border-bottom: 1px #F7ECD7 solid;}
	#gNaviWrap2018 ul li span.mb { display: inline-block; margin-left: 1em;}
	#gNaviWrap2018 ul li:before { content:''; padding-left: 0px;}
	#gNaviWrap2018 ul li a { display: block; width: 100%; height: 40px; padding: 0 20px; font-size: 16px; line-height: 40px;}
	#gNaviWrap2018 ul li.mbContact a { background: #CC2A27;}
}
@media screen and (max-width: 479px){

}



/*---- footer ----*/

footer {}
#footerWrap2018 { position: relative; width:100%; height: 300px; padding-top: 20px; background: #F7ECD7; text-align: center;}
#footerWrap2018:before { position: absolute; top: -6px; left:0;  width: 100%; height: 6px; background: url(../images2018/footer_bg.png) center center repeat-x; content: ''; z-index: 8000;}

#footerWrap2018 .inner2018 { position: relative;}
#footerWrap2018 .fNaviWrap { display: table; table-layout: fixed; width: 705px; margin: 0 auto;}
#footerWrap2018 .fNaviWrap .box { display: table-cell; border-left: 1px #666 solid; text-align: left;}
#footerWrap2018 .fNaviWrap ul { list-style-type: disc; padding-left: 40px;}
#footerWrap2018 .fNaviWrap ul a { color: #333; font-size: 15px; line-height: 170%;}
#footerWrap2018 .pagetop { position: absolute; top:-55px; right:25px; z-index: 9000;}
#footerWrap2018 .pagetop a { display: block; width:165px; height:80px;}

#footerWrap2018 .footerLogo { position: absolute; left: 25px; top:25px;}
#footerWrap2018 .footerCatch { position: absolute; left: 25px; top:85px; text-align: left;}
#footerWrap2018 .footerCatch p { font-size: 11px;}
#footerWrap2018 .footerCatch address { font-size: 13px;}
#footerWrap2018 .footerTel { position: absolute; left: 525px; top:40px;}
#footerWrap2018 .footerContact { position: absolute; left: 735px; top:40px; width: 240px; height: 60px; background: #CC2A27; line-height: 60px;}
#footerWrap2018 .footerContact a { color: #fff; font-size: 27px;}
#footerWrap2018 .footerContact img { vertical-align: middle;}

.copyrightWrap2018 { width:100%; height: 42px; background: #141414; color: #fff; font-size: 13px; line-height: 42px; text-align: center;}

@media screen and (max-width: 640px){
	#footerWrap2018 { height: auto; padding-top: 15px;}
	#footerWrap2018 .fNaviWrap { width: 100%; margin: 0 auto 20px auto;}
	#footerWrap2018 .fNaviWrap .box:first-child { border-left: none;}
	#footerWrap2018 .fNaviWrap ul { padding-left: 20px;}
	#footerWrap2018 .fNaviWrap ul a { font-size: 12px;}
	#footerWrap2018 .pagetop { top:-40px; right: 10px;}
	#footerWrap2018 .pagetop a { width:82px; height:40px;}
	
	#footerWrap2018 .footerLogo { position: static;}
	#footerWrap2018 .footerLogo img { width: 192px; height: auto;}
	#footerWrap2018 .footerCatch { position: static; text-align: center; margin-bottom: 10px;}
	#footerWrap2018 .footerCatch p { font-size: 11px;}	
	#footerWrap2018 .footerCatch address, #footerWrap2018 .footerTel, #footerWrap2018 .footerContact { display: none;}
	.copyrightWrap2018 { height: 34px; line-height: 34px; font-size: 9px;}
}
@media screen and (max-width: 479px){
	#footerWrap2018 { padding-top: 10px;}
	#footerWrap2018 .footerCatch p { font-size: 8px;}	
	#footerWrap2018 .fNaviWrap { margin: 0 auto 10px auto;}
	#footerWrap2018 .fNaviWrap ul { padding-left: 10px;}
	#footerWrap2018 .fNaviWrap ul a { font-size: 9px;}
	#footerWrap2018 .pagetop { right: 10px;}
}


/* CSS memo
 
Font Awesome
https://fontawesome.com/icons?d=gallery&m=free

角丸
border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; 

テキストシャドウ
text-shadow:1px 1px 3px #000;
 
ボックスシャドウ
-moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;
 
ボックスシャドウ内側
-moz-box-shadow:inset 1px 1px 3px #000; -webkit-box-shadow:inset 1px 1px 3px #000; box-shadow:inset 1px 1px 3px #000;

トランジション
-webkit-transition: 1.5s; -moz-transition: 1.5s; -o-transition: 1.5s; transition: 1.5s;
 
要素全部を透明
filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;
 
背景のみ透明
background-color:rgba(255,255,255,0.2);
 
:first-child
:last-child
:nth-child(odd)　･･･　奇数番目の要素に適用
:nth-child(even)　･･･　偶数番目の要素に適用
:nth-child(n)　･･･　n番目の要素に適用
:nth-child(2n+1)　･･･　奇数番目の要素に適用
:nth-child(2n)　･･･　偶数番目の要素に適用
:nth-child(3n)　･･･　3,6,9,12…番目の要素に適用
:nth-child(3n+1)　･･･　1,4,7,10…番目の要素に適用 


テキスト省略
.container { overflow: hidden; width: 100%;}
.container  p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

コンタクトフォーム
.contactTable {}
.contactTable input[type="text"] { width:250px;}
.contactTable input.eisu { ime-mode:inactive;}
.contactTable textarea { width:100%;}
.formNotice { display:none; color:#f33;}

可変Youtube埋め込み
.youtube { position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

要素を横スクロール
.scroll { width: 100%; padding-bottom: 10px; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch;}

CSS memo */