@charset "shift_jis";
/* CSS Document */


#sok .main_wrap{
	position:relative;
	width:100%;
	height:auto;
}
#sok .main_wrap img{
	max-width:100%;
}
#sok .txt_on_img{
	position:absolute;
	width:100%;
	text-align:center;
	top:50%;
	left:50%;
	-ms-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	margin:0;
	padding:0;
}
#sok h2{
	margin:0 auto;
	font-size:16px;
	line-height:1.3em;
	font-weight:normal;
	letter-spacing:0.05em;
}
#sok .txt_on_img p{
	margin:0 auto 1em;
	font-size:14px;
	line-height:1em;
	font-weight:500;
}
#sok .cnt_wrap{
	width:100%;
	text-align:center;
}
#sok h1{
	display:inline-block;
	margin:0;
	padding:0 0.5em 0.5em;
	font-size:17px;
	font-weight:normal;
	color:#473933;
	border-bottom:1px solid #473933;
}
#sok .txt_main{
	width:90%;
	margin:40px auto;
	font-size:15px;
	line-height:23px;
}
#sok .nav{
	width:95%;
	margin:50px auto;
	padding:0;
	border-top:1px #473933 dashed;
	list-style:none;
}
#sok .nav_flex{
	position:relative;
	width:100%;
	border:none;
	border-bottom:1px #473933 dashed;
}
#sok .nav_flex:before{
	position:absolute;
	content:'';
	width:6px;
	height:6px;
	border:none;
	border-top:solid 1px #473933;
	border-right:solid 1px #473933;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
	right:15px;
	margin-top:-0.5em;
	margin-left:auto;
}
#sok .nav_flex a{
	position:absolute;
	top:0;
    left:0;
    width:100%;
    height:100%;
}
#sok .nav_ttl{
	font-size:15px;
	margin:0.6em 2em;
	text-align:left;
}
#sok .cnt_wrap h3{
	display:inline-block;
	font-size:17px;
	font-weight:normal;
	margin:0;
	padding:0 0.5em 0.5em;
	border-bottom:1px solid #473933;
}
#sok .sok_wrap{
	width:90%;
	margin:50px auto;
	padding:0;
	list-style:none;
}
#sok .sok_flex{
	position:relative;
	width:100%;
	margin:30px auto 0;
	border-bottom:1px dashed #473933;
	text-align:center;
}
#sok .sok_flex_end{
	border:none;
}
#sok .sok_flex .sok_img{
	max-width:100%;
	object-fit:cover;
	border-radius:50%;
	object-position:0 0;
}
#sok .sok_ttl{
	margin:0.7em auto;
	font-size:18px;
}
#sok .sok_txt{
	margin-bottom:30px;
	font-size:14px;
	line-height:21px;
	text-align:left;
}
#sok .sok_link{
	position:relative;
	width:310px;
	margin:0 auto;
}
#sok .sok_link a{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
#sok .sok_link p{
	margin:0 auto;
}
#sok .sok_link img{
	max-width:200px;
}
#sok .support{
	margin:0 0 1em 2em;
	padding:0;
}
#sok ul.support li{
	list-style:disc !important;
}
#sok .cnt_charity{
	width:90%;
	margin:0 auto;
	border:1px solid #473933;
	border-radius:10px;
}
#sok .cnt_charity_ttl{
	margin:30px auto 10px;
	font-size:19px;
	line-height:27px;
	font-weight:bold;
	text-align:center;
}
#sok .cnt_charity_txt{
	font-size:14px;
	line-height:21px;
	margin:0 20px 30px; 
	text-align:left;
}
#sok .cnt_charity_period{
	font-size:17px;
	margin:0 20px 20px; 
	text-align:center;
}
#sok .cnt_item_ttl{
	padding:0 0.5em 0.5em;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #473933;
}
#sok .cnt_item_txt{
	width:90%;
	margin:15px auto 30px;
	font-size:14px;
	text-align:left;
}
#sok .li-item{
	position:relative;
	margin-bottom:40px;
}
#sok .sale{
	position:absolute;
	width:90%;
	margin:0;
	padding:3px 8px 23px;
	top:-30px;
	left:50%;
	-ms-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	transform:translate(-50%,0);
	font-size:13px;
	text-align:center;
}
#sok .sok_card{
	width:90%;
	margin:0 auto;
	padding:0;
	list-style:none;
}
#sok .sok_card_type{
	width:100%;
	margin:0 auto 25px;
	text-align:center;
}
#sok .sok_card_type p{
	margin:0 auto 0.5em;
	font-size:17px;
}
#sok .sok_card_type img{
	max-width:100%;
	object-fit:cover;
	border-radius:20px;
	object-position:0 0;
}
#sok .report{
	width:90%;
	margin:0 auto;
}
#sok .report table{
	width:100%;
	line-height:1.7;
}
#sok .report table th{
	padding:10px;
	background:#eee;
}
#sok .report table td{
	padding:10px;
}
#sok table.tbl_bdr{
	border-collapse:collapse;
}
#sok table.tbl_bdr th{
	border:1px solid #ccc;
}
#sok table.tbl_bdr td{
	border:1px solid #ccc;
}


