@charset "UTF-8";


/*****************************************************
　common　
*****************************************************/
/* pagehead
------------------------------------------------- */
.pagehead .ttl{
	font-size:8.0rem;
}
.pagehead .subttl{
	margin:0;
}
/* pagenavi
------------------------------------------------- */
.pagenavi .current,
.pagenavi a{
	font-size:1.6rem;
	font-weight:bold;
}
.pagenavi .current{
	text-decoration:underline;
}
.pagenavi .first,
.pagenavi .prev{
	margin:0 1em 0 0;
}
.pagenavi .next,
.pagenavi .last{
	margin:0 0 0 1em;
}
.pagenavi.sp{
	display:none;
}
/* 戻るボタン
------------------------------------------------- */
.section-controls.sp{
	display:none;
}
/* text-align
------------------------------------------------- */
.t-center{
	text-align:center;
}
/* font-family
------------------------------------------------- */
.f-lb{
	font-family:LibreBaskerville,serif;
}
/* 閉じるボタン
------------------------------------------------- */
.detailnone,
.home .homenone{
	display:none;
}
.home .detailnone{
	display:block;
}


/*****************************************************
　ローディング　
*****************************************************/
.loader-logo{
	max-width:101px;
}


/*****************************************************
　トップページ　
*****************************************************/
#main{
	overflow-y:auto;
}
/* logo
------------------------------------------------- */
#logo{
	max-width:125px;
	width:7%;
	margin:0;
	position:fixed;
	top:46px;
	left:2.5%;
	z-index:100;
}
/* logo-sign
------------------------------------------------- */
#logo-sign{
	max-width:252px;
	width:14%;
	margin:0;
	position:fixed;
	bottom:50px;
	left:2.5%;
	z-index:100;
}
/* logo-sign_640
------------------------------------------------- */
#logo-sign_640{
	display:none;
}
/* spnavi-btn,sp-navi
------------------------------------------------- */
#spnavi-btn,
#sp-navi{
	display:none;
}
/* main
------------------------------------------------- */
/* ===== main-intro（左） ===== */
.main-intro .intro-content{
	background:url('../img/top/img_top_left.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
}
/* ----- header ----- */
#header{
	display:flex;
	padding:46px 2.5% 0;
}
/* menu */
#main .menu{
	margin:0 0 0 35%;
	position:static;
}
.menu ul li a{
	padding:7px 0;
}
.menu ul li::after{
	bottom:0;
}
#sitettl{
	font-size:2.2rem;
	color:#8e8d8d;
	margin:0;
}
#sitettl span{
	font-size:2.0rem;
	font-weight:normal;
}
/* ===== main-media（右） ===== */
#sp-main-image{
	display:none;
}
.main-media .image{
	background:url('../img/top/img_top_right.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
}
/* ----- socials ----- */
.socials{
	text-align:right;
	margin:62px 8.3% 0;
	position:static;
}
.socials ul li{
	margin:0;
	vertical-align:middle;
}
.socials ul li + li{
	margin:0 0 0 53px;
}
/* ===== sponsor ===== */
#sponsor{
	background:#722525;
	padding:100px 0;
}
#sponsor .sponsor-inner{
	max-width:1760px;
	width:95%;
	margin:0 auto;
}
/* ----- pagehead,largetext ----- */
#sponsor .pagehead .ttl,
#sponsor .pagehead .subttl,
#sponsor .largetext{
	text-align:center;
	color:#a9a9ab;
}
#sponsor .largetext{
	font-size:3.6rem;
	margin:15px 0 30px;
}
/* ----- sponsor-list ----- */
#sponsor-list{
	max-width:1060px;
	width:100%;
	font-size:0;
	list-style-type:none;
	margin:0 auto;
}
#sponsor-list li{
	max-width:250px;
	width:24%;
	margin:0 1.3% 1.3% 0;
	display:inline-block;
	vertical-align:top;
}
#sponsor-list li:nth-child(4n){
	margin:0 0 1.3%;
}
/* ===== movie ===== */
#movie{
	background:#282a2e;
	padding:100px 0 260px;
}
#movie .movie-inner{
	max-width:1760px;
	width:95%;
	font-size:0;
	margin:0 auto;
}
/* ----- text,movie ----- */
#movie .text,
#movie .movie{
	max-width:800px;
	width:46%;
	display:inline-block;
	vertical-align:middle;
}
#movie .movie{
	margin:0 0 0 8%;
}
#movie .text{
	text-align:center;
}
#movie .text-inner{
	text-align:left;
	display:inline-block;
}
#movie .text .largetext,
#movie .text .ttl{
	color:#a9a9ab;
}
#movie .text .largetext{
	font-size:5.0rem;
}
/* ===== company-name ===== */
.company-name{
	/*padding:0 8.3%;*/
	position:fixed;
	bottom:50px;
	right:2.5%;
	z-index:10;
}
.company-name *{
	color:#8e8d8d;
}
.company-name .ttl{
	font-size:3.2rem;
}
.company-name dl dt,
.company-name dl dd{
	display:block;
}
.company-name dl dd address{
	line-height:1.3;
}
.company-name .ban{
	font-size:1.8rem;
	color:#981414;
}
.company-name .copyright{
	font-size:1.2rem;
}
.company-name .ban br{
	display:none;
}
.company-name .copyright{
	font-weight:bold;
}


