@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
	background: #2fb354;
	color: #000;
}

/*::::::::::contents::::::::::*/

.contents {
	margin: 0 auto;
}

.contents_inr {
	margin: 0;
}

/*::::::::::contents::::::::::*/

.line{
	border:3px solid #ffc600;
	background:#ffe400;
}

/*::::::::::繝倥ャ繝€繝ｼ::::::::::*/

header{
	position:relative;
}

h1{
	position:relative;
}

/*::::::::::繝倥ャ繝€繝ｼ::::::::::*/

/*::::::::::荳ｭ霄ｫ::::::::::*/

.manga{
	background:#ffe400;
}

.manga01{
	background:#fff;
	border-radius:15px;
	border:3px solid #ffc600;
	text-align:center;
	line-height:1.4;
	font-weight:bold;
}

.manga01 span{
	color:#dc1c41;
	font-size:120%;
}

.manga01 a{
	color:#60190a;
	text-decoration:underline;
	font-weight:lighter;
}

.manga02{
	background:#fff;
	border-radius:15px;
	border:3px solid #ffc600;
	margin:0;
	text-align:center;
	position:relative;
}

.manga03{
	background:#fff;
	border-radius:15px;
	border:3px solid #ffc600;
	margin:0;
	text-align:center;
	position:relative;
	line-height:1.4;
	font-weight:bold;
}

.manga03 span{
	color:#d50000;
}

.manga03 p.title{
/*	font-family: 'Noto Sans Japanese';
	font-weight:900;
	color:#d50000;
	border-top:2px dotted #d50000;
	border-bottom:2px dotted #d50000;*/
}

.manga04{
	background:#fff;
	margin:0;
	text-align:left;
	position:relative;
	line-height:1.4;
	font-weight:lighter;
}

.manga04 p{
	font-weight:bold;
}

.manga04 span{
	background:#ffde00;
	color:#000;
}

.manga04 a{
	color:#ff3300;
	text-decoration:underline;
}

.manga04 a:hover{
	color:#ff8800;
}

.locks{
	background:url(../image/locks_bg.png) 0 0 repeat;
	padding:0;
}

.locks00{
	background:url(../image/ziguzagu01.png) 0 0 no-repeat;
	padding:0;
}

.locks01{
	background:url(../image/ziguzagu02.png) 0 100% no-repeat;
}

.kokuban{
	background:url(../image/kokuban_bg.png) 0 0 repeat;
	border-radius:15px;
	border:3px solid #ffe400;
	margin:0;
	padding:0;
	text-align:center;
	line-height:1.4;
}

.kokuban02{
	background:rgba(0,0,0,0.3);
	color:#fff;
	font-weight:bold;
}

.kokuban_txt{
	color:#fff;
	font-weight:bold;
}

.kokuban_tel{
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
}

.kokuban_mail{
	text-align:center;
}

.matome{
	background:url(../image/matome_bg.png) 0 0 repeat;
	padding:20px 30px 30px;
}

.matome01{
	background:#fff;
	border-radius:15px;
	border:3px solid #ffc600;
	margin:0 0 10px;
	padding:30px;
	text-align:left;
	font-size:18px;
	line-height:1.4;
}

.matome02{
	background:#fff;
	border-radius:15px;
	border:3px solid #ffc600;
	margin:0;
	padding:30px;
	text-align:right;
	font-size:18px;
	line-height:1.4;
}


.matome01 span.dai,.matome02 span.dai{
	font-weight:bold;
	font-size:120%;
}

.matome01 a{
	color:#ff3300;
	text-decoration:underline;
	font-weight:bold;
}

.matome02 a{
	color:#000;
	text-decoration:none;
}

/*::::::::::荳ｭ霄ｫ::::::::::*/

/*::::::::::縺ｾ繧薙′繝壹�繧ｸ繝｣繝ｼ::::::::::*/

.pager{
	background:#d50000;
}

.pager a{
	display:block;
	text-decoration:none;
	color:#fff;
}

/*::::::::::縺ｾ繧薙′繝壹�繧ｸ繝｣繝ｼ::::::::::*/

/*::::::::::COMING SOON::::::::::*/

.coming{
	margin:50px 0;
	font-weight:bold;
	color:#ccc;
	font-size:36px;
}

/*::::::::::COMING SOON::::::::::*/

/*::::::::::繝輔か繝ｼ繝�::::::::::*/

.message {
	padding: 0;
	color: #fff;
	text-align:left;
}

