/* =================================
	TOP CSS
================================= */

.bg{
	position: relative;
}

/*	header main_image
============================== */
header{
	position: relative;
}

@media all and (min-width: 768px) {
.header_bg{
	width: 100%;
	/*height: 645px;*/
	background-image:url(../img/header_bg.jpg);
	background-repeat:repeat-x;
	margin: 0 0 25px;
}
header{
	width: 960px;
	height: 645px;
	margin: 0 auto;
}
h1.logo{
	width: 960px;
	height: 645px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center top;
}

/*段階的に読み込み*/
header ul li {
	overflow: hidden;
}
header ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
header ul {
	display: inline-block;
	overflow: hidden;
}
header .pic1 {
	width: 960px;
	height: 645px;
	background-image: url(../img/main1.jpg?20170922);
	background-repeat:no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	display: none;
	/*box-shadow:0px 0px 4px -1px #9c9c9c;*/
}
header .pic2 {
	width: 960px;
	height: 645px;
	background-image: url(../img/main2.png?20170922);
	background-repeat:no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	display: none;
}
header .pic3 {
	width: 960px;
	height: 645px;
	background-image: url(../img/main3.png?20171208);
	background-repeat:no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
	display: none;
}
/*段階的に読み込み end*/
}
@media all and (max-width: 767px) {
header h1{
	background-image:url(../img/top_main.jpg?20171015);
	background-repeat: no-repeat;
	background-size: cover;
	height: 0;
	margin:0 auto;
	padding-top: 67.1875%;
}
}

/*	rinji_area
============================== */
div.rinji_area{
	color: #f46459;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	z-index: 10;
	position: relative;
}
div.rinji_area span a{
	color: #f46459;
	text-decoration: none;
}
/*div.rinji_area a:hover{
	text-decoration: underline;
}*/
div.rinji_area > span{
	display: block;
}
@media all and (min-width: 768px) {
div.rinji_area{
	width: 960px;
	margin:0 auto 20px;
	padding:15px 0 20px;
	/*padding:20px 0 20px;*/
	background:#000 url(../img/rinji_bg.jpg) no-repeat;
	text-align: left;
}
div.rinji_area > span{
	padding:0 20px 0 25px;
	line-height: 1.4;
	font-size: 130%;
	/*width: 605px;(カウントダウン消し)*/
	text-align: center;/*(カウントダウン消し後追加)*/
}
div.rinji_area a{
	position: relative;
	display: inline-block;
	transition: .3s;
}
div.rinji_area a::after {
	/*dposition: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	color: #dadada;
	background-color: #f46459;
	transition: .3s; (旧)*/
	position: absolute;
	bottom: .3em;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #f46459;
	opacity: 0;
	transition: .3s;
}
div.rinji_area a:hover::after {
	/*width: 100%; (旧)*/
	bottom: 0;
	opacity: 1;
}
}
@media all and (max-width: 767px) {
div.rinji_area{
	padding:5px 0 10px;
	background:#000;
	text-align: left;
}
div.rinji_area > span{
	padding:0 15px 0;
	line-height: 1.3;
	font-size: 90%;
	display: block;
}
div.rinji_area a{
	display: block;
}
}

/*	tw_btn
==============================
@media all and (min-width: 768px) {
	div.tw_btn a{
		width: 125px;
		height: 85px;
		display: block;
		position: absolute;
		left: 830px;
		top: 472px;
		text-indent:110%;white-space:nowrap;overflow:hidden;
		z-index: 10;
	}
}
@media all and (max-width: 767px) {
	div.tw_btn a{
		display: none;
	}
}*/

/*	whats_new
============================== */
@media all and (min-width: 768px) {
section.whats_new{
	width: 960px;
	height: 54px;
	background-image:url(../img/top_whats_new.png);
	margin:0 auto 24px;
}
}
@media all and (max-width: 767px) {
section.whats_new{
	background-color: #fff;
	margin: 10px 0 0;
}
section.whats_new h2{
	text-align: center;
	background-color: #000;
	color: #fff;
	font-size: 68.8%;
	padding: 3px 0;
	font-weight: normal;
}
}
/*	ticker
============================== */

