@charset "Shift_JIS";


/* ============================================
	loader
============================================ */
.is-hide
{	display: none;
}
#loader-bg
{	background: #ffffff;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 900;
}
#loader
{	left: calc(50vw - 300px);
	top: calc(50vh - 300px);
	margin: 0px auto;
	text-align:center;
	position: fixed;
}
#loader p
{	color: #454545;
	font-size: 10px;
	line-height: 1;
	margin: 0px auto;
	text-align: center;
}
#loader p img.loading
{	display: block;
	z-index:999;
	left: calc(50vw - 100px);
	top: calc(50vh - 100px);
	margin: 0px auto;
	text-align:center;
	position: fixed;
}

@media screen and (max-width: 600px)
{
	#loader
	{	left: 0;
		top: 0;
		margin: 0px auto;
		text-align:center;
		position: fixed;
	}

	#loader p img
	{	left: 0;
		top: calc(50vh - 50vw);
		width:100%;
		height:auto;
	}
	#loader p img.loading
	{	left: calc(50vw - 100px);
		top: calc(50vh - 100px);
		width:200px;
		height:200px;
	}
}



/* ============================================
	fadein
============================================ */

/* 画面外にいる状態 */
.fadein
{	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
}


/* 画面内に入った状態 */
.fadein.scrollin
{	opacity : 1;
	transform : translate(0, 0);
}


/* ============================================
	slideConts
============================================ */


.slideConts
{	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
/* 親要素の外 */
.slideContsL
{	opacity : 0;
	transform: translate(-800px, 0);
	transition : all 200ms;
}
.slideContsR
{	opacity : 0;
	transform: translate(800px, 0);
	transition : all 200ms;
}
.slideContsLh
{	opacity : 0;
	transform: translate(-400px, 0);
	transition : all 200ms;
}
.slideContsRh
{	opacity : 0;
	transform: translate(400px, 0);
	transition : all 200ms;
}
/* スライドしてくる用 */
.slideContsL.show
{	opacity : 1;
	transform: translate(0, 0) !important;
}
.slideContsR.show
{	opacity : 1;
	transform: translate(0, 0) !important;
}
.slideContsLh.show
{	opacity : 1;
	transform: translate(0, 0) !important;
}
.slideContsRh.show
{	opacity : 1;
	transform: translate(0, 0) !important;
}




/* ============================================
	TOP KV
============================================ */
.top_kv{
	width: 100%;
//	height: 820px;
	overflow: hidden;
	position: relative;
//	background:url("/com/temp4/img/top/kv_bg.jpg") repeat 50% 50%;
	background-size: cover;
}
.top_kv::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
//	background:url("/com/temp4/img/common/logo.png") no-repeat 50% 55%;
//	background-size: 510px;
}
.top_kv .hero-image {
	width: 100%;
	min-height: 100%;
	height: auto;
	position: relative;
}
.top_kv .hero-image #top-movie
{	width:100%;
	min-height:auto;
}
.top_kv .hero-image video
{	width:100%;
	height:auto;
	vertical-align: bottom;
	z-index: -100;
	background: url(/com/temp4/img/movie/poster.jpg);background-size: cover;
	object-fit: cover;
}
/* == マップ・メールなど == */
.top_kv .infoarea{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 40px;
	margin: auto;
	height: 110px;
	z-index: 1;
}
.top_kv .infoarea a{
	display: block;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	transition:all .2s ease;
}
.top_kv .infoarea a img{
	display: block;
	width: 30px;
	margin: 0px;
	padding: 0px;
}
/* == コピーらいと == */
.top_kv .copyright{
	position: absolute;
	bottom: 180px;
	left: -100px;
	margin: auto;
	height: 10px;
	display: block;
	font-size:8px;
	line-height:8px;
	color: #ffffff;
	transform:rotate(90deg);
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}
/* == 電話番号など == */
.top_kv .contactarea{
	position: absolute;
	right: 40px;
	bottom: 40px;
	z-index: 1;
}
.top_kv .contactarea a{
	display: inline-block;
	transition:all .2s ease;
}
.top_kv .contactarea a:hover{
	opacity: 0.8;
}
.top_kv .contactarea a img.img01{
	display:block;
	width: 335px;
}
.top_kv .contactarea a img.img02{
	display:block;
	width: 100px;
}
.top_kv .contactarea img.close{
	position: absolute;
	right: -15px;
	top: -15px;
	z-index: 1;
	width: 30px;
	cursor: pointer;
}

@media screen and (max-width: 1000px)
{
	.hero-image > div
	{	padding-top:80px;
	}

}

@media screen and (max-width: 768px)
{
	.top_kv::after
	{	background-size: 50vw;
	}
	.top_kv .infoarea
	{	display: none;
	}
	.top_kv .copyright
	{	display: none;
	}
	.top_kv .contactarea
	{	display: none;
	}

}

@media screen and (max-width: 600px)
{
	.top_kv::after
	{	background-size: 50vw;
	}

}

@media screen and (max-width: 450px)
{
	.top_kv .hero-image video
	{	object-fit: cover;
		width:100vw;
		height:67vw;
		top: 0;
		left: 0;

	}
}

