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

body {
	color:#000;
	font-size : 16px;
	line-height: 2;
	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:#ff6666; }
a:hover { color: #ff6666; }

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 #fff;
	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:94%; max-width:1000px; }
img.full3 { width:94%; max-width:700px; }
img.full4 { width:60%; max-width:500px; }
img.alignright { float:right; width:45%; max-width:270px; margin: 0 0 1em 1em; }

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

.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,.entry-bg { background: #fdf2e2 url(../images/header-bg.jpg) no-repeat top; background-size:100% auto; }
.parallax.bg-02 { background: #fdf2e2 url(../images/header-bg2.jpg) no-repeat top; background-size:100% auto; }
.entry-bg { background-position:center; }
.ttitle1, .ttitle1b, .ttitle2, .ttitle3, .ttitle3b, a.botan {
	display:block;
	margin:auto;
	}

.ttitle1,.ttitle1b { width:62%; background: url(../images/ttitle1.png) no-repeat top; }
.ttitle1b { width:73%; }
.ttitle2 { width:40%; }
.ttitle2b { width:47%; }
.ttitle3 { width:90%; background: url(../images/ttitle3.png) no-repeat top; }
.ttitle3b { width:85%; background: url(../images/ttitle3b.png) no-repeat top; }
.ttitle1,.ttitle1b,.ttitle3,.ttitle3b { background-size:100% auto; }

.ttitle2 img { width:13%; }
img.tmi { margin-left:-3.2%; }

.ttitle1:after,.ttitle1b:after,.ttitle2:before,.ttitle2:after,.ttitle3:after,.ttitle3b:after,.wrap:after,.wrap2:after { content: ""; display: block; clear: both; }
.ttitle1:after,.ttitle1b:after { padding-top: 22%; }
.ttitle2:before { padding-top: 4%; }
.ttitle2:after { padding-top: 0.1%; }
.ttitle3:after { padding-top: 23%; }
.ttitle3b:after { padding-top: 27%; }
.wrap:after,.wrap2:after { padding-top: 5%; }

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

a.botan { width:90%; max-width:700px; }
a.botan img { display:block; width:100%; }

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

.wrap,.wrap2,.wrap3 {
	position: relative;
	z-index: 999;
	width: 100%;
	margin: 0 auto;
	}

.wrap2 {
	width:85%;
	margin: 0 0 0 13%;
	}

/* 動画ここまで　*/


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

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

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

.movie_top,.movie_bottom {
	width:100%;
	height:30px;
	}

.movie_top {background: url(../images/movie-bg.png) repeat-x;}
.movie_center {
	position: relative;
	width: 100%;
	background: #333;
	}
.movie_bottom {background: url(../images/movie-bg2.png) repeat-x;}

.movie_box {
	position: relative;
	margin:0 auto;
	padding:0;
	width:100%;
	max-width:900px;
	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 : 2.4em;
	line-height: 1.3;
	font-weight: 900;
	text-align:center;
	 color:#211818;
	}
h2.t-title2 { font-size:3em; }

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

.cover1 { background: #f6efe7; }
.cover2 { background: #f2f2f2; }

.pcover1 { background: url(../images/p01.jpg) no-repeat center; }
.pcover2 { background: url(../images/p02b.jpg) no-repeat top; }
.pcover3 { background: url(../images/p03.jpg) no-repeat center; }
.pcover1,.pcover2,.pcover3 {
	-webkit-background-size:cover;
	background-size:cover;
	background-attachment:fixed;
	}
.pinner1 { background: url(../images/p-bg01.png) no-repeat right center; }
.pinner2 { background: url(../images/p-bg02.png) no-repeat 16% center; }
.pinner3 { background: url(../images/p-bg03.png) no-repeat right center; }
.pinner1,.pinner2.pinner3 {
	-webkit-background-size:cover;
	background-size:cover;
	}
.pinner1:after,.pinner2:after,.pinner3:after { content:""; display: block; padding-top: 27%; }

.honbun,.honbun2 {
	margin: auto;
	width:94%;
	max-width: 800px;
	padding: 50px 0 25px;
	font-size: 22px;
	}
.honbun { 
	background: #fff;
	width:calc(94% - 150px); 
	max-width: 750px;
	padding: 50px 75px 25px 75px;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	}
.honbun p,.honbun2 p {margin-bottom:1.8em;}

.honbun-tokuten {
	margin: auto;
	width:calc(94% - 20px);
	max-width: 820px;
	padding: 10px; 
	background:#e2cebc;
	font-size: 22px;
	line-height:1.75;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	}
.honbun-tokuten h3 { font-size : 1.6em; }

.honbun-tokuten-inner { border:5px solid #fff; padding: 2px; background:#e2cebc; }
.honbun-tokuten-inner-inner { padding: 30px 5% 40px 5%; background:#fff; }
.honbun-tokuten-inner-inner p {margin-bottom:1.4em;}


.t-bg { position:relative; margin: auto; width: 200px; }
.t-bg img,.t-bg div { position:absolute; bottom:0; width:100%; }
.t-bg div { font-size: 36px; text-align:center; line-height:1.6; }

.bgg { background:#ff8080; padding:5px 10px 3px; color:#fff; font-size:1.6em; line-height:1.2; }

dl.taget {
	display:table;
	width:100%;
	}

dl.taget dt {
	display:table-cell;
	width:50%;
	vertical-align:middle;
	}
dl.taget dt img { display:block; width:66.6%; }

dl.taget dd {
	display:table-cell;
	padding: 0 5%;
	vertical-align:middle;
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.4;
	}

.taget1 { background: url(../images/m01.jpg) no-repeat left center; }
.taget2 { background: url(../images/m02.jpg) no-repeat right center; }
.taget3 { background: url(../images/m03.jpg) no-repeat center; }
.taget4 { background: url(../images/m04.jpg) no-repeat center; }
.taget5 { background: url(../images/m05.jpg) no-repeat left center; }

.taget1,.taget2,.taget3,.taget4,.taget5 {
	-webkit-background-size:cover;
	background-size:cover;
	}

.voice-cover1 { background: url(../images/voice-bg1.png) no-repeat right 20px; }
.voice-cover2 { background: url(../images/voice-bg2.png) no-repeat left 20px; }
.voice-cover1,.voice-cover2 { 
	margin: auto;
	max-width: 1200px;
	width:100%; 
	-webkit-background-size:95% auto;
	background-size:95% auto;
	}

.voice-inner { margin: auto; max-width: 900px; width:100%; }
.voice-inner2 { margin: auto; max-width: 700px; width:90%; padding:0 0 50px 0; font-size: 18px; }
.voice-inner2 p {margin-bottom:1.4em;}

.voice-photo1, .voice-photo2 {
	position: relative;
	z-index:1000;
	float:left;
	padding:0 1.5%;
	width:29%;
	background: #fff;
	-webkit-box-shadow: -1px 6px 6px rgba(0,0,0,0.15);
	}
.voice-photo1 { float:right; }
.voice-photo1 img, .voice-photo2 img { display:block; margin:auto; margin-bottom:5px; width:100%; }
.voice-photo1:before, .voice-photo2:before, .voice-photo1:after, .voice-photo2:after { content:""; display: block; padding-top: 5%; }
.voice-photo1:after, .voice-photo2:after { padding-top: 10%; }

img.voice1 { position: relative; z-index:1001; float:left; width:77%; margin:0 -7% 30px 0; }
img.voice2 { position: relative; z-index:1001; float:right; width:76%; margin:0 0 80px -7%; }

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

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

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

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

img.name { width: 95%; max-width:450px; margin-bottom:1em; }
.name2 { background:#f1f1f1; padding:10px 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%; }

li.ya {
	background: url(../images/ya2.png) no-repeat 0 9px;
	-webkit-background-size:12px auto;
	background-size:12px auto;
	padding: 0 0 0 22px;
	list-style: none;
	font-size: 1.1em;
	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;
	bottom:10px;
	right:10px;
	width:23%;
	max-width:450px;
	height:auto;
	}
.bottomline-sp {display:none;}


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

.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 {
	color:#fff;
	-webkit-text-shadow:0 0 10px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1);
	text-shadow:0 0 10px rgba(0,0,0,1),0 0 10px rgba(0,0,0,1);
	}

.shadow2 {
	color:#007884;
	-webkit-text-shadow:0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1);
	text-shadow:0 0 10px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1);
	}

.shadow3 {
	-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: #ff6666!important;}
.blue {color: #8e80dd!important;}
.brown {color: #8c6239!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 #ff6666; 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;}

.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;
	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 : 1.6em; }

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

	.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; line-height:1.8; }

	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: #fdf2e2 url(../images/header-bgsp.jpg) no-repeat top; background-size:100% auto; }
	.parallax.bg-02 { background: #fdf2e2 url(../images/header-bg2sp.jpg) no-repeat top; background-size:100% auto; }
	.entry-bg { background-position:top left; background-size:cover; }
	.header-inner {
		-webkit-background-size:21% auto;
		background-size:21% auto;
		}

	.ttitle1 { width:96%; background: url(../images/ttitle1sp.png) no-repeat top; }
	.ttitle1b { width:96%; background: url(../images/ttitle2sp.png) no-repeat top; }
	.ttitle2,.ttitle2b { width:90%; }
	.ttitle3 { width:85%; background: url(../images/ttitle3sp.png) no-repeat top; }
	.ttitle3b { width:89%; background: url(../images/ttitle3bsp.png) no-repeat top; }
	.ttitle1,.ttitle1b,.ttitle3,.ttitle3b { background-size:100% auto; }

	.ttitle1:after,.ttitle1b:after { padding-top: 69%; }
	.ttitle2:before { padding-top: 6%; }
	.ttitle3:after { padding-top: 57%; }
	.ttitle3b:after { padding-top: 57%; }
	.wrap:after { padding-top: 10%; }
	.entry-sp { margin:auto; width:94%; background:rgba(255,255,255,0.5); padding:20px 0 30px; border-radius:10px; }

	img.tmi { margin-left:-4%; }

	header a.botan { width:92%; }

	.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_top,.movie_bottom { height:20px; -webkit-background-size:auto 20px; background-size:auto 20px; }
	.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.2em; }
	h3.subtitle { padding:25px 0 5px 0; font-size : 1.5em; }

	.pcover1,.pcover2,.pcover3 { background-attachment:scroll; }
	.pinner1:after,.pinner2:after,.pinner3:after { padding-top: 50%; }

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

	.honbun { width: 84%; padding: 30px 4% 10px; }
	.honbun2{ width: 90%; padding: 30px 0 10px; }
	.honbun p,.honbun2 p {margin-bottom:1.6em;}

	.honbun-tokuten { 
		width: calc(96% - 16px);
		padding: 8px; 
		font-size:20px;
		}
	.honbun-tokuten-inner-inner { padding: 30px 2%; }

	.t-bg { width:150px; }
	.t-bg div { font-size: 1.5em; line-height:1.3; }

	dl.taget dt img { width:100%; }

	dl.taget dd {
		padding: 0 4%;
		font-size:1em;
		}

	.voice-cover1 { background-position: left 10px; }
	.voice-cover2 { background-position: right 10px; }
	.voice-cover1,.voice-cover2 {  -webkit-background-size:140% auto; background-size:140% auto; }

	.voice-inner2 { padding:0 0 30px 0; font-size:16px; }

	.voice-photo1, .voice-photo2 { float:right; width:45%; margin:0 0 1em 1em; }

	img.voice1,img.voice2 { float:none; width:100%; margin:0 0 15px 0; }

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

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

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

	img.name { display: block; margin: 0 auto 1em; }

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

	li.ya {
		background-position: 0 6px;
		font-size: 1.05em;
		margin-bottom: 15px;
		}

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

	.bottomline {display:none;}
	.bottomline-sp {
		display:block;
		position:fixed;
		bottom:0;
		width:100%;
		height:auto;
		}

	.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:70px!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: 640px) {
	.honbun-tokuten { font-size:18px; }
	.bgg { font-size:1.45em; }
	}
@media only screen and (max-width: 560px) {
	.honbun-tokuten { 
		width: calc(96% - 10px);
		padding: 5px; 
		font-size:16px;
		}
	}

@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 5px; font-size:15px; }
	.honbun { padding: 25px 5% 5px 5%; }


	.honbun-tokuten-inner { border:3px solid #fff; padding: 1px; }
	.honbun-tokuten-inner-inner { padding: 20px 2%; }

	.t-bg { width:130px; }
	.t-bg div { font-size: 1.4em; }

	.voice-inner2 { padding:0 0 25px 0; font-size: 15px; }

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

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

	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.5em; }
	.p-bg01,.p-bg02,.p-bg03 { padding-bottom:20px; margin-bottom:-20px; }
	.t-bg { width:110px; }
	.t-bg div { font-size: 1.35em; }
	.bgg { font-size:1.35em; }
	.honbun-tokuten {font-size:15px;}
	.honbun-tokuten .b12{font-size: 1em;}
	}

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

	h3 { font-size : 1.2em; }
	.voice-inner2 { padding:0 0 15px 0; }

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

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

	dl.taget dd { font-size:0.9em; }

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