﻿@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	}

/*  全体
----------------------------------------------- */
body {
	color:#000;
	font-size : 1em;
	line-height: 1.8;
	font-family: '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 500;
	background:none;
	}

a img { transition: 0.3s ease-in-out; }
a:hover img { opacity: 0.6; filter: alpha(opacity=60); }

a { color:#ed1e79; }
a:hover { color: #ed1e79; }

h2 { font-size : 2.8em; line-height: 1.4; }
h3 { font-size : 2.4em; line-height: 1.4; }
h4 { font-size : 1.8em; line-height: 1.4; }

hr {
	border:none;
	border-bottom:1px solid #5d6ab9;
	height:1px;
	margin: 0 0 25px 0 ;
	}

.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; }

/*  画像
----------------------------------------------- */
img.full, img.full2, img.full3, img.ya {
	display:block;
	margin:auto;
	height:auto;
	}

img.full { width:100%; }

img.full2 {
	width:92%;
	max-width:900px;
	}

img.full3 { width:92%; }

img.ya {
	width:15%;
	max-width:100px!important;
	}

img.alignright,img.alignright2,img.alignright3 {
	display: inline;
	float: right;
	margin: 0 0 1em 1em;
	width:45%;
	max-width:350px;
	}

img.alignright2 { max-width:300px; }
img.alignright3 { width:40%; border-radius:50%; margin: 0 0 0.5em 2%; }
.bdr { border:1px solid #ccc; }

/*  ヘッダー
----------------------------------------------- */

.count-bg {
	position:fixed;
	z-index:10000;
	top:0;
	width: 100%;
	margin:0 auto;
	padding:0;
	}

.count-bg iframe {
	margin: 0 auto;
	width:100%;
	height:64px;
	margin: 0;
	}

header {
	display: block;
	margin: 0 auto;
	overflow:hidden!important;
	}

.header1 { background: #1e1533 url(../images/header-bg1.jpg) no-repeat top; }
.header2 { background: #000 url(../images/header-bg2.jpg) no-repeat top; }
.header3 { background: #fff url(../images/header-bg3.jpg) no-repeat top; }
.header1,.header2,.header3 { background-size:100% auto; }

.bar {
	background: -webkit-linear-gradient(left, #2e9a72, #02a1d7 34%, #93278f);
	background: linear-gradient(left, #2e9a72, #02a1d7 34%, #93278f);
	}

.bar2 {
	background: -webkit-linear-gradient(left, #3b479b, #5d6ab9, #3b479b);
	background: linear-gradient(left, #3b479b, #5d6ab9, #3b479b);
	}

#header-background{
	position: absolute;
	z-index:1;
	width: 100%;
	height: 200%;
	}

.headimg1 { width:73%; background: url(../images/header-a1.png) no-repeat bottom; }
.headimg2a{ width:42%; background: url(../images/header-b1.png) no-repeat center; }
.headimg2b{ width:52%; background: url(../images/header-b2.png) no-repeat bottom; }
.headimg3 { width:78%; background: url(../images/header-c1.png) no-repeat bottom; }
.headimg1,.headimg2a,.headimg2b,.headimg3 {
	position:relative;
	z-index:2;
	margin:auto;
	display:block;
	background-size:100% auto;
	}

.headimg1:after,.headimg2a:after,.headimg2b:after,.headimg3:after { content: ""; display: block; clear: both; }
.headimg1:after { padding-top: 85%; }
.headimg2a:after { padding-top: 51%; }
.headimg2b:after { padding-top: 191%; }
.headimg3:after { padding-top: 88%; }

/* 点滅 */
.blinking{ animation:blink .8s ease-in-out infinite alternate; }
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/*  トップページ
----------------------------------------------- */

.content {
	position: relative;
	width: 100%;
	margin:0;
	padding:0;
	z-index:1000;
	}

.shadow-cover {
	position:relative;
	z-index:10;
	display: inline-block;
	width: 100%;
	background:#FFF url(../images/shadow-bg.jpg) repeat-x top;
	}

.entry-cover {
	display: block;
	margin: auto;
	width: calc(95% - 30px);
	max-width:870px;
	border:10px solid #5d6ab9;
	padding:5px;
	background: #fff url(../images/entry-bg1.jpg) no-repeat top;
	background-size:100% auto;
	}

#entry1.entry-cover { background: #fff; }

.entry {
	padding:30px 60px;
	border:2px solid #5d6ab9;
	overflow:hidden;
	}
#entry1 .entry { padding:20px 60px 30px; }

.entry p {
	font-size:1.2em;
	line-height:1.6;
	margin-bottom:0;
	}

form {
	margin: auto;
	text-align:center;
	}

label {
	display:none;
	}

input.touroku_mail {
	width:calc(100% - 30px);
	height:50px;
	padding:10px;
	font-size:30px;
	text-align:center;
	border:5px solid #ed1e79;
	border-radius:10px;
	}

.mv_btn a {
	display: block;
	width: 100%;
	margin: 20px 0 ;
	background: url(../images/botan1.png) no-repeat center;
	background-size:100% auto;
	border-radius:15px;
	text-align: center;
	position: relative;
	transition: all 0.25s ease;
	cursor:pointer;
}
.mv_btn a:hover { 
	background: url(../images/botan1over.png) no-repeat center;
	background-size:100% auto;
	transition: all 0.25s ease;
	}

.mv_btn a .main {
	position: relative;
	z-index: 2;
	}

.mv_btn a input[type="image"] {
	width:66.6666666%;
	padding:0 33.3333333% 0 0;
	}


.sec-top {
	width: 100%;
	height:10px;
	background: -webkit-linear-gradient(left, #2e9a72, #02a1d7 34%, #93278f);
	background: linear-gradient(left, #2e9a72, #02a1d7 34%, #93278f);
	}

.sp-cover { background: url(../images/h-bg1.jpg) no-repeat 0 60%; }
.sp-cover2 { background: url(../images/h-bg2.jpg) no-repeat 0 50%; }

.sp-cover, .sp-cover2 {
	padding:20px 0 30px 0;
	background-size:cover;
	}
.sp-cover img, .sp-cover2 img { display:block; margin:auto; width:24%; max-width:180px; margin-bottom:10px; }

.sec-title {
	margin: auto;
	width:100%;
	max-width:1200px;
	padding:5px 0;
	background: url(../images/kakko1.png) no-repeat ;
	background-size:100% 100%;
	}

h2.t-title, h2.t-title2 {
	font-family: 'Times New Roman','游明朝',YuMincho,'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
	font-size : 3.2em;
	line-height: 1.3;
	font-weight:bold;
	}
h2.t-title2 { font-size : 2.6em; }

.cover1 { background: url(../images/bg01.jpg) repeat-y top; }
.cover2 { background: url(../images/bg02.jpg) repeat; }
.cover3 { background: url(../images/bg03.jpg) repeat-y top; }
.cover4 { background: url(../images/bg04.jpg) repeat-y top; }
.profile-cover { background: #f7eed0 url(../images/profile.jpg) no-repeat top left; padding: 30px 0 50px 0; }

.cover1, .cover3, .cover4, .profile-cover {
	background-size:100% auto;
	background-attachment:fixed;
	}

.honbun,.honbun2 { 
	margin: auto;
	width:calc(94% - 200px); 
	max-width: 800px;
	padding: 25px 100px; 
	font-size: 19px;
	}

.honbun {
	background: #fff;
	padding: 50px 100px 25px 100px;
	}
.honbun p,.honbun2 p,.p-honbun p {margin-bottom:1.8em;}

.p-honbun { 
	background: #fff;
	margin-left:35%;
	width: 51%;
	padding: 50px 4% 20px 4%; 
	font-size: 1.15em;
	}

.p-honbun img.name { width: 60%; margin-bottom:1em; }

.movietitle1 { background: url(../images/movietitle1.jpg) no-repeat top; }
.movietitle2 { background: url(../images/movietitle2.jpg) no-repeat top; }
.movietitle3 { background: url(../images/movietitle3.jpg) no-repeat top; }
.movietitle1,.movietitle2,.movietitle3 {
	margin: auto;
	width: 94%;
	max-width: 1000px;
	background-size:100% auto;
	}
.movietitle1:after,.movietitle2:after,.movietitle3:after { content: ""; display: block; clear: both; padding-top: 24.5%; }

dl.movie1,dl.movie2 {
	margin: 0 auto;
	width:100%;
	border-top: 1px solid #ccc;
	}

dl.movie1 dt, dl.movie2 dd {float:right;}
dl.movie1 dd, dl.movie2 dt {float:left;}

dl.movie1 dt, dl.movie2 dt {
	width:25%;
	padding:0;
	}

dl.movie1 dt img, dl.movie2 dt img { display:block; width:100%; }

dl.movie1 dd, dl.movie2 dd { font-size:24px; line-height: 1.6; }

dl.movie1 dd {
	width:calc(72% - 40px);
	padding:30px 3% 15px 40px;
	background: url(../images/check.png) no-repeat 0 32px;
	background-size:25px auto;
	}

dl.movie2 dd {
	width:calc(72% - 55px);
	padding:30px 3% 15px 55px;
	background: url(../images/check.png) no-repeat 15px 32px;
	background-size:25px auto;
	}

ul.box {
	margin: auto;
	background: #fff;
	padding:35px 7% 15px 7%;
	border:1px solid #ed1e79;
	}

li.ya {
	background: url(../images/ya4.png) no-repeat 0 8px;
	-webkit-background-size:10px auto;
	background-size:10px auto;
	padding: 0 0 0 16px;
	list-style: none;
	line-height: 1.5;
	color:#A57528;
	font-weight:bold;
	margin-bottom: 10px;
	}

li.ya2 {
	background: url(../images/check.png) no-repeat 0 1px;
	-webkit-background-size:35px auto;
	background-size:35px auto;
	padding: 5px 0 5px 42px;
	list-style: none;
	font-size: 1.15em;
	line-height: 1.5;
	font-weight:bold;
	margin-bottom: 15px;
	}

.sen,.sen2 { background: url(../images/sen2.png) repeat; height: 5px; margin-top:15px; margin-bottom:15px; }
.sen2 { margin-top:40px; margin-bottom:40px; }

/*  フォント
----------------------------------------------- */
.mincho { font-family: 'Times New Roman','游明朝',YuMincho,'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif; }

.shadow {
	color:#fff;
	-webkit-text-shadow: 0px 0px 15px #fff;
	text-shadow: 0px 0px 15px #fff;
	}

.shadow2 {
	color:#fff;
	-webkit-text-shadow: 0px 0px 15px rgba(255,255,255,0.6);
	text-shadow: 0px 0px 15px rgba(255,255,255,0.6);
	}

.bold {font-weight:bold;}
.center {text-align:center;}

.p12,.b12 {line-height: 1.6;}
.p14,.p16,.p20,.p24,.b14,.b16,.b20,.b24 {line-height: 1.4;}
.p30,.b30 {line-height: 1.1;}
.p32,.p36,.b32,.b36 {line-height: 1;}

.p05{font-size: 0.5em;}
.p08{font-size: 0.8em;}
.p12{font-size: 1.2em;}
.p14{font-size: 1.4em;}
.p16{font-size: 1.6em;}
.p20{font-size: 2.0em;}
.p24{font-size: 2.4em;}
.p30{font-size: 3.0em;}
.p32{font-size: 3.2em;}
.p36{font-size: 3.6em;}

.b12{font-size: 1.2em;font-weight:bold;}
.b14{font-size: 1.4em;font-weight:bold;}
.b16{font-size: 1.6em;font-weight:bold;}
.b20{font-size: 2.0em;font-weight:bold;}
.b24{font-size: 2.4em;font-weight:bold;}
.b30{font-size: 3.0em;font-weight:bold;}
.b32{font-size: 3.2em;font-weight:bold;}
.b36{font-size: 3.6em;font-weight:bold;}

h2.t-title .b14, h2.t-title2 .b14 { line-height: 1; }

.blue {color: #381777;}
.pink {color: #ed1e79;}
.yellow {color: #efcc3a;}
.brown {color:#A57528;}
.white {color: #FFF;}

.mkr { display:inline; background: url(../images/marker.png)repeat-x bottom; }
.mkr2 { display:inline; background: url(../images/marker2.png)repeat-x bottom; }

.u { border-bottom:1px solid #ed1e79; height:1px; }

.m-20 {margin-bottom:-20px!important;}
.m-30 {margin-bottom:-30px!important;}
.m-110 {margin-bottom:-110px!important;}
.m-120 {margin-bottom:-120px!important;}
.m0 {margin-bottom:0px!important;}
.m10 {margin-bottom:10px!important;}
.m20 {margin-bottom:20px!important;}
.m30 {margin-bottom:30px!important;}
.m40 {margin-bottom:40px!important;}
.m50 {margin-bottom:50px!important;}
.m60 {margin-bottom:60px!important;}
.m70 {margin-bottom:70px!important;}
.m80 {margin-bottom:80px!important;}
.m100 {margin-bottom:100px!important;}

.t-10 {margin-top:-10px!important;}
.t-20 {margin-top:-20px!important;}
.t-30 {margin-top:-30px!important;}
.t-40 {margin-top:-40px!important;}
.t-50 {margin-top:-50px!important;}
.t-60 {margin-top:-60px!important;}
.t-90 {margin-top:-90px!important;}
.t-100 {margin-top:-100px!important;}
.t10 {margin-top:10px!important;}
.t20 {margin-top:20px!important;}
.t30 {margin-top:30px!important;}
.t40 {margin-top:40px!important;}
.t50 {margin-top:50px!important;}
.t60 {margin-top:60px!important;}
.t70 {margin-top:70px!important;}
.t80 {margin-top:80px!important;}
.t100 {margin-top:100px!important;}

.pm10 {padding-bottom:10px;}
.pm20 {padding-bottom:20px;}
.pm30 {padding-bottom:30px;}
.pm40 {padding-bottom:40px;}
.pm50 {padding-bottom:50px;}
.pm60 {padding-bottom:60px;}
.pm70 {padding-bottom:70px;}
.pm80 {padding-bottom:80px;}
.pm100 {padding-bottom:100px;}

.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt100 {padding-top:100px;}

br.pc {display:inline;}
br.sp,br.sp2 {display:none;}

img.pc {display:block;}
img.sp {display:none;}

div.pc {display:block;}
div.sp {display:none;}

/*  フッター
----------------------------------------------- */
footer {
	z-index:1000;
	position: relative;
        clear:both;
	font-size: 12px;
	color:#FFF;
        padding: 10px 0;
	text-align: center;
	background: #000;
	}

footer a {color:#FFF;}


.mv1{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
	transition: 1.2s;
}
.mv2{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


/*media Queries 
----------------------------------------------------*/

@media only screen and (max-width: 1100px) { 
	.headimg2a{ width:60%; }
	.headimg2b{ width:71%; }

	h2.t-title { font-size:2.8em; }
	h2.t-title2 { font-size:2.4em; }
	.honbun,.honbun2 { 
		width:calc(94% - 150px);
		padding: 25px 75px;
		}
	.honbun { padding: 50px 75px 25px 75px; }
	}

@media only screen and (max-width: 960px) {
	.headimg2a{ width:78%; }
	.headimg2b{ width:90%; }

	h2.t-title { font-size:2.4em; }
	h2.t-title2 { font-size : 2em; }

	.entry { padding:25px 40px; }
	#entry1 .entry { padding:15px 40px 25px; }

	.honbun,.honbun2 { 
		width:calc(94% - 100px);
		padding: 15px 50px;
		}
	.honbun { padding: 50px 50px 25px 50px; }
	}

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

	body { font-size: 1em; line-height:1.8; }

	h2 { font-size : 1.8em; line-height:1.3; }
	h3 { font-size : 1.5em; }
	h4 { font-size : 1.4em; }

	hr { margin: 0 0 20px 0 ; }

	.count-bg iframe {
		font-size:0.8em;
		height:50px;
		}

	.header1 { background: #1e1533 url(../images/header-bg1sp.jpg) no-repeat top; }
	.header2 { background: #000 url(../images/header-bg2sp.jpg) no-repeat top; }
	.header3 { background: #fff url(../images/header-bg3sp.jpg) no-repeat top; }
	.header1,.header2,.header3 { background-size:100% auto; }

	.headimg1 { width:97%; background: url(../images/header-a1sp.png) no-repeat bottom; }
	.headimg2a{ width:97%; background-position:0 6%; }
	.headimg2b{ width:92%; background: url(../images/header-b2sp.png) no-repeat bottom; }
	.headimg3 { width:97%; background: url(../images/header-c1sp.png) no-repeat bottom; }
	.headimg1,.headimg2b,.headimg3 { background-size:100% auto; }

	.headimg1:after { padding-top: 208%; }
	.headimg2a:after { padding-top: 80%; }
	.headimg2b:after { padding-top:260%; }
	.headimg3:after { padding-top: 182%; }

	.entry-cover { 
		width: calc(96% - 10px);
		border:5px solid #5d6ab9;
		padding:3px;
		}

	.entry {
		padding:25px 3%;
		border:1px solid #5d6ab9;
		}
	#entry1 .entry { padding:15px 3% 25px; }

	.entry p { font-size:0.8em }

	input.touroku_mail {
		width:calc(100% - 14px);
		height:40px;
		margin: 5px 0 0 0 ;
		padding:2px;
		font-size:20px;
		-webkit-border-radius:5px;
		border-radius:5px;
		}

	.mv_btn a {
		margin: 15px 0 ;
		background: url(../images/botan1sp.png) no-repeat center;
		background-size:100% auto;
		-webkit-border-radius:8px;
		border-radius:8px;

	}
	.mv_btn a:hover { 
		background: url(../images/botan1spover.png) no-repeat center;
		background-size:100% auto;
		}

	.mv_btn a input[type="image"] {
		width:100%;
		padding:0;
		}

	.sec-top { height:6px; }

	.sp-cover, .sp-cover2 { padding:10px 0 20px 0; background-attachment:scroll; }

	.sp-cover img, .sp-cover2 img { margin-bottom:5px; }

	.sec-title {
		width:96%;
		padding:5px 2%;
		margin-top:0;
		margin-bottom:0;
		}

	h2.t-title { font-size:2em; }
	h2.t-title2 { font-size:1.7em; }

	.cover1, .cover3, .cover4 {
		-webkit-background-size:240% auto;
		background-size:240% auto;
		background-attachment:scroll;
		}

	.cover2 {
		-webkit-background-size:126px auto;
		background-size:126px auto;
		}

	.profile-cover {
		padding: 15px 0 25px 0;
		-webkit-background-size:240% auto;
		background-size:240% auto;
		background-attachment:scroll;
		}

	.honbun,.honbun2 { width: 90%; font-size:18px; }
	.honbun { 
		width: 86%;
		padding: 30px 4%; 
		}
	.honbun2 { padding: 15px 0; }
	.honbun p, .honbun2 p, .p-honbun p {margin-bottom:1.6em;}

	dl.movie1 dt, dl.movie2 dt { width:37%; }

	dl.movie1 dd, dl.movie2 dd {
		background-size:12px auto;
		font-size:18px;
		}
	dl.movie1 dd { width:calc(63% - 28px); padding:20px 10px 20px 18px; background-position: 0 27px; }
	dl.movie2 dd { width:calc(63% - 38px); padding:20px 10px 20px 28px; background-position: 10px 27px; }

	.movietitle1 { background: url(../images/movietitle1sp.jpg) no-repeat top; }
	.movietitle2 { background: url(../images/movietitle2sp.jpg) no-repeat top; }
	.movietitle3 { background: url(../images/movietitle3sp.jpg) no-repeat top; }
	.movietitle1,.movietitle2,.movietitle3 { background-size:100% auto; }
	.movietitle1:after { padding-top: 40.5%; }
	.movietitle2:after,.movietitle3:after { padding-top: 32.5%; }

	.p-honbun { 
		font-size:18px;
		margin-left:2%;
		width: 88%;
		padding: 30px 4% 20px 4%; 
		}
	.p-honbun img.name { width: 80%; margin:0.3em 0 0.3em 0.2em; }

	ul.box { padding:20px 3% 5px 3%; }

	li.ya {
		padding: 0 0 0 20px;
		background-position:0 5px;
		font-size: 1em;
		margin-bottom: 10px;
		}

	li.ya2 {
		padding: 5px 0 5px 30px;
		-webkit-background-size:25px auto;
		background-size:25px auto;
		font-size: 1.1em;
		margin-bottom: 10px;
		}

	.sen,.sen2 { margin-top:10px; margin-bottom:10px; }
	.sen2 { margin-top:30px; margin-bottom:30px; }

	.p12,.b12 {line-height: 1.5;}

	.p14,.p16,.p20,.p24,.p30,.b14,.b16,.b20,.b24,.b30 {line-height: 1.3;}

	.p32,.p36,.b32,.b36 {line-height: 1.2;}

	.p12,.b12{font-size: 1.1em;}
	.p14,.b14{font-size: 1.2em;}
	.p16,.b16{font-size: 1.3em;}
	.p20,.b20{font-size: 1.5em;}
	.p24,.b24{font-size: 1.8em;}
	.p30,.b30{font-size: 2.0em;}
	.p32,.b32{font-size: 2.2em;}
	.p36,.b36{font-size: 2.4em;}

	.entry .b16 {font-size: 1.6em;}

	.m-10 {margin-bottom:-8px;}
	.m-20 {margin-bottom:-10px;}
	.m-30 {margin-bottom:-15px;}
	.m0 {margin-bottom:0px;}
	.m10 {margin-bottom:5px!important;}
	.m20 {margin-bottom:10px!important;}
	.m30 {margin-bottom:15px!important;}
	.m40 {margin-bottom:20px!important;}
	.m50 {margin-bottom:20px!important;}
	.m60 {margin-bottom:30px!important;}
	.m70 {margin-bottom:35px!important;}
	.m80 {margin-bottom:40px!important;}
	.m100 {margin-bottom:70px!important;}

	.t-10 {margin-top:-5px!important;}
	.t-30 {margin-top:-15px!important;}
	.t-40 {margin-top:-25px!important;}
	.t-50 {margin-top:-25px!important;}
	.t-60 {margin-top:-30px!important;}
	.t-90 {margin-top:-45px!important;}
	.t-100 {margin-top:-50px!important;}
	.t10 {margin-top:5px!important;}
	.t20 {margin-top:10px!important;}
	.t30 {margin-top:15px!important;}
	.t40 {margin-top:20px!important;}
	.t50 {margin-top:25px!important;}
	.t60 {margin-top:30px!important;}
	.t70 {margin-top:35px!important;}
	.t80 {margin-top:40px!important;}
	.t100 {margin-top:50px!important;}

	.pm10 {padding-bottom:5px;}
	.pm20 {padding-bottom:10px;}
	.pm30 {padding-bottom:15px;}
	.pm40 {padding-bottom:20px;}
	.pm50 {padding-bottom:25px;}
	.pm60 {padding-bottom:30px;}
	.pm70 {padding-bottom:35px;}
	.pm80 {padding-bottom:40px;}
	.pm100 {padding-bottom:50px;}

	.pt10 {padding-top:5px;}
	.pt20 {padding-top:10px;}
	.pt30 {padding-top:15px;}
	.pt40 {padding-top:20px;}
	.pt50 {padding-top:25px;}
	.pt60 {padding-top:30px;}
	.pt70 {padding-top:35px;}
	.pt80 {padding-top:40px;}
	.pt100 {padding-top:30px;}

	br.pc {display:none;}
	br.sp {display:inline;}

	img.pc {display:none;}
	img.sp {display:block;}

	div.pc {display:none;}
	div.sp {display:block;}
	}

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

	img.ya { max-width:80px!important; }
	h3 { font-size : 1.4em; }
	h4 { font-size : 1.3em; }

	h2.t-title { font-size:1.8em; }
	h2.t-title2 { font-size:1.6em; }
	#title1 h2.t-title2 { display:none; }
	.sp-cover img.h01 { display:block; margin:auto; width:94%; max-width:600px; }

	.entry { padding:20px 3%; }
	#entry1 .entry { padding:10px 3% 20px; }

	.sp-cover, .sp-cover2 { padding:10px 0 15px 0; }

	.honbun,.honbun2 { padding: 10px 0; font-size:16px; }
	.honbun { padding: 20px 4% 25px 4%; }
	.p-honbun { font-size:16px; }

	dl.movie1 dd, dl.movie2 dd {
		background-size:15px auto;
		font-size:16px;
		line-height: 1.5;
		}
	dl.movie1 dd { width:calc(63% - 26px); padding:15px 10px 15px 16px; background-position: 0 16px; }
	dl.movie2 dd { width:calc(63% - 36px); padding:15px 10px 15px 26px; background-position: 10px 16px; }

	br.sp2 {display:inline;}
	}

@media only screen and (max-width: 420px) {
	h2.t-title { font-size:1.6em; }
	h2.t-title2 { font-size:1.4em; }
	dl.movie1 dd, dl.movie2 dd { font-size:15px; }
	}

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

	h2.t-title { font-size:1.5em; }
	h2.t-title2 { font-size:1.25em; } 

	.honbun, .honbun2, .p-honbun { font-size:16px; }

	dl.movie1 dd { width:calc(63% - 24px); padding:10px 10px 12px 14px; background-position: 0 11px; }
	dl.movie2 dd { width:calc(63% - 34px); padding:10px 10px 12px 24px; background-position: 10px 11px; }

	li.ya2 {
		padding: 5px 0 5px 25px;
		-webkit-background-size:20px auto;
		background-size:20px auto;
		font-size: 1em;
		}

	.p14,.b14{font-size: 1.15em;}
	.p16,.b16{font-size: 1.2em;}
	.p20,.b20{font-size: 1.3em;}
	.p24,.b24{font-size: 1.6em;}
	.p30,.b30{font-size: 1.6em;}
	.p32,.b32{font-size: 1.7em;}
	.p36,.b36{font-size: 1.8em;}

	.entry .b16 {font-size: 1.5em;}
	}

@media only screen and (max-width: 330px) {
	.sec-title { width:100%; padding:5px 0; }
	h2.t-title { font-size:1.5em; }
	h2.t-title2 { font-size:1.3em; }
	}
