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

.wrapper{
	max-width: 985px;
	width: 100%;
	margin: 0 auto 3%;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.lead{
	text-align: center;
	font-size: 16px;
	line-height: 1.8;
	margin: 5% auto;
}

.box{
	width: 100%;
	margin: 0 auto 15%;
	display: flex;
}

.flex2 {
  flex-flow: row-reverse;
}

.box-img{
	width: 50%;
	box-sizing: border-box;
}

.box-sub{
	width: 50%;
}

.box-sub-ttl{
	font-size: 30px;
	margin: 3% auto 5%;
	display: flex;
	align-items: center;
}

.box-sub-ttl:before{
	content: '';
	border-top: solid 1px #000;
	flex-grow: 1;
	margin-right: 1em;
}


.flex2 .box-sub-ttl:before{
	content: '';
	border-top: solid 0px #000;
	flex-grow: 0;
	margin-right: 0;
}

.flex2 .box-sub-ttl:after{
	content: '';
	border-top: solid 1px #000;
	flex-grow: 1;
	margin-left: 1em;
}


.box-sub-img{
	width: 100%;
	margin: 2% auto;
	background-color: #EEECE1;
	box-sizing: border-box;
	padding: 2%;
}

.box-sub-img img{
	display:block;
	width: 35%;
	margin: 1% auto;
}

.box-sub-img p{
	text-align: center;
	font-size: 12px;
	line-height: 1.5;
	margin: 2% auto 0;
}

.text-r{
	text-align: right;
}

.text-22{
	font-size: 24px;
}

.box-sub-lead{
	text-align: center;
	font-size: 13px;
	line-height: 1.8;
	margin: 5% auto 5%;
}

.box-sub-buy{
	font-size: 15px;
	line-height: 1.6;
	width: 60%;
	margin: 2% auto;
}

.box-sub-buy :after{
	display: inline-block;
	content: 'buy';
	color: #fff;
	background-color: #000000;
	width: 80px;
	text-align: center;
	float: right;
	padding: 0;
}

.box-sub-buy a{
	color: #000;
}

.all{
	width: 60%;
	margin: 5% auto;
	text-align: center;
	font-size: 15px;
}

.all a{
	display: block;
	background-color: #EEECE1;
	color: #000;
	padding: 2% 0;
}

.br_s{
	display: none;
}

/* スライダ― */
.slider{
	width: 90%;
	margin: 0 auto;
}

.slider {
	width: 100%;
}

.swiper-button-next:after, .swiper-button-prev:after {
  color: #666;
}

@media(max-width:750px){
.lead{
	font-size: 15px;
	margin: 8% auto;
}
	
.br_s{
	display: inline;
}

.box{
	width: 90%;
	margin: 0 auto 15%;
	display: block;
}

.box-img{
	width: 100%;
	margin-bottom: 5%;
}

.box-sub{
	width: 100%;
}

.box-sub-ttl{
	font-size: 24px;
	margin: 0;
	display: flex;
	align-items: center;
}

.box-sub-ttl:before, .box-sub-ttl:after, .flex2 .box-sub-ttl:before, .flex2 .box-sub-ttl:after{
	content: '';
	border-top: solid 1px #000;
	flex-grow: 1;
	margin-right: 0;
}

.box-sub-ttl:before, .flex2 .box-sub-ttl:before{
	margin-right: 1em;
}

.box-sub-ttl:after, .flex2 .box-sub-ttl:after{
	margin-left: 1em;
}


.box-sub-img img{
	width: 50%;
	margin: 2% auto;
}

.box-sub-img p{
	font-size: 13px;
	line-height: 1.5;
}

.text-22{
	font-size: 20px;
}

.box-sub-lead{
	font-size: 13px;
	line-height: 1.8;
	margin: 5% auto 10%;
}

.box-sub-buy{
	font-size: 16px;
	width: 80%;
	margin: 5% auto;
}
.box-sub-buy :after{
	width: 120px;
}

.all{
	width: 100%;
	margin: 10% auto;
}

.all a{
	padding: 4% 0;
}

/* スライダ― */
.slider{
	width: 90%;
	margin: 0 auto;
}
.slider {
	width: 100%;
}
.swiper-button-next:after, .swiper-button-prev:after {
  color: #666;
}}