@charset "utf-8";

body {
	max-width: 100%;
}
.sp_only{
	display: block;
}
.pc_only{
	display: none;
}


div.midashi_wh{
	font-size: 1.7rem;
	font-weight: bold;
	background-color: #fff;
	width: 100%;
	color: #541700;
	text-align: center;
	letter-spacing: 0;
	padding: 75px 0;
}
div.midashi_wh span{
white-space: nowrap;
}
div.midashi_wh span::before,
div.midashi_wh span::after{
	background-image: url("../../img/midashi_side_pi_sp.png");
	width: 14px;
	height: 14px;
	margin: 0 10px 2px;
}


div.midashi_pi span::before,
div.midashi_pi span::after{
	background-image: url("../../img/midashi_side_wh_sp.png");
	width: 14px;
	height: 14px;
	margin: 0 10px 3px;
}


header {
	padding: 10px 0 15px 0;
}

header ul li.logo img{
	height: 50px;
}
header ul li.menu{
	display: none;
}


div#menu_btn{
	display: block;
	position: fixed;
	top:0;
	right: 0;
	margin: 0 0 -20px -20px;
	padding: 15px 20px 10px;
	background: #541700;
	z-index: 9999;
}

div#menu_sp{
	display: block;
	position: fixed;
	top: 0;
	background-color:  #541700;
	width: 100%;
	z-index: 999;
}
div#menu_sp ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	        flex-direction: column;
}
div#menu_sp ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	        flex-direction: column;
}
	
div#menu_sp ul li.menu_sp{
	display: block;
	width:100%;
	font-size: 1.8rem;
	border-bottom: 2px dashed #8c5642;
}
div#menu_sp ul li.menu_sp:first-child{
 	padding: 14px 0 0 0;
}
div#menu_sp ul li.menu_sp:last-child{
	border-bottom: none;
	padding: 0 0 5px 0;
}

	
div#menu_sp ul li.menu_sp a{
	font-weight: bold;
	display:block;
	color:#fff;
	text-align:center;
	padding: 20px 0px 20px 0px;
}

header.fixed_header{
	display: none;
}























div#top {
	background-image:inherit;
	background-position:inherit;
	height: inherit;
}

#top .sp_top_img{
	margin-top: 50px;
}
#top .sp_top_img img{
	width: 100%;
}


div.intro{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	        align-items: center;
	margin-bottom: 36px;
}
div.intro_text{
	font-size: 1.8rem;
	width: 90%;
	height: inherit;
	margin: 40px 0 0 0;
	padding: 40px 20px;
}

div.newer {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	        flex-direction: column;
	width: 100%;
	padding: 20px 0 0 0;
}
div.newer .newer_top {
	width: 90%;
	font-size: 2.6rem;
	padding: 15px 0;
}
div.newer .newer_comic {
	width: 90%;
	padding: 30px 0 0 0;
	margin: 0;
}
div.newer .newer_comic img {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 5% 5% 0 0 / 5% 5% 0 0;
	        border-radius: 5% 5% 0 0 / 5% 5% 0 0;
	border: solid 4px #541700;
}
div.newer .newer_comic_title {
	width: 90%;
	padding: 16px 20px;
}
div.newer .newer_bottom {
	width: 90%;
	margin: 30px 0 80px 0;
	padding: 0 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
 	-webkit-box-align: center;
 	-webkit-align-items: center;
 	        align-items: center;
}
div.newer .newer_bottom_text {
	font-size: 2rem;
	margin-right: inherit;
}
div.newer .backnumber {
	width: 100%;
	font-size: 1.6rem;
	padding: 15px 40px;
}







#bottom_box{
	display: block;
	padding:  100px 30px 30px;
	min-height: 1700px;
}

img.bottom_head{
	position: absolute;
	display: block;
	height: 48px;
	padding: 0 0 0 10px;
}
img.bottom_head_twi{
	margin: -30px 0 0 0;
}



#bottom_box div.bottom_whats{
	margin: 0 0 50px 0;
}

#bottom_box div.bottom_whats img.radiusborder{
	padding: 0 0 8px 0;
	margin: 30px 0 0 0;
	width: 100%;
}


#bottom_box div.twitter{
	width: 100%;
	padding: 20px 0 0 0;
	margin: 30px 0 0 0;
}
#bottom_box div.bottom_text_whats{
}
#bottom_box div.bottom_text_whats span{
}

#bottom_box div.bottom_text_twi{
}
#bottom_box div.bottom_text_twi span{
}























/*			最新情報			*/



