@charset "UTF-8";

/* //////////////////////////////////////////////////////////////////// */
/* ///// 全ページ共通CSS //////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */

/* ==================================================
font
================================================== */
html {font-size: 62.5%;}/*基本フォントサイズ10px*/


body {
color:#000;
font-size: 10px; font-size: 1.0rem;
line-height:1.8;
letter-spacing:1px;

/*ゴシック系*/
font-family:"Helvetica Neue",Helvetica,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;

/*明朝系*/
/*font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;*/
}

#wrapper {font-size:14px; font-size:1.4rem;}

/* ==================================================
link
================================================== */
a:link {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#000; text-decoration:none;}
a:active {color:#000; text-decoration:none;}

.fade{
-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.fade:hover{
filter:alpha(opacity=50);
-moz-opacity: .5;
opacity: .5;
}

a { /* FireFoxのリンク選択時の点線を消す */
overflow: hidden;
outline: none;
}

/* ==================================================
base (reset)
================================================== */
html {
margin:0;
padding:0;
}

body {
width:100%;
min-width:1175px;/* サイトに応じて */
margin:0;
padding:0;
position:relative;
text-align:center;
}

.pc_only{
	display:block!important;
}

.sp_only{
	display:none!important;
}

@media screen and (max-width:640px){
.pc_only{
	display:none!important;
}

.sp_only{
	display:block!important;
}
}

@media screen and (max-width:640px){
body {
width: 100% !important;
min-width:100%;
background:#ffffff; /*Androidのブロック幅バグ回避*/
}
}

@media screen and (max-width:640px){
#wrapper {
width:100%;
margin:0 auto;
padding:0;
}

#container{
width:100% !important;
margin:0 auto !important;
}
}

h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; font-size:100%; font-weight:normal;}

ul, ol {margin:0; padding:0; vertical-align:baseline; background:transparent;}
ol, li {list-style:none;}

img {border:none; line-height:0; font-size:0; vertical-align:text-bottom;}
img, object, embed, video {max-width: 100%;}

a {
margin:0;
padding:0;
font-size:inherit;
background:transparent;
}

th, td {
font-style:normal;
font-weight:normal;
font-size:inherit;
empty-cells:show;
}

input, select {
vertical-align:middle;
}

input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
/*border:0;*/
}

pre {
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* CSS3 */
word-wrap: break-word; /* IE 5.5+ */
}

* {
-webkit-box-sizing: border-box;/* ボックス内のwidth優先 */
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* ==================================================
header
================================================== */
#hdr{
	text-align:left;
}

h1{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	height: 0;
}
/* ==================================================
nav
================================================== */

.navibox.pc_only .navi,
.scroll_navi{
	position:relative;
	z-index: 9998;
}

.navibox.pc_only .navi .inner_nav{
	position:absolute;
	top:20px;
	left:185px;
}

.scroll_navi .inner_nav{
	position:absolute;
	top:20px;
	right:50px;
}

.navibox.pc_only .navi li,
.scroll_navi li{
	display:inline-block;
	width:100px;
	text-align:center;
	vertical-align:middle;
}

.navibox.pc_only .navi li a,
.scroll_navi li a{
	display:block;
	width:100%;
	font-size:1.2rem;
	line-height:1.2;
	font-weight:bold;
}

.navibox.pc_only .navi li a span{
	display:block;
	width:100%;
	height:1px;
	margin:5px 0;
	background:#000;
}

.navibox.pc_only .navi li{
	margin:0 20px 0 0;
}

.navibox.pc_only .navi li:last-child{
	margin:0;
}

.navibox.pc_only .navi li.logo{
	margin:0 85px 0 0 ;
}

.scroll_navi{
	position:fixed;
	width:100%;
	min-width: 1175px;
	left:0;
	top:0;
	height:60px;
	background:#fff;
	display:none;
}

@media screen and (max-width:640px){
.navibox.sp_only .navi{
	position:relative;
	z-index: 9998;
}
	

body.open{
	overflow:hidden;
}
	
.navibox.sp_only .navi li{
	display:inline-block;
	width:100%;
	text-align:center;
	vertical-align:middle;
}

.navibox.sp_only .navi li a{
	display:block;
	width:100%;
	font-size:2rem;
	line-height:1.2;
	font-weight:bold;
}
	
.navibox.sp_only .navi li.logo{
		width: 100px;
}

.navibox.sp_only .navi li a.inner{
	margin-bottom: 70px;
}
	
.navibox.sp_only .navi .inner_nav {
	position: absolute;
	top: 0;
	left:0;
	right:0;
	margin:auto;
	background:#fff;
	display:none;
	padding-top: 80px;
	overflow: auto !important;
}

.navibox.sp_only .navi li a span {
	display:block;
	width: 20%;
	margin:5px auto 0;
	height:1px;
	background:#000;
}





.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 35px;
	height: 24px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #000;
	border-radius: 1px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 12px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(13px) rotate(-45deg);
	transform: translateY(13px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
	left: 50%;
	opacity: 0;
	-webkit-animation: active-menu-bar02 .8s forwards;
	animation: active-menu-bar02 .8s forwards;
}


.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-13px) rotate(45deg);
	transform: translateY(-13px) rotate(45deg);
}


.navi_btn{
	position: absolute;
	right:20px;
	top:30px;
	z-index:9999;
}

.navi li.logo{
	margin:0;
	text-align:left !important;
}

.navi li.logo a {
	display: table-row;
	width: 100%;
}
}
/* ==================================================
contents
================================================== */

/* PAGETOP
------------------------------ */

/* ==================================================
footer
================================================== */


.footer_logo{
	width:80px;
	margin:0 auto;
}

.copy{
	font-family: 'gotham_boldregular';
	font-size:12px;
	font-weight:bold;
	margin:30px auto 80px;
}

@media screen and (max-width:640px){
	.footer_logo{
	width:120px;
}

.copy{
	font-size:16px;
	font-weight:bold;
	margin:40px auto 80px;
}
}

/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */

/* ==================================================
6. other
================================================== */

/* --------------------------------------------------
class指定のみでマウスオーバー効果 (base_pc.js)
※fadeの透過時間は、base_pc.jsにて調節
-------------------------------------------------- */
.swap {} /*ON/OFF　　※同ディレクトリ内にある[ 同じimg名 + _on ]の画像に変わる*/
.swapfade {} /*ON/OFF　　※同ディレクトリ内にある[ 同じimg名 + _on ]の画像に変わる フェード効果付き*/
.fade {} /*半透過*/
.fadefix {} /*完全透過　　※要素の背景にON画像の設定必要*/

/* --------------------------------------------------
アニメーションスクロール
-------------------------------------------------- */
.scrollto {} /*jquery.scrollto.jsを利用*/

/* --------------------------------------------------
ブロック要素全体をクリックにて、ブロック要素内にあるリンク先へ遷移 (base_pc.js)
-------------------------------------------------- */
.clickable { cursor:pointer;}

/* --------------------------------------------------
clrfix
フロートした子要素しかもたない親ブロック要素の高さを確立する
-------------------------------------------------- */
/*親ブロック要素のclassにclrfixを追加*/
.clrfix:before,
.clrfix:after {
content:"";
display:table;
}
.clrfix:after { clear:both; }

/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////// */