.message span {
	color: #ffff00;
}


.message ul {
	display:table;
	border-bottom:1px dotted #ffff00;
}

.message ul li{
	display:table-cell;
	vertical-align:top;
}

.message .subBox {
	text-align: center;
}

.notice{
	color:#fff;
}

.notice p{font-weight:bold;color:#fff;}

.notice a{
	color:#ff3300;
	text-decoration:underline;
}

/*::::::::::繝輔か繝ｼ繝�::::::::::*/

/* RESPONSIVE PC---------------------------------------------------- */

@media screen and (min-width: 765px) {

.hide_pc{
	display:none;
}

/*::::::::::contents::::::::::*/

.contents {
	width: 1006px;
	margin: 0 auto;
}

.contents_inr {
	width: 100%;
	margin: 0;
	padding: 60px 0 0;
}


.contents_inr p.back{
	text-align:center;
	margin-top:30px;
}


.contents_inr p a:hover{
	opacity:0.8;
}


/*::::::::::contents::::::::::*/


/*::::::::::繧ｽ繝ｼ繧ｷ繝｣繝ｫ::::::::::*/
#social_sp{
	display:none;
}

#social_pc {
height:50px;
margin:0;
position:absolute;
top:0;
z-index:9999;
width:100%;
}

.socialbtn{
width:1000px;
margin:0 auto;
padding:5px 0;
text-align:right;
}

.socialbtn p{
display:inline;
height:40px;
}

.socialbtn p img{
vertical-align:middle;
margin-left:5px;
}

.socialbtn a:hover{
opacity: 0.8;
filter: alpha(opacity=80);
}

/*::::::::::繧ｽ繝ｼ繧ｷ繝｣繝ｫ::::::::::*/

/*::::::::::繝倥ャ繝€繝ｼ::::::::::*/

header{
	background:url(../image/h1_bg.png) 0 0 no-repeat;
	background-size:1000px;
	width:1000px;
	height:609px;
	position:relative;
}

.intro{
	width:1000px;
	position:relative;
}


.thanks{
	position:relative;
	margin:60px auto 0;
	width:1040px;
}

.thanks p{
	text-align:center;
	margin-top:30px;
}

.thanks p a:hover{
	opacity:0.8;
}

.mes{
	position:relative;
	margin:60px auto 0;
	width:1040px;
}

.mes p.mess{
	text-align:center;
	position:absolute;
	bottom:340px;
	width:100%;
}

.mes p.back{
	text-align:center;
	margin-top:30px;
}


.mes p a:hover{
	opacity:0.8;
}

h1{
	position:relative;
}

h1 img.top{
	position:absolute;
	top:0;
	left:-20px;
}

h1 img.top_splogo{
	position:absolute;
	top:90px;
	left:380px;
}

nav{
	position:absolute;
	bottom:40px;
	display:table;
	width:950px;
	padding:0 25px;
}

nav a{
	display:table-cell;
	width:25%;
	text-align:center;
}

nav a:last-child{
	margin-right:0;
}

nav a img:hover{
	position:relative;
	bottom:-1px;
}

/*::::::::::繝倥ャ繝€繝ｼ::::::::::*/

/*::::::::::荳ｭ霄ｫ::::::::::*/

.manga{
	padding:30px;
}

.manga01{
	margin:0 0 50px;
	padding:30px;
	font-size:20px;
}

.manga02{
	background:#fff;
	margin:0;
	padding:160px 0 0;
}

.manga02 p.head{
	position:absolute;
	top:-40px;
}

.manga02 ul{
	display:table;
	margin:30px 0;
	width:934px;
}

.manga02 ul li{
	display:table-cell;
	width:50%;
}


.manga02 ul li:first-child{
	padding:0 13px 0 28px;
	text-align:left;
}

.manga02 ul li:last-child{
	padding:0 28px 0 13px;
	text-align:right;
}

.manga03{
	margin:0;
	padding:30px;
	font-size:20px;
}

.manga03 p{
	margin:30px 0;
}

.manga03 p.koma{
	width:700px;
	margin:30px auto;
	padding:1px 0;
	background:url(../image/manga_bg.png) 0 0 repeat scroll;
	line-height:0;
	text-align:center;
}

.manga03 p.koma img{
	background:#fff;
	border-radius:5px;
	padding:5px;
	margin:30px auto;
	display:block;
}

.manga03 span{
	font-size:24px;
}