ul#topic {
	display: block;
	padding: 0 0 80px;
	min-height: inherit;
}
ul#topic li.topic_box {
	padding: 10px 20px;
	margin-bottom: 20px;
	display: flex;
	align-items: flex-start;
	border-bottom: 1px dashed #541700;
}
ul#topic li.topic_box:last-child {
	border-bottom: none;
}
ul#topic li.topic_box:first-child::after {
	content: "new";
	color: #fff;
	font-size: 1.5rem;
	padding: 0 5px;
	background:#FF8B47;
	border-radius: 20px;
	display: inline-block;
	position: absolute;
	right:  20px;;
}
ul#topic .topic_img {
	padding: 0 0 20px 0;
	margin: 0;
	width: 250px;
	height: 200px;

}

ul#topic .topic_img img {
	width: 95%;	height: 86%;
	border-radius: 20px;
	object-fit: cover;
}


ul#topic li:nth-last-child(even) .topic_text {
	width: 100%;
	min-height:inherit; 
	background-color: #fff;
	color: #541700;
	margin-top: -4px;
	padding: 8px 8px;
	-webkit-border-radius: 0px;
	        border-radius: 0px;
	border: none;
}
ul#topic li:nth-last-child(odd) .topic_text {
	width: 100%;
	min-height:inherit; 
	background-color: #fff;
	color: #541700;
	margin-top: -4px;
	padding: 8px 8px;
	-webkit-border-radius: 0px;
	        border-radius: 0px;
	border: none;
}
ul#topic li:nth-last-child(even) .topic_text .date {
	font-size: 2rem;
	font-weight: bold;
	border-bottom: 4px dotted #541700;
	padding-bottom: 8px;
}
ul#topic li:nth-last-child(odd) .topic_text .date {
	font-size: 2rem;
	font-weight: bold;
	border-bottom: 4px dotted  #541700;
	padding-bottom: 8px;
}

ul#topic_box .topic_text .date {
	font-size: 2rem;
	font-weight: bold;
	border-bottom: 4px dotted #541700;
	padding-bottom: 10px;
}
ul#topic .topic_text .title {
	font-size: 1.6rem;
	padding-top: 15px;
	line-height: 3rem;
}







/*			ニュース			*/



div.news_top{
	background-color: #fff;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
	background-image: none;
	background-size: auto;
	margin: 80px 30px 100px;
}
div.news_top div.news_top_text{
	display: block;
	color: #8c5642;
	font-weight: bold;
	font-size: 1.6rem;
	width: 100%;
	padding: 0 40px 110px;
	margin: 0;
}
ul#news_list {
	display: block;
	padding: 0 0 80px;
	min-height: inherit;
}
ul#news_list .news_box {
	padding: 0 15px;
	margin-bottom: 30px;
}
ul#news_list .news_box:last-child {
}
/*
ul#news_list .news_box:first-child::after {
	font-size: 1.5rem;
	display: inline-block;
	position: absolute;
	right:  20px;
	left: inherit!important;
}
*/
ul#news_list .news_img {
	padding: 0 0 30px 0;
	margin: 0;
}

ul#news_list .news_img img {
	border-radius: 10%;
	width: 90%;
}

ul#news_list .news_text {
	width: 150%;
	padding: 0;
	background: inherit;
	color: #541700;
	border: none;
}

ul#news_list .news_text .date {
	font-size: 1.5rem;
	font-weight: bold;
	padding: 0px 3px;
	width: 125px;
	margin: 0 0 5px 0;
	white-space: nowrap;
}
ul#news_list .news_text .title {
	font-size: 1.4rem;
	padding: 0 0 5px 0;
}
ul#news_list .news_text .detail {
	font-size: 1.2rem;
	padding-top: 8px;
}



#news_page{
	padding: 80px 10px 120px;
	font-size: 1.4rem;
}

#news_page img{
	width: 100%;

   height: auto;
padding:0 2%;
display:inline-block;
}











/*			グッズ			*/


div.goods_top{
	background-color: #fff;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
	background-image: none;
	background-size: auto;
	margin: 80px 30px 100px;
}
div.goods_top div.goods_top_text{
	display: block;
	color: #8c5642;
	font-weight: bold;
	font-size: 1.6rem;
	width: 100%;
	padding: 0 40px 110px;
	margin: 0;
}

ul#goods {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	        flex-direction: row;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	background-color: #fff;
	padding: 0 30px 120px;
	min-height: 1200px;
}


ul#goods .goods_box {
	margin: 0;
	padding: 0 0 60px 0;
	display: inline-block;
	max-width: 50%;
}
ul#goods .goods_img {
	margin: 0;
}
ul#goods .goods_img img {
	display: block;
	width: 90%;
	-webkit-border-radius: 15px;
	        border-radius: 15px;;
	border: solid 4px #541700;
}
ul#goods .goods_text {
	color: #541700;
	width: 90%;	margin-top: -4px;
	padding: 16px 8px;
}

