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

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	基本
 	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
* {
margin : 0;
padding : 0;
/*box-sizing: border-box;*/
}


body{
font: 1.0rem/1.6 "Hiragino Kaku Gothic Pro",Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
margin:0;
color:#313131;
}

img{
outline:none;
border-style:none;

vertical-align: bottom;
}
ul,ol{
list-style-type: none;
}
table {
/*先方が創っていたテーブルのボーダーが消えたため
border-collapse: collapse;
border-spacing: 0;*/
}
.clear {
clear: both;
}
br.clear {
clear: both;
}



a:link	{color:#003399; text-decoration: none;}
a:visited {color:#003399; text-decoration: none;}
a:hover   {color:#D03169; text-decoration: none;}


/*
a{
	color:blue;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
a:visited{
	color:blue;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
a:hover {
	color: #F5A862;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
*/



/* --------------- 非表示設定 ---------------- */

	@media screen and ( min-width: 751px )  {  /* ウィンドウサイズが 751px 以上の場合有効 */
	.sp_part { 
	display : none; 
	}
	
	}


	@media screen and ( max-width: 750px ) {   /* ウィンドウサイズが 750px 以下の場合有効 */
	.pc_part { 
	display : none; 
	}

	}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	基本構造
 	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* base configure */
header.gold, .branding, footer, .main, .side-menu {
/*padding: 15px;*/
/*text-align: center;*/
/*font-size: 1.2rem;*/
/* color: #fff;*/
}
header.gold, .branding, footer {
background: #ffffff;
margin: 0 auto;
}
.branding {
background: #ffffff;
}
.main {
background: #7fc2ef;
text-align: left;
}
.side-left {
background: #ffffff;
}
.side-right {
background: #dbe159;
}
.main, .side-left, .side-right {
min-height: 200px;
}




/* display column */
.column1 .side-left, .column1 .side-right {
display: none;
}
.column2-left .side-right, .column2-right .side-left {
display: none;
}

	/* Sideways tablet, PC */
	@media (min-width: 992px) { /*992px 以上*/
	/* content width init */
	.column1 header.gold, .column1 .branding, .column1 footer {
	max-width: 900px;
	}
	.column2-left header.gold, .column2-left footer,
	.column2-right header.gold, .column2-right footer {
	max-width: 1000px;
	}
	.column2-left .branding,
	.column2-right .branding, {
	max-width: 100%;
	}
	.column3 header.gold, .column3 .branding, .column3 footer {
	max-width: 1000px;
	}
	.column1 .main {
	width: 900px;
	}
	.column2-left .main, .column2-right .main {
	width: 740px;
	}
	.column3 .main {
	width: 600px;
	}
	.column2-left .side-menu, .column2-right .side-menu {
	width: 260px;
	}
	.column3 .side-menu {
	width: 200px;
	}
	.content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	}

	/* content position */
	.side-left {
	order: -1;
	}
	.side-right {
	order: 1;
	}

	/* grow shrink base-size*/
	.main {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	}
	.side-menu {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	}
	}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	header
 	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
header.gold{
display: block;
/*width:100%;*/
overflow: hidden;
margin: 10px auto 20px auto;
}

header.gold .siteLogo {
float: left;
display: block;
width: auto;
margin-right: 10px;
}

header.gold h1 {
text-align: left;
margin: 20px 0 0 0;
}


	@media screen and ( max-width: 750px ) {   /* 750px以下 */
	
	}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	branding
 	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.branding {
clear: both;
margin: 0 0 30px 0;
overflow: hidden;
}

	@media screen and ( max-width: 750px ) {   /* 750px以下 */
	.branding {
	margin: 0 0 20px 0;
	}
	}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	サイド
 	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -----------------------------------------------

	バナー

-------------------------------------------------- */
nav.mustBN {
width: 220px;
margin: 0 0 20px 0;
}

nav.mustBN ul li {
padding: 0;
margin: 0;
}


	@media screen and ( max-width: 750px ) {   /* 750px以下 */
	nav.mustBN {
	width: 98%;
	margin: 0 auto 20px auto;
	overflow: hidden;
	}

	nav.mustBN ul li {
	float: left;
	display: block;
	width: 50%;
	padding: 0;
	margin: 0;
	}
	}

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

	ナビ

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

nav.navList {
clear: both;
width: 220px;
margin: 0 0 20px 0;
background-color: #FFFFFF;
}

nav.navList ul li {
border-bottom: 1px dotted #cccccc;
padding: 10px 0px 10px 10px;
vertical-align: middle;
  
box-sizing: border-box;
}

nav.navList ul.cate li img {
padding-right: 10px;
}

nav.navList ul.cate li p {
display: inline-block;
vertical-align: middle;
line-height: 160%;
font-size: 14px;
}

nav.navList ul.mone li {
font-size: 14px;
}



	@media screen and ( max-width: 750px ) {   /* 750px以下 */
	.navList h2 {
	background-color: #E6464E;
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
	margin: 0 0;
	padding: 6px 0;
	}

	nav.navList {
	width: 98%;
	margin: 0 auto 20px auto;
	background-color: #FFFFFF;
	}
	 
	nav.navList ul {
	/*上と左の線*/
	display: inline-block;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	}

	nav.navList ul li {
	padding: 10px 0 10px 5px;
	vertical-align: middle;
	 float: left;
	 width: 50%;
	 
	 /*右と下の線*/
	 display: inline-block;
	 border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	 
	 border-top: none;
	border-left: none;
	 
	 box-sizing: border-box;
	}

	nav.navList ul.cate li img {
	padding-right: 5px;
	}

	nav.navList ul.cate li p,
	nav.navList ul.mone li {
	display: inline-block;
	vertical-align: middle;
	line-height: 150%;
	font-size: 3.6vw;
	}
	 
	 nav.navList ul.mone li {
	 text-align: center;
	}

	}

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

	ランキング

-------------------------------------------------- */
div.rankList {
clear: both;
width: 220px;
margin: 0 0 20px 0;
}
.rankList ul {
border: 1px solid #cccccc;
}
div.rankList ul li {
border-bottom: 1px solid #cccccc;
padding: 12px 10px 30px;
text-align: center;
  
box-sizing: border-box;
}

div.rankList ul li .rankitem img {
/*width: 95%;*/
width: 200px;
height: 200px;
object-fit: cover;
}

div.rankList .rankmark { 
text-align: left;
margin: 0 0 8px 0;
padding: 0;
}
div.rankList p {
margin: 8px 0 0 0;
text-align: left;
font-size: 14px;
line-height: 130%;
}

	@media screen and ( max-width: 750px ) {   /* 750px以下 */
	 .rankList h2 {
	 background-color: #E6464E;
	 color: #FFFFFF;
	 font-size: 20px;
	 text-align: center;
	 margin: 0 0;
	 padding: 6px 0;
	 }
		
	div.rankList {
	clear: both;
	width: 98%;
	margin: 0 auto 20px auto;
	}
	
	.rankList ul {
	border: none;
	overflow: hidden;
	
	 display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 100%;
	}
	div.rankList ul li {
	border-bottom: none;
   /* float: left;
	display: block;*/
	
	width: 32%;
	padding: 10px 3px;
	margin: 0 2% 0 0;
	
	box-sizing: border-box;
	}
	
	div.rankList ul li:nth-of-type(3n) {
	margin-right: 0;
	}

	div.rankList ul li .rankitem img {
	width:100%;
	height: 160px;
	object-fit: cover;
	}

	div.rankList .rankmark { 
	text-align: left;
	margin: 0 0 8px 0;
	padding: 0;
	}
	div.rankList p {
	margin: 8px 0 0 0;
	text-align: left;
	font-size: 14px;
	line-height: 130%;
	}

	}



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

	カレンダー　詳細はcal.css

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

.calendarBox {
margin: 0 auto 20px auto;
}

.calendarBox h2 {
background-color: #EB6B71;
color: #FFFFFF;
padding: 10px 10px 10px 20px;
text-align: left;
width: 220px;

box-sizing: border-box;
}

.calendarBox p {
font-size: 14px;
}

	@media screen and ( max-width: 750px ) {   /* 750px以下 */
	.calendarBox {
	width: 98%;
	}

	.calendarBox h2 {
	 background-color: #EB6B71;
	 color: #FFFFFF;
	 font-size: 20px;
	 text-align: center;
	 margin: 0 0;
	 padding: 6px 0;
	 width: 100%;
	 }
	 
	 .calendarBox p {
	 text-align: center;
	 }
	
	}









/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	top main
 	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.main-gold section{
display: block;
/*width: 740px;*/
max-width : 740px;
margin: 0 auto;
overflow: hidden;	
}


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

	紹介

-------------------------------------------------- */
.main-gold .sec-about article {
margin: 0 0 30px 0;
}
.main-gold .sec-about h2 {
margin: 0 0 10px 0;
}
.main-gold .sec-about h3 {
margin: 0 0 10px 0;
padding: 0 10px;
}
.main-gold .sec-about .phot {
margin: 0 0 15px 0;
}
.main-gold .sec-about .txt {
margin: 0 0 0 0;
padding: 0 10px;
}


	@media screen and ( max-width: 750px ) {   /* 750px以下 */
	.main-gold .sec-about .phot {
	margin: 0 0 10px 0;
	}

	}



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

	拡大マップ

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

    .top_map{
        margin: 0px auto;
        width: 638px;
        overflow:hidden;
        border: solid 1px #F89E44; 
    }

    .top_map img{
        transition: 1s all;
    }

    .top_map img:hover{
        transform:scale(1.7,1.7) translate3d(80px,80px,0px);
        transition:1s all;
    }

	@media screen and ( max-width: 750px ) {   /* 750px以下 */
	.top_map{

        width: 96%;

    }
	.top_map img:hover{
        transform:scale(2.0,2.0) translate3d(48px,55px,0px);
        transition:1s all;
    }

	}


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

	寄附金の用途

-------------------------------------------------- */
.main-gold .sec-use {
margin-bottom: 50px;
overflow: hidden;
}
.sec-use h2 {
margin: 0;
padding: 0;
}
.useBox {
border: 1px solid #FFA859;
padding: 10px 20px;
background-color: #FEFBEB;
}
.useBox table {
width: 100%;
}
.useBox table caption {
text-align: left;
padding: 10px 10px 20px 10px;
}
.useBox table th,
.useBox table td {
border-top: 1px dotted #cccccc;
padding: 5px 0;
vertical-align: top;
text-align: left;
}
.useBox table th {
width: 10%;
padding-left: 15px;
}
.useBox table td {
width: 90%;
font-size: 14px;
line-height: 140%;

vertical-align: middle; /*一行の場合*/
}
.useBox table td h3 {
font-size: 18px;
margin: 5px 0 5px 0;
padding: 0;
}



	@media screen and ( max-width: 750px ) {   /* 750px以下 */
	.main-gold .sec-use {
	margin-bottom: 50px;
	overflow: hidden;
	 width: 96%;
	}
	.useBox {
	padding: 10px 10px;
	}
	.useBox table {
	width: 100%;
	}
	.useBox table caption {
	text-align: left;
	padding: 5px 0 20px 0;
	 }
	.useBox table th,
	.useBox table td {
	border-top: 1px dotted #cccccc;
	padding: 5px 0;
	}
	.useBox table th {
	width: 15%;
	padding: 10px 0 0 0;
	vertical-align: top;
	}
	.useBox table td {
	width: 85%;
	line-height: 140%;
	vertical-align: middle;
	}
	.useBox table td h3 {
	font-size: 16px;
	margin: 3px 0 5px 0;
	padding: 0;
	line-height: 130%;
	}
	.useBox table th img {
	width: 75%;
	height: auto;
	}

	}



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

	新着

-------------------------------------------------- */
section.sec-newitem {
clear: both;
margin: 0 0 30px 0;
overflow: hidden;
}
.sec-newitem h2 {
margin: 0 0 10px 0;
padding: 0;
}

ul.newList{
/*margin: 0 0 10px;*/
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 100%;
}
ul.newList li {
/*float: left;
display: block;*/
/*display: inline-block;*/ /* インラインブロック化 */
/*vertical-align: top;*/  /* 上端を揃える */
width: 240px;
margin: 0 10px 30px 0;
  
box-sizing: border-box;
}
ul.newList li:nth-of-type(3n) {
margin-right: 0;
}
ul.newList li p {
margin: 5px 0 0 0;
font-size: 14px;
line-height: 130%;
}
ul.newList li img {
width: 240px;
height: 240px;
object-fit: cover;
}

	@media screen and ( max-width: 750px ) {   /* 750px以下 */
	section.sec-newitem {
	clear: both;
	margin: 0 0 20px 0;
	overflow: hidden;
	}
	ul.newList{
	margin: 0 auto;
	
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 98%;
	}
	ul.newList li {
   /* float: left;
	display: block;*/
	width: 48%;
	margin: 0 4% 20px 0;
	
	box-sizing: border-box;
	}
	ul.newList li:nth-of-type(3n) {
	margin-right: 4%;
	}
	ul.newList li:nth-of-type(2n) {
	margin-right: 0;
	}
	ul.newList li p {
	margin: 5px 0 0 0;
	font-size: 14px;
	line-height: 130%;
	}
	
	ul.newList li img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	}

	}
/* -----------------------------------------------

	おすすめ

-------------------------------------------------- */
section.sec-osusume {
clear: both;
margin: 0 0 30px 0;
overflow: hidden;
}

.sec-osusume h2 {
margin: 0 0 10px 0;
padding: 0;
}

ul.susumeList{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 100%;
}
ul.susumeList li {
/*float: left;
display: block;*/
/*display: inline-block;*/ /* インラインブロック化 */
/*vertical-align: top;*/   /* 上端を揃える */
width: 176px;
margin: 0 12px 30px 0;
  
box-sizing: border-box;
}
ul.susumeList li:nth-of-type(4n) {
margin:  0 0 30px 0;
}
 
ul.susumeList li p {
margin: 5px 0 0 0;
font-size: 14px;
line-height: 130%;
}

ul.susumeList li img {
width: 176px;
height: 176px;
object-fit: cover;
}



	@media screen and ( max-width: 750px ) {   /* 750px以下 */
	section.sec-osusume {
	clear: both;
	margin: 0 0 20px 0;
	overflow: hidden;
	}


	ul.susumeList{
	margin: 0 auto;
	
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 98%;
	}
	ul.susumeList li {
	/*float: left;
	display: block;*/
	/*display: inline-block;*/ /* インラインブロック化 */
   /* vertical-align: top;*/   /* 上端を揃える */
	width: 32%;
	margin: 0 2% 20px 0;
	
	box-sizing: border-box;
	}
   ul.susumeList li:nth-of-type(4n) {
	margin-right: 2%;
	}
	ul.susumeList li:nth-of-type(3n) {
	margin-right: 0;
	}
 
	ul.susumeList li p {
	margin: 5px 0 0 0;
	font-size: 14px;
	line-height: 130%;
	}
	
	ul.susumeList li img {
	width: 100%;
	height: 140px;
	object-fit: cover;
	}


	}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	footer
 	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
footer {
clear: both;
}
footer .infoBox { 
width: 1000px;
margin: 0;
padding: 0;
}

footer .infoBox h2 {
margin: 0 0 5px 0;
padding: 12px 0;
color: #ffffff;
font-size: 18px;
background-color: #E6464E;/*#E6464E*/
text-align: center;
}

.infoBox ul.infoList {
margin: 0 0 10px;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width: 100%;
	
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
	
box-sizing: border-box;
}

.infoBox ul.infoList li {
margin: 0;
padding: 10px 10px 10px 10px;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
width:33.33%;
list-style:none;
font-size: 14px;
	
box-sizing: border-box;
}

.infoBox ul.infoList li h3 {
padding: 0 0 8px 0;
margin-bottom: 10px;
font-size: 16px;
border-bottom: 2px solid #CCCCCC;
color: #E6464E;
}

.infoBox ul.infoList li p {
line-height: 140%;
}
.infoBox ul.infoList li span {
color: #E6464E;
}

.infoBox ul.inlist01 li,
.infoBox ul.inlist02 li {
width: 100%;
margin-left: 18px;
padding: 0 10px 10px 0;
list-style-type: disc;
list-style-position: outside;
border: none;
line-height: 140%;
}
.infoBox ul.inlist02 li {
list-style-type: circle;
}



footer address {
clear: both;
text-align: center;
margin: 5px 0 20px 0;
font-style: normal;
}


	@media screen and ( max-width: 750px ) {   /* 750px以下 */
	footer .infoBox { 
	width: 98%;
	margin: 0 auto;
	padding: 0;
	}
	
	.infoBox ul.infoList {
	margin: 0 0 10px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display: block;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 100%;
	
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	
	box-sizing: border-box;
	}

	.infoBox ul.infoList li {
	margin: 0;
	padding: 10px 10px 10px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
	list-style:none;
	font-size: 14px;
	
	box-sizing: border-box;
	}
	
	.infoBox ul.inlist01 li,
	.infoBox ul.inlist02 li {
	width: 100%;
	margin-left: 18px;
	padding: 0 10px 10px 0;
	list-style-type: disc;
	list-style-position: outside;
	border: none;
	line-height: 140%;
	}
	.infoBox ul.inlist02 li {
	list-style-type: circle;
	}


	}


/*
.footTBL { 
	width: 1100px;
	margin: 0;
	padding: 0;
	border-collapse: separate;
	border-spacing: 10px;
	font-size: 14px;
	}

.footTBL th {
	padding: 15px 0;
	color: #ffffff;
	font-size: 16px;
	background-color: #ACA391;
	text-align: center;
	vertical-align: top;
}

.footTBL td {
	padding: 15px 15px 30px 15px;
	border: 1px solid #D6D0C2;
	vertical-align: top;

}

.footTBL td .sub {
	padding: 5px 0 15px 0;
	margin-bottom: 15px;
	font-size: 16px;
	border-bottom: 1px dashed #D6D0C2;
}

.footTBL td p {
	line-height: 150%;
}
*/
/*
footer{
	font-size: 80%;
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #313131;
}
footer address{
	color: #fff;
	letter-spacing: 5px;
}

*/


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	商品ページ
 	
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

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

	商品説明

-------------------------------------------------- */
.mainPhoto {
margin: 0 0 30px 0;
text-align: center;
}
/*.mainPhoto img {
padding-left: 22px;
width: 740px;
}*/
/*初期は750、センター調整で740*/


.itemPR {
font-size: 16px;
line-height: 160%;
margin: 0 0 20px 0;
}
.itemPR h4 {
font-size: 16px;
font-weight: bold;
color: #E2182D; 
}



.itemTBL {
border-collapse: collapse;
width: 100%;
margin: 0 0 20px 0;
font-size: 14px;
}
.itemTBL th,
.itemTBL td {
border: 1px solid #cccccc;
padding: 12px 10px;
}
.itemTBL th {
width: 25%;
white-space: nowrap;
background-color: #eeeeee;
}
.itemTBL td {
width: 75%;
}


.itemTXT {
font-size: 14px;
line-height: 150%;
margin: 0 0 20px 0;
}


/*申込ボタンを画像に*/

#rakutenLimitedId_aroundCart input[value="寄附を申込む"] {
width: 240px; 
height: 50px; 
text-indent: 100%; 
white-space: nowrap; 
overflow: hidden; 
border: none; 
padding: 0; 
margin-top: 5px 0; 
cursor: pointer; 
background: url(https://www.rakuten.ne.jp/gold/f282162-takasago/img/btn_order01.jpg) left top no-repeat;
}


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

	用途と申請書

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

.attenBox {
padding: 10px 10px;
margin: 0 auto 20px auto;
width: 90%;

border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #cccccc;
background-color: #ffffff;
}
.attenTitle {
background-color: #E6464E;
color: #FFFFFF;
font-size: 20px;
padding: 15px 0;
margin: 0 0 20px 0;
text-align: center;
}
.useList ul {
list-style-type: decimal;
padding-left: 40px;
line-height: 150%;
}
.useList ul li {
font-size: 18px;
margin: 0 0 15px 0;
}
.useList ul li span {
color: #666666;
font-size: 14px;
}

.onestopTxt {
padding: 0 10px 0px 10px;
font-size: 14px;
line-height: 160%;
}
.onestopTxt p {
margin-bottom: 20px;
}

.bnCaution {
text-align: center;
padding: 0 10px;
margin-bottom: 20px;
width: 100%;
}



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

	生産者紹介

-------------------------------------------------- */
.ownerBox {
padding: 10px 10px;
margin: 0 auto 20px auto;
width: 90%;

border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border: 1px solid #F6B600;
background-color: #ffffff;
}


.ownerTBL {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin: 0;
font-size: 14px;
}
.ownerTBL th,
.ownerTBL td {
padding: 6px;

font-size: 14px;
line-height: 150%;
}





/**** スマホ上部バナー **************************/


/* 商品ページのサムネイル画像上下のマージンを、バナー分とる */
#itemImageSlider{
margin:330px 0 0 0 !important;/*画像スペース全体*/
}
/* バナーを絶対位置(position:absolute)で配置 */
#headerImg{
position: absolute;
top: 210px; /*最上部からの距離*/
left: 0;
overflow: hidden;
width: 100%;
}
#headerImg li{
  margin-bottom: 0px;
}
#itemImageSlider{
  margin-bottom: 20px;
}

#headerImg p {
margin: 1px 0 10px 0;
}




/* 600px～959px：タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:959px) {
/* 商品ページのサムネイル画像上下のマージンを、バナー分とる */
#itemImageSlider{
margin: 600px 0 0 0 !important;/*画像スペース全体 2枚360 1枚200　大小*/
}
/* バナーを絶対位置(position:absolute)で配置 */
#headerImg{
position: absolute;
top: 210px; /*最上部からの距離*/
left: 0;
overflow: hidden;
width: 100%;
}
#headerImg li{
  margin-bottom: 0px;
}
#itemImageSlider{
  margin-bottom: 20px;
}

#headerImg p {
margin-bottom: 5px;
}
}