@charset "utf-8";

/*
キーカラー
オレンジ：#f15609
赤：#c40000
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-style: normal;
}
table{border-collapse:separate; border-spacing:0;}
caption, th, td{text-align:left; font-weight:400;}
a img{border:none;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}

/* clearfix ----------- */
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;
    clear: both; 
	visibility:hidden;
}
.clearfix{display: inline-block;min-height:1%;  /* for IE 7*/} 
/* IE Mac */
* html .clearfix{height: 1%;}
.clearfix{display:block;}

/* html5.js対応用 */
article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary {display: block;}
/* box-sizingでサイズを統一管理 */
div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,form,input,textarea,button,table,tr,th,td,article,aside,footer,header,hgroup,nav,section,img,a,p{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
img {max-width: 100%;height: auto;vertical-align: bottom;}
.fb_iframe_widget > span {vertical-align: baseline !important;}
.fb-like iframe {max-width: none !important;}

/*reset Css///////////////////////////////////////////////*/
/*################################################################################*/
body,html{height: 100%;}
body{
	color: #2a2a2a;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic",YuGothic,"kozuka Gothic Pro", "小塚ゴシック Pro L", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
	line-height: 1.7;
	overflow-y: scroll;
	letter-spacing: 1px;
	background-color: #000;
}
a{color: #c40000;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;word-wrap: break-word;}
/* a{color: #ffffff;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;word-wrap: break-word;} */
a:hover{color: #000000;text-decoration: none;}
.clear{clear: both;}

/*選択時の文字*/
::selection {
	color: #fff;
	background-color: #f15609;
	text-shadow: #ff006c 0px 0px 3px;
}
::-moz-selection {
	color: #fff;
	background-color: #f15609;
	text-shadow: #ff006c 0px 0px 3px;
}
.br{display: inline-block;}
span{display: inline-block;}

/* スマホのときのみ改行 */
.onSmp{display: none;}

/********************************
スマホ専用
********************************/
@media screen and (max-width: 480px) {
/* PCのときのみ改行 */
.offSmp{display: none;}
}
/*---------------------------------------------------------*/

/*トップヘ戻る*/
#backTop{
	cursor: pointer;
	position: fixed;
	right: -170px;
	bottom: 50px;
	z-index: 999;
	line-height: 0px;
}
.border{
	border: 1px solid #333;
	background-color: #000;
	-webkit-box-shadow: 0px 0px 4px #333;
	box-shadow: 0px 0px 4px #333;
	margin-right: 2px;
	margin-left: 2px;
}

/*共通英語フォント*/
.enFont {
	font-family: 'Teko', "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 600;
}
.enFontSub {
	font-family: 'Source Sans Pro', "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: bold;
}
.jpFont {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: normal;
}

#all{background-color: #fff;}
#all,header.global{min-width: 1200px;}
.commonWidth{width: 1200px;margin: auto;}
.commonPadding{padding-left:50px;padding-right:50px;}

hr{border: none;border-top: 1px dashed #ccc; margin-top: 40px;margin-bottom: 0px;padding-bottom: 40px; clear:both;}


/* ボックスのリンク */
.boxLink {
	display: inline-block;
	text-decoration: none;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 10px;
	border: 1px solid #fff;
	line-height: 1;
	color: #fff;
	background-color: #000;
	letter-spacing: 0px;
	font-weight: bold;
}
span.boxLink{float: left;}
.boxLink.large{font-size: 14px;padding: 8px 15px;}
a.boxLink.black:hover {background-color: #fff;color: #333;border-color: #333;}

/* 白ボックスのリンク */
.boxLink.white {background-color: #fff;color: #333;border-color: #333;}
a.boxLink.white:hover {background-color: #333;color: #fff;border-color: #666;}


/* 共通の四方のバー ----------------- */
.xBar{position: fixed;background-color: #000;z-index: 1000;}
/* サイズ */
.xBar.tate{width:20px;height:100%;top:0;}
.xBar.yoko{height:20px;width:100%;}
/* 位置 */
.xBar.top{top:0;}
.xBar.bottom{bottom:0;}
.xBar.right{right:0;}
.xBar.left{top:0;}

/* ======================================= */

/* 背景色黒 */
.bgBlack{background-color: #000;}

/* 画像の右下カット */
.underCut{position: relative;overflow: hidden;display: block;}
.underCut:after {
	position: absolute;
	content: "";
	background-color: #fff;
	transform:rotate(45deg);
	width:40px;
	height: 40px;
	bottom: -20px;
	left: -20px;
}
.underCut:hover{opacity: 0.5;}


.mt50{margin-top: 50px;}




/* ---------------------------------------------
理念などの見出しテキスト用ボックス（二階層目でも使用）
※スマホ用はsecond.cssで指定
--------------------------------------------- */
#midashi {
	text-align: center;
	margin-bottom: 100px;
	padding: 120px 20px;
	color: #fff;
	background-image: url(../images/midashi-bg.png);
	background-color: #000;
}
#midashi h1{font-size: 30px;font-weight: normal;line-height: 1.2;}
#midashi .txt{margin-top: 30px;font-size: 14px;line-height: 2;}
#midashi .aimsBtm {display: inline-block;width: 300px;margin-top: 70px;}






/* ******************************************************
ヘッダー
*******************************************************/
header.global{
	position: fixed;
	z-index: 200;
	width: 100%;
	line-height: 1;
	letter-spacing: 1px;
	padding-top: 20px;
}

/* グローバルメニュー ///////////////////////////////// */
header.global .navBox{background-color: #000;font-size: 20px;padding: 15px 0px;}

/* ロゴ **************************** */
header.global .logo{height:30px;float: left;}
header.global .shop{height:30px;float: right;}


/* メニュー ************************* */
nav.global{margin-left: 160px;margin-top: 3px;}
nav.global ul{}
nav.global li{display: inline-block;padding-top: 0.2em;border-left: 2px solid #fff;}
nav.global li a{text-decoration: none;color: #fff;padding-left:10px;padding-right:15px;display: inline-block;}

nav.global li:hover,nav.global li.selected{color: #f15609;}
nav.global li a:hover{color: #f15609;}

/* リンクなし */
nav.global li a.non{color: #444;cursor: default;}

/* 選択時 */
nav.global li.selected{border-left-color: #f15609;}
nav.global li.selected a{color: #f15609;}


/* SNS ///////////////////////////////// */
header.global .sns{text-align: right;margin: 10px;}
header.global .sns a{display: inline-block;background-color: #000;width: 30px;margin-left: 5px;margin-bottom: 5px;}
header.global .sns a:hover{opacity: 0.5;}





/* ******************************************************
フッター
*******************************************************/
footer.global{padding-top: 150px;font-size: 13px;line-height: 1.4;text-align: center;}

/* ロゴ -----------------------*/
footer.global .logo {margin-bottom: 25px;padding-bottom: 15px;border-bottom: 8px solid #000;}
footer.global .logo img{max-width: 240px;}

/* フッターメニュー -----------------------*/
footer.global nav{clear: both;}

footer.global nav li{display: inline-block;margin-right: 15px;}
footer.global nav li a{text-decoration: none;display: inline-block;}
footer.global nav li a:hover{opacity: 0.5;}

/* 通常メニュー */
footer.global nav .renew a{color: #000;font-weight: bold;font-size: 12px;}

/* 過去とアイコン共通 */
footer.global nav .old,footer.global nav .icon {display: inline-block;margin: 30px 0px 15px;}

/* 旧ページ用メニュー */
footer.global nav .old{vertical-align: top;}
footer.global nav .old a,footer.global nav .icon a {
	border: 1px solid #999;
	padding: 8px 15px;
	color: #fff;
	background-color: #000;
	vertical-align: bottom;
}

/* フッターSNS */
footer.global nav .icon{}
footer.global nav .icon a{display: inline-block;width: 36px;padding: 0px;}

/* コピーライト -----------------------*/
footer.global .copyright{font-size: 10px;color: #000;text-align: right;padding:70px 30px 35px 0px;}





/*********************************************************************************
/////　　【トップ】　レスポンシブ用スマホナビ　　 ///////////////////////////////////
*********************************************************************************/
#smpNavi{
	display: none;
	position: fixed;
	top: 0px;
	right: 0px;
	font-size: 58px;
	line-height: 0;
	color: #ffffff;
	z-index: 100;
	cursor: pointer;
	padding: 8px 5px 8px;
	font-family: 'Teko', "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
#smpNavi span {
	/* border: 1px solid #666; */
	width:50px;
	text-align: center;
	border-radius: 5px;
	padding-top: 24px;
}
#smpNavi span:before{content: "\2261";}

/*
#smpNavi.selected span {background-color: #fff;color: #000;}
*/
#smpNavi.selected span:before{content: "\D7";}



/*********************************************************************************
/////　　グーグルマップ　　 ///////////////////////////////////
*********************************************************************************/
/*googleマップ タッチデバイス用対応 -----------------------*/
.gmap{
	padding-top:50%;
	border:1px solid #ffffff;
	overflow:hidden;
	width:100%;
	height:400px;
	position:relative;
}
.gmap::before{
	content:"\9577\62BC\3057\3059\308B\3068\5730\56F3\304C\64CD\4F5C\3067\304D\307E\3059";
	/*16進数　Unicode*/
	display:block;
	z-index:100;
	color:#ca0000;
	text-shadow: 1px 1px 2px #fff;
	width:100%;
	position:absolute;
	top:50%;
	left:0;
	margin:-0.5em 0 0 0;
	line-height:1;
	text-align:center;
	font-weight: bold;
}
.gmap::after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255, 255, 255, 0.5);
}
.gmap.release::before,.gmap.release::after{display:none !important;}
.gmap > iframe,.gmap > div{position:absolute;top:0;left:0;width:100%;height:100%;}
.gmap::before,.gmap::after{display:none;}

/*大きな地図で見る*/
small.gmapS {display: block;text-align: right;letter-spacing: 0px;padding-top: 2px;}
small.gmapS a{text-decoration: none;font-size: 11px;}