/*****************************************************
　最新情報　
*****************************************************/
/* news
------------------------------------------------- */
/* ===== news-photo（左） ===== */
#news .news-photo{
	background:url('../img/news/img_newslist_left.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
}
/* ===== news-info（右） ===== */
#news .news-info{
	background:#282a2e;
}
#news *{
	color:#a9a9ab;
}
/* ----- section-controls ----- */
#news .section-close{
	border-color:#a9a9ab;
}
/* ----- content-block ----- */
#newslist{
	margin:75px 0 25px;
}
#newslist li{
	display:flex;
}
#newslist li .date,
#newslist li .text{
	margin:0;
}
#newslist li .date{
	border-top:2px solid #981414;
	width:130px;
	font-size:1.8rem;
	line-height:1.4;
	text-align:center;
	padding:12px 0;
}
#newslist li .text{
	border-top:2px solid #a9a9ab;
	width:calc(100% - 130px);
	font-size:1.6rem;
	line-height:1.4;
	padding:12px 1em 12px;
}
#newslist li:last-child .date{
	border-bottom:2px solid #981414;
}
#newslist li:last-child .text{
	border-bottom:2px solid #a9a9ab;
}
/* ----- pagenavi ----- */
.pagenavi .current,
.pagenavi a{
	font-weight:bold;
}


/*****************************************************
　最新情報詳細　
*****************************************************/
/* news-detail
------------------------------------------------- */
/* ===== news-photo（左） ===== */
#news-detail .news-photo{
	background:url('../img/news/img_newsdetail_left.jpg') no-repeat center top;
	background-size:cover;
	-webkit-background-size:cover;
}
/* ===== news-info（右） ===== */
#news-detail .news-info{
	background:#282a2e;
}
#news-detail *{
	color:#a9a9ab;
}
/* ----- section-controls ----- */
#news-detail .section-close{
	border-color:#a9a9ab;
}
/* ----- newspost ----- */
#news-detail .newspost .date{
	font-size:8.0rem;
	font-weight:bold;
	line-height:1;
	margin:0 0 80px;
}
#news-detail .newspost .ttl{
	border-bottom:2px solid #a9a9ab;
	font-size:2.1rem;
	font-weight:normal;
	line-height:1.5;
	margin:0 0 17px;
	padding:0 0 10px;
	display:block;
}
#news-detail .newspost p{
	font-size:1.8rem;
	line-height:1.3;
	margin:1em 0;
}
#news-detail .newspost figure{
	margin:2em 0;
}