div.ticker div.tck-outer {
	width:100%;
	overflow:hidden;
	position:relative;
	height:1.25em;
}
div.ticker div.tck-outer ul.tck-inner, div.ticker ul.tck-inner li, div.ticker ul.tck-inner li a {
	display:inline;
	white-space:nowrap;
}
div.ticker div.tck-outer ul.tck-inner {
	position:absolute;
	line-height:1.25;
}
div.ticker div.tck-outer ul.tck-inner li {
	position:relative;
	padding-right:3em;
}
div.ticker div.tck-outer ul.tck-inner li:before {
	content:"";
	width:20px;
	height:20px;
	display:inline-block;
	position:absolute;
	top:50%;
	margin-top:-10px;
}
div.ticker ul.tck-inner li a {
	color:#000;
	text-decoration:none;
	padding-left:26px;
}
span.date{
	background-color: #dc7e5d;
	color: #fff;
	padding:3px;
	margin-right:10px;
	font-weight: normal;
	text-decoration:none;
}
span.date a:hover{
	text-decoration:none;
}
@media all and (min-width: 768px) {
div.ticker{
	margin: 0 10px 0 195px;
	padding:15px 0 0;
}
div.ticker ul.tck-inner li a {
	font-size:87.5%;
}
div.ticker ul.tck-inner li a:hover {
	text-decoration:underline;
}
span.date{
	font-size: 87.5%;
}
}
@media all and (max-width: 767px) {
div.ticker{
	border-left: none;
	border-right: none;
	margin: 0 0 7px;
	padding:0.3em 0 0.4em;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
div.ticker ul.tck-inner li a {
	font-size:50%;
}
}

/*	m_trailer
============================== */
div.m_trailer{

}
div.m_trailer a{
	display: block;
}

@media all and (min-width: 768px) {
div.m_trailer{
	float: right;
	width: 630px;
	height: 349px;
	margin: 0 10px 0 0;
	transition: 0.2s ease-in-out;
	background-image:url(../img/m_trailer_pc.jpg?20171217);
}
div.m_trailer a{
	width: 580px;
	height: 349px;
}
div.m_trailer:hover{
	opacity:0.7;
}
}
@media all and (max-width: 767px) {
div.m_trailer_out{
	margin: 15px 15px 0;
}
div.m_trailer {
	position:relative;
	height:0;
	padding-top:60.1724%;
	background-size:contain;
	background-image:url(../img/m_trailer.jpg?20171217);
}
div.m_trailer a {
	text-indent:110%;white-space:nowrap;overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}

/*	menu
============================== */
div.menu .m_intro a{ background-image:url(../img/top_m_intro.jpg);}
div.menu .m_news a{ background-image:url(../img/top_m_news.jpg);}
div.menu .m_orig a{ background-image:url(../img/top_m_orig.jpg);}
div.menu .m_cast a{ background-image:url(../img/top_m_cast.jpg);}
div.menu .m_staff a{ background-image:url(../img/top_m_staff.jpg);}
div.menu .m_bbs a{ background-image:url(../img/top_m_bbs.jpg);}
div.menu .m_inter a{ background-image:url(../img/top_m_inter.jpg);}
div.menu .m_comm a{ background-image:url(../img/top_m_comm.jpg);}
div.menu .m_chara a,div.menu .m_chara b{ background-image:url(../img/top_m_chara.jpg?20171005);}
/*div.menu .m_news a:hover{ background-image:url(../img/top_m_news_h.jpg);}*/
div.menu ul li a,div.menu ul li b{ background-repeat: no-repeat;}

div.menu ul li a,div.menu ul li b{
	text-indent:110%;white-space:nowrap;overflow:hidden;
}

@media all and (min-width: 768px) {
div.menu{
	position: relative;
}
div.menu ul{
	width: 960px;
	margin:0 auto;
}
div.menu ul li{
	width: 300px;
	height: 100px;
	float: left;
	margin-right: 30px;
	margin-bottom: 27px;
}
div.menu ul li:nth-child(3n){
	margin-right: 0px;
}
div.menu ul li a{
	cursor: pointer;
}
div.menu ul li a,div.menu ul li b{
	display: block;
	width: 300px;
	height: 100px;
	transition: 0.2s ease-in-out;
}
div.menu ul li a:hover{
	opacity:0.7;
	background-color: #fff;
}
div.menu ul li a:after{
}
}
@media all and (max-width: 767px) {
div.menu ul{
	margin: 0 15px 10px;
}
div.menu ul li{
	margin:10px auto 0;
	width: 49%;
	float: left;
	margin-right: 2%;
}
div.menu ul li:nth-child(2n){
  margin-right: 0%;
}
div.menu ul li a,div.menu ul li b {
  height: 0;
  display: block;
  background-size:100% 100%;
  padding-top: 34.7826%;
  position: relative;
  overflow: hidden;
  transition: color 0.3s;
}
div.menu ul li a span,div.menu ul li b span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}

/*	top_cal_btn
============================== */
div.top_cal_btn a,div.top_cal_btn b{
	display: block;
	text-decoration:none;
	background-image:url(../img/top_cal_btn.jpg?20171224);
	background-repeat: no-repeat;
	position: relative;
	box-shadow:0px 0px 4px -1px #9c9c9c;
}
@media all and (min-width: 768px) {
div.top_cal_btn{
	position: absolute;
	right: 10px;
	top:254px;
}
div.top_cal_btn a,div.top_cal_btn b{
	width: 300px;
	height: 100px;
}
div.top_cal_btn a{
	cursor: pointer;
	transition: 0.2s ease-in-out;
}
div.top_cal_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.top_cal_btn{
	margin:0px auto 15px;
	width: 49%;
	clear: both;
	/*display: none; 一時*/
}
div.top_cal_btn a,div.top_cal_btn b{
	display: block;
	height: 0;
	padding-top: 33.3333%;
	overflow: hidden;
	background-size:100% 100%;
}
}

/*	m_repo
============================== */
div.m_repo_in{
	background-repeat: no-repeat;
	position: relative;
	-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .1));
}
div.m_repo_in a,div.m_repo_in b{
	display: block;
	text-decoration:none;
}
span.repo_date{
	background-color: #dc7e5d;
	color: #fff;
	font-weight: normal;
}
@media all and (min-width: 768px) {
div.m_repo{
	margin:0 0 0 175px;
}
div.m_repo_in{
	background-image:url(../img/top_m_repo4.png);
	width: 315px;
	height: 140px;
	/*margin: 0 0 27px;*/
	float: left;
}
div.m_repo_in a,div.m_repo_in b{
	width: 310px;
	height: 140px;
}
div.m_repo_in a{
	cursor: pointer;
}
span.repo_date{
	padding:6px;
	position: absolute;
	left: -5px;
	top: -3px;
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
div.m_repo_in{
	width: 49%;
	float: left;
	margin-bottom:10px;
}
div.m_repo_in a,div.m_repo_in b{
	background-image:url(../img/top_m_repo4_smp.png);
	height: 0;
	padding-top: 46.6666%;
	overflow: hidden;
	background-size:100% 100%;
}
span.repo_date{
	padding:5px;
	position: absolute;
	left: -2px;
	top: -1px;
	font-size:60%;
}
}

/*	sns buttons
============================== */
div.sns-btns {
	text-align:center;
	position:relative;
}
div.sns-btns div.tw, div.sns-btns div.fb {
	text-align:left;
	width:120px;
	display:inline-block;
}
@media all and (min-width: 768px) {
div.sns-btns {
	padding:192px 0 15px 212px;
	margin: 0px  0 0 ;
	float: left;
}
div.sns-btns div.tw{
	margin-left: 20px;
}
}
@media all and (max-width: 767px) {
div.sns-btns {
	padding-top:15px;
	margin-bottom:15px;

}
}

/*	bottom_area
============================== */
@media all and (min-width: 768px) {
div.tw_trailer{
	margin: 0 0 27px;
}

div.other_sns_area{
	margin: 0 0 27px 10px;
}
div.bottom_area_out{
	background-image:url(../img/top_bottom1_bg.png);
	width: 100%;
}
div.bottom_area1{
	width: 980px;
	margin-right: 30px;
	padding: 27px 0;
	position: relative;
}
div.bottom_area2{
	width: 980px;
	margin-right: 30px;
	position: relative;
}
}
@media all and (max-width: 767px) {
div.bottom_area{
	padding: 0 0 30px;
}
div.bottom_area_out{
	background-image:url(../img/top_bottom1_bg.png);
	width: 100%;
}
div.bottom_area1{
	margin: 0 15px;
	padding: 15px 0;
}
}

/*	comm_btn
==============================

div.comm_btn a{
	background-image:url(../img/top_m_comm.jpg);
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 768px) {
div.comm_btn {
	width: 300px;
	height: 100px;
	margin: 0 0 27px;
}
div.comm_btn a{
	width: 300px;
	height: 100px;
}
div.comm_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.comm_btn {
	width: 49%;
	margin:0 auto 10px;
}
div.comm_btn a{
	height: 0;
	padding-top: 33.333333%;
	overflow: hidden;
	background-size:100% 100%;
}
}*/

/*	extra_btn
============================== */

div.extra_btn a,
div.extra_btn b{
	background-image:url(../img/top_extra_btn.jpg?20171224);
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	box-shadow:0px 0px 4px -1px #9c9c9c;
}
@media all and (min-width: 768px) {
div.extra_btn {
	width: 300px;
	height: 140px;
	margin: 0px 0 27px 10px;
	float: left;
}
div.extra_btn a,
div.extra_btn b{
	width: 300px;
	height: 140px;
	transition: 0.2s ease-in-out;
}
div.extra_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.extra_btn {
	width: 49%;
	float: left;
	margin-right: 2%;
	margin-bottom:10px;
}
div.extra_btn a,
div.extra_btn b{
	height: 0;
	padding-top: 46.6666%;
	overflow: hidden;
	background-size:100% 100%;
}
}

/*	extra_photo_btn
============================== */

div.extra_photo_btn a{
	background-image:url(../img/extra_photo_btn.jpg?20170927);
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	box-shadow:0px 0px 4px -1px #9c9c9c;
}
@media all and (min-width: 768px) {
div.extra_photo_btn {
	width: 300px;
	height: 140px;
	margin: 0px 0 27px 30px;
	float: left;
}
div.extra_photo_btn a{
	width: 300px;
	height: 140px;
	transition: 0.2s ease-in-out;
}
div.extra_photo_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.extra_photo_btn {
	width: 49%;
	float: left;
	margin-bottom:10px;
}
div.extra_photo_btn a{
	height: 0;
	padding-top: 46.6666%;
	overflow: hidden;
	background-size:100% 100%;
}
}

/*	present_btn
============================== */

div.present_btn a{
	background-image:url(../img/present_btn.jpg?20170927);
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	box-shadow:0px 0px 4px -1px #9c9c9c;
}
@media all and (min-width: 768px) {
div.present_btn {
	width: 300px;
	height: 140px;
	margin: 0px 0 27px 30px;
	float: left;
}
div.present_btn a{
	width: 300px;
	height: 140px;
	transition: 0.2s ease-in-out;
}
div.present_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.present_btn {
	width: 49%;
	float: left;
	margin-right: 2%;
	margin-bottom:10px;
}
div.present_btn a{
	height: 0;
	padding-top: 46.6666%;
	overflow: hidden;
	background-size:100% 100%;
}
}

/*	dento_btn
============================== */

div.dento_btn a,div.dento_btn b{
	background-image:url(../img/dento_btn.jpg);
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	box-shadow:0px 0px 4px -1px #9c9c9c;
}
@media all and (min-width: 768px) {
div.dento_btn {
	width: 300px;
	height: 140px;
	margin: 0px 0 0px 15px;
	float: left;
}
div.dento_btn a,div.dento_btn b{
	width: 300px;
	height: 140px;
	transition: 0.2s ease-in-out;
}
div.dento_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.dento_btn {
	width: 49%;
	float: left;
	margin-right: 2%;
}
div.dento_btn a,div.dento_btn b{
	height: 0;
	padding-top: 46.6666%;
	overflow: hidden;
	background-size:100% 100%;
}
}

/*	gallery_btn
============================== */

div.gallery_btn a,div.gallery_btn b{
	background-image:url(../img/gallery_btn.jpg);
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	box-shadow:0px 0px 4px -1px #9c9c9c;
}
@media all and (min-width: 768px) {
div.gallery_btn {
	width: 300px;
	height: 140px;
	margin: 27px 0 0px 10px;
	float: left;
}
div.gallery_btn a,div.gallery_btn b{
	width: 300px;
	height: 140px;
	transition: 0.2s ease-in-out;
}
div.gallery_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.gallery_btn {
	width: 49%;
	float: left;
}
div.gallery_btn a,div.gallery_btn b{
	height: 0;
	padding-top: 46.6666%;
	overflow: hidden;
	background-size:100% 100%;
}
}

/*	gyoda_btn
============================== */

div.gyoda_btn a{
	background-image:url(../img/gyoda_btn.jpg);
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	box-shadow:0px 0px 4px -1px #9c9c9c;
}
@media all and (min-width: 768px) {
div.gyoda_btn {
	width: 300px;
	height: 140px;
	margin: 27px 0 0px 30px;
	float: left;
}
div.gyoda_btn a{
	width: 300px;
	height: 140px;
	transition: 0.2s ease-in-out;
}
div.gyoda_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.gyoda_btn {
	width: 49%;
	float: left;
	margin-top:10px;
	margin-right: 2%;
}
div.gyoda_btn a{
	height: 0;
	padding-top: 46.6666%;
	overflow: hidden;
	background-size:100% 100%;
}
}

/*	shoes_btn
============================== */

div.shoes_btn a{
	background-image:url(../img/shoes_btn.jpg);
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	box-shadow:0px 0px 4px -1px #9c9c9c;
}
@media all and (min-width: 768px) {
div.shoes_btn {
	width: 300px;
	height: 140px;
	margin: 27px 0 0px 30px;
	float: left;
}
div.shoes_btn a{
	width: 300px;
	height: 140px;
	transition: 0.2s ease-in-out;
}
div.shoes_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.shoes_btn {
	width: 49%;
	float: left;
	margin-top:10px;
}
div.shoes_btn a{
	height: 0;
	padding-top: 46.6666%;
	overflow: hidden;
	background-size:100% 100%;
}
}

/*	genba_btn
============================== */
div.genba_btn{
	background-repeat: no-repeat;
	position: relative;
	-webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, .1));
}
div.genba_btn a,div.genba_btn b{
	display: block;
	text-decoration:none;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
span.genba_date{
	background-color: #dc7e5d;
	color: #fff;
	font-weight: normal;
}
@media all and (min-width: 768px) {
div.genba_btn{
	background-image:url(../img/genba_btn.jpg?20180104);
	width: 300px;
	height: 140px;
	float: left;
	margin: 27px 0 0 175px;
	transition: 0.2s ease-in-out;
}
div.genba_btn a,div.genba_btn b{
	width: 300px;
	height: 140px;
}
div.genba_btn a{
	cursor: pointer;
}
div.genba_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
span.genba_date{
	padding:6px;
	position: absolute;
	left: -5px;
	top: -3px;
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
div.genba_btn {
	width: 49%;
	float: left;
	margin-top:10px;
	margin-right: 2%;
}
div.genba_btn a,
div.genba_btn b{
	background-image:url(../img/genba_btn.jpg?20180104);
	height: 0;
	padding-top: 46.6666%;
	overflow: hidden;
	background-size:100% 100%;
}
span.genba_date{
	padding:5px;
	position: absolute;
	left: -2px;
	top: -2px;
	font-size:60%;
}
}

/*	joglis_btn
============================== */

div.joglis_btn a,
div.joglis_btn b{
	background-image:url(../img/joglis_btn.jpg?20171208);
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	box-shadow:0px 0px 4px -1px #9c9c9c;
}
@media all and (min-width: 768px) {
div.joglis_btn {
	width: 300px;
	height: 140px;
	margin: 27px 0 0px 30px;
	float: left;
}
div.joglis_btn a,
div.joglis_btn b{
	width: 300px;
	height: 140px;
	transition: 0.2s ease-in-out;
}
div.joglis_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.joglis_btn {
	width: 49%;
	float: left;
	margin-top:10px;
}
div.joglis_btn a,
div.joglis_btn b{
	height: 0;
	padding-top: 46.6666%;
	overflow: hidden;
	background-size:100% 100%;
}
}

/*	present_btn（sms1列）
==============================

div.present_btn a,
div.present_btn b{
	background-image:url(../img/present_btn.jpg?20170927);
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 768px) {
div.present_btn {
	width: 300px;
	height: 140px;
	margin: 27px 0 27px 30px;
	float: left;
}
div.present_btn a,
div.present_btn b{
	width: 300px;
	height: 140px;
}
div.present_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.present_btn {
	width: 49%;
	margin:10px auto 0px;
	clear: both;
	padding-top: 15px;
}
div.present_btn a,
div.present_btn b{
	display: block;
	height: 0;
	padding-top: 46.6666%;
	overflow: hidden;
	background-size:100% 100%;
}
}*/

/*	iShop_btn
============================== */

div.iShop_btn a{
	background-image:url(../img/top_ishop_btn.jpg?20171224);
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	box-shadow:0px 0px 4px -1px #9c9c9c;
}
@media all and (min-width: 768px) {
div.iShop_btn {
	width: 300px;
	height: 100px;
	margin: 27px 0 0px 10px;
	float: left;
}
div.iShop_btn a{
	width: 300px;
	height: 100px;
	transition: 0.2s ease-in-out;
}
div.iShop_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.iShop_btn {
	width: 49%;
	margin:0px auto 0px;
	clear: both;
	padding-top: 15px;
}
div.iShop_btn a{
	display: block;
	height: 0;
	padding-top: 33.3333%;
	overflow: hidden;
	background-size:100% 100%;
}
}

/*	free_btn
============================== */

div.free_btn a,
div.free_btn b{
	background-image:url(../img/free_btn.jpg?20180110);
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	box-shadow:0px 0px 4px -1px #9c9c9c;
}
@media all and (min-width: 768px) {
div.free_btn {
	width: 300px;
	height: 100px;
	margin: 27px 0 0px 30px;
	float: left;
}
div.free_btn a,
div.free_btn b{
	width: 300px;
	height: 100px;
	transition: 0.2s ease-in-out;
}
div.free_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.free_btn {
	width: 49%;
	margin:0px auto 0px;
	clear: both;
	padding-top: 15px;
	padding-bottom: 15px;
}
div.free_btn a,
div.free_btn b{
	display: block;
	height: 0;
	padding-top: 33.3333%;
	overflow: hidden;
	background-size:100% 100%;
}
}

/*	onde_btn
============================== */

div.onde_btn a,
div.onde_btn b{
	background-image:url(../img/onde_btn.png);
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	box-shadow:0px 0px 4px -1px #9c9c9c;
}
@media all and (min-width: 768px) {
div.onde_btn {
	width: 300px;
	height: 100px;
	margin: 27px 0 0px 30px;
	float: left;
}
div.onde_btn a,
div.onde_btn b{
	width: 300px;
	height: 100px;
	transition: 0.2s ease-in-out;
}
div.onde_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.onde_btn {
	width: 49%;
	margin:0px auto 0px;
	clear: both;
	padding-bottom: 15px;
}
div.onde_btn a,
div.onde_btn b{
	display: block;
	height: 0;
	padding-top: 33.3333%;
	overflow: hidden;
	background-size:100% 100%;
}
}

/*	img_area
==============================
div.img_area{
	background-image:url(../img/top_bg_image.jpg);
	position: relative;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 768px) {
div.img_area{
	width: 300px;
	height: 197px;
	margin: 0 0 27px 10px;
	float: left;
}
}
@media all and (max-width: 767px) {
div.img_area{
	margin:0 auto 15px;
	background-size:270px 167px;
	width: 270px;
	height: 167px;
	display: none;
}
}*/


/*	Instagram
============================== */
#insta_box{
	overflow:hidden;
	background-color: #666;
	box-shadow:0px 0px 4px -1px #9c9c9c;
}
#insta_box h2{
	margin:0px auto 0;
}
#insta_box h2 a{
	display: block;
}
div.insta {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
div.insta ul{margin:5px 0 0 16px;}
div.insta ul li {float:left; margin:8px 8px 0 0;}
div.insta ul li a, div.insta ul li a img {
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	width:85px;
	height:85px;
}
div.insta ul li a {background-size:cover;}
div.insta ul li a:hover img {background-color:hsla(216,82%,13%,0.25);}
div.insta ul li a img {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #ccc;
}
div.insta ul li a img.icon-video {background-image:url(/um/img/play.png);}

@media all and (min-width: 768px) {
#insta_box{
	margin-right:10px;
	width: 580px;
	height:155px;
	background: url(../img/inst_box.jpg) no-repeat;
	float: right;
}
#insta_box h2{
	width: 580px;
	height: 45px;
}
#insta_box h2 a{
	width: 580px;
	height: 45px;
}
}
@media all and (max-width: 767px) {
#insta_box{
	margin: 0 auto 10px;
	width: 300px;
	height:251px;
	background: url(../img/smp/inst_box.jpg) no-repeat;
}
#insta_box h2{
	width: 300px;
	height: 45px;
}
#insta_box h2 a{
	width: 300px;
	height: 45px;
}
}


