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

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

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

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

h2 { font-size : 2em; line-height: 1.3; color:#211818; }
h3 { font-size : 1.5em; line-height: 1.4; color:#211818; }

hr {
	border:none;
	border-bottom:1px solid #c69c6d;
	height:1px;
	margin: 0 0 20px 0 ;
	}

hr.hr1 {
	border:none;
	border-bottom:5px solid #c69c6d;
	height:5px;
	width:30%;
	max-width:70px;
	margin: auto;
	margin-bottom:50px;
	}

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

/*  画像
----------------------------------------------- */

img.full,img.full2,img.full3,img.full4 { display: block; margin:auto; width:100%; height:auto; }
img.full2 { width:90%; max-width:1000px; }
img.full3 { width:85%; max-width:700px; }
img.full4 { width:80%; max-width:600px; }
img.alignright { float:right; width:45%; max-width:270px; margin: 0 0 1em 1em; }

img.ya {
	display: block;
	margin:auto;
	width:10%;
	max-width:70px;
	}

.lsm2 { letter-spacing:-0.2em; }
.lsm5 { letter-spacing:-0.5em; }

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

header {
	display: block;
	margin: 0;
	overflow: hidden;
	}

.parallax {
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	}

.parallax.bg-01 { background: #f2fafc url(../images/header01c.jpg) no-repeat top; }
.parallax.bg-02 { background: #f9f9f2 url(../images/header01b.jpg) no-repeat top; }
.parallax.bg-03 { background: #f2fafc url(../images/header01a.jpg) no-repeat top; }
.parallax.bg-04 { background: #f2fafc url(../images/header01d.jpg) no-repeat top; }
.parallax.bg-05 { background: #f2fafc url(../images/header01e.jpg) no-repeat top; }

.ttitle1, .ttitle1b, .ttitle2, .ttitle2b, .ttitle1c, a.botan {
	display:block;
	margin:auto;
	}
.ttitle1 { width:64%; background: url(../images/head01c.png) no-repeat bottom; }
.ttitle2 { width:47%; background: url(../images/head02a.png) no-repeat center 80%; }
.ttitle1b{ width:58%; background: url(../images/head01b.png) no-repeat center 35%; }
.ttitle2b{ width:48%; background: url(../images/head02b.png) no-repeat top; }
.ttitle1c{ width:64%; background: url(../images/head01d.png) no-repeat bottom; }
.parallax.bg-01,.parallax.bg-02,.parallax.bg-03,.parallax.bg-04,.parallax.bg-05,.ttitle1,.ttitle1b,.ttitle2,.ttitle2b,.ttitle1c { background-size:100% auto; }

.ttitle1:after,.ttitle1b:after,.ttitle2:after,.ttitle2b:after,.ttitle1c:after { content: ""; display: block; clear: both; }
.ttitle1:after { padding-top: 28.5%; }
.ttitle1c:after{ padding-top: 29.5%; }
.ttitle2:after { padding-top: 37%; }
.ttitle1b:after{ padding-top: 36%; }
.ttitle2b:after{ padding-top: 30%; }

.entry-sp { margin:auto; width:94%; max-width:820px; background:rgba(255,255,255,0.5); padding:20px 0 40px; border-radius:15px; }

.mv_btn,.mv_btn2 {
	width: 90%;
	max-width:700px;
	margin: auto;
	background: -webkit-linear-gradient(top, #0ab7b2,#209b95);
	background: linear-gradient(top, #0ab7b2,#209b95);
	-webkit-border-radius:15px;
	border-radius:15px;
	}

.w80 { width: 80%; }

.mv_btn a { background: url(../images/botan1.png) no-repeat 70% center; background-size:83% auto; }
.mv_btn2 a { background: url(../images/botan2.png) no-repeat 60% center; background-size:87% auto; }
.mv_btn a,.mv_btn2 a {
	display: block;
	width: 100%;
	border-radius:15px;
	text-align: center;
	position: relative;
	transition: all 0.25s ease;
	}
.mv_btn a:hover { background: #209b95 url(../images/botan1.png) no-repeat 75% center; background-size:86% auto; }
.mv_btn2 a:hover { background: #209b95 url(../images/botan2.png) no-repeat 60% center; background-size:90% auto; }
.mv_btn a:hover,.mv_btn2 a:hover { border-radius:15px; }
.mv_btn a img,.mv_btn2 a img { padding: 0 20%; width:40%; }

/* ぷるぷる */
@keyframes puru {
  0% {transform: rotate(3deg);}
  13% {transform: rotate(-3deg);}
  25% {transform: rotate(3deg);}
  33% {transform: rotate(-3deg);}
  34% {transform: rotate(0deg);}
  100% {transform: rotate(0deg);}
}
.puru-01 { animation: puru 1s infinite alternate; }

/* 光る */
.bright.active {
    animation-name: bright;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 1;
}
.bright {
    animation-name: bright;
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 1;
}

@keyframes bright {
  0% {
    filter: brightness(7.4);
  }
  100% {
    filter: brightness(1.0);
  }
}

/* 鼓動 */
.heart { animation: heart 2s ease 1s infinite; }
@keyframes heart {
	0% { transform:scale(1); }
	5% { transform:scale(0.95); }
	10% { transform:scale(1); }
	15% { transform:scale(0.95); }
	20% { transform:scale(1); }
	to { transform:scale(1); }
	}


.tokuten { margin:auto; width:97%; max-width:1300px; }
.tokuten img { float:left; display:block; width:19.4%; padding:0 0.3% 5px; }

/* 動画ここまで　*/


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

.content {
	position: relative;
	z-index:1000;
	width: 100%;
	margin:0;
	padding:0;
	overflow:hidden;
	background:#fff;
	}

.movie_box {
	position: relative;
	margin:0 auto;
	padding:0;
	width:100%;
	overflow:hidden;
	}

.movie_box:before {
	content:"";
	display: block;
	padding-top: 56.25%;
	}

.movie_box iframe {
	position: absolute;
	margin:0 auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.sp-cover1 {
	background: url(../images/h-bg01.png) no-repeat center;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	width:92%;
	padding:40px 4%;
	}

img.logo { display:block; margin: auto; width:20%; max-width:150px; margin-bottom:30px; }

.sec-top {height:15px;}

h2.t-title,h2.t-title2 {
	font-size : 3em;
	line-height: 1.3;
	font-weight: 900;
	text-align:center;
	}
h2.t-title2 { font-size:3em; }

h3.subtitle {
	padding:35px 0 10px 0;
	font-size : 2.4em;
	line-height: 1.3;
	font-weight:900;
	text-align:center;
	 color:#211818;
	}

.cover1 { background: #f6efe7; }
.cover2 { background: #f2f2f2; }
.cover3 { background: url(../images/bg01.png) repeat-y center top; background-size:110% auto; }
.cover3b{ background: url(../images/bg02.jpg) repeat-y center top; background-size:100% auto; }
.cover4 { background: #fff url(../images/present-pc.jpg) no-repeat center top; background-size:100% auto; }
.cover5 { background: url(../images/bg03.jpg) no-repeat center; background-size:cover; }

.pcover1 { background: url(../images/point1.png) no-repeat 30% 0; }
.pcover2 { background: url(../images/point2.png) no-repeat 70% 0; }
.pcover3 { background: url(../images/point3.png) no-repeat 30% 0; }
.strong1 { background: url(../images/strong1.png) no-repeat 30% 0; }
.strong2 { background: url(../images/strong2.png) no-repeat 75% 0; }
.strong3 { background: url(../images/strong3.png) no-repeat 30% 0; }
.pcover1,.pcover2,.pcover3,.strong1,.strong2,.strong3 {background-size:100% auto;}
.pcover1 img,.pcover2 img,.pcover3 img,.strong1 img,.strong2 img,.strong3 img { width:100%; }


.honbun,.honbun2,.honbun3 {
	margin: auto;
	width:94%;
	max-width: 800px;
	padding: 50px 0;
	font-size: 20px;
	line-height:1.75;
	}
.honbun,.honbun3 { 
	background: #fff;
	width:calc(94% - 100px); 
	max-width: 650px;
	padding: 50px 50px 25px 50px;
	}
.honbun3 {
	width:calc(94% - 150px); 
	max-width: 750px;
	padding: 50px 75px 25px 75px;
	line-height:2;
	}
.thonbun-cover { 
	margin: auto;
	background: #f4edea;
	width:94%; 
	max-width: 850px;
	padding: 50px 0;
	}
.honbun p,.honbun2 p,.honbun3 p,.thonbun-cover p {margin-bottom:1em;}
.thonbun-cover > .honbun { width:calc(88.5% - 100px); border-bottom-left-radius:15px; border-bottom-right-radius:15px; }

.vhonbun {
	margin: auto;
	background: #fff;
	width:calc(94% - 50px); 
	max-width: 900px;
	padding: 50px 25px 25px 25px;
	}

.p-bg01 { background: url(../images/p-bg01.jpg) no-repeat left bottom; }
.p-bg02 { background: url(../images/p-bg02.jpg) no-repeat right top; }
.p-bg03 { background: url(../images/p-bg03.jpg) no-repeat left center; }
.p-bg01,.p-bg02,.p-bg03 {
	margin: auto;
	padding-bottom:70px;
	margin-bottom:-60px;
	width:100%;
	max-width:1000px;
	-webkit-background-size:90% auto;
	background-size:90% auto;
	}
.p-bg01 img,.p-bg02 img,.p-bg03 img { display: block; width:75%; height:auto; }
.p-bg02 img { padding-left:10%; }

img.voice { display:block; float:left; width:45%; padding: 0 2.5%; }
img.bonus { display: block; margin:0 auto -20px; width:98.5%; max-width:801px; height:auto; }
img.riyu { display: block; margin:0 auto -40px; width:94%; max-width:850px; height:auto; }


.profile-cover { 
	background: #d6d8d7 url(../images/profile-bg.jpg) no-repeat center top;
	background-size:110% auto;
	padding: 20px 0;
	background-attachment:fixed;
	}

.profile-honbun { 
	background:#fff;
	margin-left:30%;
	width: 52%;
	padding: 70px 6%; 
	font-size: 20px;
	}
.profile-honbun p {margin-bottom:1.6em;}

@media only screen and (min-width: 2000px) { .profile-honbun { width: 40%; margin-left:34%; } }

img.name { width: 100%; max-width:550px; margin-bottom:1em; }
.name2 { background:#f1f1f1; padding:15px 3%; border-top:3px solid #c69c6d; font-size:0.9em; line-height:1.4; }

img.book1,img.book2 { float:left; width:31%; margin-right:2%; }
img.book2 { width: 63%; }

.shonbun-cover { 
	margin: 100px auto 0;
	width:94%; 
	max-width: 1000px;
	}
.shonbun-cover > .honbun { margin-left:0; width:calc(70% - 100px); }
img.team { float:right; width: 43%; margin-top:-50px; padding-left:3%; }
.shonbun-cover > .honbun img { width: 75%; }


li.ya {
	background: url(../images/ya2.png) no-repeat 0 9px;
	background-size:12px auto;
	padding: 0 0 0 22px;
	list-style: none;
	font-size: 1.2em;
	line-height: 1.4;
	font-weight:700;
	margin-bottom: 10px;
	}

table.info {
	margin: auto;
	width:calc(97% - 10px);
	max-width:700px;
	border:none;
	margin-bottom:30px;
	border:none;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
	text-align:center;
	}

table.info th {
	width:65%;
	padding:15px;
	background:#efefef;
	border:none;
	border-bottom:1px solid #999;
	font-weight:bold;
	font-size: 1.2em;
	line-height:1.5;
	}

table.info td {
	border:1px solid #999;
	padding:15px;
	background:#fff;
	border:none;
	border-bottom:1px solid #999;
	font-weight:bold;
	font-size: 1.2em;
	line-height:1.5;
	}


#entryform { position:relative; z-index:10000; }
#count { position:relative; z-index:9000; }
.bottomline {
	display:block;
	position:fixed;
	background:rgba(0,0,0,0.7);
	padding:15px 0;
	bottom:0;
	right:0;
	width:100%;
	}
.bottomline img {display:block;margin: auto;width:90%;max-width:450px;}

/*  フォント
----------------------------------------------- */

.rotate-r1 { -webkit-transform: rotate( -2.2deg )!important; transform: rotate( -2.2deg )!important; }
.rotate-l1 { -webkit-transform: rotate( 2.2deg )!important; transform: rotate( 2.2deg )!important; }

.mincho { font-family: '游明朝',YuMincho,'ヒラギノ明朝 ProN W4', 'HiraMinProN-W4', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif; }
.mincho2 { font-family: 'Noto Serif JP'; }

.shadow {
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	}

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

.p11,.b11,.b12 {line-height: 1.6;}
.p12,.p14,.p16 {line-height: 1.2;}
.b14,.b16 {line-height: 1.4;}

.p20,.p24,.b20,.b24 {line-height: 1.3;}
.p30,.b30,.p32,.p36,.b32,.b36 {line-height: 1;}

.b11,.b12,.b14,.b16,.b18,.b20,.b24,.b30,.b32,.b36 {font-weight:700;}

.p08{font-size: 0.8em;}
.p11,.b11{font-size: 1.1em;}
.p12,.b12{font-size: 1.2em;}
.p14,.b14{font-size: 1.4em;}
.p16,.b16{font-size: 1.6em;}
.p18,.b18{font-size: 1.8em;}
.p20,.b20{font-size: 2.0em;}
.p24,.b24{font-size: 2.4em;}
.p30,.b30{font-size: 3.0em;}
.p32,.b32{font-size: 3.2em;}
.p36,.b36{font-size: 3.6em;}

.red {color: #eb1e79!important;}
.blue {color: #1b1464!important;}
.brown {color: #7a4e2a!important;}
.yellow {color: #d8aa39!important;}
.white {color: #fff!important;}
.gray {color: #666!important;}
.grad { background: #ff9999; }

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

.u { border-bottom:1px solid #eb1e79; height:3px; }
.u2 { border-bottom:1px solid #62afa2; height:3px; }
.u3 { border-bottom:1px solid #ff65a5; height:3px; }

.m0 {margin-bottom:0px;}
.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;}

.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;}

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

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

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

img.pc,div.pc {display:block!important;}
img.sp,div.sp {display:none!important;}

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

footer a {
	color:#FFF;
	}


.mv1{
	opacity: 0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
	transition: 1s;
}
.mv2{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
.mv3{
	opacity: 0;
	transform: translate(0,-30px); 
	-webkit-transform: translate(0,-30px); 
	transition: 1s;
}
.mv4{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


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

@media only screen and (max-width: 1100px) { 
	.parallax.bg-02 { background-size:110% auto; }

	.ttitle1 { width:75%; }
	.ttitle1b { width:85%; }
	.ttitle2 { width:50%; }
	.ttitle2b { width:59%; }
	.ttitle3 { width:65%; }
	.ttitle3b { width:69%; }
	img.tmi { margin-left:-3.5%; }

	h2.t-title { font-size:2.2em; }
	h2.t-title2 { font-size:2.6em; }
	}

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

	.ttitle1 { width:85%; }
	.ttitle2 { width:60%; }
	.ttitle2b { width:70%; }
	.ttitle3 { width:75%; }
	.ttitle3b { width:79%; }

	.sp-cover1 { padding:40px 4%; }

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

	.profile-cover {
		-webkit-background-size:cover;
		background-size:cover;
		}

	.profile-honbun {
		width: 60%;
		padding: 50px 4%; 
		font-size: 1em;
		}
	}

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

	body { font-size: 18px; }

	h2 { font-size : 1.8em; }
	h3 { font-size : 1.6em; }

	hr {margin: 0 0 15px 0 ;}
	hr.hr1 {
		height:4px;
		max-width:50px;
		margin-bottom:30px;
		border-bottom-width:4px;
		}

	.parallax.bg-01 { background: #f2fafc url(../images/header01asp.jpg) no-repeat top; }
	.parallax.bg-02 { background: #f9f9f2 url(../images/header01bsp.jpg) no-repeat top; }
	.parallax.bg-03 { background: #f2fafc url(../images/header01csp.jpg) no-repeat top; }
	.parallax.bg-04 { background: #f2fafc url(../images/header01dsp.jpg) no-repeat top; }
	.parallax.bg-05 { background: #f2fafc url(../images/header01esp.jpg) no-repeat top; }

	.ttitle1 { width:84%; background: url(../images/head01csp.png) no-repeat center 65%; }
	.ttitle2 { width:84%; background: url(../images/head02asp.png) no-repeat center 75%; }
	.ttitle1b{ width:84%; background: url(../images/head01bsp.png) no-repeat bottom; }
	.ttitle2b{ width:83%; background: url(../images/head02bsp.png) no-repeat center 70%; }
	.ttitle1c{ width:91%; background: url(../images/head01dsp.png) no-repeat center 65%; }
	.parallax.bg-01,.parallax.bg-02,.parallax.bg-03,.parallax.bg-04,.parallax.bg-05,.ttitle1,.ttitle1b,.ttitle2,.ttitle2b,.ttitle1c { background-size:100% auto; }

	.ttitle1:after { padding-top: 95%; }
	.ttitle1c:after{ padding-top: 91%; }
	.ttitle2:after { padding-top: 72%; }
	.ttitle1b:after{ padding-top: 100%; }
	.ttitle2b:after{ padding-top: 68%; }

	.entry-sp { margin:auto; width:94%; background:rgba(255,255,255,0.5); padding:20px 0 30px; border-radius:10px; }

	.mv_btn {
		-webkit-border-radius:10px;
		border-radius:10px;
		}

	.mv_btn a { background: url(../images/botan1sp.png) no-repeat 53% center; background-size:90% auto; }
	.mv_btn2 a { background: url(../images/botan2sp.png) no-repeat 50% center; background-size:93% auto; }
	.mv_btn a,.mv_btn2 a { border-radius:12px; }
	.mv_btn a:hover { background: #00b800 url(../images/botan1sp.png) no-repeat 60% center; }
	.mv_btn2 a:hover { background: #00b800 url(../images/botan2sp.png) no-repeat 60% center; }
	.mv_btn a:hover,.mv_btn2 a:hover { background-size:96% auto; }

	.mv_btn a img, .mv_btn2 a img {
		padding: 0 23%;
		width:54%;
		}

	.tokuten img { width:32.7%; padding:0 0.3% 3px; }
	.tokuten img.tlit { padding:0 0.3% 5px 16.9%; }

	.wrap {
		-webkit-background-size:19% auto;
		background-size:19% auto;
		}
	.wrap2 {
		width:100%;
		margin: 0 auto;
		}

	.movie_box { width:100%; }

	.sp-cover1 {
		-webkit-background-size:102% 100%;
		background-size:102% 100%;
		padding:30px 4%;
		}

	img.logo { margin-bottom:20px; }

	.sec-top {height:10px;}
	h2.t-title,h2.t-title2 { font-size:2.4em; }
	h3.subtitle { padding:25px 0 5px 0; font-size : 1.8em; }

	.cover3,.cover3b { background: #fff; }
	.cover4 { background: #fff url(../images/present-sp.jpg) no-repeat center top; background-size:100% auto; }

	.pcover1,.pcover2,.pcover3,.strong1,.strong2,.strong3 {background-size:125% auto;}
	.pcover1 img,.pcover2 img,.pcover3 img,.strong1 img,.strong2 img,.strong3 img { width:94%; }

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

	.honbun { width: 80%; padding: 45px 4% 20px; }
	.honbun2{ width: 90%; padding: 30px 0; }
	.honbun2b{ width: 94%; }
	.honbun3 { width: 84%; padding: 45px 5% 20px; }

	.thonbun-cover { width:96%; padding: 30px 0; }
	.thonbun-cover > .honbun { width: 84%; border-bottom-left-radius:8px; border-bottom-right-radius:8px; padding-bottom:15px; }


	.vhonbun { width:75%; padding: 25px 9% 10px; }

	.p-bg01,.p-bg02,.p-bg03 { padding-bottom:40px; margin-bottom:-40px; }
	.p-bg01 img,.p-bg02 img,.p-bg03 img { width:90%; }

	img.voice { float:none; width:100%; padding: 0 0 30px; }
	img.voice2 { padding: 0; }

	.profile-cover {
		background: #d6d8d7 url(../images/profile-bgsp.jpg) no-repeat top;
		background-size:100% auto;
		background-attachment:scroll;
		padding:0;
		}

	.profile-honbun {
		margin-left:3%;
		width: 84%;
		padding: 30px 5% 15px 5%;
		font-size:16px;
		}

	img.name { display: block; margin: 0.2em 0 1.5em; }
	.name2 { font-size:0.9em; }

	img.book1,img.book2 { width:49%; margin: 0 0 10px; }
	img.book2 { width: 100%; }

	.shonbun-cover { margin: 50px auto 0; }
	.shonbun-cover > .honbun { width: 78%; }
	img.team { width: 80%; margin-top:-40px; margin-bottom:20px; padding-left:0; }
	.shonbun-cover > .honbun img { width: 94%; }

	li.ya {
		background-position: 0 3px;
		background-size:10px auto;
		padding: 0 0 0 14px;
		font-size: 1.05em;
		}

	table.info th,table.info td { padding:10px; font-size: 16px; }

	.p14,.p16,.p20,.b12,.b14,.b16,.b20 {line-height: 1.5;}
	.p24,.p30,.b24,.b30 {line-height: 1.3;}
	.p32,.p36,.b32,.b36 {line-height: 1.2;}

	.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;}

	.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:60px!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!important;}
	.pm20 {padding-bottom:10px!important;}
	.pm30 {padding-bottom:15px!important;}
	.pm40 {padding-bottom:20px!important;}
	.pm50 {padding-bottom:25px!important;}
	.pm60 {padding-bottom:30px!important;}
	.pm70 {padding-bottom:35px!important;}
	.pm80 {padding-bottom:40px!important;}
	.pm100 {padding-bottom:50px!important;}

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

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

	img.pc,div.pc {display:none!important;}
	img.sp,div.sp {display:block!important;}

	footer { padding: 10px 0 150px 0; }
	}

@media only screen and (max-width: 480px) {
	body { font-size: 16px; }

	h2 { font-size : 1.7em; }
	h3 { font-size : 1.4em; }
	#tokuten4 h2,#tokuten5 h2 { font-size : 1.5em; }

	hr.hr1 { margin-bottom:25px; }
	.entry-sp { padding:15px 0 25px; }

	.sp-cover1 { padding:20px 4%; }

	img.logo { margin-bottom:15px; }

	h2.t-title,h2.t-title2 { font-size:1.8em; }
	h3.subtitle { padding:15px 0 5px 0; }

	.honbun,.honbun2 { padding: 25px 0; font-size:15px; }
	.honbun { padding: 40px 4% 15px; }
	.thonbun-cover { padding: 25px 0; }
	.thonbun-cover > .honbun { padding-bottom:10px; }
	.honbun3 { font-size:15px; padding: 35px 5% 15px; }

	.p-bg01,.p-bg02,.p-bg03 { padding-bottom:25px; margin-bottom:-25px; }

	.profile-honbun { font-size:15px; }

	img.team { margin-top:-30px; }
	table.info th,table.info td { padding:6px; font-size: 14px; }
	footer { padding: 10px 0 100px 0; }
	}

@media only screen and (max-width: 420px) {
	body { font-size: 15px; }
	.entry-sp { padding:8px 0 20px; }
	h2 { font-size : 1.55em; }
	h2.t-title,h2.t-title2 { font-size:1.7em; }
	.p-bg01,.p-bg02,.p-bg03 { padding-bottom:20px; margin-bottom:-20px; }
	.thonbun-cover { padding: 20px 0; }
	img.team { margin-top:-25px; }
	}

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

	h3 { font-size : 1.2em; }

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

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

	h2.t-title,h2.t-title2 { font-size:1.35em; }
	h3.subtitle { font-size : 1.35em; }
	h3 { font-size : 1.1em; }
	}