/*****************************************************
　プロフィール　
*****************************************************/
/* about
------------------------------------------------- */
/* ===== about-photo（左） ===== */
#about .about-photo{
	background:url('../img/about/img_profile_left.jpg') no-repeat center top;
	background-size:cover;
	-webkit-background-size:cover;
}
/* ===== about-info（右） ===== */
/* ----- section-controls ----- */
#about .section-controls{
	color:#333;
}
#about .section-close{
	border-color:#333;
}
/* ----- pagehead ----- */
#about .pagehead .large-subttl{
	font-size:5.0rem;
}
#about .pagehead .ttl{
	line-height:1.1;
}
#about .pagehead .subttl{
	margin:10px 0 0;
}
/* ----- text ----- */
#about .text{
	margin:75px 0 70px;
}
#about .text p + p{
	margin:2em 0 0;
}
/* ----- largetext ----- */
#about .largetext{
	font-size:3.6rem;
	margin:0 0 100px;
}
/* ----- profile-detail ----- */
#about .profile-detail{
	margin:0 0 100px;
}
/* ttl */
#about .profile-detail .ttl{
	font-size:2.4rem;
	font-weight:bold;
	margin:0 0 15px;
}
#about .profile-detail .ttl span{
	font-weight:normal;
}
/* dl */
#about .profile-detail dl{
	display:flex;
}
#about .profile-detail dl dt{
	border-top:2px solid #323232;
	width:190px;
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
	padding:9px 0;
}
#about .profile-detail dl dd{
	border-top:2px solid #dedede;
	width:calc(100% - 190px);
	padding:9px 1em 9px;
}
#about .profile-detail dl:last-child dt{
	border-bottom:2px solid #323232;
}
#about .profile-detail dl:last-child dd{
	border-bottom:2px solid #dedede;
}


/*****************************************************
　スケジュール　
*****************************************************/
/* sch
------------------------------------------------- */
/* ===== sch-photo（左） ===== */
#sch .sch-photo{
	background:url('../img/sch/img_schedule_left.jpg') no-repeat center top;
	background-size:cover;
	-webkit-background-size:cover;
}
/* ===== sch-info（右） ===== */
/* ----- section-controls ----- */
#sch .section-controls{
	color:#171313;
}
#sch .section-close{
	border-color:#171313;
}
/* ----- tab ----- */
/* tablist */
.tablist{
	margin:75px 0 30px;
	display:flex;
}
.tablist li{
	font-size:2.4rem;
	font-weight:bold;
	line-height:1;
	margin:0 0.5em 0 0;
	padding:0 0 0 0.5em;
}
.tablist li + li{
	border-left:2px solid #292929;
}
/* tab-block */
.tab-block{
	display:none;
}
.tab-block.active{
	display:block;
}
.tab-block .yearttl{
	font-size:8.0rem;
	font-weight:bold;
}
.tab-block .schpost{
	border:2px solid #303030;
	width:100%;
	display:table;
}
.tab-block .schpost + .schpost{
	margin:20px 0 0;
}
.tab-block .schpost .date,
.tab-block .schpost .tournament,
.tab-block .schpost .rank{
	display:table-cell;
	vertical-align:middle;
	padding:5px 0 6px;
}
.tab-block .schpost .date{
	width:190px;
	text-align:center;
}
.tab-block .schpost .date .date-inner{
	margin:0 auto;
	display:table;
}
.tab-block .schpost .date .date-inner time,
.tab-block .schpost .date .date-inner > span{
	font-size:5.0rem;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
}
.tab-block .schpost .date time{
	line-height:1;
}
.tab-block .schpost .date time span{
	font-size:1.6rem;
	display:block;
}
.tab-block .schpost .tournament{
	font-size:1.8rem;
	line-height:1.4;
	padding-right:40px;
}
.tab-block .schpost .rank{
	background:#801b1c;
	width:130px;
	font-size:3.0rem;
	font-weight:bold;
	text-align:center;
	color:#fefefe;
}


