@charset "utf-8";

/*フェードイン処理
-------------------------------------------------------------------------------------------------------------------*/
/* 画面外にいる状態 */
.fadein {
    opacity : 1;
    }
 

/* 2つ目の要素に200msのdelayをかける */
.fadein:nth-of-type(2) {
    -moz-transition-delay:0;
    -webkit-transition-delay:0;
    -o-transition-delay:0;
    -ms-transition-delay:0;
    }
/* 3つ目の要素に400msのdelayをかける */
.fadein:nth-of-type(3) {
    -moz-transition-delay:0;
    -webkit-transition-delay:0;
    -o-transition-delay:0;
    -ms-transition-delay:0;
    }

/* 画面外にいる状態 */
.effect {
    opacity : 1;
    transform : translate(0,0);
    transition : all 0;
    }
 
/* 画面内に入った状態 */
.effect.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }


/*全体
------------------------------------------------------------------------------------------------------------------*/
body {
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}
#header, #globalnav, #container, #footer, #copyright, #main_visual #inner {
	min-width: 0;
}
#wrapper, #footer_inner, .inner {
	width: 100%;
	margin: 0 auto;
}
#header {
	position: static;
}
* {
	box-sizing: border-box;
}


#container {
	background: none;
}
#main {
	margin: 0px auto;
	padding: 0 3%;
}
img {
	max-width: 100%;
	height: auto;
	width: auto;
}

#wrapper p{line-height: 1.8;}

/* ボックス処理
------------------------------------------------------------------------------------------------------------------*/
.box_left,.box_right{float:none;
}

/* 見出しについて
------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3 {
	overflow: hidden;
}
h1 img, h2 img, h3 img {
	max-width: 95%;
	margin: 0 auto;
}
/* テーブルに関する設定
==================================================================================================================*/
table {
	width: 100%;
}

/* 横並びの解除 */
@media (max-width: 499px) {
	.noTab, .noTab caption, .noTab thead, .noTab tfoot, .noTab tbody, .noTab tr, .noTab th, .noTab td { display:block; width:100%; }
}
.noTab th{ background: #ddf7f7;}



/*ナビげーション
------------------------------------------------------------------------------------------------------------------*/
/*スマホヘッダー*/
#header .inner{padding: 0;}
nav #globalnav ul {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}
#globalnav ul li {
	margin-left: 3%;
}

/*@media (max-width: 599px){


#gNavBtn a {
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(../images/btn_slidemenu.png);
	background-position: top;
}
nav.is-open #gNavBtn a {
	background-position: bottom;
}
#globalnav ul li span {
	display: block;
}
#gNavBtn {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 5px;
	z-index: 98;
}
#globalnav h1 {
	margin-right: 30px;
	padding: 5px 0 0 0;
	line-height: 1;
}
nav #globalnav ul {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	border: #666;
	max-height: 0;
	width: 100%;
	transition: 1s;
	padding-left: 0px;
	position: relative;
	display: none;
	margin: 0;
}
	
nav.is-open #globalnav ul {
	display: block;
	max-height: 500px;
	filter: alpha(opacity=1);
	-moz-opacity: 1;
	opacity: 1;
	z-index: 99;
	background: #fff;
}
#globalnav ul {
	display: block;
	padding: 0px;
	width: 100%;
}
#globalnav ul li.nav_smt {
	display: block;
}
#globalnav ul li {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
#globalnav ul li:nth-of-type(1), #globalnav ul li:nth-of-type(2), #globalnav ul li:nth-of-type(3), #globalnav ul li:nth-of-type(4) {
	width: 100%;
}
#globalnav ul li a {
	height: auto;
	text-indent: 20px;
	padding: 10px 0px;
	border-bottom: 1px solid #333;
	display: block;
	text-align: center;
}
#globalnav ul li a span {
	display: inline-block;
	padding: 8px 0 0 5px;
	font-size: 12px;
}
	.f_nav_menu{display:none;
	}
	.smt{display: block;}
}*/

@media only screen and (max-width: 699px) {	
nav{ display: inline-block;
    width: 70%;
}
.hdr_logo{width: 16%;}
#globalnav ul{
	margin: 0;
	width: auto;
    flex-wrap: wrap;
    float: none;
	justify-content: space-around;}	
#globalnav ul li a:hover{
	padding-bottom: 0;
	border-bottom: none; 
}
#globalnav ul li:hover{
	background: #7fd5d6;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#hdr_contact {
    right: 3px;
    top: 3px;}
	.pc{display: none;}
	.smt{display: block;}
}
@media (max-width: 599px){
#wrapper{padding-top: 16%;}
.hdr_logo {float: none;display: inline-block;}
#header .inner {position:relative;}

#header {
	z-index: 999;
	background: #fff;
	width: 100%;
	position: fixed;
}
#header .inner {
	position: relative;}
nav{width: 68%;}

}
@media only screen and (max-width: 499px) {	
#wrapper{padding-top: 20%;}

#globalnav ul li{width: 32%;margin-left: 0;}
nav{width: 60%;}
.hdr_logo {width: 20%;}
}
@media only screen and (max-width: 399px) {	
	#hdr_contact {width: 15%;}
}


/*フッター
------------------------------------------------------------------------------------------------------------------*/
/*フッター*/

#page_top{right: 10px;width: 10%;}

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

}
#copyright {
	width: 100%;
	text-align: center;
}
/*==================================================================================================================
トップページに関する設定
==================================================================================================================*/

.top_logo{
	width: 20%;}
.cover1{
	width: 20%;
}
.cover2{
	width: 20%;
}
.top_main h1{width: auto;}
@media only screen and (max-width: 768px) {
	ul.news li{width: 100%;margin-bottom: 30px;}
	#enter_page div img:first-child{width:80%}
	#enter_page div img:last-child{max-width:180px;bottom: 70px;}
	#globalnav ul li a img{width:auto;}

}
@media only screen and (max-width: 499px) {


}

/*==================================================================================================================
サブページに関する設定
==================================================================================================================*/
#main section:last-child{margin-bottom: 50px;}

.gallery_img{padding-top: 58%;height: auto;}
.gallery_img img{width: 100%;}
.box_img h3{  margin-left: 0;}
.box_img ul{margin: 10px auto;}
.box_img ul.work{width: 100%;}
.box_img ul.work li{margin: 0 auto 50px;}
.box_img ul li{margin: 5px;width: 47%;}
h2{margin: 50px 0 10px;width: 100%;font-size: 1.2rem;}
@media only screen and (max-width: 768px) {


}
@media only screen and (max-width: 399px) {
.box_img ul li{margin: 5px;width: 45%;}
}



/*　修正　*/
.gallery_img{padding-top:0;height: 200px;}
.box_img ul li{width: 30.25%;}
#photo_list .box_img ul li{margin: 0 1.5% 30px;}

@media only screen and (max-width: 699px) {
	#photo_list .box_img ul li, .gallery_img{height: 180px;}
	#photo_list .box_img ul li{margin: 0 1.5% 20px;}
}
@media only screen and (max-width: 499px) {
	.box_img ul li{margin: 0 1.5% 10px;width: 47%;}
}
@media only screen and (max-width: 359px) {
	#photo_list .box_img ul li, .gallery_img{height: 150px;}
	#photo_list .box_img ul li{margin: 0 1.5% 10px;}
}