/******************************************
PC表示
******************************************/
@media screen and (min-width:768px){
#sok h2{
	font-size:30px;
}
#sok .txt_on_img p{
	margin:0 auto 1em;
	font-size:30px;
}
#sok h1{
	font-size:23px;
}
#sok .txt_main{
	width:690px;
	margin:40px auto;
	text-align:left;
}
#sok .nav{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	border:none;
}
#sok .nav_flex{
	width:calc( (100% - 75px) / 3 );
	height:100%;
	margin-bottom:15px;
	padding:0;
	border:1px solid #473933;
	border-radius:25px;
	box-sizing:border-box;
}
#sok .nav_flex:before{
	margin-top:-3px;
}
#sok .nav_ttl{
	text-align:center;
}
#sok .nav_flex a:hover{
	background:#ddd;
	border-radius:1em;
	filter:alpha(opacity=10); /* IE 6,7*/
	-ms-filter:"alpha(opacity=10)"; /* IE 8,9 */
	-moz-opacity:0.1; /* FF , Netscape */
	-khtml-opacity:0.1; /* Safari 1.x */
	opacity:0.1;
	zoom:1; /*IE*/
}
#sok h3{
	font-size:19px;
}
#sok .sok_wrap{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	border:none;
}
#sok .sok_flex{
	width:calc( (100% - 150px) / 3 );
	height:100%;
	margin:0 0 15px;
	padding:0;
	box-sizing:border-box;
	border:none;
}
#sok .sok_txt{
	margin-bottom:0;
}
#sok .cnt_charity{
	width:690px;
	margin:0 auto;
}
#sok .cnt_charity_txt{
	margin:0 25px 30px; 
	text-align:left;
}
#sok .cnt_charity_period{
	margin:0 20px 25px; 
	text-align:center;
}
#sok .cnt_item_ttl{
	font-size:19px;
	line-height:27px;
}
#sok .cnt_item_txt{
	width:auto;
	font-size:14px;
	text-align:center;
}
#sok .li-item{
	margin-bottom:0;
}
#sok .sok_card{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	border:none;
}
#sok .sok_card_type{
	width:calc( (100% - 60px) / 2 );
	height:100%;
	margin:0 0 15px;
	padding:0;
	box-sizing:border-box;
	border:none;
}
#sok .report{
	width:100%;
}

/* 対象商品ページの説明 */
#sok .mds{
	margin:0;
	padding:0;
	background:#473933;
	font-size:23px;
	line-height:2.4em;
	font-weight:normal;
	color:#fff;
}
#sok .txt_main2{
	width:800px;
	margin:30px auto;
}
#sok .cnt_charity2{
	width:800px;
}
#sok .list-col3_2 h5.cmnt, #sok .list-col4_2 h5.cmnt{
	display:none;
}
#sok .list-col3_2, #sok .list-col4_2{
	padding-bottom:30px;
	border-bottom:1px solid #473933;
}
}