@charset "UTF-8";
/* 基本スタイル
---------------------------------------------*/

/* ------------------------------
   Browser Reset
------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, slideShow {margin: 0;padding: 0;border: 0;vertical-align: baseline;font-family: inherit;font-style: inherit;font-weight: inherit;}

html {-webkit-text-size-adjust: none;}
img {vertical-align: bottom;}
a {-webkit-tap-highlight-color: transparent;}
strong {font-weight: bold;}
ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a:focus {/**/overflow: hidden;/**/}
option {padding-right: 10px;}
/*---------------------------------------------------*/

body {font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";margin: 0px;}
a {color: #666666;text-decoration: none;}
a:hover {color: #FF6600;text-decoration: none;}
img {border: none;vertical-align: top;}


/* pc
-------------------------------------------------------- */
@media screen and ( min-width:641px ){
.pcHidden { display: block; }
.spHidden { display: none; }

/*ここから
-----------------------------*/
	
/* mainavisual
-------------------- */
.mainVisual{ width: 100%; margin: 0 auto -50px auto;  background-image: url("../images/index/mainVisual.png") ;background-repeat: no-repeat; background-size: cover;  height: 695px;}
.mainVisual h1{ margin: 0 auto; height: 517px; position: relative;left: 150px;top:50px;}
	
/* ページトップへ
-------------------- */
#page_top {width: 90px;height: 90px;position: fixed;right: 0;bottom: 0;opacity: 0.6;}
#page_top a {position: relative;display: block;width: 90px;height: 90px;text-decoration: none;}
#page_top a:before {font-family: FontAwesome;content: '\f102';font-size: 25px;color: #FFFFFF;position: absolute;width: 25px;height: 25px;top: -40px;bottom: 0;right: 0;left: 0;margin: auto;text-align: center;}
#page_top a:after {content: 'PAGE TOP';font-size: 13px;color: #fff;position: absolute;top: 45px;bottom: 0;right: 0;left: 0;margin: auto;text-align: center;color: #FFFFFF;}

/* ヘッドメニュー 
.nav { font-size:36px;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; font-weight: bold; padding: 25px 0;
	color:#f1f1f1; }	
.nav ul {width:100%; height:150px; background-image:url("../images/index/nav02.png");background-repeat:no-repeat; background-size: cover; box-shadow: -5px -5px 10px #2a0904 inset; text-align: center;}
.nav li {width:15%; margin: 0 auto 0 150px; list-style-type:none;float:left; }
.nav li a {	
	color:#ffffff;	
	display:block;			
	width:200px; height:100px;
	padding:50px 0px 0px 0px;	
	text-align:center;
	text-decoration:none;
    text-shadow: 3px 3px 5px #000;
	
	}
.nav li a:hover { color:#ffffff; background-color:#C0090C; opacity: 0.5;transition: .3s; }*/

/* ヘッドメニュー */
.nav{ margin: auto;font-size: 24px; font-weight: 300; text-align:center;}
.nav ul{ width:100%; height:150px; background-image:url("../images/index/nav02.png");background-repeat:no-repeat; background-size: cover; box-shadow: -5px -5px 10px #2a0904;display:table; table-layout: fixed; padding-top: 80px; }
.nav li{display:table-cell;}
.nav a{color: #fff; font-size: 36px; font-weight: bold;position: relative; display: inline-block; text-decoration: none;text-shadow: 3px 3px 5px #000;}
.nav a::after {position: absolute;bottom: -4px;left: 0;content: '';width: 100%;height: 2px;background: #fff;transform: scale(0, 1);transform-origin: center top;transition: transform .3s;}
.nav a:hover::after{ transform: scale(1, 1);}
	

/* フッター*/
.footerBg {width: 100%;margin: auto;background-image: url("../images/index/footerBg.png");background-repeat: no-repeat;background-size: cover;padding: 70px 0;}
.footer {width: 100%;margin: 0 auto -20px auto;background-color: #000;}
.footerInner {width: 960px;margin: 0 auto;}
.footerArea {width: 960px;margin: 0 auto;display: inline-block;padding: 100px 0;}
.footermenu {margin: auto;font-size: 24px;color: #fff;float: left;}
.footermenu ul {list-style-type: none;}
.footermenu li {margin: 0 20px;padding: 20px 0;}
.footermenu a {text-decoration: none;color: #fff;}
.footermenu a:hover {color: #3f1557;}
.footercontact {float: right;}
.footercontact p {color: #fff;font-size: 20px;line-height: 30px;}
.copyright {background-color: #313131;padding: 50px 0;}
.copyright p {margin: 0 auto;color: #fff;font-size: 14px;text-align: center;letter-spacing: 0.1em;}

/* 共通
-------------------- */
#wrapper {width: 100%;margin: 0 auto;}
#pageTop, #pageBottom {width: 100%;margin: 0 auto;}
#pageBottom {height: 350px;}
#pageContent {width: 100%;margin: 0 auto;}
.contactBox {width: 540px;margin: 0 auto;border: 1px solid #fff;}
.contactBox table {width: 640px;margin: 30px auto 30px 30px;}
.contactBox table tr {}
.contactBox table td {color: #fff;font-size: 24px;line-height: 40px;letter-spacing: 0.05em;
}

/* logoAre
-------------------- 
.logoAre{ width: 840px; margin: 0 auto; padding: 50px 0px 0px 0px;}
.logo{ width: 130px; margin: 0 auto;}
.logoAreaTell{ float: right; position: relative;top:25px;}*/
}

/* ipad
------------------------------------------
@media screen and ( max-width:1024px ){
.pcHidden { display: none; }
.spHidden { display: block; }

/* ヘッドメニュー 
.nav { font-size:30px;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; font-weight: bold; padding: 0px 0;
	color:#f1f1f1; }	
.nav ul {width:100%; height:100px; background-image:url("../images/index/nav02.png");background-repeat:no-repeat; background-size: cover; box-shadow: -5px -5px 10px #2a0904 inset; position: relative;top:-35px;}
.nav li {width:15%; margin: 0 auto 0 70px; list-style-type:none;float:left; }
.nav li a {	
	color:#ffffff;	
	display:block;			
	width:200px; height:100px;
	padding:30px 0px 0px 0px;	
	text-align:center;
	text-decoration:none;
    text-shadow: 3px 3px 5px #000;}
	*/
	
/*.nav li a:hover { color:#ffffff; background-color:#C0090C; opacity: 0.5;transition: .3s; }*/

/* mainavisual
------------------
.mainVisual{ width: 100%; margin: 0 auto;  background-image: url("../images/sp/index/maiVisual_sp.png"); background-repeat: no-repeat; background-size: cover; }
.mainVisual h1{ margin: 0 auto; }	
-- */	
/* フッター
.footerBg {max-width: 100%;margin: auto;background-image: url("../images/index/footerBg.png");background-repeat: no-repeat;background-size: cover;padding: 30px 0;}
.footer {max-width: 100%;margin: 0 auto -20px auto;background-color: #000; padding:0 0 60px 0;}
.footerInner {max-width: 90%;margin: 0 auto;}
.footerArea {max-width: 90%;margin: 0 auto;padding: 30px 0;}

.footercontact {}
.footercontact p {color: #fff;font-size: 16px;line-height: 30px;}
.copyright {margin: -30px auto 0 auto; background-color: #313131;padding: 30px 0;}
.copyright p {margin: 0 auto;color: #fff;font-size: 14px;text-align: center;letter-spacing: 0.1em;}

.contactBox { width: 100%; margin: 0 auto;border: 1px solid #fff;}
.contactBox table {max-width: 100%;margin: 20px auto 20px 20px;}
.contactBox table tr {}
.contactBox table td {color: #fff;font-size: 18px;line-height: 30px;letter-spacing: 0.05em; padding-right: 20px; }
*/	


/* sp
-------------------------------------------------------- */
@media screen and ( max-width:640px ){
.pcHidden { display: none; }
.spHidden { display: block; }
	
/* mainavisual
-------------------- */
.mainVisual{ width: 100%; margin: 0 auto;  background-image: url("../images/sp/index/maiVisual_sp.png"); background-repeat: no-repeat; background-size: cover; }
.mainVisual h1{ margin: 0 auto; }	
.redLine{ background-image:  url("../images/sp/index/nav_sp.png"); padding: 20px 0; margin: -100px auto 0 auto;
  box-shadow: 5px 5px 4px gray;}

/* フッター*/
.footerBg {max-width: 100%;margin: auto;background-image: url("../images/index/footerBg.png");background-repeat: no-repeat;background-size: cover;padding: 30px 0;}
.footer {max-width: 100%;margin: 0 auto -20px auto;background-color: #000; padding:0 0 60px 0;}
.footerInner {max-width: 90%;margin: 0 auto;}
.footerArea {max-width: 90%;margin: 0 auto;padding: 30px 0;}

.footercontact {}
.footercontact p {color: #fff;font-size: 16px;line-height: 30px;}
.copyright {margin: -30px auto 0 auto; background-color: #313131;padding: 30px 0;}
.copyright p {margin: 0 auto;color: #fff;font-size: 14px;text-align: center;letter-spacing: 0.1em;}

.contactBox {max-width: 90%;margin: 0 auto;border: 1px solid #fff;}
.contactBox table {max-width: 100%;margin: 20px auto;}
.contactBox table tr {}
.contactBox table td {color: #fff;font-size: 18px;line-height: 30px;letter-spacing: 0.05em; padding-right: 20px;}

/*ヘッダーまわりはサイトに合わせて調整してください*/
header { padding:10px;}

#nav-drawer { text-align: right; position: relative; top:-400px;}

/*チェックボックス等は非表示に*/
.nav-unshown {display:none;}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #000;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*中身の文字*/
#nav-content nav{ }	
#nav-content ul li{ text-align: center; font-size:24px; line-height: 80px; font-weight: bold; }

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
}

/* sp
-------------------------------------------------------- */
@media screen and ( max-width:480px ){
.pcHidden { display: none; }
.spHidden { display: block; }
	
.footercontact p {color: #fff;font-size: 14px;line-height: 30px;}
.copyright p {margin: 0 auto;color: #fff;font-size: 12px;text-align: center;letter-spacing: 0.1em;}

.contactBox {max-width: 90%;margin: 0 auto;border: 1px solid #fff;}
.contactBox table {max-width: 100%;margin: 20px auto;}
.contactBox table tr {}
.contactBox table td {color: #fff;font-size: 14px;line-height: 30px;letter-spacing: 0.05em; padding:0 10px ;}


}