@charset "utf-8";

/* -------------------------------------------------- */
/* file   : product.css                                   */
/* -------------------------------------------------- */

/*カテゴリ別タグ見出し*/
#product h5.cate {
	background:url(../../product/img/tag_h5cate.gif) 0 20% no-repeat;
	color: #e04617;
}

#product h5.price {
	background:url(../../product/img/tag_h5price.gif) 0 50% no-repeat;
	color: #86b239;
}

#product h5.cate,
#product h5.price{
	font-weight: bold;
	padding-left:20px;
	font-size:110%;
}

/*お礼の品選択のルール*/
#product .selectRules {
	line-height:1.5;
	border-collapse: separate;
	border-spacing:0 2px;
	width:100%;
}


#product .selectRules th,
#product .selectRules td{
	vertical-align:middle;
}

#product .selectRules th {
	background-color:#3e8431;
	color:#fff;
	border-bottom: dotted 2px #fff;
	width:45%;
	padding:5px 20px;
}

#product .selectRules td {
	border-bottom: dotted 2px #3e8431;
	padding:5px;
}

#product .select_box {
	background-color:#F0FFED;
	padding:15px;
}

#product .select_box h5 {
	margin-bottom:5px;
	border-bottom:1px dotted #3e8431;
	color:#3e8431;
}


/*グループ別*/
#product .gr4,.gr5,.gr6,.gr7,.gr8,.gr9,.gr10,.gr11,.gr12,.gr13,.gr14,.gr15,.gr16,.gr17,.gr18,.gr19,
.gr20,.gr21,.gr22,.gr23,.gr24,.gr25,.gr26,.gr27,.gr28,.gr29,.gr30,.gr31,.gr33,.gr34,.gr38,.gr40,.gr44,.gr45,.gr46,
.gr50,.gr52,.gr60,.gr67,.gr70,.gr74,.gr75,.gr80,.gr90,.gr97,.gr100,.gr110,.gr150{
	color: #86b239;
	font-weight: bold;
	border-bottom:1px dotted #86b239;
	padding:10px 0 6px 40px;
	margin-bottom: 5px;
}

#product .gr4{background: url(../../product/img/gr4.jpg) 0 50% no-repeat;}
#product .gr5{background: url(../../product/img/gr5.jpg) 0 50% no-repeat;}
#product .gr6{background: url(../../product/img/gr6.jpg) 0 50% no-repeat;}
#product .gr7{background: url(../../product/img/gr7.jpg) 0 50% no-repeat;}
#product .gr8{background: url(../../product/img/gr8.jpg) 0 50% no-repeat;}
#product .gr9{background: url(../../product/img/gr9.jpg) 0 50% no-repeat;}
#product .gr10{background: url(../../product/img/gr10.jpg) 0 50% no-repeat;}
#product .gr11{background: url(../../product/img/gr11.jpg) 0 50% no-repeat;}
#product .gr12{background: url(../../product/img/gr12.jpg) 0 50% no-repeat;}
#product .gr13{background: url(../../product/img/gr13.jpg) 0 50% no-repeat;}
#product .gr14{background: url(../../product/img/gr14.jpg) 0 50% no-repeat;}
#product .gr15{background: url(../../product/img/gr15.jpg) 0 50% no-repeat;}
#product .gr16{background: url(../../product/img/gr16.jpg) 0 50% no-repeat;}
#product .gr17{background: url(../../product/img/gr17.jpg) 0 50% no-repeat;}
#product .gr18{background: url(../../product/img/gr18.jpg) 0 50% no-repeat;}
#product .gr19{background: url(../../product/img/gr19.jpg) 0 50% no-repeat;}
#product .gr20{background: url(../../product/img/gr20.jpg) 0 50% no-repeat;}
#product .gr21{background: url(../../product/img/gr21.jpg) 0 50% no-repeat;}
#product .gr22{background: url(../../product/img/gr22.jpg) 0 50% no-repeat;}
#product .gr23{background: url(../../product/img/gr23.jpg) 0 50% no-repeat;}
#product .gr24{background: url(../../product/img/gr24.jpg) 0 50% no-repeat;}
#product .gr25{background: url(../../product/img/gr25.jpg) 0 50% no-repeat;}
#product .gr26{background: url(../../product/img/gr26.jpg) 0 50% no-repeat;}
#product .gr27{background: url(../../product/img/gr27.jpg) 0 50% no-repeat;}
#product .gr28{background: url(../../product/img/gr28.jpg) 0 50% no-repeat;}
#product .gr29{background: url(../../product/img/gr29.jpg) 0 50% no-repeat;}
#product .gr30{background: url(../../product/img/gr30.jpg) 0 50% no-repeat;}
#product .gr31{background: url(../../product/img/gr31.jpg) 0 50% no-repeat;}
#product .gr33{background: url(../../product/img/gr33.jpg) 0 50% no-repeat;}
#product .gr34{background: url(../../product/img/gr34.jpg) 0 50% no-repeat;}
#product .gr38{background: url(../../product/img/gr38.jpg) 0 50% no-repeat;}
#product .gr40{background: url(../../product/img/gr40.jpg) 0 50% no-repeat;}
#product .gr44{background: url(../../product/img/gr44.jpg) 0 50% no-repeat;}
#product .gr45{background: url(../../product/img/gr45.jpg) 0 50% no-repeat;}
#product .gr46{background: url(../../product/img/gr46.jpg) 0 50% no-repeat;}
#product .gr50{background: url(../../product/img/gr50.jpg) 0 50% no-repeat;}
#product .gr52{background: url(../../product/img/gr52.jpg) 0 50% no-repeat;}
#product .gr60{background: url(../../product/img/gr60.jpg) 0 50% no-repeat;}
#product .gr67{background: url(../../product/img/gr67.jpg) 0 50% no-repeat;}
#product .gr70{background: url(../../product/img/gr70.jpg) 0 50% no-repeat;}
#product .gr74{background: url(../../product/img/gr74.jpg) 0 50% no-repeat;}
#product .gr75{background: url(../../product/img/gr75.jpg) 0 50% no-repeat;}
#product .gr80{background: url(../../product/img/gr80.jpg) 0 50% no-repeat;}
#product .gr90{background: url(../../product/img/gr90.jpg) 0 50% no-repeat;}
#product .gr97{background: url(../../product/img/gr97.jpg) 0 50% no-repeat;}
#product .gr100{background: url(../../product/img/gr100.jpg) 0 50% no-repeat;}
#product .gr110{background: url(../../product/img/gr110.jpg) 0 50% no-repeat;}
#product .gr150{background: url(../../product/img/gr150.jpg) 0 50% no-repeat;}