.manga03 p.title{
/*	width:700px;
	font-size:30px;
	margin:0 auto;
	padding:5px 0;*/
}


.manga04{
	font-size:16px;
	margin:30px 0 0;
}

.manga04 span{
	font-size:16px;
}

.manga04 p{
	font-size:18px;
	margin:0;
}

.manga_btn{
	margin-top:20px;
}

.manga_btn a:hover{
	opacity:0.8;
}

.mangalist{
	margin:15px 0 0;
	padding:15px 0 0;
	border-top:2px dotted #ffc600;
}

.mangalist ul{
	margin:30px auto 0;
	width:600px;
}

.mangalist ul li{
	width:100%;
	margin:10px auto;
	border:2px solid #d50000;
	border-radius:5px;
	text-align:left;
}

.mangalist ul li a{
	text-decoration:none;
	color:#d50000;
	display:block;
	padding:8px 20px 5px;
}

.mangalist ul li a:hover{
	background:#ffffc7;
	opacity:1.0;
}


.locks{
	padding:0;
}

.locks00{
	padding:0;
}

.locks01{
	padding:50px 30px;
}

.kokuban{
	font-size:20px;
}

.kokuban01{
	background:url(../image/kokuban_bg02.png) 0 15px no-repeat;
	padding:220px 30px 20px;
}

.kokuban02{
	border-radius:15px;
	margin: 0 100px 30px;
	padding:20px;
}

.kokuban02 a:hover{
	opacity:0.8;
}

.kokuban_txt{
	margin:30px 0;
}

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

.kokuban_tel{
	margin:30px 0;
	padding:30px 0;
}

.kokuban_mail{
	margin-bottom:30px;
}

.matome{
	background:url(../image/matome_bg.png) 0 0 repeat;
	padding:20px 30px 30px;
}

.matome_h{
	margin:0 0 15px;
}
.matome_hr{
	margin:0 0 10px;
	text-align:right;
}

.matome01{
	background:#fff;
	border-radius:15px;
	border:3px solid #ffc600;
	margin:0 0 10px;
	padding:30px;
	text-align:left;
	font-size:18px;
	line-height:1.4;
}

.matome02{
	background:#fff;
	border-radius:15px;
	border:3px solid #ffc600;
	margin:0 0 10px;
	padding:30px;
	text-align:right;
	font-size:18px;
	line-height:1.4;
}


.matome01 span.dai,.matome02 span.dai{
	font-weight:bold;
	font-size:120%;
}

.matome01 a{
	color:#ff3300;
	text-decoration:underline;
	font-weight:bold;
}

.matome02 a{
	color:#000;
	text-decoration:none;
}
/*::::::::::荳ｭ霄ｫ::::::::::*/

/*::::::::::縺ｾ繧薙′繝壹�繧ｸ繝｣繝ｼ::::::::::*/

.manga04{
	margin-bottom:30px;
}

.manga03 p.pager{
	display:inline-block;
	margin:0 20px 30px;
}

.manga03 p.pager a{
	display:block;
	text-decoration:none;
	color:#fff;
	padding:10px 30px;
}

/*::::::::::縺ｾ繧薙′繝壹�繧ｸ繝｣繝ｼ::::::::::*/

/*::::::::::COMING SOON::::::::::*/

.coming{
	margin:50px 0;
	font-weight:bold;
	color:#ccc;
	font-size:36px;
}

/*::::::::::COMING SOON::::::::::*/

/*::::::::::繝輔か繝ｼ繝�::::::::::*/

.message {
	margin:30px 0 0;
    font-size:14px;
}
.message ul {
	display:table;
	width:874px;
	border-bottom:1px dotted #ffff00;
}

.message ul li{
	display:table-cell;
	padding-top:8px;
	padding-bottom:8px;
	vertical-align:top;
}

.message ul li:first-child{
	width:300px;
}

.message ul li textarea{
	width:570px;height:200px;
}

.message .subBox {
	margin: 15px 0 10px;
}

.message .subBox:hover {
	opacity: 0.8;
}

.notice{
	font-size:12px;
	padding:10px 0;
}

/*::::::::::繝輔か繝ｼ繝�::::::::::*/

/*::::::::::繝輔ャ繧ｿ繝ｼ::::::::::*/

footer {
    margin:0;
    padding:0;
}

footer a:hover {
	opacity:0.8;
}

.footerwaku{
	background:#fff;
	width:1006px;
	margin: 50px auto;
	padding:0;
}

