header .lead {
color:#004098;
text-align:center;
}

header .inner {
position:relative;
margin:0 auto;
max-width:640px;
}
header h1 {
padding:10px;
width:140px;
}

header h1 img {
width:100%;
height:auto;
}
header .b_more {
	top: 16px;
}

#makiba {
margin:0 auto;
max-width:640px;
}
#makiba article {
width:100%;
padding:0;
}
#makiba section {
margin:0 auto;
width:100%;
}
#makiba section h2 {
margin:0;
}
#makiba section .lead2 {
margin:15px;
text-align:center;
color:#00afec;
line-height:1.4;
}

#makiba section ul {
margin:20px auto;
width:80%;
line-height:1.6;
text-align:left;
list-style-type:disc;
list-style-position:outside;
color:#690000;
}
#makiba section ul li {
margin-bottom:0.7em;
}
#makiba section ul li span {
color:#000000;
}

footer {
margin:0 auto;
max-width:640px;
border-top: 0px solid gainsboro;
}

.swiper {
	img {
		width: 100%;
		height: auto;
	}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 1px;
}
.swiper-pagination-bullet {
  border-radius: inherit;
  margin: 0 5px!important;
  width: 40px;
  height: 5px;
}
.swiper-pagination-bullet-active {
    background: #1d2088;
}
}
#info {
margin:0 auto;
width: min(70vw , 640px);
img {
	width: 100%;
	height: auto;
}
}

@media screen and (max-width: 499px) {
	#info {
 ul {
	padding-block: 15px;
	li {
		margin-top:15px;
	}
}
}
}
@media screen and (min-width: 500px) {
	#info {
		width: min(90% , 640px);
		ul {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows: 1fr;
			grid-column-gap: 15px;
			grid-row-gap: 0px;
			padding-block: 30px;

 }
}
}

.product_img {
width:100%;
}
.product_img img {
width:100%;
height:auto;
}
.product_txt {
padding:0 10% 8%;
line-height:1.4;
}

.play_img {
width:100%;
}
.play_img img {
width:100%;
height:auto;
}
.play_txt {
padding:4% 10% 8%;
line-height:1.4;
}

.make_btn {
	margin:20px 3% 0;
	overflow:hidden;
	width:94%;
}
.make_btn p {
	width:49%;
	float:right;
}
.make_btn p:first-child {
float:left;
}
.make_box {
	margin:0 3%;
overflow:hidden;
	width:94%;
}
.make_box .product_txt {
padding:0;
line-height:1.4;
text-align:center;
}
.make_box .inner {
	padding:0 2%;
overflow:hidden;
	width:96%;
}
.make_box.bg1 {
	background-image:url(/makibano-asa/sp/make/img/bg1.png);
	background-position:left top;
	background-repeat:repeat-y;
	background-size:contain;
}
.make_box.bg2 {
	background-image:url(/makibano-asa/sp/make/img/bg2.png);
	background-position:left top;
	background-repeat:repeat-y;
	background-size:contain;
}

#tsukutte {
position: relative;
width: 100%;
padding-bottom: 30px;
background-color: #b5d676;
}
#tsukutte * {
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}
#tsukutte img {
width: 100%;
height: auto;
}
#tsukutte p.sec01 {
width: 94.48%;
margin-top: -4%;
}
#tsukutte div.sec02 {
width: 92.96%;
}
#tsukutte div.sec02 p {
margin-top: -2%;
}
#tsukutte div.sec02 p.sec02_title {
margin: 10% auto;
}
#tsukutte div.sec02 p.sec02_bottom {
margin: 10% auto;
}

#tsukutte div.movie {
position: relative;
padding: 13% 0 18%;
width: 93.1%;
min-height:30%;
background: url("/makibano-asa/sp/play/img/movie_bg.png") no-repeat top center;
background-size:contain;
}
#tsukutte div.movie .inner {
margin: 0 auto;
padding: 0;
width: 90%;
height: 45vw;
max-height: 302px;
position: relative;
}
#tsukutte div.sec04 {
width: 100%;
margin-top: 10%;
}
#tsukutte div.sec04 p.sec04_bottom {
padding: 6% 0;
}