@charset "utf-8";










/* 20241002追加 */
.img{
	width: 100%;
	max-width: 100%;
}











/*********************************************
　　　　　　　　　　ベースCSS
***********************************************/






.clearfix::after {
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
  }

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.float_l{ float:left; width:49%; }
	.float_r{ float:right; width:49%; }
	.float_l32{ float:left; width:32%; }
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.float_l,
	.float_r,
	.float_l32{ float:none; }
}

@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.float_l_sp{ float:left; width:49%; }
	.float_r_sp{ float:right; width:49%; }
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.float_l img,
	.float_r img,
	.float_l32 img{ width:100%; }
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.float_l35{ float:left; width:35%; }
	.float_r65{ float:right; width:65%; }
	.float_l40{ float:left; width:40%; }
	.float_r60{ float:right; width:60%; }
	.float_l45{ float:left; width:45%; }
	.float_r55{ float:right; width:55%; }
	.float_c{ margin:0 auto; width:49%; }
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.float_r div{ text-align:center; }
	.float_r div p{ width:345px; margin:0 auto; text-align:left; }
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.float_r div{ text-align:center; }
	.float_r div p{ width:345px; margin:0 auto; text-align:left; }
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.float_3column-box{ margin-left:-4px; }
	.float_3column{ width:290px !important; margin-left:4px; }
	.float_3column img{ width:100%; }
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.warudaros-float_l{ float:left; width:58%; }
	.warudaros-float_r{ float:right; width:40%; }
}




.width-over-box{
	width:100%;
	text-align:center;
	}
	@media screen and ( min-width:768px ) { /* PC ==================== */
	}
	@media screen and ( max-width:768px ) { /* SP  ==================== */
	.width-over-box img{
	width:90%;
	}
	}
	



.align-center{ text-align:center !important; }
.margin-center{ margin:0 auto !important; }
.align-right{ text-align:right !important; }
.align-left{ text-align:left !important; }
.con_body p{ margin:5px 0; }



.title_warudar_blackbox{
	background: #000;
}
.title_warudar{
	text-align:center;
	margin:40px 0 10px 0;
	padding:10px 0 5px 0;
	background: -webkit-gradient(linear, left top, right top, from(rgba(143,255,60,1)),color-stop(50%,rgba(143,255,60,0)),to(rgba(143,255,60,1)));
	background: linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0), rgba(143,255,60,1));
	background: -moz-linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0), rgba(143,255,60,1));
	background: -o-linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0), rgba(143,255,60,1));
	background: -ms-linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0), rgba(143,255,60,1));
	line-height: 1;
}

.stitle_warudar{
	margin:40px 0 10px 0;
	padding-bottom:3px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(143,255,60,1)),to(rgba(143,255,60,0)));
	background: linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0));
	background: -moz-linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0));
	background: -o-linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0));
	background: -ms-linear-gradient(left, rgba(143,255,60,1), rgba(143,255,60,0));
}
.title_warudar2{
	text-align:center;
	margin:40px 0 10px 0;
	padding:10px 0 5px 0;
	background: -webkit-gradient(linear, left top, right top, from(rgba(0,214,186,1)),color-stop(50%,rgba(0,214,186,0)),to(rgba(0,214,186,1)));
	background: linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0), rgba(0,214,186,1));
	background: -moz-linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0), rgba(0,214,186,1));
	background: -o-linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0), rgba(0,214,186,1));
	background: -ms-linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0), rgba(0,214,186,1));
}

.stitle_warudar2{
	margin:40px 0 10px 0;
	padding-bottom:3px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(143,255,60,1)),to(rgba(143,255,60,0)));
	background: linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0));
	background: -moz-linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0));
	background: -o-linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0));
	background: -ms-linear-gradient(left, rgba(0,214,186,1), rgba(0,214,186,0));
}
.stitle_warudar3{
	margin:40px 0 10px 0;
	padding:0 0 0 0;
	border:2px solid #8fff3c;
	text-align:center;
	font-size:120%;
}
.stitle_warudar3 .stitle_warudar{
	margin:15px 0 10px 0;
}

.stitle_warudar span,
.stitle_warudar2 span{
	display:block;
	background-color:#000;
	padding-bottom:2px;
}

.margin-top10{ margin-top:10px; }
.margin-top20{ margin-top:20px; }
.margin-top30{ margin-top:30px; }
.margin-top40{ margin-top:30px; }
.margin-top50{ margin-top:50px; }
.margin-top60{ margin-top:60px; }
.margin-top70{ margin-top:70px; }
.margin-top80{ margin-top:80px; }
.margin-top90{ margin-top:90px; }
.margin-top100{ margin-top:100px; }
.margin-left10{ margin-left:10px; }
.margin-left20{ margin-left:20px; }
.margin-right10{ margin-right:10px; }
.margin-right15{ margin-right:15px; }
.margin-right20{ margin-right:20px; }



.font-green-bold{
	font-size:120%;
	font-weight:bold !important;
	line-height:1.0;
	color:#8FFF3C;
}