/*	tw_box
============================== */
div.tw_box{
	position: relative;
}
div.tw_box h2 a{
	display: block;
}
div.tw_box_in{
	position: absolute;
	left: 2px;
	top: 45px;
}
@media all and (min-width: 768px) {
div.tw_box{
	width: 300px;
	height: 349px;
	background-image:url(../img/tw_box.jpg?20171119);
	float: left;
	margin-right: 30px;
	margin-left: 10px;
}
div.tw_box h2 a{
	width: 300px;
	height: 46px;
}
div.tw_box_in{
	width: 300px;
	height: 373px;
}
}
@media all and (max-width: 767px) {
div.tw_box{
	margin:15px auto 15px;
	width: 296px;
	height: 350px;
	background-color: #fff;
	border: 2px solid #000;
}
div.tw_box h2 .tw_tit{
	background-image:url(../img/smp/sns_tit.png);
	height: 46px;
	display: block;
}
div.tw_box h2 a{
	background-image:url(../img/smp/tw_tit.png);
	background-repeat: no-repeat;
	height: 46px;
}
div.tw_box_in{
	margin:0 15px 0 0;
	height: 373px;
}
#twitter iframe{
	width: 300px;
}
}

/*	fb_line
============================== */
@media all and (min-width: 768px) {
div.fb_line{
	width: 350px;
	float: left;
	margin: 0 15px 0px 0;
}
}
@media all and (max-width: 767px) {
div.fb_line{
	margin: 0 15px 15px 15px;
}
}