#product #main_cont .item_h3,
#product #main_cont .item_h3_02{
	margin:0 0 10px 0;
	color:#fff;
	font-weight:bold;
	border:1px solid #265f1b;
}

#product #main_cont .details_detail .item_box {
	 width: 100%;
}

#product #main_cont .details_detail .item_box th,
#product #main_cont .details_detail .item_box td {
	padding:10px;
	border:1px solid #ddd;
}

#product #main_cont .details_detail .item_box th {
	background:#3e8431;
	color:#FFFFFF;
	vertical-align:middle;
}

@media print,screen and (min-width: 681px){

.pc{ display:block; }
.sp{ display:none; }


/*カテゴリ別タグ見出し*/
#product h5{
	font-size: 130%;
}
#product h6{
	text-indent: 20px;
	font-size: 115%;
}

/*グループ別*/
#product .gr4,.gr5,.gr6,.gr7,.gr8,.gr9,.gr10,.gr11,.gr12,.gr13,.gr14,.gr15,.gr16,.gr17,.gr18,.gr19,
.gr20,.gr21,.gr22,.gr23,.gr24,.gr25,.gr26,.gr27,.gr28,.gr29,.gr30,.gr31,.gr33,.gr34,.gr38,.gr40,.gr44,.gr45,.gr46,
.gr50,.gr52,.gr60,.gr67,.gr70,.gr74,.gr75,.gr80,.gr90,.gr97,.gr100,.gr110,.gr150{
	font-size: 143%;	
}

/*お礼の品詳細　見出し*/
#product #main_cont .item_h3,
#product #main_cont .item_h3_02 {
	padding:6px 0 6px 75px;
	background: url(../../img/ico_h3.png) no-repeat 1% 50%,-webkit-gradient(linear, left top, left bottom, from(#2d6b22), to(#265f1b));
	background: url(../../img/ico_h3.png) no-repeat 1% 50%,-webkit-linear-gradient(top, #2d6b22, #265f1b);
	background: url(../../img/ico_h3.png) no-repeat 1% 50%,-moz-linear-gradient(top, #2d6b22, #265f1b);
	background: url(../../img/ico_h3.png) no-repeat 1% 50%,-ms-linear-gradient(top, #2d6b22, #265f1b);
	background: url(../../img/ico_h3.png) no-repeat 1% 50%,-o-linear-gradient(top, #2d6b22, #265f1b);
	font-weight:bold;
	border-radius: 3px;          
	height:auto;
}

#product #main_cont .item_h3{
	font-size:160%;
}

#product #main_cont .item_h3_02 {
	font-size:130%;
}

#product .sec_box .inner_brand_l{
	width:440px;
	float:left;
	line-height:1.5;
}
#product .sec_box .inner_brand_l ul{
	margin-top:8px;
}
#product .sec_box .inner_brand_l li{
	float:left;
}
#product .sec_box .inner_brand_r{
	width:245px;
	float: right;
}
#product .price_box{
	margin-top:10px;
}
#product .price_box li{
	float:left;
	width:32%;
	margin-right:1%;
	margin-bottom:1%;
}