@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.float_r div{ text-align:center; }
	.float_r div p{ width:345px; margin:0 auto; text-align:left; }
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	.float_r div{ text-align:center; }
	.float_r div p{ width:345px; margin:0 auto; text-align:left; }
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.float_3column-box{ margin-left:-4px; }
	.float_3column{ width:290px !important; margin-left:4px; }
	.float_3column img{ width:100%; }
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.warudaros-float_l{ float:left; width:58%; }
	.warudaros-float_r{ float:right; width:40%; }
}




/* 
-------------------------------------------------------------------------------- */
#product_details_box {
	margin: 0 auto;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	#product_details_box {
		width: 880px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	#product_details_box {
		width: 100%;
		padding: 0 5%;
		text-align: center;
	}
	#product_details_box img{
		width:100%;
	}
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	#product_details_box ul#product_details_bunner {
		width: 800px;
		height: 100%;
		list-style: none;
		margin: 40px auto;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	#product_details_box ul#product_details_bunner {
		width: 100%;
		height: 100%;
		list-style: none;
		margin: 0 auto;
	}
}

#product_details_box ul#product_details_bunner li {
	display: block;
	position: relative;
	z-index: 9999;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	#product_details_box ul#product_details_bunner li {
		width: 800px;
		height: 240px;
		overflow:hidden;
		margin: 30px 0!important;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	#product_details_box ul#product_details_bunner li {
		width: 350px;
		height: 105px;
		margin: 10px auto;
	}
}

#product_details_box ul#product_details_bunner li a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-position: 0 0;
	background-size: cover;
}

@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	#product_details_box ul#product_details_bunner li a:hover{
		background-position: 0 -240px;
	}
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	#product_details_box ul#product_details_bunner li a:hover{
		background-position: 0 -105px;
	}
}

#product_details_box ul#product_details_bunner li a span{
	display: none;
}

h4 {
	clear: both;
	border-bottom: 1px dotted #fff;
	padding: 5px 0;
	margin: 30px 0 0 0;
	text-align: left;
	font-weight: bold;
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	h4 { font-size: 140%; }
}
@media screen and ( max-width:640px ) { /* ---------- SP ---------- */
	h4 { font-size: 120%; }
}









/* 
-------------------------------------------------------------------------------- */
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	.da78_top {
		width:100%;
		position:relative;
	}
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */
	
	
	.da78_top .da78_top-img{
		width:680px;
		float:left;
		margin-top:30px;
		margin-left:-120px;
		margin-right:10px;
	}
	
	.da78_top .da82_top-img{
		width:599px;
		float:left;
		margin-top:30px;
		margin-left:-80px;
		margin-right:10px;
	}
}
@media screen and ( min-width:640px ) { /* ---------- PC ---------- */

	.da78_top div{
		width:310px;
		margin-top:20px;
		float:right;
	}

}


/* 20241002追加 */
.da78_top{
	margin-top: 50px;
}

.da78_top div img{
	width:100%;
	margin-top: 50px;
}

@media screen and (max-width:639px) {
	.da78_top>div{
		margin: 0 auto;
	}
	.margin-top100{
		margin-top: 50px;
	}
	.margin-top50{
		margin-top: 20px;
	}
}



.top-img-line-green{
	border: 1px solid #009315;
}

.top-img-line-green img{
	margin:0 !important;
}

.arrow{
	padding:10px 0 !important;
}

.top-img-line-green p{
	background: #009315;
	text-align: center;
	padding:5px;
	margin:0;
}


/* 20241002追加 */
#product_details_box .font-green-bold img{
	width: 35%;
}

@media screen and (max-width:639px) {
	#product_details_box .font-green-bold{
		text-align: left;
	}
	#product_details_box .font-green-bold img{
		width: 60%;
	}
}

#product_details_box .title01,#product_details_box .title02,#product_details_box .title07{
	width: 85%;
}

#product_details_box .title03,#product_details_box .title05,#product_details_box .title06{
	width: 35%;
}

#product_details_box .title04,#product_details_box .title08{
	width: 40%;
}

#product_details_box .title09{
	width: 45%;
}

#product_details_box .title10{
	width: 60%;
}

@media screen and (min-width:640px) {
	.valign-children{
		width: 30% !important;
		position: absolute;
		bottom: 0;
		right: 0;
	}
}



.btn_mall_btn{
	text-align:center;
	position: relative;
}
.btn-light{
    background-image:url("../../img/btn-ttm-api.jpg") !important;
    background-color: transparent !important;
    border:0 !important;
    color:#000 !important;
    font-weight:bold !important;
    text-decoration:none !important;
    text-align:center !important;

    position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.btn-light:hover,
.btn-light:visited{
    background-color: transparent !important;
    border:0 !important;
    color:transparent !important;
}
.btn-light{
	-webkit-transition: none !important;
	transition: none !important;
}
.btn-light:before, .btn-light:after {
	-webkit-transition: none !important;
	transition: none !important;
	content: none !important;
}

@media screen and ( min-width:768px ) { /* PC ==================== */
	.btn_mall_btn{
		margin:100px 0;
	}
    .btn-light{
     width:300px;
     height:120px;
     font-size:150% !important;
     line-height:170px !important;
     margin:10px auto 0 !important;
    }
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
	.btn_mall_btn{
		margin:50px 0;
	}
    .btn-light{
     width:200px;
     height:80px;
     font-size:100% !important;
     line-height:115px !important;
     background-size:200px !important;
     margin:10px auto 0 !important;
    }
}