@charset "utf-8";
/* CSS Document */


.home_wrap{
background-image:url("../img/home__bg.png");
	padding-bottom:30px;
}
.mv{
	width:98%;
	margin:0 auto 0 auto;
	padding-top:10px;
	/*max-width:1600px;*/
    z-index: 100;	
}

.home2020{
	width:98%;
	background-color:#FFFFE5;
	margin: -75px auto 0 auto;
	padding-top:80px;
	padding-bottom:40px;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
}

.ytbox{
	max-width:720px;
	margin:0 auto;
}
.ouchi_yt {
  position: relative;

  width: 100%;
  padding-top: 56.25%;
}
.ouchi_yt iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.comic_slidebox{
	text-align: center;
	width:100%;
	max-width:660px;
	margin: 50px auto 50px auto;
	
}
.comic_slidebox p{
text-align: left;
font-size:1rem;
text-indent: 2rem;
}
.slidetitle{
	margin: 0 auto 20px auto;
display: block;
  background: -moz-linear-gradient(top, #ffb76b, #ffa73d);
  background: -webkit-linear-gradient(top, #ffb76b, #ffa73d);
  background: linear-gradient(to bottom, #ffb76b, #ffa73d);
  text-shadow: 1px 2px 3px #808080;
	max-width: 640px;
	width:100%;
	font-size:2rem;
	font-weight: 700;
	color:white;
	letter-spacing: 0.2rem;
	padding:20px;
	border-radius: 10px;
	
}
.comic_slide{
	margin:0 auto;
	width: 100%;
	max-width: 600px;
	font-size:0.8rem;
}

.comic_slide img{width:100%;}
.innerLink{
	display:block;
	margin:0 auto;
	text-align: center;
	width:100%;
	min-height:230px;
	max-width:1078px
}

.innerL_inner{
	display:inline-block;
	margin:10px auto;
	width:100%;
	max-width:166px;
}

.innerL_inner img{
	width:100%;
	padding:2px;
}

.innerL_inner:hover img 
    { transform: translate(0px,-10px);
	transition-duration:0.1s;
}
.hr_flag{
	display:block;
	width:100%;
	max-width:1078px;
	margin: 0 auto;

}


.boxtitle{
	display: block;
	margin:10px auto -150px auto;
	padding-top:0px;
	max-width:822px;
	width:100%;

}
.boxtitle img{
	width:100%;
		z-index: 500;
	}

.box{
	display: block;
	position: relative;
	width:100%;
	max-width:960px;
	margin:100px auto 0 auto;
	padding-bottom:20px;
	/*border: medium solid #0F9362;*/
	background-color: #ffffff;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	box-shadow:4px 4px 10px 1px rgba(0,0,0,0.4);
	}


.box1{
	display: block;
	position: relative;
	width:100%;
	max-width:880px;
	height:100%;
	padding:5rem 1rem 2rem 1rem;
	margin:0 auto;
	background-color: #fff;
	border: none;
	border-radius: 15px 15px 15px 15px / 15px 15px 15px 15px;
	overflow: hidden;
}

.itembox{
	display: block;
	position: relative;
	background:#FFFFFF;
	width:100%;
	max-width:400px;
	min-height:580px;
	float:left;
	margin: 10px 1% 10px 1%;
}
.itembox .itemname{
	font-size:1.3rem;
	font-weight: 600;
	line-height:1.5rem;
	margin-left:6%;
	margin-top:5%;
	height:3rem;
}

.itembox img{
	width:100%;
	padding-top:30px;
	transition: all 0.5s;
}

.itembox img:hover{
transform: scale(1.1,1.1);	
}

.itembox .itemcap{
	display: block;
	vertical-align: middle!important;
	width:95%;
	max-width:350px;
	min-height:50px;
	margin: 0 auto;
	text-align: left;
	background-color:aliceblue;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	box-shadow:4px 4px 10px 1px rgba(222,222,222,222.4);
}

.itembox .itemcap p{
		font-size:1rem;
		line-height: 1rem;
	vertical-align: middle;
	padding:10px;	
}

.itembox p{
	margin-top:30px;
	margin-left:5%;
	font-size:1.2rem;
	line-height:1.5rem;
}

.box001{
	border:solid 5px #EE5A5A;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}
.box002{
	border:solid 5px #09A5DF;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}
.box003{
	border:solid 5px #FDC308;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}
.box004{
	border:solid 5px #58B124;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}
.box005{
	border:solid 5px #43BFBD;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}
.box006{
	border:solid 5px #FE7F00;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}
.itemlow{
	width:100%;
	display: block;
}
.makinglink{
	text-align: center;
	display:block;
	width:100%;
	min-height:99px;
	margin:-10px auto 40px auto;	max-height:62px;	}

.makinglink img{
	max-width:215px;
}
.copyright{
	margin:0 auto;
	display:block;
	max-width:350px;
}
.copyright img{
transform:none!important;
}


.btn-circle-border-simple {
  display: block;
  text-decoration: none;
  color: #668ad8;
  margin:20px auto 0 auto;
	width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  border: solid 2px #668ad8;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  transition: .4s;
}

.btn-circle-border-simple:hover {
  background: #b3e1ff;
}
@media screen and (min-width:769px) {
	.br-pc{display:block;}
	.br-sp{display:none;}

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


@media screen and (max-width:768px) {
.pc { display: none !important; }
.sp { display: block !important; }
	
	.mv{
	width:98%;
	margin-top:-20px;
	margin-bottom:0;	
	padding-top:0px;
	}
.boxtitle{
		width:90%;
	}

.home2020{
	width:98%;
	background-color:#FFFFE5;
	margin: -70px auto 0 auto;
	padding-top:40px;
	}

	.hr_flag{
		display: block;
	}
.hr_flag img{
	margin:0 auto;
	text-align: center;
	width:100%;
	max-width:768px;
	}
.box{
	display: block;
	position: relative;
	width:90%;
	height:auto;
	margin: 110px auto 0 auto;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
	}
	
.innerLink{
	margin:0 auto;
	text-align: center;
	width:100%;
	max-width:768px
}

.innerL_inner{
	margin:10px auto;
	display: inline-block;
	width:100%;
	max-width:240px;
}

.innerL_inner img{
	width:90%;
}
	
.box1{
	display: block;
	position: relative;
	width:100%;
	max-width:768px;
	height:auto;
	margin:0px auto 30px auto;
	border: none;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
	
}

.itembox{
	display: block;
	background:#FFFFFF;
	width:45%;
	max-width:385px;
	min-height:480px;
	margin:10 0 10 0;
	margin-bottom:20px;
	overflow: hidden;
}
.itembox .itemname{
	font-size:1rem;

}
.itembox p{
	font-size:1rem;
}
	.box001{
		margin-top:20px;
	}

}
@media screen and (max-width:640px) {
.pc { display: none !important; }
.sp { display: block !important; }
	
.mv{
	width:98%;	
	margin-top:0px;
	}

.home2020{
	margin-top:-55px;
	}
.slidetitle{
	font-size: 1.4rem;}
.boxtitle{
	margin:5px auto 20px auto;
	max-width:640px;
	width:100%;
	}
	.comic_slidebox p{
text-align: left;
font-size:1rem;
text-indent: 0.5rem;
}
.box{
	display: block;
	width:90%;
	height:auto;
	margin:-50px auto 0 auto;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
	}

	
.innerLink{
	margin:0 auto 0 auto;
	text-align: center;
	width:100%;
	max-width:640px
}

.innerL_inner{
	margin:10px auto;
	display: inline-block;
	width:100%;
	max-width:180px;
}

.innerL_inner img{
	width:90%;
}

.box1{
	display: block;
	position: relative;
	width:90%;
	max-width:640px;
	height:auto;
	margin:-40px auto 0 auto;
	border: none;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
	
}

.box001{
	display: block;
		margin:0 auto;
	}

.itembox{
	display: block;
	position: relative;
	background:#FFFFFF;
	width:100%;
	max-width:400px;
	height:auto;
	margin:0 auto 20px auto;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}
	
	.itembox .itemname{
		font-size:1.2rem;
	}
.box001,.box002{
	margin-top:20px;		
	}

}
@media screen and (max-width:468px) {
.pc { display: none !important; }
.sp { display: block !important; }

.mv{
	width:98%;		
	}

.home2020{
	margin-top:-45px;
	}
	.comic_slidebox p{
text-align: left;
font-size:1rem;
text-indent: 0.5rem;
}
.boxtitle{
	margin:5px auto 20px auto;
	max-width:468px;
	width:100%;
	}

.box{
	display: block;
	position: relative;
	width:90%;
	height:auto;
	margin: -50px auto 0px auto;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
	}

	
.innerLink{
	margin:0 auto;
	text-align: center;
	width:100%;
	max-width:480px
}

.innerL_inner{
	margin:5px auto;
	display: inline-block;
	width:100%;
	max-width:150px;
}

.innerL_inner img{
	width:90%;
}

.box1{
	display: block;
	width:95%;
	max-width:468px;
	height:auto;
	margin: 5px auto 10px auto;
	border: none;
	overflow: hidden;
	padding:10px;
}


.itembox{
	display: block;
	position: relative;
	background:#FFFFFF;
	width:100%;
	max-width:360px;
	height:auto;
	margin-bottom:20px;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: hidden;
}
.itembox .itemname{
	font-size:1.1rem;
	font-weight: 600;
	line-height:1.3rem;
	margin-left:6%;
	margin-top:5%;
	height:3rem;
}
	.itembox p{
	margin-top:30px;
	margin-left:5%;
	font-size:1rem;
	line-height:2rem;
}
.itembox .itemprice{
	line-height: 1.3rem;	
	}
	}

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

.mv{
	width:98%;		
	margin-top:10px;
	}
	

.box{	
	margin-top:-50px;
	border-radius: 25px 25px 25px 25px / 25px 25px 25px 25px;
	overflow: auto;
	}
	
	.comic_slidebox p{
text-align: left;
font-size:1rem;
text-indent: 0rem;
}
.innerLink{
	margin:40px auto 0 auto;
	text-align: center;
	width:100%;
	max-width:386px
}

.innerL_inner{
	margin:5px auto;
	display: inline-block;
	width:100%;
	max-width:120px;
}

.innerL_inner img{
	width:90%;
}

.box1{
	margin:0 auto 20px auto;	
	padding-top:40px;
	}
.itembox{
margin: 0 auto 10px auto;	
width:100%;
	min-height:480px;
	}
	.itembox .itemname{
		font-size:1.1rem;
		line-height: 1.2rem;
	}

	}