#product .sec_box .sec_inner .category_ul{
	margin-top: 10px;
	width: 716px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
#product .sec_box .sec_inner .category_ul a{
	color:#666;
/*	text-decoration:none;*/
}
#product .sec_box .sec_inner .category_ul a:hover{
	color:#0000FF;	
	text-decoration:none;
}
/*
#product .sec_box .sec_inner .category_ul a:hover{
	text-decoration: underline;
}
*/
#product .sec_box .sec_inner .category_ul li{
	width:164px;
	float:left;
	line-height:1.4;
	margin-right:15px;
	margin-bottom:10px;
}
#product .sec_box .sec_inner .category_ul li .pic{
	margin:10px 0;
}
#product .category_title{
	margin-bottom:30px;
	background:url(../../product/img/category_img.jpg) no-repeat;
	width:690px;
	height:45px;
	color:#FFF;
	font-size:160%;
	padding:10px 0 0 60px;
	font-weight:bold;
}

/*グループ・寄附金額別メニュー*/
#product .sec_box .sec_inner #Gbox a {
	text-decoration:none;
}
#product .sec_box .sec_inner #Gbox .sbox a:hover{
	background:#EFF6E8;
}
#product .sec_box .sec_inner #Gbox p {
	font-size:200%;
	color:#3D9644;
	font-weight:bold;
	margin:10px 0 0;
}
#product .sec_box .sec_inner #Gbox .sbox {
	width:224px;
	height:64px;
	float:left;
	border-radius: 4px;  
  -webkit-border-radius: 4px;  
  -moz-border-radius: 4px;
	border:#8AB100 2px solid;
	text-align:center;
}
#product .sec_box .sec_inner #Gbox button { 
	width:224px;
	border:#8AB100 2px solid;
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;  
  -webkit-box-shadow: 1px 1px 2px #FFFFFF;  
  -moz-box-shadow: 1px 1px 2px #666666;
	padding:20px auto 20px;
}

#product .sec_box .sec_inner #Gbox button a:hover { 
  -webkit-box-shadow: 1px 1px 2px #E7E7E7;  
  -moz-box-shadow: 1px 1px 2px #E7E7E7;
}
	

/* details
 -------------------------------------------------- */
#product #sns ul{
	float:left;
}
#product #sns li{
	float:left;
	margin-right:10px;
}
#product #sns .day{
	float:right;
}
#product #sns .fb-like {
	line-height:0!important;
}
#product .details_box{
	margin-top:20px;
}
#product .details_left{
	width:569px;
	float:left;
}
#product .details_box ul{
	width:130px;
	float:right;
}
#product .details_box ul li{
	margin-bottom:4px;
	cursor:pointer;
}
#product .details_txt01{
	font-size:110%;
	font-weight:bold;
	margin:15px 0 20px 0;
}
#product .details_detail{
	margin-top: 20px;
}

#product #main_cont .details_detail .item_box th {
	width:20%;
}

/*お礼の品選択のルール*/
#product #selectRules{
	font-size:12px;
	font-weight:bold;
	margin:15px 0;
}
#product #selectRules dl{
	margin-bottom:5px;
	border-bottom-width:2px;
	border-bottom-style:dotted;

}
#product #selectRules dt{
	width:220px;
	float:left;
	padding:3px 3px 3px 20px;
}
#product #selectRules dd{
	float:left;
	padding:3px 0 0 10px;
}
#product #selectRules a{
	color: #53278A;
}
#product #selectRules a:hover{
	text-decoration:none;
}

/*ページTOPへのリンク*/
#product #main_cont #PtopLink {
	text-align:right;
	margin:10px 0 ;
}
#product #main_cont #PtopLink a {
	color: #53278A;
}
#product #main_cont #PtopLink a:hover {
	text-decoration:none;
}

#pagrtop {
	margin:30px auto 20px ;
	width:1020px;
	text-align: right;
	clear:both;
}