.logo {
	padding: 20px 0;
	text-align: center;
}

.logo img {
	padding: 0 15px;
	display: inline-block;
}

.credit{
	padding: 20px 0;
	text-align: center;
}

.credit img {
	padding: 0 15px;
	display: inline-block;
}

footer ul {
	display: table;
	padding: 10px 0 20px;
	margin:0 auto;
}

footer ul li {
	display: table-cell;
	padding: 0 10px;
}

.cr {
	text-align: center;
	color:#fff;
	margin-bottom:5px;
	font-size:10px;
}

.pagetop{
	position:fixed;
	bottom:0;
	right:20px;
	text-align:right;
	line-height:0;
}

/*::::::::::繝輔ャ繧ｿ繝ｼ::::::::::*/


}

/* RESPONSIVE SP---------------------------------------------------- */

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

.hide_sp{
	display:none;
}

img{
	max-width:100%;
}

.contents {
	width: 100%;
	margin: 0;
}

.contents_inr {
	margin: 15px 7px;
}

.contents_inr p.back{
	text-align:center;
	margin-top:10px;
}
.contents_inr p.back img{
	width:80%;
}

/*::::::::::繧ｽ繝ｼ繧ｷ繝｣繝ｫ::::::::::*/

#social_pc {
	display:none;
}

#social_sp{
	position:relative;
	background:#ffe400;
	text-align:right;
	padding:5px 7px;
}

#social_sp p{
	display:inline;
}

#social_sp p img{
	width:9%;
	margin-left:5px;
}
/*::::::::::繧ｽ繝ｼ繧ｷ繝｣繝ｫ::::::::::*/

/*::::::::::繝倥ャ繝€繝ｼ::::::::::*/

header{
	position:relative;
	background: url(../image/h1_bg_sp.png) 0 0 no-repeat;
	background-size:100%;
}

.intro{
	position:relative;
	background: url(../image/h1_bg_sp.png) 0 0 no-repeat;
	background-size:100%;
}


.thanks{
	position:relative;
	margin:0;
	padding:10px;
}

.thanks p{
	text-align:center;
	margin-top:10px;
}

.thanks p img{
	width:80%;
}

.mes{
	position:relative;
	margin:0;
	padding:10px;
}

.mes p.mess{
	text-align:center;
	position:absolute;
	top:60%;
	width:100%;
	margin: 0 -10px;
}

.mes p.back{
	text-align:center;
	margin-top:10px;
}

.mes p img{
	width:80%;
}



h1{
	position:relative;
}

h1 img.top_splogo{
	display:none;
}

h1 img.top{
	margin:10px 0;
}

nav{
	margin:10px 3px 10px 5px;
	padding:0;
}

nav a{
	display:inline-block;
	text-align:center;
	width:49%;
	padding:0;
}

nav a img{
	width:100%;
}

header p{
	line-height:0;
}

.intro p{
	line-height:0;
}

/*::::::::::繝倥ャ繝€繝ｼ::::::::::*/

/*::::::::::荳ｭ霄ｫ::::::::::*/

.manga{
	padding:7px;
}

.manga01{
	margin:10px 0;
	padding:10px;
	font-size:13px;
}

.manga02{
	background:#fff;
	margin:0;
	padding:5px 0 0;
}

.manga02 p.head{
	margin:0 10px;
}

.manga02 ul{
	display:block;
	margin:10px 10px 20px;
}

.manga02 ul li{
	text-align:center;
}

.manga02 ul li:last-child{
	margin-top:20px;
}

.manga03{
	margin:10px 0;
	padding:10px;
	font-size:13px;
}

.manga03 p{
	margin:10px 0;
}

.manga03 p.title{
/*	font-size:16px;
	padding:5px 0;*/
}

.manga03 p.koma img{
	width:92%;
}
.manga04 p{
	margin:0 0 5px;
}

.mangalist{
	margin:10px 0 0;
	padding:10px 0 0;
	border-top:2px dotted #ffc600;
}

.mangalist ul{
	margin:10px 0;
}

.mangalist ul li{
	margin:10px 0;
	border:2px solid #d50000;
	border-radius:5px;
	text-align:left;
}

.mangalist ul li a{
	text-decoration:none;
	color:#d50000;
	display:block;
	padding:8px 10px 5px;
}


.manga_btn{
	margin-top:10px;
}

.locks{
	background-size:8%;
	padding:0;
}

