@charset "UTF-8";
/* CSS Document */
.xs_none{
    display: none!important;
}

.xs_only{
	display: block;
}

.txt50xs {font-size: 50% !important;}
.txt60xs {font-size: 60% !important;}
.txt70xs {font-size: 70% !important;}
.txt80xs {font-size: 80% !important;}
.txt90xs {font-size: 90% !important;}
.txt100xs {font-size: 100% !important;}
.txt110xs {font-size: 110% !important;}
.txt120xs {font-size: 120% !important;}
.txt130xs {font-size: 130% !important;}
.txt140xs {font-size: 140% !important;}
.txt150xs {font-size: 150% !important;}
.txt160xs {font-size: 160% !important;}
.txt170xs {font-size: 170% !important;}
.txt180xs {font-size: 180% !important;}
.txt190xs {font-size: 190% !important;}
.txt200xs {font-size: 200% !important;}
.txt240xs {font-size: 240% !important;}
.txt280xs {font-size: 280% !important;}

.xs_mb0 {margin-bottom: 0 !important;}
.xs_mb05 {margin-bottom: 5px !important;}
.xs_mb10 {margin-bottom: 10px !important;}
.xs_mb20 {margin-bottom: 20px !important;}
.xs_mb30 {margin-bottom: 30px !important;}
.xs_mb40 {margin-bottom: 40px !important;}
.xs_mb50 {margin-bottom: 50px !important;}
.xs_mb60 {margin-bottom: 60px !important;}
.xs_mb80 {margin-bottom: 80px !important;}
.xs_mb100 {margin-bottom: 100px !important;}

.xs_mt0 {margin-top: 0 !important;}
.xs_mt10 {margin-top: 10px !important;}
.xs_mt20 {margin-top: 20px !important;}
.xs_mt30 {margin-top: 30px !important;}
.xs_mt40 {margin-top: 40px !important;}
.xs_mt50 {margin-top: 50px !important;}
.xs_mt60 {margin-top: 60px !important;}
.xs_mt80 {margin-top: 80px !important;}
.xs_mt100 {margin-top: 100px !important;}

.xs_ml0 {margin-left: 0 !important;}
.xs_ml10 {margin-left: 10px !important;}
.xs_mr0 {margin-right: 0 !important;}
.xs_mr10 {margin-right: 10px !important;}

/*------------------------------*/

.section_padding_l{
	padding-top: 50px;
	padding-bottom: 50px;
}

.common_h2_title .en{
	font-size: 32px;
}
.common_h2_title .jp{
	font-size: 16px;
}


.top_main{
	background-size: 100%;
	padding-top: 57%;
}
.main_feature{
	margin-top: -20px;
	padding-bottom: 0;
}

.sec03 .item{
	display: block;
}
.sec03 .item .txt,
.sec03 .item .img{
	width: 100%;
}


.sec04 .about_flex .txt{
	order: 1;
}
.sec04 .about_flex .img{
	order: 2;
}


.sec04 .about_title .en{
	max-width: 300px;
}

.sec04 .about_title .jp{
	font-size: 28px;
}
.sec04 .about_flex .point h4{
	font-size: 24px;
}

.sec05 h2 span{
	font-size: 28px;
}
.sec05 h2 small{
	font-size: 18px;
}
.sec05 h2 small.baloon{
	height: 85px;
	top: -85px;
}

section.sec11 .bg_area{
	background: none;
}

.product_tbl{
	background: #FBF8F7;
	padding: 0;
}
.product_tbl th, .product_tbl td{
	padding: 15px 10px;
}


.dev_box .txt .comment{
	font-size: 120%;
	margin-bottom: 10px;
}


.lower_item .item{
	flex-direction: column;
}

.lower_item .item .img{
	width: 100%;
	max-width: 250px;
	margin: 0 auto 20px;
}
.lower_item .item .txt{
	width: 100%;
}

.lower_item .item .txt .catch{
	font-size: 24px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.lower_item .item .txt .price{
	margin-bottom: 20px;
}

.lower_item .item .txt .price span{
	font-size: 16px;
}
.lower_item .item .txt .price .txt_price{
	font-size: 30px;
}
.lower_item .item .txt .price .tax{
	font-size: 14px;
}

.faq_set .faq_q, .faq_set .ac_inner, .shop_toggle_list .shop, .shop_toggle_list .about{
	font-size: 100%;
	line-height: 1.6;
}

.faq_set .icon_q, .faq_set .icon_a{
	width: 30px;height: 30px;
	margin-right: 15px;
	font-size: 20px;
}

.buy_block {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.buy_block_flex{
	display: block;
}
.buy_block_flex_left {
	width: 100%;
	padding: 30px 30px 0;
	text-align: center;
}
.buy_block_flex_left img{
	width: 240px;;
}
.buy_block_flex_right{
	width: 100%;
	padding: 30px;

}
.buy_block_flex_right_inner{
	max-width: 100%;;
}