/* ============================================
	バナーエリア
============================================ */
.top_bn01
{	width: 100%;
	position: relative;
	background-color: #fe8100;
	margin: auto;
	padding: 40px 0px 40px 0px;
}
.top_bn01 ul
{	display: block;
	width: 1450px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	list-style:none;
}
.top_bn01 ul:after
{	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.top_bn01 ul li
{	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
}
.top_bn01 ul li:first-child
{	margin: 0px 70px 0px 0px;
}
.top_bn01 ul li a
{	display:block;
	width: 690px;
	margin:0px;
	padding:0px 0px 0px 0px;
}
.top_bn01 ul li a img
{	display:block;
	width: 100%;
	margin:0px;
	padding:0px 0px 0px 0px;
	transition:all .2s ease;
}
.top_bn01 ul li a:hover img
{	opacity: 0.8;
}

@media screen and (max-width: 1450px)
{	.top_bn01 ul
	{	width: 100%;
		margin:0px auto;
	}
	.top_bn01 ul li
	{	width: 48%;
	}
	.top_bn01 ul li:first-child
	{	margin: 0px 4% 0px 0px;
	}
	.top_bn01 ul li a
	{	width: 100%;
	}
}

@media screen and (max-width: 1000px)
{
	.top_bn01 ul
	{	width:100%;
	}
	.top_bn01 ul li
	{	width: 48%;
	}
	.top_bn01 ul li:first-child
	{	margin: 0px 4% 0px 0px;
	}
	.top_bn01 ul li a
	{	width:100%;
	}

}

@media screen and (max-width: 768px)
{
	.top_bn01
	{	padding: 30px 0px 30px 0px;
	}
	.top_bn01 ul
	{	width:90%;
	}
	.top_bn01 ul li
	{	width: 100%;
		float:none;
	}
	.top_bn01 ul li:first-child
	{	margin: 0px 0px 20px 0px;
	}
	.top_bn01 ul li a
	{	width:100%;
	}

}


/* ============================================
	当店のコンセプト01
============================================ */
.top_concept01
{	width: 100%;
	position: relative;
	background-image: linear-gradient(#fe8100 67%, #ffffff 33%);
	padding: 0px 0px 0px 0px;
	margin: auto;
	overflow: hidden;
}
.top_concept01 .box
{	width: 1000px;
	position:relative;
	margin: 0px auto 100px auto;
	padding: 220px 0px 0px 0px;
	background:url("/com/temp4/img/top/concept01_bg_line.png") no-repeat 50% top;
	background-size: 2px;
}
.top_concept01 .bg_img
{	width: 700px;
	position:absolute;
	top: 130px;
	right:-280px;
	margin: auto;
	z-index:0;
}
.top_concept01 .bg_img img
{	width:100%;
}
.top_concept01 .box .content
{	display:block;
	width:50%;
	margin: 0px 0px 80px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 1;
}
.top_concept01 .box .content p
{	display:block;
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	line-height:18px;
	color: #ffffff;
}
.top_concept01 .box .content a
{	display:block;
	width: 130px;
	height: 40px;
	vertical-align: middle;
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	font-size:10px;
	line-height:12px;
	font-weight: 600;
	color: #fe8100;
	background-color: #ffffff;
	text-decoration: none;
	text-align: center;
	transition:all .2s ease;
}
.top_concept01 .box .content a:hover
{	color: #fe8100;
	background-color: #000000;
}
.top_concept01 .box .content .ttlarea
{	display:block;
	width:100%;
	margin: 0px 0px 30px 0px;
	padding: 10px 0px 10px 0px;
	background:url("/com/temp4/img/top/concept01_no.png") no-repeat right 50%;
	background-size:145px;
}
.top_concept01 .box .content .ttlarea h2
{	display:block;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-size:28px;
	line-height:60px;
	letter-spacing: 3pt;
	color: #ffffff;
	font-weight: 600;
}
.top_concept01 .box .content .ttlarea h2 span
{	display:block;
	font-size:14px;
	line-height:16px;
	letter-spacing: 1pt;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}
.top_concept01 .box .content .ttlarea .sub
{	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:5px 20px 5px 20px;
	font-size:14px;
	line-height:16px;
	letter-spacing: 1pt;
	color: #ffffff;
	background-color: #000000;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	-webkit-border-radius:100px 100px 100px 100px;
	-moz-border-radius:100px 100px 100px 100px;
	border-radius:100px 100px 100px 100px;
}
.top_concept01 ul
{	display: block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	list-style:none;
	position: relative;
	z-index:1;
}
.top_concept01 ul:after
{	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.top_concept01 ul li
{	display:block;
	width: 480px;
	margin: 0px 40px 40px 0px;
	padding: 0px 0px 0px 0px;
	background-color: rgba(0,0,0,0.75);
	float: left;
}
.top_concept01 ul li:nth-child(2n)
{	margin: 0px 0px 40px 0px;
}
.top_concept01 ul li.slideContsR
{	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
}

.top_concept01 ul li:after
{	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.top_concept01 ul li img
{	display:block;
	width:160px;
	margin:0px;
	padding:0px 0px 0px 0px;
	float: left;
}
.top_concept01 ul li h3
{	display:block;
	width: 190px;
	margin: 0px 0px 0px 0px;
	padding: 45px 0px 0px 30px;
	font-size:20px;
	line-height:24px;
	color: #fe8100;
	font-weight:600;
	letter-spacing: 1pt;
	float: left;
}
.top_concept01 ul li h3 span
{	display: block;
	font-size:10px;
	color: #ffffff;
}
.top_concept01 ul li a
{	display:table-cell;
	width: 100px;
	height: 30px;
	vertical-align: middle;
	margin:55px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	font-size:10px;
	line-height:12px;
	color: #ffffff;
	border: 1px solid #ffffff;
	font-weight:500;
	text-decoration: none;
	text-align: center;
	transition:all .2s ease;
	float: left;
}
.top_concept01 ul li a:hover
{	border: 1px solid #fe8100;
	background-color: #fe8100;
}

@media screen and (max-width: 1000px)
{
	.top_concept01
	{	background-image: linear-gradient(#fe8100 100%, #ffffff 0%);
	}
	.top_concept01 .box
	{	width:90%;
		margin: 0px auto 100px auto;
		padding: 150px 0px 0px 0px;
		background:url("/com/temp4/img/top/concept01_bg_line.png") no-repeat 50% top;
		background-size: 2px;
	}
	.top_concept01 .bg_img
	{	width: 700px;
		top: 400px;
		right:-7%;
	}
	.top_concept01 .box .content
	{	width:440px;
	}

	.top_concept01 ul li.slideContsR
	{	-moz-transition-delay:0ms;
		-webkit-transition-delay:0ms;
		-o-transition-delay:0ms;
		-ms-transition-delay:0ms;
	}
}

@media screen and (max-width: 768px)
{
	.top_concept01 .box
	{	width:85%;
		margin: 0px auto 50px auto;
		padding: 100px 0px 0px 0px;
		background:url("/com/temp4/img/top/concept01_bg_line.png") no-repeat 50% top;
		background-size: 1px;
	}
	.top_concept01 .bg_img
	{	width: 90%;
		position:absolute;
		top: 360px;
		right:-15%;
		margin: auto;
		z-index:0;
	}
	.top_concept01 .box .content
	{	width:100%;
		margin: 0px 0px 50px 0px;
	}
	.top_concept01 .box .content p
	{	margin:0px 0px 30px 0px;
		font-size:10px;
		line-height:18px;
	}
	.top_concept01 .box .content a
	{	width:250px;
		height: 70px;
		padding:25px 0px 0px 0px;
		font-size:16px;
		line-height:18px;
	}
	.top_concept01 .box .content a:hover
	{	color: #fe8100;
		background-color: rgba(0,0,0,0.75);
	}
	.top_concept01 .box .content .ttlarea
	{	display:block;
		width:440px;
		margin: 0px 0px 30px 0px;
		padding: 10px 0px 10px 0px;
		background:url("/com/temp4/img/top/concept01_no.png") no-repeat right 50%;
		background-size:145px;
	}
	.top_concept01 .box .content .ttlarea h2
	{	display:block;
		margin:0px 0px 5px 0px;
		padding:0px 0px 0px 0px;
		font-size:28px;
		line-height:60px;
		letter-spacing: 3pt;
		color: #ffffff;
		font-weight: 600;
	}
	.top_concept01 .box .content .ttlarea h2 span
	{	display:block;
		font-size:14px;
		line-height:16px;
		letter-spacing: 1pt;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
	}
	.top_concept01 .box .content .ttlarea .sub
	{	display:inline-block;
		margin:0px 0px 0px 0px;
		padding:5px 20px 5px 20px;
		font-size:14px;
		line-height:16px;
		letter-spacing: 1pt;
		color: #ffffff;
		background-color: #000000;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
		-webkit-border-radius:100px 100px 100px 100px;
		-moz-border-radius:100px 100px 100px 100px;
		border-radius:100px 100px 100px 100px;
	}
	.top_concept01 ul
	{	margin:40vw auto 0px auto;
	}
	.top_concept01 ul li
	{	width: 450px;
		margin: 0px 0px 30px 0px;
		float:none;
	}
	.top_concept01 ul li:nth-child(2n)
	{	margin: 0px 0px 30px 0px;
	}
	.top_concept01 ul li img
	{	width:120px;
	}
	.top_concept01 ul li h3
	{	width: 190px;
		padding: 30px 0px 0px 30px;
	}
	.top_concept01 ul li a
	{	display:table-cell;
		width: 100px;
		height: 30px;
		margin:40px 0px 0px 0px;
	}

}

@media screen and (max-width: 600px)
{
	.top_concept01 .box
	{	padding: 50px 0px 0px 0px;
	}
	.top_concept01 .bg_img
	{	width: 450px;
		position:absolute;
		top:370px;
		right:-15%;
		margin: auto;
		z-index:0;
	}
	.top_concept01 .box .content
	{	margin: 0px 0px 0px 0px;
	}
	.top_concept01 .box .content p
	{	font-size:14px;
		line-height:28px;
	}
	.top_concept01 .box .content a
	{	width:250px;
		height: 70px;
		padding:25px 0px 0px 0px;
		font-size:16px;
		line-height:18px;
		background-color: rgba(0,0,0,0.75);
		color: #ffffff;
	}
	.top_concept01 .box .content .ttlarea
	{	width:100%;
		padding: 10px 0px 10px 0px;
		background:url("/com/temp4/img/top/concept01_no.png") no-repeat right 50%;
		background-size:24vw;
	}
	.top_concept01 .box .content .ttlarea h2
	{	font-size:5vw;
		line-height:10vw;
	}
	.top_concept01 .box .content .ttlarea h2 span
	{	font-size:2.5vw;
		line-height:3vw;
	}
	.top_concept01 .box .content .ttlarea .sub
	{	padding:5px 20px 5px 20px;
		font-size:2.5vw;
		line-height:3vw;
	}
	.top_concept01 ul
	{	margin:30vw auto 0px auto;
	}
	.top_concept01 ul li
	{	width:100%;
		margin: 0px 0px 20px 0px;
		float:none;
	}
	.top_concept01 ul li:nth-child(2n)
	{	margin: 0px 0px 20px 0px;
	}
	.top_concept01 ul li img
	{	width:20vw;
	}
	.top_concept01 ul li h3
	{	width: 45%;
		padding: 4.5vw 0px 0px 1vw;
		font-size:4vw;
		line-height:5vw;
	}
	.top_concept01 ul li h3 span
	{	font-size:1.2vw;
	}
	.top_concept01 ul li a
	{	display:table-cell;
		width: 22vw;
		height: auto;
		vertical-align: middle;
		margin:5vw 0px 0px 0px;
		padding:2vw 0px 2vw 0px;
		font-size:1.5vw;
		line-height:2vw;
	}

}


@media screen and (max-width: 450px)
{
	.top_concept01 .bg_img
	{	width: 380px;
		top: auto;
		bottom: 30px;
	}
}

@media screen and (max-width: 370px)
{
	.top_concept01 .bg_img
	{	width: 100vw;
	}
	.top_concept01 ul li h3
	{	width: 40%;
		padding: 3.5vw 0px 0px 2vw;
		font-size:4vw;
		line-height:6vw;
	}
	.top_concept01 ul li h3 span
	{	font-size:2vw;
		line-height:3vw;
	}
	.top_concept01 ul li a
	{	display:table-cell;
		width: 85px;
		height: auto;
		vertical-align: middle;
		margin:5vw 0px 0px 0px;
		padding:2vw 0px 2vw 0px;
		font-size:3vw;
		line-height:2vw;
	}
}



/* ============================================
	最新情報02
============================================ */
.top_infomation02
{	width: 100%;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: auto;
	overflow: hidden;
}
.top_infomation02 .box
{	width: 1000px;
	height:900px;
	position:relative;
	margin: auto;
	padding: 30px 0px 0px 0px;
}
.top_infomation02 .box:after
{	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.top_infomation02 .box .content
{	display:block;
	width:50%;
	margin: 240px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}
.top_infomation02 .box .ttlarea
{	display:block;
	width:100%;
	margin: 0px 0px 30px 0px;
	padding: 10px 0px 10px 0px;
	background:url("/com/temp4/img/top/info02_no.png") no-repeat right 50%;
	background-size:180px;
}
.top_infomation02 .box .ttlarea h2
{	display:block;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-size:28px;
	line-height:60px;
	letter-spacing: 3pt;
	color: #000000;
	font-weight: 600;
}
.top_infomation02 .box .ttlarea h2 span
{	display:block;
	font-size:14px;
	line-height:16px;
	letter-spacing: 1pt;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}
.top_infomation02 .box .ttlarea .sub
{	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:5px 20px 5px 20px;
	font-size:14px;
	line-height:16px;
	letter-spacing: 1pt;
	color: #ffffff;
	background-color: #fe8100;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	-webkit-border-radius:100px 100px 100px 100px;
	-moz-border-radius:100px 100px 100px 100px;
	border-radius:100px 100px 100px 100px;
}
.top_infomation02 .box .content .txtarea
{	display:block;
	margin:0px 0px 80px 0px;
	padding:0px 0px 0px 0px;
}
.top_infomation02 .box .content .date
{	display:block;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	line-height:12px;
	font-weight: 600;
	color: #000000;
}
.top_infomation02 .box .content h3
{	display:block;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	line-height:20px;
	font-weight: 600;
	color: #fe8100;
}
.top_infomation02 .box .content p
{	display:block;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	line-height:12px;
	font-weight: 600;
	color: #000000;
}
.top_infomation02 .box .content a
{	display:block;
	width: 130px;
	height: 40px;
	vertical-align: middle;
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	font-size:10px;
	line-height:12px;
	font-weight: 600;
	color: #ffffff;
	background-color: #000000;
	text-decoration: none;
	text-align: center;
	transition:all .2s ease;
}
.top_infomation02 .box .content a:hover
{	color: #ffffff;
	background-color: #fe8100;
}

/*-- 最新情報 --*/
.top_infomation02 .box .content_detail01
{	display:block;
	width:50%;
	margin: 80px 0px 0px 0px;
	padding: 30px 160px 0px 0px;
	float:left;
}
.top_infomation02 .box .content_detail01 h3
{	display:block;
	margin: 0px 0px 5px 0px;
	padding:0px;
	font-size:14px;
	line-height:16px;
	color: #fe8100;
	letter-spacing: 1pt;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}
.top_infomation02 .box .content_detail01 ul
{	display: block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	list-style:none;
	height: 550px;
	overflow: hidden;
	overflow-y: scroll;
}
.top_infomation02 .box .content_detail01 li
{	display:block;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	border-bottom: 2px solid #000000;
}
.top_infomation02 .box .content_detail01 a
{	display:block;
	text-decoration: none;
}
.top_infomation02 .box .content_detail01 h4
{	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:14px;
	line-height:16px;
	font-weight: normal;
	color: #000000;
}
.top_infomation02 .box .content_detail01 p.date
{	display:block;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size:10px;
	line-height:12px;
	color: #000000;
}

/*-- 更新情報 --*/
.top_infomation02 .box .content_detail02
{	display:block;
	width:50%;
	margin: 80px 0px 0px 0px;
	padding: 30px 160px 0px 0px;
	float:left;
}
.top_infomation02 .box .content_detail02 h3
{	display:block;
	margin: 0px 0px 5px 0px;
	padding:0px;
	font-size:14px;
	line-height:16px;
	color: #fe8100;
	letter-spacing: 1pt;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}
.top_infomation02 .box .content_detail02 ul
{	display: block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	list-style:none;
	height: 550px;
	overflow: hidden;
	overflow-y: scroll;
}
.top_infomation02 .box .content_detail02 li
{	display:block;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 0px;
	border-bottom: 2px solid #000000;
	background:url("/com/temp4/img/icons/icon_arrow02.png") no-repeat 98% 50%;
	background-size:10px;
}
.top_infomation02 .box .content_detail02 a
{	display:block;
	text-decoration: none;
}
.top_infomation02 .box .content_detail02 h4
{	display:block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:14px;
	line-height:16px;
	font-weight: normal;
	color: #000000;
}
.top_infomation02 .box .content_detail02 p.date
{	display:block;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size:10px;
	line-height:12px;
	color: #000000;
}

/*-- 新人情報 --*/
.top_infomation02 .box .content_detail03
{	display:block;
	width:50%;
	height: 600px;
	overflow: hidden;
	margin: 80px 0px 0px 0px;
	padding: 0px 160px 0px 0px;
	float:left;
}
.top_infomation02 .box .content_detail03 img.girl
{	display:block;
	width:100%;
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
}
.top_infomation02 .box .content_detail03 .prof
{	display:block;
	position: relative;
	width:100%;
	margin: 0px 0px 20px 0px;
	padding:0px 0px 0px 15px;
	border-left: 7px solid #000000;
}
.top_infomation02 .box .content_detail03 .prof h3
{	display:block;
	margin: 0px 0px 5px 0px;
	padding:0px;
	font-size:10px;
	line-height:18px;
	color: #000000;
	font-weight:normal;
}
.top_infomation02 .box .content_detail03 .prof h3 span
{	display: inline-block;
	font-size:14px;
	color: #fe8100;
	margin: 0px 5px 0px 0px;
	font-weight:600;
}
.top_infomation02 .box .content_detail03 .prof p.txt01
{	display:block;
	margin: 0px 0px 5px 0px;
	padding:0px;
	font-size:10px;
	line-height:12px;
	color: #000000;
}
.top_infomation02 .box .content_detail03 .prof p.txt02
{	display:block;
	margin: 0px 0px 0px 0px;
	padding:0px;
	font-size:10px;
	line-height:12px;
	color: #000000;
}
.top_infomation02 .box .content_detail03 .prof a.btn
{	position: absolute;
	top:10px;
	right: 0;
	display:block;
	width: 100px;
	height: 30px;
	vertical-align: middle;
	margin:0px auto 0px auto;
	padding:10px 0px 0px 0px;
	font-size:10px;
	line-height:12px;
	font-weight: 600;
	color: #ffffff;
	background-color: #fe8100;
	text-decoration: none;
	text-align: center;
	transition:all .2s ease;
}
.top_infomation02 .box .content_detail03 .prof a.btn:hover
{	background-color: #000000;
}

.top_infomation02 .bg_img
{	width: 700px;
	height: 760px;
	position:absolute;
	top: 0px;
	left:-280px;
	margin: auto;
	background-color: #f5f5f5;
	z-index:-2;
}

@media screen and (max-width: 1000px)
{
	.top_infomation02 .box
	{	width:80%;
		height: auto;
		padding: 0px 0px 70px 0px;
	}
	.top_infomation02 .box .content
	{	width:460px;
		margin: 50px 0px 0px 0px;
		float:none;
	}
	.top_infomation02 .box .content .txtarea
	{	display:block;
		margin:0px 0px 30px 0px;
	}

	/*-- 最新情報 --*/
	.top_infomation02 .box .content_detail01
	{	width:100%;
		margin: 50px 0px 0px 0px;
		padding: 30px 30px 30px 30px;
		float:none;
			background-color: #f5f5f5;
	}

	/*-- 更新情報 --*/
	.top_infomation02 .box .content_detail02
	{	width:100%;
		margin: 50px 0px 0px 0px;
		padding: 30px 30px 30px 30px;
		float:none;
			background-color: #f5f5f5;
	}

	/*-- 新人情報 --*/
	.top_infomation02 .box .content_detail03
	{	width:100%;
		height: auto;
		margin: 50px 0px 0px 0px;
		padding: 30px 30px 30px 30px;
		float:none;
		background-color: #f5f5f5;
	}
	.top_infomation02 .box .content_detail03 img.girl
	{	width:40%;
		margin:0px auto 0px auto;
		float: left;
	}
	.top_infomation02 .box .content_detail03 .prof
	{	width:55%;
		margin: 15vw 0px 0px 5%;
		float: right;
	}
	.top_infomation02 .box .content_detail03 .prof a.btn
	{	position: absolute;
		top:100px;
		right:inherit;
		left: -7px;
	}
	.top_infomation02 .bg_img
	{	display: none;
	}

}

@media screen and (max-width: 768px)
{
	.top_infomation02 .box
	{	width:80%;
		height: auto;
		padding: 0px 0px 70px 0px;
	}
	.top_infomation02 .box .content
	{	width:460px;
		margin: 50px 0px 0px 0px;
		float:none;
	}
	.top_infomation02 .box .content .txtarea
	{	display:block;
		margin:0px 0px 30px 0px;
	}
	/*-- 最新情報 --*/
	.top_infomation02 .box .content_detail01
	{	width:100%;
		margin: 50px 0px 0px 0px;
		padding: 30px 30px 30px 30px;
		float:none;
			background-color: #f5f5f5;
	}
	/*-- 更新情報 --*/
	.top_infomation02 .box .content_detail02
	{	width:100%;
		margin: 50px 0px 0px 0px;
		padding: 30px 30px 30px 30px;
		float:none;
			background-color: #f5f5f5;
	}
	/*-- 新人情報 --*/
	.top_infomation02 .box .content_detail03
	{	width:100%;
		height: auto;
		margin: 50px 0px 0px 0px;
		padding: 30px 30px 30px 30px;
		float:none;
			background-color: #f5f5f5;
	}
	.top_infomation02 .box .content_detail03 img.girl
	{	width:40%;
		margin:0px auto 0px auto;
		float: left;
	}
	.top_infomation02 .box .content_detail03 .prof
	{	width:55%;
		margin: 20px 0px 0px 5%;
		float: right;
	}
	.top_infomation02 .box .content_detail03 .prof a.btn
	{	position: absolute;
		top:100px;
		right:inherit;
		left: -7px;
	}
	.top_infomation02 .bg_img
	{	display: none;
	}

}

@media screen and (max-width: 600px)
{
	.top_infomation02 .box
	{	width:100%;
	}
	.top_infomation02 .box .content
	{	width:90%;
		margin: 50px auto 0px auto;
	}
	.top_infomation02 .box .ttlarea
	{	width:100%;
		padding: 10px 0px 10px 0px;
		background:url("/com/temp4/img/top/info02_no.png") no-repeat right 50%;
		background-size:28vw;
	}
	.top_infomation02 .box .ttlarea h2
	{	font-size:5vw;
		line-height:10vw;
	}
	.top_infomation02 .box .ttlarea h2 span
	{	font-size:2.5vw;
		line-height:3vw;
	}
	.top_infomation02 .box .ttlarea .sub
	{	padding:5px 20px 5px 20px;
		font-size:2.5vw;
		line-height:3vw;
	}
	/*-- 最新情報 --*/
	.top_infomation02 .box .content_detail01
	{	width:98%;
		margin: 50px auto 0px auto;
		padding: 4% 2%;
	}
	/*-- 更新情報 --*/
	.top_infomation02 .box .content_detail02
	{	width:90%;
		margin: 50px auto 0px auto;
		padding: 5% 5% 5% 5%;
	}
	/*-- 新人情報 --*/
	.top_infomation02 .box .content_detail03
	{	width:90%;
		margin: 50px auto 0px auto;
		padding: 5% 5% 5% 5%;
	}

}

/* ============================================
	タブ
============================================ */
.tab_container
{	margin: 0 auto;
	position: relative;
	width: 100%;
	padding: 100px 0px 0px 50%;
	z-index: 1;
}
.tab_item
{	width: calc(100%/3);
	padding:12px 0px 8px 0px;
	border-bottom: 3px solid #fe8100 ;
	color: #ffffff;
	display: block;
	float: left;
	text-align: center;
	transition: all 0.2s ease;
	background:url("/com/temp4/img/icons/icon_arrow03.png") no-repeat right top #000000;
	background-size:10px;
}
.tab_item:hover
{	background-color:#fe8100;
	opacity: 0.75;
}
input[name="tab_item"]
{	display: none;
}
.tab_item p
{	display:block;
	margin:0px auto 0px auto;
	padding:0px 20px 0px 20px;
	font-size:14px;
	line-height:28px;
	letter-spacing: 1pt;
}
.tab_item p span
{	display:block;
	font-size:8px;
	letter-spacing: 1pt;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	border-top: 1px solid #969696;
}
.tab_content
{	padding:0px;
	clear: both;
	overflow: hidden;
	height: 0;
	opacity: 0;
	transition: opacity 1s;
}
#tab1:checked ~ #tab1_content
,#tab2:checked ~ #tab2_content
,#tab3:checked ~ #tab3_content
,#tab4:checked ~ #tab4_content
{	width:100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	height: auto;
	opacity: 1;
}
.tab_container input:checked + .tab_item
{	background-color: #fe8100;
	color: #ffffff;
	position: relative;
}
.tab_container input:checked + .tab_item:before
{	position:absolute;
	top: -25px;
	left:44%;
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	background:url("/com/temp4/img/icons/icon_arrow01.png") no-repeat 50% 50%;
	background-size:contain;
}
.tab_container input:checked + .tab_item span
{	border-top: 1px solid #ffffff;
}

@media screen and (max-width: 1000px)
{
	.tab_container
	{	padding: 70px 0px 0px 0%;
	}
	#tab1:checked ~ #tab1_content
	,#tab2:checked ~ #tab2_content
	,#tab3:checked ~ #tab3_content
	,#tab4:checked ~ #tab4_content
	{	position: relative;
	}

}

@media screen and (max-width: 600px)
{
	.tab_container
	{	padding: 50px 0px 0px 0%;
	}
	.tab_item p
	{	display:block;
		padding:0px 8px 0px 8px;
		font-size:8px;
		line-height:28px;
		letter-spacing: 1pt;
	}

}


/* ============================================
	本日出勤03
============================================ */
.top_cast03
{	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: auto;
	background:url("/com/temp4/img/top/cast03_bg.jpg") no-repeat 50% top;
	background-size:cover;
}
.top_cast03 .box
{	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 100px 0px 100px 0px;
}
.top_cast03 .box .ttlarea
{	display:block;
	width:450px;
	margin: 0px auto 50px auto;
	padding: 10px 0px 10px 0px;
	background:url("/com/temp4/img/top/cast03_no.png") no-repeat right 50%;
	background-size:180px;
}
.top_cast03 .box .ttlarea h2
{	display:block;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-size:28px;
	line-height:60px;
	letter-spacing: 3pt;
	color: #ffffff;
	font-weight: 600;
}
.top_cast03 .box .ttlarea h2 span
{	display:block;
	font-size:14px;
	line-height:16px;
	letter-spacing: 1pt;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}
.top_cast03 .box .ttlarea .sub
{	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:5px 20px 5px 20px;
	font-size:14px;
	line-height:16px;
	letter-spacing: 1pt;
	color: #ffffff;
	background-color: #000000;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	-webkit-border-radius:100px 100px 100px 100px;
	-moz-border-radius:100px 100px 100px 100px;
	border-radius:100px 100px 100px 100px;
}
.top_cast03 ul
{	display: block;
	margin:0px auto 50px auto;
	padding:0px 0px 0px 0px;
	list-style:none;
	position: relative;
	z-index:1;
}
.top_cast03 ul:after
{	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.top_cast03 ul li
{	display:block;
	width: 238px;
	margin: 0px 16px 16px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	float: left;
}
.top_cast03 ul li:nth-child(4n)
{	margin: 0px 0px 16px 0px;
}
.top_cast03 ul li:nth-child(n+21)
{	display:none;
}
/* 2つ目以降の要素に200msずつdelayをかける */
.top_cast03 .box ul li.fadein:nth-of-type(4n)
{	-moz-transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-o-transition-delay:600ms;
	-ms-transition-delay:600ms;
}
.top_cast03 .box ul li.fadein:nth-of-type(4n+3)
{	-moz-transition-delay:400ms;
	-webkit-transition-delay:400ms;
	-o-transition-delay:400ms;
	-ms-transition-delay:400ms;
}
.top_cast03 .box ul li.fadein:nth-of-type(4n+2)
{	-moz-transition-delay:200ms;
	-webkit-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
}
.top_cast03 ul li a
{	position: relative;
	display:block;
	width:82%;
	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
.top_cast03 ul li img.girl
{	display:block;
	width:100%;
	margin:0px auto 10px auto;
	padding:0px 0px 0px 0px;
}
.top_cast03 ul li img.label01
{	display:block;
	width:80px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.top_cast03 ul li .prof
{	display:block;
	position: relative;
	width:100%;
	margin: 0px 0px 20px 0px;
	padding:0px 0px 0px 15px;
	border-left: 7px solid #000000;
}
.top_cast03 ul li .prof h3
{	display:block;
	margin: 0px 0px 5px 0px;
	padding:0px;
	font-size:10px;
	line-height:18px;
	color: #000000;
	font-weight:normal;
}
.top_cast03 ul li .prof h3 span
{	display: inline-block;
	font-size:14px;
	color: #fe8100;
	margin: 0px 5px 0px 0px;
	font-weight:600;
}
.top_cast03 ul li .prof p.txt01
{	display:block;
	margin: 0px 0px 5px 0px;
	padding:0px;
	font-size:10px;
	line-height:12px;
	height:12px;
	color: #000000;
}
.top_cast03 ul li .prof p.txt02
{	display:block;
	margin: 0px 0px 0px 0px;
	padding:0px;
	font-size:10px;
	line-height:12px;
	color: #000000;
}
.top_cast03 ul li .prof .new
{	position: absolute;
	top: 5px;
	right: 0;
	display:block;
	width: 40px;
	height: 40px;
	padding:8px 0px 0px 0px;
	font-size:10px;
	line-height:12px;
	text-align: center;
	color: #ffffff;
	background-color: #fe8100;
	-webkit-border-radius:100px 100px 100px 100px;
	-moz-border-radius:100px 100px 100px 100px;
	border-radius:100px 100px 100px 100px;
}
.top_cast03 ul li ul
{	display: block;
	height:18px;
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	list-style:none;
}
.top_cast03 ul li ul:after
{	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.top_cast03 ul li ul li
{	display:block;
	width: 58px;
	font-size: 9px;
	line-height: 10px;
	margin: 0px 10px 0px 0px;
	padding: 3px 0px 3px 0px;
	color: #fe8100;
	border: 1px solid #fe8100;
	text-align: center;
	float: left;
}
.top_cast03 ul li ul li:nth-child(3n)
{	margin: 0px 0px 0px 0px;
}
.top_cast03 ul li .time
{	display:block;
	width:100%;
	height: 40px;
	padding:15px 0px 0px 0px;
	font-size:12px;
	line-height:12px;
	text-align: center;
	color: #ffffff;
	background-color: #000000;
}
.top_cast03 .box a.btn
{	display:block;
	width: 130px;
	height: 40px;
	vertical-align: middle;
	margin:0px auto 0px auto;
	padding:15px 0px 0px 0px;
	font-size:10px;
	line-height:12px;
	font-weight: 600;
	color: #ffffff;
	background-color: #000000;
	text-decoration: none;
	text-align: center;
	transition:all .2s ease;
}
.top_cast03 .box a.btn:hover
{	background-color: #fe8100;
}

@media screen and (max-width: 1000px)
{
	.top_cast03 .box
	{	width:90%;
	}
	.top_cast03 ul li
	{	width:30%;
		margin: 0px 5% 5% 0px;
	}
	.top_cast03 ul li:nth-child(4n)
	{	margin: 0px 5% 5% 0px;
	}
	.top_cast03 ul li:nth-child(3n)
	{	margin: 0px 0px 5% 0px;
	}
	/* 2つ目以降の要素に200msずつdelayをかける */
	.top_cast03 .box ul li.fadein:nth-of-type(3n)
	{	-moz-transition-delay:400ms;
		-webkit-transition-delay:400ms;
		-o-transition-delay:400ms;
		-ms-transition-delay:400ms;
	}
	.top_cast03 .box ul li.fadein:nth-of-type(3n+2)
	{	-moz-transition-delay:200ms;
		-webkit-transition-delay:200ms;
		-o-transition-delay:200ms;
		-ms-transition-delay:200ms;
	}
	.top_cast03 .box ul li.fadein:nth-of-type(3n+1)
	{	-moz-transition-delay:0ms;
		-webkit-transition-delay:0ms;
		-o-transition-delay:0ms;
		-ms-transition-delay:0ms;
	}
	.top_cast03 ul li a
	{	width:85%;
	}
	.top_cast03 ul li ul li
	{	width: 32%;
		margin: 0px 2% 0px 0px;
	}

}

@media screen and (max-width: 768px)
{
	.top_cast03 .box
	{	width:90%;
		padding: 80px 0px 80px 0px;
	}
	.top_cast03 .box .ttlarea
	{	display:block;
		width:450px;
		margin: 0px auto 50px auto;
		padding: 10px 0px 10px 0px;
		background:url("/com/temp4/img/top/cast03_no.png") no-repeat right 50%;
		background-size:180px;
	}
	.top_cast03 .box .ttlarea h2
	{	display:block;
		margin:0px 0px 5px 0px;
		padding:0px 0px 0px 0px;
		font-size:28px;
		line-height:60px;
		letter-spacing: 3pt;
		color: #ffffff;
		font-weight: 600;
	}
	.top_cast03 .box .ttlarea h2 span
	{	display:block;
		font-size:14px;
		line-height:16px;
		letter-spacing: 1pt;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
	}
	.top_cast03 .box .ttlarea .sub
	{	display:inline-block;
		margin:0px 0px 0px 0px;
		padding:5px 20px 5px 20px;
		font-size:14px;
		line-height:16px;
		letter-spacing: 1pt;
		color: #ffffff;
		background-color: #000000;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
		-webkit-border-radius:100px 100px 100px 100px;
		-moz-border-radius:100px 100px 100px 100px;
		border-radius:100px 100px 100px 100px;
	}
	.top_cast03 ul li
	{	width:48%;
		margin: 0px 4% 4% 0px;
	}
	.top_cast03 ul li:nth-child(4n)
	{	margin: 0px 4% 4% 0px;
	}
	.top_cast03 ul li:nth-child(3n)
	{	margin: 0px 4% 4% 0px;
	}
	.top_cast03 ul li:nth-child(2n)
	{	margin: 0px 0% 4% 0px;
	}
	/* 2つ目以降の要素に200msずつdelayをかける */
	.top_cast03 .box ul li.fadein:nth-of-type(2n)
	{	-moz-transition-delay:300ms;
		-webkit-transition-delay:300ms;
		-o-transition-delay:300ms;
		-ms-transition-delay:300ms;
	}
	.top_cast03 .box ul li.fadein:nth-of-type(2n+1)
	{	-moz-transition-delay:0ms;
		-webkit-transition-delay:0ms;
		-o-transition-delay:0ms;
		-ms-transition-delay:0ms;
	}
	.top_cast03 ul li a
	{	width:90%;
		margin: 20px auto 0px auto;
	}
	.top_cast03 ul li img.label01
	{	display:block;
		width:80px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}
	.top_cast03 ul li .prof
	{	margin: 0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		border-left: 0px solid #000000;
	}
	.top_cast03 ul li .prof h3
	{	margin: 0px 0px 5px 0px;
		font-size:10px;
		line-height:18px;
	}
	.top_cast03 ul li .prof h3 span
	{	font-size:14px;
		margin: 0px 5px 0px 0px;
	}
	.top_cast03 ul li .prof p.txt01
	{	margin: 0px 0px 5px 0px;
		font-size:10px;
		line-height:12px;
	}
	.top_cast03 ul li .prof p.txt02
	{	font-size:10px;
		line-height:12px;
	}
	.top_cast03 ul li .prof .new
	{	position: absolute;
		top: 5px;
		right: 0;
		display:block;
		width: 40px;
		height: 40px;
		padding:8px 0px 0px 0px;
		font-size:10px;
		line-height:12px;
	}
	.top_cast03 ul li ul
	{	margin:0px auto 20px auto;
	}
	.top_cast03 ul li ul li
	{	width: 32%;
		margin: 0px 2% 0px 0px;
		font-size: 9px;
		line-height: 10px;
		padding: 3px 0px 3px 0px;
	}
	.top_cast03 ul li ul li:nth-child(2n)
	{	margin: 0px 2% 0px 0px;
	}
	.top_cast03 ul li .time
	{	display:block;
		width:100%;
		height: 40px;
		padding:15px 0px 0px 0px;
		font-size:10px;
		line-height:12px;
		text-align: center;
		color: #ffffff;
		background-color: #000000;
	}
	.top_cast03 .box a.btn
	{	display:block;
		width: 130px;
		height: 40px;
		vertical-align: middle;
		margin:0px auto 0px auto;
		padding:15px 0px 0px 0px;
		font-size:10px;
		line-height:12px;
		font-weight: 600;
		color: #ffffff;
		background-color: #000000;
		text-decoration: none;
		text-align: center;
		transition:all .2s ease;
	}
	.top_cast03 .box a.btn:hover
	{	background-color: #fe8100;
	}

}

@media screen and (max-width: 600px)
{
	.top_cast03 .box .ttlarea
	{	width:90%;
		background-size:30vw;
	}
	.top_cast03 .box .ttlarea h2
	{	font-size:5vw;
		line-height:10vw;
	}
	.top_cast03 .box .ttlarea h2 span
	{	font-size:2.5vw;
		line-height:3vw;
	}
	.top_cast03 .box .ttlarea .sub
	{	padding:5px 20px 5px 20px;
		font-size:2.5vw;
		line-height:3vw;
	}

}

@media screen and (max-width: 450px)
{
	.top_cast03 .box
	{	width:96%;
	}
	.top_cast03 ul li
	{	width:49%;
		margin: 0px 1% 2% 0px;
	}
	.top_cast03 ul li:nth-child(4n)
	{	margin: 0px 0% 2% 0px;
	}
	.top_cast03 ul li:nth-child(3n)
	{	margin: 0px 1% 2% 0px;
	}
	.top_cast03 ul li:nth-child(2n)
	{	margin: 0px 0% 2% 0px;
	}
	.top_cast03 ul li a
	{	width:98%;
		margin: 4px auto 0px auto;
	}
	.top_cast03 ul li ul li
	{	width: 52px;
		font-size: 7px;
		line-height: 10px;
		margin: 0px 1px 0px 0px;
		padding: 3px 0px 3px 0px;
		color: #fe8100;
		border: 1px solid #fe8100;
		text-align: center;
		float: left;
	}
	.top_cast03 ul li ul li:nth-child(2n)
	{	margin: 0px 1px 0px 0px;
	}

}

@media screen and (max-width: 370px)
{
	.top_cast03 ul li .prof
	{	margin: 0px 0px 5px 0px;
		padding:0px 0px 0px 0px;
		border-left: 0px solid #000000;
	}
	.top_cast03 ul li ul
	{	margin: 0px auto 5px auto;
		height:48px;
	}
	.top_cast03 ul li ul li
	{	width: 55%;
		font-size: 7px;
		line-height: 8px;
		margin: 0px auto;
		padding: 3px 0px 3px 0px;
		color: #fe8100;
		border: 1px solid #fe8100;
		text-align: center;
		float: left;
	}
	.top_cast03 ul li ul li:nth-child(2n)
	{	margin: 0px auto;
	}

}


/* ============================================
	チャンネル広告
============================================ */
.top_ad
{	width: 100%;
	padding: 100px 0px 80px 0px;
	margin: auto;
}
.top_ad .box
{	position: relative;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	overflow: hidden;
	background:url("/com/temp4/img/top/ad_img01.jpg") no-repeat 50% top;
	background-size:1800px;
}
.top_ad .box h3
{	display:block;
	margin:280px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:14px;
	line-height:16px;
	color: #000000;
	font-weight: 600;
	text-align: center;
}
.top_ad .box h3 span
{	display:inline-block;
	color: #fe8100;
}

@media screen and (min-width: 1800px)
{	.top_ad .box
	{	background:url("/com/temp4/img/top/ad_img01.jpg") no-repeat 50% top;
		background-size:contain;
	}
	.top_ad .box h3
	{	margin:15.5vw auto 0px auto;
	}
}

@media screen and (max-width: 768px)
{
	.top_ad
	{	padding: 80px 0px 80px 0px;
	}
	.top_ad .box
	{	background:url("/com/temp4/img/top/ad_img01.jpg") no-repeat 50% top;
		background-size:1800px;
	}
	.top_ad .box h3
	{	margin:280px auto 0px auto;
		font-size:14px;
		line-height:16px;
	}
}

@media screen and (max-width: 600px)
{
	.top_ad
	{	padding: 80px 0px 80px 0px;
	}
	.top_ad .box
	{	background:url("/com/temp4/img/top/ad_img01_sp.jpg") no-repeat 50% top;
		background-size:contain;
	}
	.top_ad .box h3
	{	margin:82vw auto 0px auto;
		font-size:16px;
		line-height:28px;
	}
}


/* ============================================
	情報エリア
============================================ */
.top_infoarea
{	width: 100%;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: auto;
}
.top_infoarea .box
{	width: 980px;
	position:relative;
	margin: auto;
	padding:0px 0px 0px 0px;
}

@media screen and (max-width: 1000px)
{
	.top_infoarea .box
	{	width: 100%;
	}
}


/* ============================================
	イベント情報
============================================ */
.top_infoarea .box .top_event
{	width: 480px;
	position:relative;
	margin: 0px;
	padding: 80px 35px 80px 10px;
}
.top_infoarea .box .top_event .ttlarea
{	display:block;
	width:100%;
	margin: 0px 0px 30px 0px;
	padding: 10px 0px 10px 0px;
	background:url("/com/temp4/img/top/event04_no.png") no-repeat right 50%;
	background-size:160px;
}
.top_infoarea .box .top_event .ttlarea h2
{	display:block;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-size:28px;
	line-height:60px;
	letter-spacing: 3pt;
	color: #000000;
	font-weight: 600;
}
.top_infoarea .box .top_event .ttlarea h2 span
{	display:block;
	font-size:14px;
	line-height:16px;
	letter-spacing: 1pt;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}
.top_infoarea .box .top_event .ttlarea .sub
{	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:5px 20px 5px 20px;
	font-size:14px;
	line-height:16px;
	letter-spacing: 1pt;
	color: #ffffff;
	background-color: #fe8100;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	-webkit-border-radius:100px 100px 100px 100px;
	-moz-border-radius:100px 100px 100px 100px;
	border-radius:100px 100px 100px 100px;
}
.top_infoarea .box .top_event .eventarea
{	width: 100%;
	height: auto;
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px;
	overflow: hidden;
}
.top_infoarea .box .top_event .eventarea .list
{	width: 100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 0px;
}
.top_infoarea .box .top_event .eventarea .list .date
{	display:block;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	line-height:12px;
	font-weight: 600;
	color: #000000;
}
.top_infoarea .box .top_event .eventarea .list h3
{	display:block;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	line-height:20px;
	font-weight: 600;
	color: #fe8100;
}
.top_infoarea .box .top_event .eventarea .list p
{	display:block;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	font-size:10px;
	line-height:12px;
	font-weight: 600;
	color: #000000;
}
.top_infoarea .box .top_event .eventarea .list img
{	display:block;
	width: 100%;
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
}
.top_infoarea .box .top_event a.btn
{	display:block;
	width: 130px;
	height: 40px;
	vertical-align: middle;
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	font-size:10px;
	line-height:12px;
	font-weight: 600;
	color: #ffffff;
	background-color: #000000;
	text-decoration: none;
	text-align: center;
	transition:all .2s ease;
}
.top_infoarea .box .top_event a.btn:hover
{	background-color: #fe8100;
}

/* 左右の矢印の色を変える */
.top_infoarea .box .top_event .slick-prev:before
, .top_infoarea .box .top_event .slick-next:before
{	color: #000000;
}
/* 左右の矢印の位置を変える */
.top_infoarea .box .top_event .slick-next
{	right: 20px;
	z-index: 99;
}
.top_infoarea .box .top_event .slick-prev
{	left: 15px;
	z-index: 100;
}
/* スライド数のドットの色を変える */
.top_infoarea .box .top_event .slick-dots li.slick-active button:before
, .top_infoarea .box .top_event .slick-dots li button:before
{	color: #000000;
}
/* スライド画像の横幅可変 */
.top_infoarea .box .top_event .event-item li img
{	max-width: 100%;
	height: auto;
}
.top_infoarea .box .top_event .event-item-nav li img
{	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 1000px)
{
	.top_infoarea .box .top_event
	{	width: 90%;
		margin: auto;
		padding: 50px 0px 70px 0px;
	}
	.top_infoarea .box .top_event .ttlarea
	{	width:420px;
	}
	.top_infoarea .box .top_event .eventarea
	{	width: 100%;
		height:auto;
		margin:0px 0px 50px 0px;
		padding:0px 0px 0px 0px;
		overflow: hidden;
	}
	.top_infoarea .box .top_event .eventarea .list
	{	width: 100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 30px 0px;
	}
	.top_infoarea .box .top_event .event-item
	{	margin-left:25%;
		margin-right:25%;
	}
	.top_infoarea .box .top_event .event-item li img
	{	width: 100%;
		height: auto;
	}
	.top_infoarea .box .top_event .event-item-nav li img
	{	max-width: 100%;
		height: auto;
	}

}

@media screen and (max-width: 768px)
{
	.top_infoarea .box .top_event .eventarea .list .date
	{	display:block;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		font-size:10px;
		line-height:12px;
		font-weight: 600;
		color: #000000;
	}
	.top_infoarea .box .top_event .eventarea .list h3
	{	display:block;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		font-size:14px;
		line-height:20px;
		font-weight: 600;
		color: #fe8100;
	}
	.top_infoarea .box .top_event .eventarea .list p
	{	display:block;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		font-size:10px;
		line-height:12px;
		font-weight: 600;
		color: #000000;
	}
	.top_infoarea .box .top_event .eventarea .list img
	{	display:block;
		width: 100%;
		margin:0px 0px 20px 0px;
		padding:0px 0px 0px 0px;
	}
	.top_infoarea .box .top_event a.btn
	{	display:block;
		width: 130px;
		height: 40px;
		vertical-align: middle;
		margin:0px 0px 0px 0px;
		padding:15px 0px 0px 0px;
		font-size:10px;
		line-height:12px;
		font-weight: 600;
		color: #ffffff;
		background-color: #000000;
		text-decoration: none;
		text-align: center;
		transition:all .2s ease;
	}
	.top_infoarea .box .top_event a.btn:hover
	{	background-color: #fe8100;
	}
	.top_infoarea .box .top_event .event-item
	{	margin-left:0%;
		margin-right:0%;
	}

}

@media screen and (max-width: 600px)
{
	.top_infoarea .box .top_event
	{	width: 85%;
	}
	.top_infoarea .box .top_event .ttlarea
	{	padding: 10px 0px 10px 0px;
		background:url("/com/temp4/img/top/event04_no.png") no-repeat right 50%;
		background-size:35vw;
	}
	.top_infoarea .box .top_event .ttlarea h2
	{	font-size:5vw;
		line-height:10vw;
	}
	.top_infoarea .box .top_event .ttlarea h2 span
	{	font-size:2.5vw;
		line-height:3vw;
	}
	.top_infoarea .box .top_event .ttlarea .sub
	{	font-size:2.5vw;
		line-height:3vw;
	}

}

@media screen and (max-width: 480px)
{
	.top_infoarea .box .top_event .ttlarea
	{	width:auto;
	}
}


/* ============================================
	投稿　写メ日記
============================================ */
.top_infoarea .box .top_diary
{	width: 780px;
	height: 920px;
	position:absolute;
	top: 0px;
	left:50%;
	margin: auto;
	padding:160px 0px 0px 30px;
	background-color: #f5f5f5;
	z-index:1;
}
.top_infoarea .box .top_diary .ttlarea
{	display:block;
	width:420px;
	margin: 0px 0px 50px 0px;
	padding: 10px 0px 10px 0px;
	background:url("/com/temp4/img/top/diary05_no.png") no-repeat right 50%;
	background-size:160px;
}
.top_infoarea .box .top_diary .ttlarea h2
{	display:block;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-size:28px;
	line-height:60px;
	letter-spacing: 3pt;
	color: #fe8100;
	font-weight: 600;
}
.top_infoarea .box .top_diary .ttlarea h2 span
{	display:block;
	font-size:14px;
	line-height:16px;
	letter-spacing: 1pt;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}
.top_infoarea .box .top_diary .ttlarea .sub
{	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:5px 20px 5px 20px;
	font-size:14px;
	line-height:16px;
	letter-spacing: 1pt;
	color: #ffffff;
	background-color: #000000;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	-webkit-border-radius:100px 100px 100px 100px;
	-moz-border-radius:100px 100px 100px 100px;
	border-radius:100px 100px 100px 100px;
}
.top_infoarea .box .top_diary iframe
{	display:block;
	width:420px;
	height:380px;
	border: 0px;
	background-color: #ffffff;
	margin:0px 0px 80px 0px;
	padding:0px;
}
.top_infoarea .box .top_diary a.btn
{	display:block;
	width: 130px;
	height: 40px;
	vertical-align: middle;
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 0px;
	font-size:10px;
	line-height:12px;
	font-weight: 600;
	color: #ffffff;
	background-color: #fe8100;
	text-decoration: none;
	text-align: center;
	transition:all .2s ease;
}
.top_infoarea .box .top_diary a.btn:hover
{	background-color: #000000;
}

@media screen and (max-width: 1560px)
{
	.top_infoarea .box .top_diary
	{	width: auto;
		min-width:480px;
	}
}

@media screen and (max-width: 1000px)
{
	.top_infoarea .box .top_diary
	{	width:100%;
		height:auto;
		position:relative;
		top:inherit;
		left:inherit;
		margin: auto;
		padding:50px 5% 70px 5%;
	}
	.top_infoarea .box .top_diary iframe
	{	display:block;
		width:100%;
		height:500px;
		margin:0px 0px 50px 0px;
	}

}

@media screen and (max-width: 768px)
{
	.top_infoarea .box .top_diary
	{	width:100%;
		height:auto;
		position:relative;
		top:inherit;
		left:inherit;
		margin: auto;
		padding:50px 5% 70px 5%;
	}
	.top_infoarea .box .top_diary iframe
	{	display:block;
		width:100%;
		height:500px;
		margin:0px 0px 50px 0px;
	}
	.top_infoarea .box .top_diary a.btn
	{	display:block;
		width: 130px;
		height: 40px;
		vertical-align: middle;
		margin:0px 0px 0px 0px;
		padding:15px 0px 0px 0px;
		font-size:10px;
		line-height:12px;
		font-weight: 600;
		color: #ffffff;
		background-color: #fe8100;
		text-decoration: none;
		text-align: center;
		transition:all .2s ease;
	}

}

@media screen and (max-width: 600px)
{
	.top_infoarea .box .top_diary
	{	min-width:320px;
		padding:50px 7% 70px 7%;
	}
	.top_infoarea .box .top_diary .ttlarea
	{	width:100%;
		padding: 10px 0px 10px 0px;
		background:url("/com/temp4/img/top/diary05_no.png") no-repeat right 50%;
		background-size:35vw;
	}
	.top_infoarea .box .top_diary .ttlarea h2
	{	min-width:320px;
		font-size:5vw;
		line-height:10vw;
	}
	.top_infoarea .box .top_diary .ttlarea h2 span
	{	font-size:2.5vw;
		line-height:3vw;
	}
	.top_infoarea .box .top_diary .ttlarea .sub
	{	padding:5px 20px 5px 20px;
		font-size:2.5vw;
		line-height:3vw;
	}
	.top_infoarea .box .top_diary iframe
	{	display:block;
		width:100%;
		height:500px;
		margin:0px 0px 50px 0px;
	}
	.top_infoarea .box .top_diary a.btn
	{	display:block;
		width: 130px;
		height: 40px;
		vertical-align: middle;
		margin:0px 0px 0px 0px;
		padding:15px 0px 0px 0px;
		font-size:10px;
		line-height:12px;
		font-weight: 600;
		color: #ffffff;
		background-color: #fe8100;
		text-decoration: none;
		text-align: center;
		transition:all .2s ease;
	}

}

@media screen and (max-width: 370px)
{
	.top_infoarea .box .top_diary
	{	min-width:300px;
		padding:50px 7% 70px 7%;
	}
	.top_infoarea .box .top_diary .ttlarea h2
	{	min-width:260px;
		font-size:5vw;
		line-height:10vw;
	}

}


/* ============================================
	動画エリア06
============================================ */
.top_movie06
{	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: auto;
	background:url("/com/temp4/img/top/movie06_bg.jpg") no-repeat 50% top;
	background-size:cover;
	position: relative;
	z-index:0;
}
.top_movie06 .box
{	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 290px 0px 100px 0px;
	position: relative;
}
.top_movie06 .box .ttlarea
{	display:block;
	width:450px;
	margin: 0px auto 70px auto;
	padding: 10px 0px 10px 0px;
	background:url("/com/temp4/img/top/movie06_no.png") no-repeat right 50%;
	background-size:180px;
}
.top_movie06 .box .ttlarea h2
{	display:block;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-size:28px;
	line-height:60px;
	letter-spacing: 3pt;
	color: #ffffff;
	font-weight: 600;
}
.top_movie06 .box .ttlarea h2 span
{	display:block;
	font-size:14px;
	line-height:16px;
	letter-spacing: 1pt;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}
.top_movie06 .box .ttlarea .sub
{	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:5px 20px 5px 20px;
	font-size:14px;
	line-height:16px;
	letter-spacing: 1pt;
	color: #ffffff;
	background-color: #000000;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	-webkit-border-radius:100px 100px 100px 100px;
	-moz-border-radius:100px 100px 100px 100px;
	border-radius:100px 100px 100px 100px;
}
.top_movie06 .box .moviearea
{	width:600px;
	margin: 0px auto 70px auto;
}
.top_movie06 .box .moviearea video
{	width: 100%;
}
.top_movie06 .box .moviearea iframe
{ max-width: 100%;
}
.top_movie06 .box p
{	display:block;
	vertical-align: middle;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:12px;
	line-height:14px;
	font-weight: 600;
	color: #ffffff;
	text-align: center;
}
.top_movie06 .box a.btn
{	display:inline-block;
	width: 130px;
	height: 40px;
	vertical-align: middle;
	margin:0px 10px 0px 10px;
	padding:15px 0px 0px 0px;
	font-size:10px;
	line-height:12px;
	font-weight: 600;
	color: #ffffff;
	background-color: #000000;
	text-decoration: none;
	text-align: center;
	transition:all .2s ease;
}
.top_movie06 .box a.btn:hover
{	background-color: #fe8100;
}

@media screen and (max-width: 1000px)
{
	.top_movie06 .box
	{	width:90%;
		padding: 80px 0px 80px 0px;
	}

}

@media screen and (max-width: 768px)
{
	.top_movie06 .box
	{	width:90%;
		padding: 80px 0px 80px 0px;
	}
	.top_movie06 .box .ttlarea
	{	display:block;
		width:450px;
		margin: 0px auto 70px auto;
		padding: 10px 0px 10px 0px;
		background:url("/com/temp4/img/top/movie06_no.png") no-repeat right 50%;
		background-size:180px;
	}
	.top_movie06 .box .ttlarea h2
	{	display:block;
		margin:0px 0px 5px 0px;
		padding:0px 0px 0px 0px;
		font-size:28px;
		line-height:60px;
		letter-spacing: 3pt;
		color: #ffffff;
		font-weight: 600;
	}
	.top_movie06 .box .ttlarea h2 span
	{	display:block;
		font-size:14px;
		line-height:16px;
		letter-spacing: 1pt;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
	}
	.top_movie06 .box .ttlarea .sub
	{	display:inline-block;
		margin:0px 0px 0px 0px;
		padding:5px 20px 5px 20px;
		font-size:14px;
		line-height:16px;
		letter-spacing: 1pt;
		color: #ffffff;
		background-color: #000000;
		font-family: 'Montserrat', sans-serif;
		font-weight: 500;
		-webkit-border-radius:100px 100px 100px 100px;
		-moz-border-radius:100px 100px 100px 100px;
		border-radius:100px 100px 100px 100px;
	}
	.top_movie06 .box .moviearea
	{	width:100%;
		margin: 0px auto 50px auto;
	}
	.top_movie06 .box p
	{	display:block;
		vertical-align: middle;
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
		font-size:12px;
		line-height:14px;
		font-weight: 600;
		color: #ffffff;
		text-align: center;
	}
	.top_movie06 .box a.btn
	{	display:block;
		width: 130px;
		height: 40px;
		vertical-align: middle;
		margin:10px auto 10px auto;
		padding:15px 0px 0px 0px;
		font-size:10px;
		line-height:12px;
		font-weight: 600;
		color: #ffffff;
		background-color: #000000;
		text-decoration: none;
		text-align: center;
		transition:all .2s ease;
	}
	.top_movie06 .box a.btn:hover
	{	background-color: #fe8100;
	}

}

@media screen and (max-width: 600px)
{
	.top_movie06 .box
	{	width:90%;
		padding: 80px 0px 80px 0px;
	}
	.top_movie06 .box .ttlarea
	{	width:95%;
		padding: 10px 0px 10px 0px;
		background:url("/com/temp4/img/top/movie06_no.png") no-repeat right 50%;
		background-size:35vw;
	}
	.top_movie06 .box .ttlarea h2
	{	font-size:5vw;
		line-height:10vw;
	}
	.top_movie06 .box .ttlarea h2 span
	{	font-size:2.5vw;
		line-height:3vw;
	}
	.top_movie06 .box .ttlarea .sub
	{	padding:5px 20px 5px 20px;
		font-size:2.5vw;
		line-height:3vw;
	}

}


/* ============================================
	バナーエリア02
============================================ */
.top_bn02{
	width: 100%;
	position: relative;
	margin: auto;
	padding:0px;
}
.top_bn02 .box{
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 40px 0px 60px 0px;
	text-align: center;
}
.top_bn02 .box ul{
	display: block;
	margin:0px auto 60px auto;
	padding:0px 0px 0px 0px;
	list-style:none;
}
.top_bn02 .box ul:after{
	content: ".";
	display:block;
	visibility:hidden;
	height:0px;
	font-size:0em;
	line-height:0;
	clear:both;
}
.top_bn02 .box ul li{
	display:block;
	float: left;
	margin: 0px 10px 20px 10px;
}
//.top_bn02 .box ul li:last-child{
//	margin: 0px 0px 0px 0px;
//}
.top_bn02 .box ul li a
{	display:block;
	width: 480px;
	margin:0px 0px 0px 0px;
}

.top_bn02 .box ul li.txt
{	height: 120px;
	padding:30px 0px 0px 0px;
	background-color: #ffe6b0;
}
.top_bn02 .box ul li.txt a
{
	text-decoration: none;
	text-align: center;
	transition:all .2s ease;
	font-size:28px;
	line-height:30px;
	letter-spacing: 3pt;
	color: #fe8100;
	font-weight: 600;
}
.top_bn02 .box ul li.img
{	padding:0px 0px 0px 0px;
	display:block;
}
.top_bn02 .box ul li a img
{	width:100%;
	height:auto;
}
.top_bn02 .box ul li a span
{	display:block;
	font-size:12px;
	letter-spacing: 1pt;
	font-family: 'Montserrat', sans-serif;
	color: #000000;
}
.top_bn02 .box ul li a .long_tit_sub
{	display:inline-block;
	font-size:12px;
	letter-spacing: 1pt;
	font-family: 'Montserrat', sans-serif;
	color: #000000;

}
.top_bn02 .box ul li a .long_title
{	display:inline-block;
	text-decoration: none;
	text-align: center;
	transition:all .2s ease;
	font-size:28px;
	line-height:30px;
	letter-spacing: 3pt;
	color: #fe8100;
	font-weight: 600;

}
.top_bn02 .box .link
{	display:table;
	margin:0px auto 80px auto;
	padding:0px 0px 0px 0px;
	font-size:8px;
	line-height:10px;
}
.top_bn02 .box .link a
{	display:table-cell;
	vertical-align: middle;
	text-align: center;
	font-size:9px;
	letter-spacing:-0.9px;
	line-height:12px;
	margin: 0px;
	padding:0px 5px 0px 5px;
	color: #000000;
	text-decoration: none;
}
.top_bn02 .box .logo
{	display:block;
	width: 270px;
	margin:0px auto 50px auto;
	padding:0px 0px 0px 0px;
}
.top_bn02 .box .logo a img
{	display:block;
	width: 100%;
	margin:0px;
	padding:0px 0px 0px 0px;
	transition:all .2s ease;
}
.top_bn02 .box .link02
{	display:block;
	margin:0px auto 50px auto;
	padding:0px 0px 0px 0px;
}
.top_bn02 .box .link02 a
{	display:inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0px 5px 0px 5px;
	padding:0px;
}
.top_bn02 .box .link02 a img
{	display:block;
	width:20px;
}
.top_bn02 .box p
{	display:block;
	text-align: center;
	font-size:9px;
	line-height:12px;
	margin: 0px;
	padding:0px 5px 0px 5px;
	color: #000000;
}
.fujoho_custom_banner {
	max-width: 100%;
}

@media screen and (max-width: 1000px)
{
	.top_bn02 .box
	{	width:90%;
		padding: 32px 0px 64px 0px;
	}
	.top_bn02 .box ul
	{	margin:0px auto 40px auto;
	}
	.top_bn02 .box ul li
	{	width: 48%;
		margin: 0px 4% 1em 0px;
	}
	.top_bn02 .box ul li:nth-child(even)
	{	margin-right: 0px;
	}
	.top_bn02 .box ul li a
	{	width:100%;
	}
	.top_bn02 .box .link
	{	margin:0px auto 50px auto;
	}

}

@media screen and (max-width: 768px)
{
	.top_bn02 .box
	{	width: 94%;
		padding: 20px 0px 20px 0px;
	}

	.top_bn02 .box ul{
		margin:0px auto 10px auto;
	}
	.top_bn02 .box ul li
	{	width: 48%;
		margin:0px 1% 10px 1%;
		padding: 0px 2%;
	}
	.top_bn02 .box ul li a
	{	display:block;
		width:100%;
	}
	.top_bn02 .box ul li.txt
	{	height: auto;
		padding:10px 0px 15px 0px;

	}
	.top_bn02 .box ul li a span
	{	display:block;
		font-size:12px;
		letter-spacing: 1pt;
		font-family: 'Montserrat', sans-serif;
		color: #000000;
	}
	.top_bn02 .box ul li a .long_tit_sub
	{	display:none;
	}
	.top_bn02 .box ul li a .long_title
	{	display:none;
	}
	.top_bn02 .box .link
	{	display:none;
	}
	.top_bn02 .box .logo
	{	width:50vw;
		margin:0px auto 50px auto;
	}
	.top_bn02 .box .link02 a
	{	margin: 0px 5px 0px 5px;
	}
	.top_bn02 .box .link02 a img
	{	display:block;
		width:40px;
	}
	.top_bn02 .box p
	{	font-size:14px;
		line-height:24px;
		padding:0px 0px 50px 0px;
	}

}

@media screen and (max-width: 450px)
{
	.top_bn02 .box ul li a span
	{	display:block;
		font-size:11px;
		letter-spacing: 1pt;
		font-family: 'Montserrat', sans-serif;
		color: #000000;
	}
	.top_bn02 .box p
	{	font-size:10px;
		line-height:20px;
		padding:0px 0px 50px 0px;
	}
	.top_bn02 .box ul li.txt
	{	height: auto;
		padding:3px 0px 3px 0px;
	}
	.top_bn02 .box ul li.txt a
	{	font-size:18px;
		line-height:20px;
		letter-spacing: 4pt;
	}

}

@media screen and (max-width: 370px)
{
	.top_bn02 .box ul li a
	{	display:block;
		width:100%;
		height: auto;
		margin:0px 0px 0px 0px;
		background-color: #ffe6b0;
		text-decoration: none;
		text-align: center;
		transition:all .2s ease;
		font-size:24px;
		line-height:30px;
		letter-spacing: 3pt;
		color: #fe8100;
		font-weight: 600;
	}
	.top_bn02 .box ul li a span
	{	display:block;
		font-size:10px;
		letter-spacing: 0.5pt;
		font-family: 'Montserrat', sans-serif;
		color: #000000;
	}

}