.locks00{
	background-size:100%;
	padding:0;
}

.locks01{
	background-size:100%;
	padding:15px 7px;
}

.kokuban{
	background-size:100%;
	font-size:13px;
}

.kokuban01{
	padding:5px 10px 20px;
}

.locks_head{
	margin:0 -10px;
}

.kokuban02{
	margin: 0 0 5px;
	padding:10px;
}

.kokuban_txt{
	margin:10px 0;
}

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

.kokuban_tel{
	margin:10px 0;
	padding:10px 0;
	color:#ffff00;
}

.kokuban_tel a {
	color:#ffff00;
	font-size:26px;
	text-decoration:underline;
	font-weight:bold;
	display:block;
	margin:10px 0;
}


.kokuban_mail{
	margin-bottom:10px;
}

.matome{
	background:url(../image/matome_bg.png) 0 0 repeat;
	background-size:100%;
	padding:10px 7px ;
	text-align:center;
}

.matome_h,.matome_hr{
	margin:0 0 5px;
}

.matome_h img{
	width:75%;
}

.matome_hr img{
	width:90%;
}

.matome01,.matome02{
	background:#fff;
	border-radius:15px;
	border:3px solid #ffc600;
	margin:0 0 10px;
	padding:10px;
	text-align:left;
	font-size:12px;
	line-height:1.4;
}

.matome01 span.dai,.matome02 span.dai{
	font-weight:bold;
	font-size:120%;
}

.matome01 a{
	color:#ff3300;
	text-decoration:underline;
	font-weight:bold;
}

.matome02 a{
	color:#000;
	text-decoration:none;
}

/*::::::::::荳ｭ霄ｫ::::::::::*/

/*::::::::::縺ｾ繧薙′繝壹�繧ｸ繝｣繝ｼ::::::::::*/

.manga04{
	margin-bottom:20px;
}

.manga03 p.pager{
	display:inline-block;
	margin:0 10px 10px;
}

.manga03 p.pager a{
	display:block;
	text-decoration:none;
	color:#fff;
	padding:5px 20px;
}

/*::::::::::縺ｾ繧薙′繝壹�繧ｸ繝｣繝ｼ::::::::::*/

/*::::::::::COMING SOON::::::::::*/

.coming{
	margin:50px 0;
	font-weight:bold;
	color:#ccc;
	font-size:16px;
}

/*::::::::::COMING SOON::::::::::*/

/*::::::::::繝輔か繝ｼ繝�::::::::::*/

.message {
	margin:10px 0 0;
	font-size:12px;
}
.message ul {
	display:block;
	width:100%;
	border-bottom:1px dotted #ffff00;
}

.message ul li{
	display:block;
	padding-top:3px;
	padding-bottom:3px;
	vertical-align:top;
}

.message ul li:first-child{
	width:100%;
}

.message ul li textarea{
	width:97%;
	height:100px;
}

input.telno{
	width:22%;
}

.message .subBox {
	margin:0;
}

input[type="image" i]{
	width:100%;
	border-radius:0;
}

.notice{
	font-size:10px;
	padding:10px 0;
}

/*::::::::::繝輔か繝ｼ繝�::::::::::*/

/*::::::::::繝輔ャ繧ｿ繝ｼ::::::::::*/

footer {
    margin:0;
    padding:0;
}

.footerwaku{
	background:#fff;
	margin: 10px 7px 20px;
	padding:0 0 10px;
}

.logo {
	padding: 10px 0;
	text-align: center;
}

.logo img {
	padding: 0 auto;
	display: inline-block;
	width:30%;
}

.credit{
	padding: 0 0 60px;
	text-align: center;
}

.credit img {
	padding: 0 5px;
	display: inline-block;
	vertical-align:middle;
}

.credit img.sol{
	width:30%;
}

.credit img.by{
	width:5%;
}
.credit img.sp{
	width:35%;
}



footer ul {
	display: table;
	width:100%;
}

footer ul li {
	display: table-cell;
	width:15%;
}

footer ul li img {
	width:90%;
	vertical-align:middle;
}


.cr {
	text-align: center;
	color:#fff;
	margin-bottom:5px;
	font-size:10px;
}

.pagetop{
	position:fixed;
	bottom:0;
	text-align:right;
	line-height:0;
	width:100%;
}

.pagetop img{
	width:20%;
	margin-right:10px;
}

/*::::::::::繝輔ャ繧ｿ繝ｼ::::::::::*/

}