@charset "utf-8";
/*common
----------------------------------------------------------------*/
h2,h3{
font-family: 'Noto Serif JP', serif;
color:#7e5a34;
/*letter-spacing: -0.1em;*/
}
.grp.nigaama{
font-family: 'Noto Serif JP', serif;
letter-spacing: 0.02em;
font-weight:normal;
}
.product_banner .image a {
	display: inline-block;
}
/*PC
----------------------------------------------------------------*/
@media print,
screen and (min-width: 813px) {
	.nigaama{
		background-color:#fceebd;
		color:#444;
	}
	.kv {
		position: relative;
		padding-top: 60px;
		margin-bottom: 0px;/*50px*/
		padding-bottom:0px;/*page100px*/
	}
	.kv .logo a {
		display: block;
		background-image: url(../../teaser/common/images/logo.svg);
		background-size: 100% 100%;
		width: calc(350px);
		height: calc(350px / 494.58 * 217.28);
		text-indent: -9999px;
		overflow: hidden;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	.kv .mainimage {
		margin-top: 40px;
		background-color: #f00;
		height: 580px;
		position: relative;
		overflow: hidden;
	}
	.kv .mainimage .back {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.kv .mainimage .back img {
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.kv .mainimage .main {
		position: relative;
		height: 580px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.kv .mainimage .main img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}
	h1 {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		font-size: 72px;
		font-weight: bold;
		text-align: center;
		color: #151515;
		line-height: 1.25em;
		padding-top:50px;
		display:none;
	}
	.subtitle {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		font-size: 40px;
		font-weight: bold;
		text-align: center;
		color: #7e5a34;
		line-height: 1.5em;
		padding-top: 10px;
		font-family: 'Noto Serif JP', serif;
	}

/*PC product_banner
------------------------------------------------*/
	.product_banner {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		margin-top:50px;
	}


	.product_banner .clm{
	 display: flex;
	 justify-content: space-between;
	}

	.product_banner .img-center{
		display: flex;
		justify-content: center;
	 }


	.product_banner .clm .image{
		width: 480px;margin-right: 20px;
	}


/*PC schedule
------------------------------------------------*/
	.schedule {
		margin-top: 80px;
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.schedule h2 {
		font-size: 32px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 2px dashed #ddbfa0;
		padding-bottom: 10px;
	}
	.schedule .lead {
		margin-top: 20px;
		font-size: 26px;
		line-height: 1.75em;
		font-family: 'Noto Serif JP', serif;
		background-color:#fff;
		padding:20px 20px 20px 60px;
		border-radius:10px;
		text-align:center;
	}
	.schedule .calendar {
		width: 1017px;
		margin-top: 20px;
		display: flex;
		flex-wrap: wrap;
	}
	.schedule .calendar .box {
		margin-right: 15px;
		background-color: #626262;
		width: 324px;
		margin-bottom: 15px;
	}
	.schedule .calendar .box h3 {
		background-color: #3b3b3b;
		font-size: 16px;
		line-height: 1em;
		padding-top: 6px;
		padding-bottom: 6px;
		text-align: center;
	}
	.schedule .calendar .box .inn {
		position: relative;
	}
	.schedule .calendar .box .tag {
		position: absolute;
		text-align: center;
		left: 10px;
		top: 10px;
		width: 64px;
		box-sizing: border-box;
		font-size: 16px;
		line-height: 1em;
		padding: 4px 0px;
		border-radius: 100px;
	}
	.schedule .calendar .box .tag.muryo {
		background-color: #ffbe28;
		color: #151515;
	}
	.schedule .calendar .box .tag.mihodai {
		background-color: #ff0576;
		color: #fff;
	}
	.schedule .calendar .box .tag.ppv {
		background-color: #2800c8;
		color: #fff;
	}

	.schedule .calendar .box.wide {
		width: 493px;
	}
	.schedule .calendar .box.wide h3 {
		font-size: 24px;
	}
	.schedule .calendar .box.wide .tag {
		width: 100px;
		font-size: 24px;
	}
	.schedule .calendar .box .coming {
		height: 200px;
		display: flex;
		align-items: center;
		display: flex;
		justify-content: center;
		font-size: 16px;
		color: #fff;
	}


	.schedule ul.btn_movie {
	display: flex;
	justify-content: space-between;
	margin-top:40px;
	}

	.schedule .btn_movie li{
		margin-left: 20px;
		flex:1;
	}

	.schedule .btn_movie li:first-child{
		margin-left: 0;
	}

	.schedule .btn_movie li a{
		display: block;
		background-color: #151515;
		color: #fff;
		font-size: 20px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		border-radius: 100px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		box-sizing: border-box;
		padding:20px 10px;
		line-height:1.3em;
	}
	.schedule .btn_movie li a span{
		display: block;
		background-image: url(../../teaser/common/images/playbtn.png);
		background-size: 100% 100%;
		width: 50px;
		height: 50px;
		margin-left: 16px;
	}
	.schedule .btn_movie li a:hover{
		background-color: #fff;
		color: #151515;
	}
	.schedule .btn_movie li .caution{
		text-align:right;
		font-size:14px;
		padding:10px 20px;
	}






/*PC sns
------------------------------------------------*/
	.sns {
		margin-top: 100px;
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.sns h2 {
		font-size: 32px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 2px dashed #ddbfa0;
		padding-bottom: 10px;
	}
	.sns h3 {
		font-size: 24px;
		font-weight: bold;
		line-height: 1.35em;
		margin-bottom: 5px;
	}
	.sns .lead {
		margin-bottom:5px;
		font-size: 16px;
		line-height: 1.75em;
		color:#fff;
	}
	.sns .clm{
		margin-top: 30px;
	 display: flex;
	 justify-content: space-between;
	}
	.sns .clm .twitter{
		flex:1; 
		justify-content: space-between;
		margin-right:15px;
		padding:20px 20px 10px;
		background-color:#63baf5;
		border-radius:10px;
	}
	.sns .clm .instagram{
		flex:1; 
		justify-content: space-between;
		padding:20px 20px 10px;
		background-color:#ffa4ca;
		border-radius:10px;
	}
	.sns .clm .caution{
		padding-top: 10px;
		color: #fff;
		text-align: right;
		font-size: 14px;
	}
	.sns .clmh3::before {
		content: '';
		vertical-align: middle;
		display: inline-block;
		width: 30px;
		height: 30px;
		margin-top: -0.2em;
		margin-right: 0.25em;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.sns .clm .twitter h3:before {
		background-image: url(../images/icon_twitter_w.png);
	}
	.sns .clm .instagram h3:before {
		background-image: url(../images/icon_insta_w.png);
	}
	.sns .clm h3 a {
		color:#fff;
		text-decoration:none;
	}


/*PC story
------------------------------------------------*/
	.story {
		margin-top: 100px;
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.story h2 {
		font-size: 32px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 2px dashed #ddbfa0;
		padding-bottom: 10px;
	}
	.story h3 {
		font-size: 20px;
		font-weight: bold;
		line-height: 1.35em;
		margin-bottom: 5px;
	}
	.story .lead {
		margin-top:40px;
		margin-bottom:20px;
		font-size: 26px;
		line-height: 1.5em;
		font-weight:bold;
		font-family: 'Noto Serif JP', serif;
		text-align:center;
		color:#eb7da0;
	}
	.story .text {
		margin-bottom:5px;
		font-size: 20px;
		line-height: 1.75em;
		font-family: 'Noto Serif JP', serif;
	padding: 0 60px 30px;
	}


/*PC comic
------------------------------------------------*/
	.comic {
		margin-top: 30px;
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.comic h2 {
		font-size: 32px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 2px dashed #ddbfa0;
		padding-bottom: 10px;
	}
	.comic h3 {
		font-size: 26px;
		font-weight: bold;
		line-height: 1.75em;
		margin-bottom: 5px;
		color:#6293c7;
	}
	.comic .lead {
		margin-top:40px;
		margin-bottom:20px;
		font-size: 24px;
		line-height: 1.75em;
		font-weight:bold;
	}
	.comic .clm{
		margin-top: 30px;
		display: flex;
		justify-content: space-between;
	}
	
	.comic .clm .comic_data{
		flex:1; 
		flex-direction: column;
		justify-content: space-between;
		margin-left:15px;
	}
	.comic .clm .text{
		flex:1; 
		margin-bottom:15px;
		font-size: 16px;
		line-height: 1.75em;
		padding:20px 30px;
		background-color:#fff5d3;
		border-radius:10px;
		color:#6293c7;
		margin-top:16px;
	}
	.comic .clm .image{
		justify-content: space-between;
	}
	.comic .clm .image img{
		width:300px;
	}
	.comic .clm .interview{
		padding:20px 20px 5px 20px;
		background-color:#efe3b7;
		border-radius:10px;
	}
	.comic .clm .interview h3{
		color:#7e5a34;
	}
	.comic .clm .interview h3:before {
		content: '';
		vertical-align: middle;
		display: inline-block;
		width: 50px;
		height: 50px;
		margin-top: -0.2em;
		margin-right: 0.25em;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		background-image: url(../images/img_portrait.png);
	}
	.comic .clm dl{
		margin:0px 15px 20px;
		position: relative;
	}
	.comic .clm dl dt{
		color:#a17950;
		line-height:2em;
		font-size:18px;
		font-family: 'Noto Serif JP', serif;
		font-weight:bold;
	}
	.comic .clm dl dd{
		position: relative;
		margin-left:10px;
		line-height:1.5em;
		background-color: #fff;
		padding: 20px 20px 20px 25px;
		border-radius: 0px 15px 15px;
		margin: 5px 0px 10px 20px;
	}
	.comic .clm dl dd:before{
		content: "";
		position: absolute;
		top:-2px;
		right: 0;
		bottom: 0;
		left: -10px;
		width: 0px;
		height: 0px;
		margin: 0;
		border-style: solid;
		border-width: 0 15px 15px 0;
		border-color: transparent #fff transparent transparent;
		transform: rotate(25deg);
	}


/*PC cast
------------------------------------------------*/
	.cast {
		margin-top: 100px;
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.cast h2 {
		font-size: 32px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 2px dashed #ddbfa0;
		padding-bottom: 10px;
	}
	.cast image {
	}
	.cast .lead {
		margin-bottom:20px;
		font-size: 34px;
		font-weight:bold;
		font-family: 'Noto Serif JP', serif;
	}
	.cast .lead span{
		margin-bottom:20px;
		font-size: 20px;
		font-weight:normal;
	}
	.cast .clm .cast_box.cast01 .lead{
		color:#eb7da0;
	}
	.cast .clm .cast_box.cast02 .lead{
		color:#5cb393;
	}
	.cast .text {
		margin-bottom:5px;
		font-size: 16px;
		line-height: 1.75em;
	}
	.cast .clm{
		 display: flex;
		 justify-content: space-between;
		 margin:70px auto 0;
	}
	.cast .clm .cast_box{
		flex:1; 
		display: flex;
		justify-content: space-between;
	}
	.cast .clm .cast_box.cast01{
		margin-right:20px;
	}
	.cast .clm .cast_box.cast02{
	}
	.cast .clm .image{
		width: 200px;
		margin-right: 10px;
	}
	.cast .clm .text{
		align-self: flex-start;
		flex:1; 
		justify-content: space-between;
		padding:15px;
	}

	.cast .clm .cast_box.cast01 .comment{
		background-color:#eb7da0;
		color:#fff;
		display: inline-block;
		padding: 0px 25px;
	}
	.cast .clm .cast_box.cast02 .comment{
		background-color:#5cb393;
		color:#fff;
		display: inline-block;
		padding: 0px 25px;
	}
	.cast .clm .cast_box dl{
		margin-top:10px;
	}
	.cast .clm .cast_box dt{
		font-weight:bold;
	}
	
	.cast .clm .cast_box.cast01 .comment_text dt{
		color:#eb7da0;
	}
	.cast .clm .cast_box.cast02 .comment_text dt{
		color:#5cb393;
	}

/*cast_list*/
	.cast .cast_list{
		padding: 0 0 30px;
	}

	.cast .cast_list ul{
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
		margin:auto;
		width:830px;
	}

	.cast .cast_list ul li{
		width:28%;
		font-weight:bold;
		font-size:28px;
		line-height:1.3em;
		text-align:center;
		padding-top:20px;
	}

	.cast .cast_list ul li span{
		display:block;
		font-weight:normal;
		color:#d27911;/*65becf*/
		font-size:18px;
		line-height:1em;
	}


















/*PC music
------------------------------------------------*/
	.music {
		margin-top: 100px;
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.music h2 {
		font-size: 32px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 2px dashed #ddbfa0;
		padding-bottom: 10px;
	}
	.music image {
	}
	.music .lead {
		margin-bottom:20px;
		font-size: 24px;
		font-weight:bold;
		font-family: 'Noto Serif JP', serif;
		color:#49719b;
		line-height:1.75em;
	}
	.music .text {
		margin-bottom:5px;
		font-size: 16px;
		line-height: 1.75em;
	}
	.music .clm{
		flex:1; 
		margin-top: 50px;
		display: flex;
		justify-content: space-between;
		padding: 50px;
		background-color: #d0e3e2;
		border-radius: 15px;
	}
	.music .clm .image{
		width: 340px;
		margin-right: 40px;
	}
	.music .clm .text{
		align-self: flex-start;
		flex:1; 
		justify-content: space-between;
	}
	.music .clm .text ul{
		padding-top:20px;
	}
	.music .clm .text ul li{
		color:#49719b;
		font-weight:bold;
	}
	
	.music .clm .text a{
		padding:5px 15px;
		background-color: #fff;
		border-radius: 50px;
		color: #151515;
		text-decoration: none;
		font-weight: bold;
		margin-right:5px;
		display:inline-block;
		margin-top:20px;
	}
	.music .clm .text a:hover{
		background-color: #151515;
		color: #fff;
	}
	.mzsrz_link{
		margin-top:20px;
	}


/*PC staff
------------------------------------------------*/
	.staff {
		margin-top: 100px;
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}

	.staff h2 {
		font-size: 32px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 2px dashed #ddbfa0;
		padding-bottom: 10px;
	}

	.staff table {
		margin:0 auto;
		width:90%;
	}
	.staff table th{
		line-height:2.25em;
		padding:10px;
	}
	.staff table td {
		line-height:2.25em;
		padding:10px;
		text-indent: -1em;
		padding-left: 1em;
	}

	.staff table tr {
		border-bottom:2px solid #f7f2e3;
	}
	.staff .text {
		margin-top:50px;
		font-size: 16px;
		line-height: 1.75em;
		background-color: #fff;
		padding: 40px 40px 0px;
		border-radius: 15px 15px 0 0;
	}

	.logo_docomo{
		width: 110px;
		margin-top:5px;
	}

/*PC food
------------------------------------------------*/
	.food {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
		background-color:#fff;
		border-radius:0 0 15px 15px;
	}
	.food h2 {
		font-size: 32px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 2px dashed #ddbfa0;
		padding-bottom: 10px;
	}
	.food h3 {
		font-size: 16px;
		font-weight: normal;
		color:#a17950;
		font-family: 'Noto Serif JP', serif;
		color:#444;
		text-align:center;
		padding:50px 0 20px;
		
	}
	.food .lead {
		margin-top:40px;
		margin-bottom:20px;
		font-size: 24px;
		line-height: 1.75em;
		font-weight:bold;
	}
	.food .clm{
	 display: flex;
	 justify-content: space-between;
	 padding: 0 80px 40px 96px;
	}
	
	.food .clm .food_data{
		flex:1; 
		flex-direction: column;
		justify-content: space-between;
		margin-right:40px;
	}
	.food .clm .text{
		flex:1; 
		font-size: 16px;
		line-height: 1.75em;
	}
	.food .clm .text .profile_01{
		font-size: 30px;
		line-height:1.35em;
		font-family: 'Noto Serif JP', serif;
	}
	.food .clm .text .profile_01 span{
		font-size: 16px;
		padding-left:0.5em;
	}
	.food .clm .text .profile_02{
		font-family: 'Noto Serif JP', serif;
		line-height:1.75em;
	}
	.food .clm .image{
		padding-top:15px;
	}
	.food .clm .image img{
		width:230px;
	}
	.food .interview{
		padding: 0 88px 70px 96px;
	}

	.food dl{
		position: relative;
	}
	.food dl dt{
		color:#a0a0ac;
		line-height:2em;
		font-size:24px;
		font-family: 'Noto Serif JP', serif;
		border-bottom:1px dashed #a0a0ac;
		padding-bottom:5px;
		margin-bottom:15px;
	}
	.food dl dd{
		position: relative;
		line-height:1.75em;
		color:#636376;
	}

/*header footer waveimg*/
.bottom_line{}
.bottom_line img{}
.top_line{}
.top_line img{}







/*--------------------------------------------------------------*/
}
/*--------------------------------------------------------------*/
/*SP
----------------------------------------------------------------*/
@media only screen and (max-width: 812px) {
	.nigaama{
		background-color:#fceebd;
		color:#444;
	}
	.kv {
		position: relative;
		padding-top: 12vw;
		padding-bottom: 0;
	}
	.kv .logo a {
		display: block;
		background-image: url(../../teaser/common/images/logo.svg);
		background-size: 100% 100%;
		width: calc(40vw);
		height: calc(40vw / 494.58 * 217.28);
		text-indent: -9999px;
		overflow: hidden;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	.kv .mainimage {
		margin-top: 6vw;
		position: relative;
		overflow: hidden;
	}
	.kv .mainimage .back {
		display: none;
	}

	h1 {
		padding-top:6vw;
		font-size: 32px;
		font-weight: bold;
		text-align: center;
		color: #151515;
		line-height: 1.25em;
		display:none;
	}
	.subtitle {
		margin-left: 6vw;
		margin-right: 6vw;
		font-size: 23px;
		font-weight: bold;
		text-align: center;
		color: #7e5a34;
		line-height: 1.5em;
		padding-top: 5vw;
		font-family: 'Noto Serif JP', serif;
	}

/*SP product_banner
------------------------------------------------*/

	.product_banner {
    margin-top: 6vw;
    margin-left: 6vw;
    margin-right: 6vw;
	}

	.product_banner .img-center{
		display: flex;
		justify-content: center;
	 }


	.product_banner .clm{
	}
	.product_banner .clm .image{
    margin-top: 6vw;
	}

/*SP schedule
------------------------------------------------*/
	.schedule {
		margin-top: 9vw;
		margin-left: 6vw;
		margin-right: 6vw;
	}
	.schedule h2 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 1px solid #151515;
		padding-bottom: 3vw; 
	}
	.schedule .lead {
		margin-top: 2vw;
		font-size: 16px;
		line-height: 1.75em;
		text-align:center;
		font-family: 'Noto Serif JP', serif;
		background-color:#fff;
		padding:10px;
		border-radius:10px;
	}
	.schedule span {
		font-weight:bold;
	}
	.schedule .calendar {
		margin-top: 20px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.schedule .calendar .box {
		background-color: #626262;
		width: calc(50% - 1.5vw);
		margin-bottom: 3vw;
	}
	.schedule .calendar .box h3 {
		background-color: #3b3b3b;
		font-size: 14px;
		line-height: 1em;
		padding-top: 6px;
		padding-bottom: 6px;
		text-align: center;
	}
	.schedule .calendar .box .inn {
		position: relative;
	}
	.schedule .calendar .box .tag {
		position: absolute;
		text-align: center;
		left: 2vw;
		top: 2vw;
		width: fit-content;
		box-sizing: border-box;
		font-size: 12px;
		line-height: 1em;
		padding: 4px 12px;
		border-radius: 100px;
	}
	.schedule .calendar .box .tag.muryo {
		background-color: #ffbe28;
		color: #151515;
	}
	.schedule .calendar .box .tag.mihodai {
		background-color: #ff0576;
		color: #fff;
	}
	.schedule .calendar .box .tag.ppv {
		background-color: #2800c8;
		color: #fff;
	}

	.schedule .calendar .box.wide {
		width: 100%;
	}
	.schedule .calendar .box.wide h3 {
		font-size: 20px;
	}
	.schedule .calendar .box.wide .tag {
		font-size: 16px;
	}
	.schedule .calendar .box .coming {
		height: 30vw;
		display: flex;
		align-items: center;
		display: flex;
		justify-content: center;
		font-size: 13px;
		color: #fff;
	}


	.schedule ul.btn_movie {
	margin-top:20px;
	}

	.schedule .btn_movie li{
		margin-top: 10px;
		position:relative;
	}


	.schedule .btn_movie li a{
		display: block;
		background-color: #151515;
		color: #fff;
		font-size: 1em;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		text-decoration: none;
		border-radius: 100px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		box-sizing: border-box;
		padding:10px 20px;
		line-height:1.3em;
	}
/*
	.schedule .btn_movie li a span{
		display: block;
		background-image: url(../../teaser/common/images/playbtn.png);
		background-size: 30px 30px;
		width: 30px;
		height: 30px;
		margin-left: 10px;
    padding-right: 30px;
    background-repeat: no-repeat;
	}
*/
	.schedule .btn_movie li a:hover{
		background-color: #fff;
		color: #151515;
	}
	.schedule .btn_movie li .caution{
		font-size:14px;
		padding:10px 20px;
	}


	.schedule .btn_movie li a:after{
		content: '';
		vertical-align: middle;
		display: inline-block;
		width: 30px;
		height: 30px;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		background-image: url(../../teaser/common/images/playbtn.png);
		background-size: 30px 30px;
		position:absolute;
		right:20px;
	}






/*SP sns
------------------------------------------------*/
	.sns {
		margin-top: 12vw;
		margin-left: 6vw;
		margin-right: 6vw;
	}
	.sns h2 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 2px dashed #ddbfa0;
		padding-bottom: 3vw; 
	}
	.sns .lead {
		font-size: 16px;
		line-height: 1.75em;
		color:#fff;
		margin-bottom:5px;
	}
	.sns .clm{
		margin-top: 15px;
	}
	.sns .clm .twitter{
		padding:20px 20px 10px;
		background-color:#63baf5;
		border-radius:10px;
	}
	.sns .clm .instagram{
		margin-top:50px;
		padding:20px 20px 10px;
		background-color:#ffa4ca;
		border-radius:10px;
	}
	.sns .clm .caution{
		padding-top: 2vw;
		color: #fff;
		text-align: right;
		font-size: 14px;
	}
	.sns h3 {
		font-size: 20px;
		font-weight: bold;
		line-height: 1.75em;
		margin-bottom: 5px;
	}
	.sns .clmh3::before {
		content: '';
		vertical-align: middle;
		display: inline-block;
		width: 30px;
		height: 30px;
		margin-top: -0.2em;
		margin-right: 0.25em;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.sns .clm .twitter h3::before {
		background-image: url(../images/icon_twitter_w.png);
	}
	.sns .clm .instagram h3::before {
		background-image: url(../images/icon_insta_w.png);
	}
	.sns .clm h3 a {
		color:#fff;
		text-decoration:none;
	}


/*SP story
------------------------------------------------*/
	.story {
		margin-top: 12vw;
		margin-left: 6vw;
		margin-right: 6vw;
	}
	.story h2 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 2px dashed #ddbfa0;
		padding-bottom: 3vw; 
	}
	.story .clm{
		margin-top: 15px;
	}
	.story h3 {
		font-weight: bold;
		line-height: 1.35em;
		margin-bottom: 5px;
	}
	.story .lead {
		line-height: 1.5em;
		font-family: 'Noto Serif JP', serif;
		margin-top:20px;
		margin-bottom:20px;
		font-size: 20px;
		font-weight:bold;
		color:#eb7da0;
	}
	.story .text {
		margin-bottom:5px;
		font-size: 16px;
		line-height: 1.75em;
		font-family: 'Noto Serif JP', serif;
	}


/*SP comic
------------------------------------------------*/
	.comic {
		margin-top: 4vw;
		margin-left: 6vw;
		margin-right: 6vw;
	}
	.comic h2 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 2px dashed #ddbfa0;
		padding-bottom: 3vw; 
	}
	.comic .lead {
		font-size: 16px;
		line-height: 1.75em;
	}
	.comic .clm{
		margin-top: 15px;
	
	}
	.comic h3 {
		font-weight: bold;
		line-height: 1.35em;
		margin-bottom: 5px;
		font-size: 20px;
		text-align:center;
		color:#6293c7;
	}
	.comic .lead {
		margin-top:20px;
		margin-bottom:20px;
		font-size: 20px;
		font-weight:bold;
	}
	.comic .clm .comic_data{
	}

	.comic .clm .text{
		margin-bottom:5vw;
		font-size: 14px;
		line-height: 1.5em;
		padding:20px 30px;
		background-color:#fff5d3;
		border-radius:10px;
		color:#6293c7;
		margin-top:6vw;
	}
	.comic .clm .image{
		width:70%;
		margin:0 auto;
	}
	.comic .clm .image img{
	}

	.comic .clm .interview{
		padding:15px 15px 5px 15px;
		background-color:#efe3b7;
		border-radius:10px;
	}
	.comic .clm .interview h3{
		color:#7e5a34;
	}
	.comic .clm .interview h3:before {
		content: '';
		vertical-align: middle;
		display: inline-block;
		width: 40px;
		height: 40px;
		margin-top: -0.2em;
		margin-right: 0.25em;
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		background-image: url(../images/img_portrait.png);
	}
	.comic .clm dl{
		margin:0px 0px 13px;
	}
	.comic .clm dl dt{
		color:#a17950;
		line-height:1.5em;
		font-size:16px;
		font-family: 'Noto Serif JP', serif;
		padding-bottom:5px;
		font-weight:bold;
	}
	.comic .clm dl dd{
		position: relative;
		padding:10px 0 15px;
		line-height:1.5em;
		background-color: #fff;
		padding: 10px 15px;
		border-radius: 0px 15px 15px;
		margin: 5px 8px 10px 10px;
	}
	.comic .clm dl dd:before{
		content: "";
		position: absolute;
		top:-2px;
		right: 0;
		bottom: 0;
		left: -10px;
		width: 0px;
		height: 0px;
		margin: 0;
		border-style: solid;
		border-width: 0 15px 15px 0;
		border-color: transparent #fff transparent transparent;
		transform: rotate(25deg);
	}


/*SP cast
------------------------------------------------*/
	.cast {
		margin-top: 12vw;
		margin-left: 6vw;
		margin-right: 6vw;
	}
	.cast h2 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 2px dashed #ddbfa0;
		padding-bottom: 3vw; 
	}
	.cast .lead {
		font-size: 28px;
		line-height: 1.1em;
		font-weight:bold;
		font-family: 'Noto Serif JP', serif;
	}
	.cast .lead span{
		margin-bottom:5px;
		font-size: 16px;
		font-weight:normal;
		display:block;
	}
	.cast .clm .cast_box.cast01 .lead{
		color:#eb7da0;
	}
	.cast .clm .cast_box.cast02 .lead{
		color:#5cb393;
	}
	.cast image {
	}
	.cast .text {
		margin-bottom:5px;
		font-size: 16px;
	}
	.cast .clm{
		margin-top: 9vw;
	
	}
	.cast .clm .cast_box{
		 display: flex;
		 justify-content: space-between;
		margin-bottom:35px;
	}
	.cast .clm .cast_box.cast01{
	}
	.cast .clm .cast_box.cast02{
	}

	.cast .clm .image{
		width: 45%;
		margin-right: 20px;
	}
	.cast .clm .text{
		align-self: flex-start;
		flex:1; 
		justify-content: space-between;
		margin-top: 2vw;
	}
	.cast .clm .cast_box.cast01 .comment{
		background-color:#eb7da0;
		color:#fff;
		display: inline-block;
		padding: 0px 19px;
		font-size: 13px;
	}
	.cast .clm .cast_box.cast02 .comment{
		background-color:#5cb393;
		color:#fff;
		display: inline-block;
		padding: 0px 19px;
		font-size: 13px;
	}
	.cast .clm .cast_box dl{
		margin-top:10px;
	}
	.cast .clm .cast_box dt{
		font-weight:bold;
	}
	.cast .clm .cast_box.cast01 .comment_text dt{
		color:#eb7da0;
	}
	.cast .clm .cast_box.cast02 .comment_text dt{
		color:#5cb393;
	}
	.cast .clm .cast_box dd{
		font-size:14px;
	}


/*cast_list*/
	.cast .cast_list{
		padding: 0 0 30px;
		width:80%;
		margin:0 auto;
	}

	.cast .cast_list ul{
		display: flex;
		justify-content: space-between;
		flex-wrap:wrap;
		margin:auto;
	}

	.cast .cast_list ul li{
		width:40%;
		font-weight:bold;
		font-size:20px;
		line-height:1.3em;
		text-align:center;
		padding-top:20px;
	}

	.cast .cast_list ul li span{
		display:block;
		font-weight:normal;
		color:#d27911;/*65becf*/
		font-size:14px;
		line-height:1.5em;
	}





/*SP music
------------------------------------------------*/
	.music {
		margin-top: 12vw;
		margin-left: 6vw;
		margin-right: 6vw;
	}
	.music h2 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 2px dashed #ddbfa0;
		padding-bottom: 3vw; 
	}
	.music .lead {
		line-height: 1.35em;
		font-size: 20px;
		font-weight:bold;
		margin-bottom:20px;
		font-family: 'Noto Serif JP', serif;
		text-align:center;
		color:#49719b;
	}
	.music image {
	}
	.music .text {
		margin-bottom:5px;
		font-size: 16px;
		line-height: 1.75em;
	}
	.music .clm{
		margin-top: 20px;
		padding: 30px;
		background-color: #d0e3e2;
		border-radius: 15px;
	}
	.music ul{
		margin-top:20px;
	}
	.music ul li{
		color:#49719b;
		 font-weight:bold;
	}

	.music .clm .image{
		width: 80%;
		text-align:center;
		margin: 10px auto 30px;
	}
	.music .clm .text{
		align-self: flex-start;
		flex:1; 
		justify-content: space-between;
	}
	.music .clm .text a{
		padding: 3px 12px;
		background-color: #fff;
		border-radius: 50px;
		color: #151515;
		text-decoration: none;
		font-weight: bold;
		margin-right:5px;
		display:inline-block;
		margin-top: 16px;
		font-size: 14px;
	}
	.music .clm .text a:hover{
		background-color: #151515;
		color: #fff;
	}
	.mzsrz_link{
		margin-top:20px;
		text-align:center;
	}


/*SP staff
------------------------------------------------*/
	.staff {
		margin-top: 12vw;
		margin-left: 6vw;
		margin-right: 6vw;
	}
	.staff h2 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 2px dashed #ddbfa0;
		padding-bottom: 3vw; 
	}

	.staff table {
	}
	.staff table th{
		padding:10px;
		font-size:14px;
		width:40%;
	}
	.staff table td {
		padding:10px;
		text-indent: -1em;
		padding-left: 1em;
		font-size:14px;
	}
	.staff table tr {
		border-bottom:2px solid #f7f2e3;
	}
	.staff image {
	}
	.staff .text {
		margin-top:20px;
		font-size: 16px;
				background-color:#fff;
		padding:15px 15px 0;
		border-radius:10px 10px 0 0; 
	}
	.logo_docomo{
		width: 90px;
	}

/*SP food
------------------------------------------------*/
	.food {
		margin-left: 6vw;
		margin-right: 6vw;
		background-color:#fff;
		border-radius:0 0 15px 15px;
		margin-bottom: 12vw;
	}
	.food h2 {
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		line-height: 1.35em;
		border-bottom: 2px dashed #ddbfa0;
		padding-bottom: 3vw; 
	}
	.food .lead {
		font-size: 16px;
		line-height: 1.75em;
	}
	.food .clm{
	 padding: 0 20px;
	
	}
	.food h3 {
		font-weight: normal;
		line-height: 1.35em;
		margin-bottom: 5px;
		font-size: 14px;
		text-align:center;
		font-family: 'Noto Serif JP', serif;
		color:#444;
		padding:30px 0 10px;
	}
	.food .lead {
		margin-top:20px;
		margin-bottom:20px;
		font-size: 20px;
		font-weight:bold;
	}
	.food .clm .food_data{
	}
	.food .clm .text{
		margin-bottom:5vw;
		font-size: 14px;
		line-height: 1.5em;
		padding:0 3px ;
		border-radius:10px;
	}
	.food .clm .text .profile_01{
		font-size: 24px;
		line-height:1.35em;
		font-family: 'Noto Serif JP', serif;
	}
	.food .clm .text .profile_01 span{
		font-size: 16px;
		padding-left:5px;
	}
	.food .clm .text .profile_02{
		font-family: 'Noto Serif JP', serif;
		line-height:1.75em;
		font-size: 16px;
	}

	.food .clm .image{
		width:60%;
		margin:0 auto;
	}
	.food .clm .image img{
	}

	.food .interview{
		padding:15px 15px 5px 15px;
		margin-top:20px;
	}
	.food dl{
		position: relative;
		padding: 10px 15px 20px;
	}
	.food dl dt{
		color:#a0a0ac;
		line-height:1.35em;
		font-size:18px;
		font-family: 'Noto Serif JP', serif;
		border-bottom:1px dashed #a0a0ac;
		padding-bottom:15px;
		margin-bottom:15px;
	}
	.food dl dd{
		position: relative;
		line-height:1.75em;
		color:#636376;
	}


/*header footer waveimg*/
.bottom_line{}
.bottom_line img{}
.top_line{}
.top_line img{}

/*--------------------------------------------------------------*/
}
/*--------------------------------------------------------------*/