/*****************************************************
　インスタグラム　
*****************************************************/
/* insta
------------------------------------------------- */
/* ===== insta-photo（左） ===== */
#insta .insta-photo{
	background:url('../img/insta/img_insta_left.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
}
/* ===== insta-info（右） ===== */
#insta .insta-info{
	background:#282a2e;
}
#insta *{
	color:#a9a9ab;
}
/* ----- section-controls ----- */
#insta .section-close{
	border-color:#a9a9ab;
}
/* ----- insta-ttl ----- */
#insta .insta-info .insta-ttl{
	background:url('../img/insta/insta_icon.png') no-repeat left center;
	background-size:contain;
	-webkit-background-size:contain;
	font-size:2.4rem;
	font-weight:bold;
	color:#fff;
	padding:0 0 0 38px;
}
#insta .insta-info .insta-ttl span{
	font-weight:normal;
}
/* ----- instafeed ----- */
#instafeed{
	margin:10px 0 20px;
}
#instafeed li{
	max-width:260px;
	width:32.5%;
	margin:0 1.25% 1.25% 0;
	float:left;
	position:relative;
}
#instafeed li:nth-child(3n){
	margin:0 0 1.25%;
}
#instafeed li a{
	width:100%;
	height:0;
	padding:0 0 100%;
	display:block;
	overflow:hidden;
	position:relative;
}
#instafeed li img{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	width:100%;
	height:auto;
}
#instafeed li .detail{
	width:100%;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	z-index:0;
}
#instafeed li .detail span{
	font-size:1.8rem;
	font-weight:bold;
	color:#292929;
	line-height:35px;
	padding:0 0 0 30px;
}
#instafeed li .detail .likes{
	background:url('../img/insta/likes_icon.png') no-repeat left center;
	background-size:20px auto;
	-webkit-background-size:20px auto;
}
#instafeed li .detail .comments{
	background:url('../img/insta/comments_icon.png') no-repeat left center;
	background-size:20px auto;
	-webkit-background-size:20px auto;
	margin:0 0 0 1em;
}
/* ----- movebtn ----- */
#insta .btn-dark-outline span{
	color:#292929;
}




