/* ************************************************ 
 *	共通設定
 * ************************************************ */
 * {
	margin: 0px;
	padding: 0px;
}

body {
	color: #666666;
	font-size: 14px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', sans-serif,'Verdana';
	line-height: 150%;
	background-color: #003366;
	text-align:center;
}

a{color:#003366;text-decoration:none;outline:none;}
a:visited{color:#003366;}
a:hover{color:#9B0000;}


#container .mt10{margin-top:10px;}
#container .mb10{margin-bottom:10px;}


br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}


.clear {
	clear: both;
}

img {
	border: 0px;
}

.jibamon{
	margin-top: 20px;
}

.side img{margin:0 auto 10px; max-width: 100%;}

.side .box{margin:10px auto;}

.side-sns{
	display:block;
}

.side-sns p{
   text-align: center;
   color:#003366;
   font-weight:bold;
   border-bottom:solid 2px #809ab3;
   margin-bottom: 8px;
   letter-spacing: 0.05em;
}

.side-sns div{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.side-sns div a{
	display:block;
	width:30px;
	margin:0 8px;
}

.side-sns div a img{width:100%;}

.side-wolt {
   margin-top: 0 !important;
}
.side-wolt figure {
   padding: 5px;
}
.side-wolt p {
   text-align: center;
   font-weight: bold;
   margin-bottom: 5px;
}
.side-wolt a {
   display: block;
   text-align: center;
}
.side-wolt a:first-of-type {
   margin-bottom: 0.25rem;
}
.side-wolt a::after {
   content: '';
   display: inline-block;
   /* right: 1em;
   top: 50%;
   transform: translateY(-50%); */
   width: 0;
   height: 0;
   border-top: .5em solid transparent;
   border-bottom: .5em solid transparent;
   border-left: .5em solid #003366;
   margin-left: 0.5rem;
   position: relative;
   top: 2px;
}

h1 {
     font-size:12px;
　   margin:0 auto 0px;
     float: right;
}

h2 {
     font-size:18px;
     font-weight: bold;
     color: #003366;
     margin:20px 0px 20px 0px; 
}

h3 {
     font-size:16px;
     font-weight: bold;
     color: #003366;
　   margin:5px auto 0px;
     margin:20px 0px 10px 0px; 
}


h4 {
     font-weight: bold;
     color: #003366;
     margin:30px 0px 5px; 
}

table h4 {
     margin:0 0 5px; 
}

h5 {
     margin:10px 0px 5px; 
}


ul{list-style: outside; margin-left:20px;}


.pic {
     float: right;
     margin: 0px 0px 0px 10px;
     font-size: 10px;
}

.pic1 {
     margin: 20px 0px 20px 0px;
}


p{margin-bottom:10px;}

.commentbox{background-color:#ececec; padding:15px 15px 0 15px; margin-bottom:20px;}
.commentbox .name{text-align:right; font-weight:bold;}

#menu {
   color: #003366;
   font-weight: bold;
   font-size:16px;
   width:200px;
   background-image: url("https://img12.shop-pro.jp/PA01067/314/etc/menu_back.gif");
   background-repeat: no-repeat;
   padding: 5px 0px 5px 30px;
}


.box {
   width:220px;
   padding:5px;
   margin:10px 0px 0 0px;
   font-size:14px;
   border:1px solid #ccc;
}

.cart {
   padding:5px;
   margin:0 0 20px;
   width:400px;
   background-color: #F6F6F6;
   border:1px solid #ccc;
   font-size:15px;
   line-height: 150%;
}

p.box {
   font-size:12px;
   border-top: 1px dotted #555;
   margin:10px 10px 10px 10px;
   padding:10px 0px;
}

#notice {
   padding:5px;
   margin:0 0 20px;
   font-size:12px;
   border:1px solid #ccc;
}

#price {

   color: #FF3333;
   font-weight: bold;
}



#box_o {
   width:180px;
   padding:5px;
   margin: 10px 0px 0px 10px;
   background-color: #F6F6F6;
}

.sbm img {
  margin: 0 5px -0.35em 0;
}

.separator {
height: 1px;
border: none;
margin: 10px 0px 10px 0px;
border-top: 1px #999999 dotted; /* 枠線 */
}

.le {
	float: left;
	width:275px;
           padding: 10px;
           margin: 10px 5px 10px 0px ;
           font-size:12px;           
	line-height: 150%; 
           background-color: #F6F6F6; 
}

.ri {
	float: right;
	width:275px;
           margin: 10px 0px 10px 5px ;
           padding: 10px;
           font-size:12px;
	line-height: 150%; 
           background-color: #F6F6F6; 
}

.right {
	text-align: right;
}
.mb20{
	margin-bottom:20px;
}



/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:0px auto;
	width:900px;
	text-align:left;
           background-color: #ffffff;
           padding: 5px 20px; 
}



/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
 width:100%;
 clear:right;
}

.logo {
	float: left;
	width:300px;
}

.head_menu { 
float: right;
text-align: right;
line-height: 200%;
}

.menu {
width:100%;
margin:0;
padding:0; 
}

.header-cart {
   vertical-align: middle;
     margin-right: 1rem;
}

.gtranslate_wrapper {
   display: inline-block;
   height: 1.5rem;
   width: 150px;
}
   