#pagrtop a {
	color:#000000;
	text-decoration:underline;
}

#pagrtop a:hover {
	color:#000000;
	text-decoration:none;
}

}






@media screen and (max-width: 681px){

.pc{ display: none; }
.sp{ display: block; }


/*グループ別*/
#product .gr4,.gr5,.gr6,.gr7,.gr8,.gr9,.gr10,.gr11,.gr12,.gr13,.gr14,.gr15,.gr16,.gr17,.gr18,.gr19,
.gr20,.gr21,.gr22,.gr23,.gr24,.gr25,.gr26,.gr27,.gr28,.gr29,.gr30,.gr31,.gr33,.gr34,.gr38,.gr40,.gr44,.gr45,.gr46,
.gr50,.gr52,.gr60,.gr67,.gr70,.gr74,.gr75,.gr80,.gr90,.gr97,.gr100,.gr110,.gr150{
	font-size: 122%;
}


#product .selectRules th {
	width:60%;
}

/*お礼の品詳細　見出し*/
#product #main_cont .item_h3,
#product #main_cont .item_h3_02{
	color:#fff;
}

#product .sec_box .inner_brand_l ul{
	display:none;
}
#product .sec_box{
	padding:10px 5px;
}
#product .sec_box .inner_brand_r{
	width:100%;
	float: none;
	margin-top:20px;
}
/*#product .price_box{
	margin-top:10px;
}
#product .price_box2{
	margin-top:0px;
}
#product .price_box li,#product .price_box2 li{
	float:none;
	width:100%;
	margin-bottom:10px;
}*/

#product .price_box li{
	float:left;
	width:48%;
	margin-right:1%;
	margin-bottom:1%;
}
#product .sec_box .sec_inner .category_ul a{
	color:#666;
/*	text-decoration:none;*/
}
#product .sec_box .sec_inner .sp_mt{
	margin-top:20px;
}
#product .sec_box .sec_inner .category_ul{
	width:100%;
	overflow:hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
#product .sec_box .sec_inner .category_ul li{
	width:49%;
	float:left;
	line-height:1.4;
	margin-bottom:20px;
}

#product .sec_box .sec_inner .category_ul li:nth-child(even){
	margin-left:2%;
}

#product .sec_box .sec_inner .category_ul li .pic{
	margin:10px 0;
}

#product .category_title{
	background:#EC7845;
	padding:2% 5% 2% 3%;
	color:#FFFFFF;
	font-size:120%;
	margin-bottom:10px;
	font-weight:bold;
}

#product .selectRules {
    width: 100%;
}

/* details
 -------------------------------------------------- */
iframe.twitter-share-button {
width:90px!important;
}
#product #sns ul{
	float:none;
}
#product #sns li{
	float:left;
	margin-right:10px;
}
#product #sns .day{
	float:none;
	text-align:right;
}
#product .details_box{
	margin-top:10px;
}
#product .details_left{
	width:100%;
	float:none;
}
#product .details_box ul{
	width:100%;
	float:none;
	margin-top:5px;
}
#product .details_box ul li{
	margin-bottom:0;
	width:23.7%;
	float:left;
}
#product .details_box .sp_details_ml{
	margin-left:5px;
}
#product .details_txt01{
	font-size:110%;
	font-weight:bold;
	margin:10px 0 10px 0;
}

#product .details_detail{
	margin:20px auto 0;
}

#product #main_cont .details_detail .item_box {
	margin:0 auto;
}

#product #main_cont .details_detail .item_box th,
#product #main_cont .details_detail .item_box td {
	display:block;
	border-top: none;
}

#product #main_cont .details_detail .item_box th {
	border-top:1px solid #ddd;
}


/*お礼の品選択のルール*/
#product #selectRules{
	font-size:12px;
	font-weight:bold;
	margin:15px 0;
}
#product .selectRulesRE th {
	background-color:#3e8431;
	color:#fff;
	border-bottom: dotted 2px #fff;
	width:35%;
	padding:5px 10px;
}

#product #selectRules dl{
	width:auto;
	margin:0;
	border-right-width:1px;
	border-left-width:1px;
	border-right-style:solid;
	border-left-style:solid;
}
#product #selectRules dt{
	width:auto;
	padding:3px;
}
#product #selectRules dd{
	width:auto;
	padding:3px 10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

}

/*注意コメント追加*/
.att {
	font-weight: bold;
	color: #FF6E00;
}
.att2 {
  font-weight: bold;
  color: #FF0000;
  font-size: 122%;
}