@media screen and (max-width:1199px){
	body.home #news,
	body.home #about,
	body.home #sch,
	body.home #insta{
		display:none;
	}
	body.open{
		overflow:hidden;
	}
	body,
	html{
		height:auto;
	}
	/*****************************************************
	　common　
	*****************************************************/
	/* pagenavi
	------------------------------------------------- */
	.pagenavi.sp{
		display:block;
	}
	.pagenavi.pc{
		display:none;
	}
	/* 戻るボタン
	------------------------------------------------- */
	.section-controls.sp{
		display:block;
	}
	.section-controls.pc{
		display:none;
	}


	/*****************************************************
	　トップページ　
	*****************************************************/
	/* logo
	------------------------------------------------- */
	#logo{
		width:100%;
		position:absolute;
		top:20px;
		left:20px;
		z-index:10;
	}
	/* logo-sign
	------------------------------------------------- */
	#logo-sign{
		width:100%;
		position:absolute;
		bottom:20px;
		left:20px;
		z-index:10;
	}
	/* spnavi-btn,sp-navi
	------------------------------------------------- */
	#spnavi-btn{
		position:absolute;
		top:20px;
		right:20px;
		z-index:10;
		display:block;
	}
	#sp-navi{
		background:#282a2e;
		width:100%;
		height:100%;
		padding:20px 20px 50px 9.3%;
		position:fixed;
		top:0;
		left:0;
		z-index:50;
		overflow:scroll;
	}
	#spnavi-closebtn{
		text-align:right;
		margin:0 0 20px;
	}
	#sp-navi .spnavi-logo{
		max-width:240px;
		width:100%;
		margin:0 0 90px;
	}
	#sp-navi ul li{
		font-size:40px;
		font-weight:bold;
		line-height:1;
	}
	#sp-navi ul li + li{
		margin:40px 0 0;
	}
	#sp-navi ul li:last-child{
		margin:60px 0 0;
	}
	#sp-navi ul li .fb{
		margin:0 43px 0 0;
	}
	#sp-navi ul li a{
		color:#d7d7d7;
		position:relative;
	}
	#sp-navi ul li a:after{
		content:'';
		background:#fff;
		width:100%;
		height:1px;
		display:inline-block;
		position:absolute;
		bottom:0;
		left:0;
		z-index:0;
	}
	#sp-navi ul li:last-child a:after{
		display:none;
	}
	#sp-navi ul li a img{
		vertical-align:top;
	}
	/* main
	------------------------------------------------- */
	/* ===== main-intro（左） ===== */
	#main .main-intro{
		height:700px;
	}
	#main .main-intro .intro-content{
		background-position:center 40%;
	}
	/* ===== main-media（右） ===== */
	#main .main-media{
		background:#000;
		/*height:830px;*/
		height:auto;
	}
	#sp-main-image{
		background:url('../img/top/img_top_right.jpg') no-repeat center 40%;
		background-size:cover;
		-webkit-background-size:cover;
		height:700px;
		display:block;
	}
	#main .main-media .image{
		background:none;
		position:static;
	}
	/* ----- socials ----- */
	.socials{
		display:none;
	}
	/* ===== movie ===== */
	#movie{
		padding:75px 0 45px;
	}
	/* ----- text,movie ----- */
	#movie .text,
	#movie .movie{
		max-width:none;
		width:100%;
		display:block;
	}
	#movie .text-inner{
		display:block;
	}
	#movie .movie{
		margin:50px 0 0;
	}
	/* ===== company-name ===== */
	.company-name{
		background:#282a2e;
		/*height:130px;*/
		padding:20px 2.5% 20px 300px;
		position:static;
	}


	/*****************************************************
	　最新情報一覧　
	*****************************************************/
	/* news
	------------------------------------------------- */
	#news .news-photo{
		background-position:center 20%;
		min-height:400px;
		height:50vh;
	}


	/*****************************************************
	　最新情報詳細　
	*****************************************************/
	/* news-detail
	------------------------------------------------- */
	/* ===== news-photo（左） ===== */
	#news-detail .news-photo{
		background-position:center 20%;
		min-height:400px;
		height:50vh;
	}


	/*****************************************************
	　プロフィール　
	*****************************************************/
	/* about
	------------------------------------------------- */
	/* ===== about-photo（左） ===== */
	#about .about-photo{
		min-height:400px;
		height:50vh;
	}


	/*****************************************************
	　スケジュール　
	*****************************************************/
	/* sch
	------------------------------------------------- */
	/* ===== sch-photo（左） ===== */
	#sch .sch-photo{
		background-position:center 20%;
		min-height:400px;
		height:50vh;
	}


	/*****************************************************
	　インスタグラム　
	*****************************************************/
	/* insta
	------------------------------------------------- */
	/* ===== insta-photo（左） ===== */
	#insta .insta-photo{
		min-height:400px;
		height:50vh;
	}
}


@media screen and (max-width:768px){
	/*****************************************************
	　トップページ 
	*****************************************************/
	/* main
	------------------------------------------------- */
	/* ===== main-intro（左） ===== */
	#main .main-intro{
		height:500px;
	}
	/* ===== main-media（右） ===== */
	#main .main-media{
		/*height:630px;*/
	}
	#sp-main-image{
		height:500px;
	}
	/* ----- company-name ----- */
	.company-name{
		/*height:130px;*/
	}
}


