@charset "utf-8";
/*
Theme Name: L-style
Theme URI: http://www./
Description: L-style
Version: 1.0
Author: L-style
Author URI: http://www./
Tags: L-style

	L-style
	http://www./

*/

/*
@import url('css/entypo/font/entypo.css' );
@import url('css/fontawesome/css/all.css' );
*/

@font-face{
	font-family: "LogoTypeGothic07"; src:url("LogoTypeGothic07Webset.woff2") format('woff2'), url("LogoTypeGothic07Webset.woff") format('woff');
	/*FONT LICENSE*/
/*	07 ロゴたいぷゴシック
	Copyright(C)2002-2014 M+ FONTS PROJECT
	Copyright(C)2014 Fontna.com
	Copyright(C)2014 Kato Masashi
	M+ FONTS：mplus-fonts.sourceforge.jp
	フォントな：www.fontna.com*/

	font-family: "Celebrity"; src:url("MLSGG.TTF") format('TrueType');
}


/*reset*/
body{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
p{
	margin: 0;
	line-height: 1.5;
}
a{
	display: block;
	color: #333;
}
a:hover{
	opacity: 0.7;
}
.pc-block{
	display: block;
}
.sp-block{
	display: none;
}

/*TOPコンテンツ*/
#header .inner,#header nav,#header nav ul,.colume2,.colume3{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.inner{
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}
h2,h3,h4,.page-link{
	font-family: "LogoTypeGothic07";
	font-weight: normal;
	text-align: center;
}
h2{
	font-size:36px;
}
h3{
	font-size:24px;
}
h4{
	font-size:30px;
}
.txt-r{
	color:#a11010;
}
.txt-w{
	color:#fff;
}
.bold{
	font-weight: bold;
}
.colume2 > div{
	width: calc(100%/2);
}
.colume3 > div{
	width: calc(100%/3);
}
.button{
	width: 27%;
	text-align: center;
	margin: 30px auto 0;
	padding: 10px 40px 10px 30px;
	position: relative;
	border-radius: 30px;
}
.button:after{
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 0.8em;
	height: 1.2em;
	margin: auto;
	position: absolute;
	right: 2em;
	top: 0;
	bottom: 0;
}
.button-r{
	color: #fff;
	background: #6e1111;
}
.button-p{
	color: #fff;
	background: #924d4d;
}
.button-b{
	color: #fff;
background:rgba(0,0,0,0.5);
}
.button-r:after,.button-p:after,.button-b:after{
	background: url(images/allow-w.png) no-repeat;
	background-size: auto;
}
#header{
	background: #6e1111;
}
#header .inner{
	justify-content: space-between;
	align-items: center;
	max-width: 1250px;
	padding: 10px 0;
}
#header h1{
	width: 180px;
	line-height: 1;
}
#header h1 span.logo-txt{
	font-family: "Celebrity", serif;
	font-size: 32px;
	line-height: 1;
	color: #fff;
}
#header h1 span{
	display: block;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
	font-size: 14px;
	text-align: center;
	color: #fff;
}
#header .inner nav{
	width: 80%;
	justify-content: space-between;
	align-items: center;
}
#header .page-link{
	width: 55%;
}
#header .page-link li a{
	color: #fff;
}
#header .page-link li+li{
	margin-left: 17px;
}
#header .external-link{
	width: 45%;
}
#header .external-link li a{
	width: auto;
	margin: 0;
	padding:10px 40px 10px 30px;
	font-size: 14px;;
}
#header .external-link li .button:after{
	right: 1em;
}
#header .external-link li+li{
	margin-left: 17px;
}
#cont01{
	background: url(images/bk01.jpg) #fafafa no-repeat;
	background-size: contain;
}
#cont01 .inner .text-area{
	width: 66%;
	margin-left: auto;
	padding: 70px 0;
}
#cont01 .inner .text-area .block h2,#cont01 .inner .text-area .block h3{
	text-align: left;
}
#cont01 .inner .text-area .block .text{
	margin-top: 20px;
}
#cont01 .inner .text-area .block:nth-child(2){
	margin-top: 40px;
}
#cont01 .inner .text-area .block:nth-child(2) ul{
	margin-top: 10px;
}
#cont01 .inner .text-area > .colume2 .button {
	width: 35%;
	margin-top: 70px;
}
#cont02 .inner{
	padding-top: 70px;
}
#cont02 .colume2:nth-child(1){
	margin-top: 70px;
}
#cont02 .colume2 .box:nth-child(1){
	width: 60%;
}
#cont02 .colume2 .box:nth-child(2){
	width: 40%;
}
#cont02 .colume2 .box dl{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}
#cont02 .colume2 .box dl+dl{
	margin-top: 40px;
}
#cont02 .colume2 .box dl dt{
	width: 20%;
}
#cont02 .colume2 .box dl dd{
	width: 80%;
	margin-left: 20px;
}
#cont02 .colume2 .box dl .title{
	color: #a72a2a;
	font-size: 18px;
	font-weight: bold;
}
#cont02 .colume2 .box dl .text{
	margin-top: 10px;
	line-height: 1.8;
}
#cont02 .colume2.button-area{
	justify-content: center;
	margin-top: 45px;
}
#cont02 .colume2.button-area a{
	margin: 0 35px;
}
#cont03 .inner{
	padding-top: 70px;
}
#cont03 #product-area{
	margin-top: 80px;
}
#cont03 ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#cont03 ul li .text-area{
	position: relative;
	margin-top: 38px;
}
#cont03 ul li .text-area:before{
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin: auto;
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
	text-align: center;
}
#cont03 ul li:nth-child(1) .text-area:before{
	content: "1位 ";
}
#cont03 ul li:nth-child(2) .text-area:before{
	content: "2位 ";
}
#cont03 ul li:nth-child(3) .text-area:before{
	content: "3位 ";
}
#cont03 ul li:nth-child(4) .text-area:before{
	content: "4位 ";
}
#cont03 ul li+li{
	margin-left: 30px;
}
#cont03 ul li .image{
	width: 250px;
	height: 250px;
}
#cont03 ul li .image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#cont03 ul li .text-area .title{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}
#cont03 ul li .text-area .text{
	margin-top: 20px;
}
#cont03 ul li .icon{
	margin-top: 20px;
}
#cont03 ul li .icon span{
	width: auto;
	padding: 2px 10px;
	font-size: 14px;
	border-radius: 20px;
	border: 1px solid #000;
}
#cont03 #product-area .button-area{
	margin-top: 70px;
}
#cont04{
	margin-top: 80px;
}
#cont04 .colume2{
	color: #fff;
}
#cont04 .box .inner{
	max-width: 600px;
	padding: 60px 0;
}
#cont04 .box:nth-child(1){
	background: url(images/bk02.jpg) no-repeat;
	background-size: cover;
}
#cont04 .box:nth-child(2){
	background: url(images/bk03.jpg) no-repeat;
	background-size: cover;
}
#cont04 .box .inner .text{
	margin-top: 20px;
	line-height: 2;
}
#cont04 .box .inner .button {
	width: 50%;
}
#movie-area{
	margin-top: 120px;
}
#movie-area .inner{
	padding-bottom:120px;
}
#movie-area .block:nth-child(2){
	margin-top: 70px;
}
#movie-area .block+.block{
	margin-top: 100px;
}
#movie-area .block .title-area{
	margin-top: 30px;
	font-size: 24px;
	font-weight: bold;
}
#movie-area .block .title-area span.viewing-time{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	padding: 4px 12px;
	border: 1px solid #b0aeae;
	line-height: 1;
	font-size: 16px;
}
#movie-area .block .name{
	margin-top: 27px;
	font-size: 18px;
	font-weight: bold;
}
#movie-area .block .colume2{
	margin-top: 30px;
}
#movie-area .block .colume2 .text-area .text{
	margin-top: 20px;
	margin-right: 35px;
}
#movie-area .block .colume2 .text-area .button {
	margin: 30px 0 0;
}
#container #movie-area .block .colume2 .border-area{
	padding: 20px;
	font-size: 14px;
	background: #fbfbf5;
	border: 1px solid #e0e0e0;
}
#movie-area .block .colume2 .border-area ul li{
	padding-left: 1em;
	text-indent: -1em;
}
#movie-area .block .colume2 .border-area .caution{
	text-indent: -1em;
	padding-left: 1em;
}
#movie-area .block .button-area{
	margin-top: 40px;
}
#movie-area .block .button-area .red{
	text-align: center;
	color: #f00e0e;
}
.movie-area .block .button-area .button{
	margin-top: 17px;
}
#footer{
	padding: 15px 0 27px 0;
	border-top: 1px solid #000000;
}
#footer .inner{
	text-align: center;
	font-size: 14px;
}



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

	.pc-block{
		display: none;
	}
	.sp-block{
		display: block;
	}
	.inner{
		width: auto;
		max-width: none;
		margin: 0 20px;
	}
	#header .inner,#header nav,#header nav ul,.colume2,.colume3,#footer .footer-top .inner {
		display: block;
	}
	.colume2 > div{
		width: auto;
	}
	.colume3 > div{
		width: auto;
	}
	.button{
		width: auto;
		margin: 20px auto 0;
	}
	h2{
		font-size: 28px;
	}
	h3{
		font-size: 20px;
	}
	h4 {
		font-size: 24px;
	}
	h5 {
	font-size: 18px;
	}
	.text{
		text-align: left;
	}
	#header .inner nav{
		width: auto;
	}
	#header h1{
		margin: 0 auto;
	}
	#header .page-link {
		width: auto;
		display: flex;
		margin-top: 20px;
		flex-wrap: wrap;
		justify-content: center;
	}
	#header .page-link li{
		width: calc(100%/2);
	}
	#header .page-link li+li {
		margin-left: 0;
	}
	#header .page-link li:last-child{
		margin-top: 10px;
		width: 100%;
	}
	#header .external-link {
		width: auto;
		margin-top: 20px;
	}
	#header .external-link li+li {
		margin-top: 10px;
		margin-left: 0;
	}
	#main p{
		position: relative;
	}
	#main p span{
		position: absolute;
		top: 0;
		display: block;
		bottom: 0;
		margin: auto;
		height: 160px;
	}
	#cont01{
		background-size: cover;
		padding-bottom: 60px;
	}
	#cont01 .inner .text-area {
		width: auto;
		margin-left: auto;
		padding: 60px 0 0;
	}
	#cont01 .inner .text-area .title-area{
		background: rgba(255,255,255,0.5);
		padding: 20px;
	}
	#cont01 .inner .text-area > .colume2 .button {
		width: auto;
		margin-top: 0;
	}
	#cont01 .inner .text-area .block:nth-child(2) {
		margin-top: 20px;
	}
	#cont01 .inner .text-area > .button-area{
		margin-top: 20px;
	}
	#cont01 .inner .text-area > .button-area .button+.button {
		margin-top: 10px;
	}
	#cont02 .inner {
		padding-top: 60px;
	}
	#cont02 .colume2 .box:nth-child(1) {
		width: auto;
	}
	#cont02 .colume2 .box:nth-child(2) {
		width: auto;
	}
	#cont02 .colume2 .box dl{
		display: block;
	}
	#cont02 .colume2 .box dl dt {
		width: auto;
		text-align: center;
	}
	#cont02 .colume2 .box dl dd {
		width: auto;
		margin-left: 0;
		margin-top: 20px;
	}
	#cont02 .colume2.button-area a {
		margin: 0;
	}
	#cont02 .colume2.button-area .button+.button {
		margin-top: 10px;
	}
	#cont03 .inner {
		padding-top: 60px;
	}
	#cont03 #product-area {
		margin-top: 40px;
	}
	#cont03 ul{
		display: block;
	}
	#cont03 ul li .image {
		width: auto;
		height: auto;
	}
	#cont03 ul li+li {
		margin-left: 0;
		margin-top: 40px;
	}
	#cont03 ul li .icon {
		margin-top: 10px;
		text-align: center;
	}
	#cont03 ul li .text-area {
		margin-top: 50px;
	}
	#cont03 #product-area .button-area {
		margin-top: 40px;
	}
	#cont04 {
		margin-top: 60px;
	}
	#cont04 .box .inner .button {
		width: auto;
	}
	#movie-area {
		margin-top: 60px;
	}
	#movie-area .inner {
		padding-bottom: 80px;
	}
	#movie-area .block:nth-child(2) {
		margin-top: 40px;
	}
	#movie-area .block+.block {
		margin-top: 60px;
	}
	#movie-area .block .title-area {
		margin-top: 20px;
		font-size: 22px;
		font-weight: bold;
		text-align: center;
	}
	#movie-area .block .title-area span.viewing-time{
		margin-left: 0;
	}
	#movie-area .block .colume2 .text-area .text {
		margin-right: 0;
	}
	#container #movie-area .block .colume2 .border-area{
		margin-top: 20px;
	}
	#movie-area .block .button-area {
		margin-top: 20px;
	}


}