ul#goods .goods_text .name {
	font-size: 1.4rem;
	font-weight: bold;
	border-bottom: 1px dashed #541700;
	padding: 10px 0;
	letter-spacing: -0.15rem;
	line-height: 1.5rem;
}
ul#goods .goods_text .detail {
	font-size: 1.4rem;
	padding: 10px 0 0 0;
}

ul#goods .goods_text .release {
}
ul#goods .goods_text .price {
}



#goods_page{
	padding: 80px 10px 120px;
	font-size: 1.4rem;
}

#goods_page img{
	width: 100%;

   height: auto;
padding:0 10%;
display:inline-block;
}












/*			コミック			*/

div.comic_top{
	background-color: #fff;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
	background-image: none;
	background-size: auto;
	margin: 80px 30px 100px;
}
div.comic_top div.comic_top_text{
	display: block;
	color: #8c5642;
	font-weight: bold;
	font-size: 1.6rem;
	width: 100%;
	padding: 0 40px 110px;
	margin: 0;
}
ul#comic_list {
	display: block;
	padding: 0 0 80px;
	min-height: inherit;
}
ul#comic_list li.comic_box {
	padding: 0 20px;
	margin-bottom: 20px;
	display: flex;
	align-items: flex-start;
	border-bottom: 1px dashed #541700;
}
ul#comic_list li.comic_box:last-child {
	border-bottom: none;
}
/*
ul#comic_list li.comic_box:first-child::after {
	content: "new";
	color: #fff;
	font-size: 1.5rem;
	padding: 0 5px;
	background:#FF8B47;
	border-radius: 20px;
	display: inline-block;
	position: absolute;
	right:  20px;;
}
*/
ul#comic_list .comic_img {
	padding: 0 0 20px 0;
	margin: 0;
}

ul#comic_list .comic_img img {
	width: 90%;
}

ul#comic_list .comic_text {
	width: 130%;
	padding: 0;
	background: inherit;
	color: #541700;
	border: none;
}

ul#comic_list .comic_text .number {
	font-size: 2rem;
	font-weight: bold;
	border-bottom: 4px dotted #541700;
	padding-bottom: 10px;
}

ul#comic_list .comic_text .title {
	font-size: 1.4rem;
	padding-top: 10px;
}




#comic_page{
	padding: 80px 10px 120px;
	font-size: 1.4rem;
}

#comic_page img{
	width: 78%;
}











/*			だらりぐまって？			*/


div.whats_top{
	background-color: #fff;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
	background-image: none;
	background-size: auto;
	margin: 80px 30px 100px;
}







div.whats_top div.whats_text{
	display: block;
	color: #8c5642;
	font-weight: bold;
	font-size: 1.6rem;
	width: 100%;
	padding: 0 40px 110px;
	margin: 0;
}

div.whats_top div.whats_text p{
	margin-top: 10px;
}




div.whatsTopBottom{
  	display: block;
	position: relative;
	margin: 0 auto;
}
div.whatsTopBottom .whatsTopBottom_img_box{
  	display: block;
	position: absolute;
	right: 10px;
	bottom: -50px;
}
div.whatsTopBottom .whatsTopBottom_img_box img.whatsTopBottom_img{
  	display: block;
	width: 96px;
	height: 160px;
}














/*			キャラクター			*/

div#character {
	display: block;
	min-height: inherit;
	}


div#character {
	padding: 0 60px 100px;
	margin-top: -30px;
}
div#character .character_box {
	margin: 0;
}

div#character .character_img img {
	display: block;
	width: 100%;
}
div#character .character_text {
	width: 100%;
}

div#character .character_text .name {
	font-size: 2rem;
	font-weight: bold;
	border-bottom: 4px dotted #541700;
	padding: 9px 0 9px;
}
div#character .character_text .detail {
	font-size: 1.6rem;
	padding: 18px  0 0 0;
}



div.common_top{
	background-color: #fff;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
	background-image: none;
	background-size: auto;
	margin: 80px 30px 100px;
}

div.common_top div.common_text{
	display: block;
	color: #8c5642;
	font-weight: bold;
	font-size: 1.6rem;
	width: 100%;
	padding: 0 40px 110px;
	margin: 0;
}

div.common_top div.common_text p{
	margin-top: 10px;
}

div.common_top{
	background-color: #fff;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
	background-image: none;
	background-size: auto;
	margin: 80px 30px;
}

div.common_top div.common_text{
	display: block;
	color: #8c5642;
	font-weight: bold;
	font-size: 1.6rem;
	width: 100%;
	padding: 0 40px 50px;
	margin: 0;
}