@media screen and (max-width:640px){
	/*****************************************************
	　common　
	*****************************************************/
	/* pagehead
	------------------------------------------------- */
	.pagehead .ttl{
		font-size:12.5vw;
	}
	.pagehead .subttl{
		font-size:3.75vw;
	}
	/* pagenavi
	------------------------------------------------- */
	.pagenavi .current,
	.pagenavi a{
		font-size:3.75vw;
		font-weight:bold;
	}


	/*****************************************************
	　トップページ　
	*****************************************************/
	/* logo
	------------------------------------------------- */
	#logo{
		max-width:89px;
		left:3.1%;
	}
	/* logo-sign
	------------------------------------------------- */
	#logo-sign{
		display:none;
	}
	/* logo-sign_640
	------------------------------------------------- */
	#logo-sign_640{
		max-width:154px;
		width:100%;
		margin:40px 0 30px;
		display:block;
	}
	/* spnavi-btn,sp-navi
	------------------------------------------------- */
	#sp-navi .spnavi-logo{
		width:47%;
		margin:0 0 20%;
	}
	#sp-navi ul li{
		font-size:6.25vw;
	}
	#sp-navi ul li + li{
		margin:1em 0 0;
	}
	#sp-navi ul li:last-child{
		margin:1.8em 0 0;
	}
	/* main
	------------------------------------------------- */
	/* ===== main-intro（左） ===== */
	#main .main-intro{
		height:100vw;
	}
	/* ===== main-media（右） ===== */
	#main .main-media{
		/*height:150vw;*/
	}
	#sp-main-image{
		height:100vw;
	}
	/* ===== sponsor ===== */
	#sponsor .largetext{
		font-size:5.62vw;
	}
	/* ----- sponsor-list ----- */
	#sponsor-list{
		max-width:520px;
	}
	#sponsor-list li{
		width:48%;
		margin:0 4% 4% 0;
	}
	#sponsor-list li:nth-child(4n){
		margin:0 4% 4% 0;
	}
	#sponsor-list li:nth-child(2n){
		margin:0 0 4%;
	}
	/* ===== movie ===== */
	#movie .text .largetext{
		font-size:7.81vw;
	}
	/* ===== company-name ===== */
	.company-name{
		width:100%;
		/*height:50vw;*/
		text-align:left;
		padding:0 4.68%;
		bottom:60px;
	}
	.company-name .ttl{
		font-size:7.81vw;
	}
	.company-name dl{
		border-bottom:2px solid #dedede;
		font-size:3.75vw;
		margin:0 0 25px;
		padding:0 0 30px;
	}
	.company-name .ban,
	.company-name .copyright{
		font-size:3.12vw;
	}
	.company-name .ban br{
		display:block;
	}


	/*****************************************************
	　最新情報　
	*****************************************************/
	/* news
	------------------------------------------------- */
	/* ===== news-info（右） ===== */
	/* ----- content-block ----- */
	#newslist li .date,
	#newslist li .text{
		font-size:3.75vw;
	}
	#newslist li .date{
		width:28%;
	}
	#newslist li .text{
		width:calc(100% - 28%);
	}


	/*****************************************************
	　最新情報詳細　
	*****************************************************/
	/* news-detail
	------------------------------------------------- */
	/* ===== news-info（右） ===== */
	/* ----- newspost ----- */
	#news-detail .newspost .date{
		font-size:12.5vw;
	}
	#news-detail .newspost .ttl{
		font-size:4.21vw;
	}
	#news-detail .newspost p{
		font-size:3.75vw;
	}


	/*****************************************************
	　プロフィール　
	*****************************************************/
	/* about
	------------------------------------------------- */
	/* ===== about-info（右） ===== */
	/* ----- pagehead ----- */
	#about .pagehead .large-subttl{
		font-size:7.81vw;
	}
	/* ----- largetext ----- */
	#about .largetext{
		font-size:5.62vw;
	}
	/* ----- profile-detail ----- */
	/* ttl */
	#about .profile-detail .ttl{
		font-size:4.68vw;
	}
	/* dl */
	#about .profile-detail dl dt{
		width:36%;
		font-size:3.75vw;
	}
	#about .profile-detail dl dd{
		width:calc(100% - 36%);
		font-size:3.43vw;
	}


	/*****************************************************
	　スケジュール　
	*****************************************************/
	/* sch
	------------------------------------------------- */
	/* ===== sch-info（右） ===== */
	/* ----- tab ----- */
	/* tablist */
	.tablist li{
		font-size:4.68vw;
	}
	/* tab-block */
	.tab-block .yearttl{
		font-size:12.5vw;
	}
	.tab-block .schpost,
	.tab-block .schpost .date,
	.tab-block .schpost .tournament,
	.tab-block .schpost .rank{
		display:block;
	}
	.tab-block .schpost .date{
		width:100%;
	}
	.tab-block .schpost .date .date-inner time,
	.tab-block .schpost .date .date-inner > span{
		font-size:7.81vw;
	}
	.tab-block .schpost .date time span{
		font-size:3.43vw;
	}
	.tab-block .schpost .tournament{
		font-size:3.75vw;
		padding:0 10px 10px;
	}
	.tab-block .schpost .rank{
		width:100%;
		font-size:5.62vw;
	}


	/*****************************************************
	　インスタグラム　
	*****************************************************/
	/* insta
	------------------------------------------------- */
	/* ===== insta-info（右） ===== */
	/* ----- insta-ttl ----- */
	#insta .insta-info .insta-ttl{
		font-size:4.68vw;
	}
	/* ----- instafeed ----- */
	#instafeed li .detail span{
		font-size:2.81vw;
		line-height:1.3;
		padding:0 0 0 17%;
	}
	#instafeed li .detail .likes,
	#instafeed li .detail .comments{
		background-size:auto 80%;
		-webkit-background-size:auto 80%;
	}
}