/*	fb_btn
============================== */
div.fb_btn{
	float: left;
}
div.fb_btn a{
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
@media all and (min-width: 768px) {
div.fb_btn {
	margin: 0 0 0px;
	width: 165px;
	height: 155px;
	padding: 0 20px 0 0;
}
div.fb_btn a{
	background-image:url(../img/fb_btn.jpg);
	width: 165px;
	height: 155px;
	transition: 0.2s ease-in-out;
}
div.fb_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.fb_btn {
	width: 49%;
	float: left;
	margin-right: 2%;
}
div.fb_btn a{
	background-image:url(../img/smp/fb_btn.jpg);
	height: 0;
	background-size:100% 100%;
    padding-top: 34.2465%;
    position: relative;
    overflow: hidden;
    transition: color 0.3s;
}
}

/*	line_btn
============================== */
div.line_btn{
	float: left;
}
div.line_btn span{
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	opacity: 0.7;
}
@media all and (min-width: 768px) {
div.line_btn {
	margin: 0 0 0px;
	width: 165px;
	height: 155px;
}
div.line_btn span{
	width: 165px;
	height: 155px;
	background-image:url(../img/line_btn.jpg);
	transition: 0.2s ease-in-out;
}
div.line_btn a:hover{
	opacity:0.7;
	background-color: #fff;
}
}
@media all and (max-width: 767px) {
div.line_btn {
	width: 49%;
	float: left;
}
div.line_btn span{
	background-image:url(../img/smp/line_btn.jpg);
	height: 0;
	background-size:100% 100%;
    padding-top: 34.2465%;
    position: relative;
    overflow: hidden;
    transition: color 0.3s;
}
}

/*	timer
============================== */
.countdown_area{
  z-index: 600;
  display:none;
  text-align: left;
}
.countdown_text{
  color:#fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.yycountdown-box{
  text-align:center;
  margin:10px 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 1px;
  color:#fff;
}

@media all and (min-width: 768px) {
.countdown_area{
  position: absolute;
  right: 30px;
  bottom: 16px;
  width:270px;
  line-height: 0.8;
}
#timerOlympic .yycountdown-box .yyc-day,
#timerOlympic .yycountdown-box .yyc-hou,
#timerOlympic .yycountdown-box .yyc-min,
#timerOlympic .yycountdown-box .yyc-sec{
  font-size:250%;
  color:#e5b32b;
}
#timerOlympic .yycountdown-box .yyc-day-text,
#timerOlympic .yycountdown-box .yyc-hou-text,
#timerOlympic .yycountdown-box .yyc-min-text,
#timerOlympic .yycountdown-box .yyc-sec-text{
  font-size:100%;
}
}
@media all and (max-width: 767px) {
.countdown_area{
  padding: 15px 15px 0;
  border-top: 1px dashed #5e5e5e;
  margin: 12px 0 0;
  text-align: center;
  line-height: 0.5;
}
.countdown_text{
  font-size: 80%;
}
#timerOlympic .yycountdown-box .yyc-day,
#timerOlympic .yycountdown-box .yyc-hou,
#timerOlympic .yycountdown-box .yyc-min,
#timerOlympic .yycountdown-box .yyc-sec{
  font-size:170%;
  color:#e5b32b;
}
#timerOlympic .yycountdown-box .yyc-day-text,
#timerOlympic .yycountdown-box .yyc-hou-text,
#timerOlympic .yycountdown-box .yyc-min-text,
#timerOlympic .yycountdown-box .yyc-sec-text{
  font-size:100%;
}
}

/*	recta
============================== */
@media all and (min-width: 768px) {
div.recta{
	float: right;
	padding-top: 26px;
	padding-right: 10px;
}
}
@media all and (max-width: 767px) {
div.recta{
	margin:0 auto;
	text-align: center;
}
}

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

footer {
	width: 100%;
	background-image:url(../img/footer_bg.jpg);
	text-align: center;
	color: #fff;
}
footer .copyright a{
	color: #f5cd5e;
}
@media all and (min-width: 768px) {
footer {
	font-size: 75%;
	min-height: 300px;
}
footer .copyright{
	padding-top: 240px;
}
}
@media all and (max-width: 767px) {
footer {
	font-size: 62.5%;
	padding:20px 0px 20px;
	line-height: 1.5;
}
footer .copyright{
	padding-top: 10px;
	line-height: 1.3;
}
}