.gt_selector.notranslate {
   width: 100%;
   height: 100%;
}

/*　画面左側メニューの幅　*/
.side {
	float: left;
	width:230px;
           padding: 10px;
	line-height: 160%; 
           background-color: #F6F6F6; 
}




/*　画面右側の幅　*/
.main {
	float: right;
	width: 620px;
           padding: 10px 0px 10px 0px;
	line-height: 140%;  
}

.main img {
  width: 100%;
}

/*　フッター（コピーライト）　*/
.footer {
 width:100%;
 clear:left;
 text-align:center;
}

.footbox{
   font-size:12px;
   padding:5px;
   margin:20px 0px 20px 0px;
   border:1px solid #ccc;
}

#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}



/*KIMURAAKINORI*/
.itemlist{floaat:left; margin-right: 5px; background-coloe: #ececec;}
.itemlist img{width: 190px;}
.itemlist img:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

a img:hover{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

.itemlist td,th{padding:0 5px 5px 0; vertical-align: top;}
.itemlist td{}
.itemlist td.price,
span.price{text-align: left; padding-bottom: 20px; color: #F00;}

h2.title,h3.title{text-indent: -99999px; height: 40px;}

#miracleapple{background-image: url("https://img12.shop-pro.jp/PA01067/314/etc/title_miracleapple.jpg"); height: 30px; width:620px;}
#miracleapple01{background-image: url("https://img12.shop-pro.jp/PA01067/314/etc/title_miracleapple01.jpg");}
#miracleapple02{background-image: url("https://img12.shop-pro.jp/PA01067/314/etc/title_miracleapple02.jpg");}
#miracleapple03{background-image: url("https://img12.shop-pro.jp/PA01067/314/etc/title_miracleapple03.jpg");}
#miracleapple04{background-image: url("https://img12.shop-pro.jp/PA01067/314/etc/title_miracleapple04.jpg");}


.w270{width:270px;}
.w300{width:300px;}
.grid3 > div{
	width:31.33%;
	float: left;
	display: inline;
	margin: 0 1% 10px;
	}

	.grid3 > div img{width:100%;}
	.btn{
		width:100%;
		display:block;
		text-align:center;
		margin-top: 25px;
		margin-bottom:20px;
		font-size: 130%;
		font-weight: bold;
		}
	.btn a{
		float:none;
		padding:8px 2em;
		color:#fff;
		background-color:#003366;
		}
	.btn a:hover{opacity:0.8;}
/*---------------------------------------------------------------------------------
boximg
---------------------------------------------------------------------------------*/

.boximg{ clear:both; width:620px; margin-top:2%;}
.boximg_2img { width: 620px;}
.boximg_2img img{width:49.5%; margin:1% 1% 0 0;}
.boximg_2img img.imgend{ margin-right:0;}


/*---------------------------------------------------------------------------------
CLEARFIX-HACK
---------------------------------------------------------------------------------*/
-*/

div:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


div {
	display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */ 


.rec-cat{
    display: flex;
    padding: 1rem 0;
    justify-content: space-between;
    max-width: 100%;
box-sizing: border-box;
}

.rec-cat a{
    flex: 1;
    font-weight:bold;
    display: flex;
    padding:  1em 2em 1em 1.5em;
    background: #003366;
    color: white;
    margin-right: 10px;
    display: flex;
    align-items: center;
    x
box-sizing: border-box;
    position: relative;
    z-index: 0;
}


.rec-cat a:last-of-type{
	margin-right:0;
}
.rec-cat a:before{
	content: '';
	display: block;
	height: 100%;
	width: 1rem;
position:absolute;
right: 0;
z-index: -1;
}

.rec-cat a:after{
	content: '';
    position:absolute;
	display: block;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
	width: 0; 
	height: 0; 
	border-top: .5em solid transparent;
	border-bottom: .5em solid transparent;
    border-left: .5em solid white;
}

.rec-cat a:hover{
	opacity: .9;
}

.flex {
 	display: flex;
    flex-wrap: wrap;
 	gap: 2%;
    margin-bottom: 3em;
}

.flex > * {
	margin-bottom: 2%; 
}

figcaption {
	margin-top: 0.5em;
    text-align: center;
}

.flex2-2 {
   display: flex;
   flex-wrap: wrap;
   justify-content: left;
   margin-bottom: 3%;
}
.flex2-2 > * {
   width: 48%;
   max-width: 240px;
   margin-bottom: 2%;
}
.flex2-2 > *:nth-child(odd) {
   margin-right: 6px;
}
.flex2-2 img {
   width: 100%;
}

.apple-icon::before {
   content: '';
   display: inline-block;
   width: 1.1em;
   height: 1.1em;
   background: url(https://img12.shop-pro.jp/PA01067/314/etc_base64/YXBwbGUtaWNvbg.jpg?cmsp_timestamp=20240416105958) no-repeat;
   background-size: contain;
   vertical-align: top;
}
  
/*---------------------------------------------------------------------------------
table
---------------------------------------------------------------------------------*/
table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
	width: 98%;
}
td, th {
	padding: 4px;
	width: 50px;
	text-align:center;
}
.yoyaku th {
	background:#cddcea;
}