@media screen and (max-width:420px){
	/*****************************************************
	　トップページ　
	*****************************************************/
	/* logo
	------------------------------------------------- */
	#logo{
		top:10px;
	}
	/* spnavi-btn,sp-navi
	------------------------------------------------- */
	#spnavi-btn{
		top:10px;
		right:10px;
	}
	#sp-navi{
		padding:10px 10px 50px 9.3%;
	}
	/* main
	------------------------------------------------- */
	/* ===== main-media（右） ===== */
	#main .main-media{
		/*height:145vw;*/
	}
	/* ----- company-name ----- */
	.company-name{
		/*height:45vw;*/
	}
	.company-name dl{
		margin:0 0 10px;
		padding:0 0 15px;
	}


	/*****************************************************
	　インスタグラム　
	*****************************************************/
	/* insta
	------------------------------------------------- */
	/* ===== insta-info（右） ===== */
	/* ----- insta-ttl ----- */
	#insta .insta-info .insta-ttl{
		padding:0 0 0 8%;
	}
	/* ----- instafeed ----- */
	#instafeed li{
		width:48%;
		margin:0 4% 4% 0;
	}
	#instafeed li:nth-child(3n){
		margin:0 4% 4% 0;
	}
	#instafeed li:nth-child(2n){
		margin:0 0 4%;
	}
}


@media screen and (max-width:320px){
	/*****************************************************
	　トップページ　
	*****************************************************/
	/* logo
	------------------------------------------------- */
	#logo{
		max-width:80px;
		left:10px;
	}
	#logo img{
		vertical-align:top;
	}
	/* logo-sign_640
	------------------------------------------------- */
	#logo-sign_640{
		max-width:77px;
		margin:20px 0 15px;
	}
	/* spnavi-btn,sp-navi
	------------------------------------------------- */
	#spnavi-btn .btn-l,
	#spnavi-closebtn .btn-l{
		height:30px;
		font-size:3.43vw;
		line-height:28px;
		padding:0 30px 0 15px;
	}
	#spnavi-btn .btn-l::after,
	#spnavi-btn .btn-l::before,
	#spnavi-closebtn .btn-l::after,
	#spnavi-closebtn .btn-l::before{
		width:20px;
	}
	.no-touch #spnavi-btn .btn-l:hover,
	.no-touch #spnavi-closebtn .btn-l:hover{
		padding: 0 15px 0 30px;
	}
}