@font-face {
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-VariableFont_wght.ttf') format('truetype');
}
@charset "UTF-89"; 
* {
	margin: 0;
	padding: 0;  
	font-family:'Noto Sans JP','Noto Serif',"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN" , sans-serif;
}
  html {
    scroll-behavior: smooth;
  }
body{
	background:url(../webimg/top.jpg) no-repeat top center;
	font-size:15px;
	color:#333;
	line-height:25px;
	letter-spacing:.75px;
	
user-select:none; 
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none; 
-khtml-user-drag:none; 
}
#container-center{
	margin:0px auto 40px auto;
	width:100%;
	min-height:640px;
	display:inline-block;
}
.tag_parent {
  display: flex;
  justify-content: flex-end;
}
.tag{
	font-weight:bold;
	font-size:11px;
	background:#FDC;
	text-align:right;
	display:inline-block;
	border-radius:4px;
	padding:2px 4px;
}
/* スマホ向け画像 */
  #responsive-image {
    content: url('/webimg/blogTopLink-sp.jpg');
  }
#blogTopLink a{
	background:#FFF !important;
	padding:0 !important;
}
.decide-review{
	font-size:12px;
	padding:10px;
	background:#FDE;
	border-radius:10px;
}
.coupon img{
	width:100%;
}
.coupon-pc{
	display:none;
}
.coupon-sp{
}

#story{
	font-size:17px;
}
p.storyLink{
	display:block;
	margin:0 auto;
	width:88%;
  box-sizing: border-box;
  font-size:14px;
  text-align:center;
  line-height: 1.8;
}
p.storyLink img{
	width:100%;
	margin:10px auto;
	opacity:0.7;
}
p.storyLink a{
	transition:0.3;
	display:block;
}
p.storyLink a:hover{
}
.storyLinkStr-1{
	text-align:left;
	display:block;
	text-indent:20px;
}
.storyLinkStr-2{
	text-align:right;
	padding-right:20px;
	display:block;
}
/* このスタイルはボタンの初期状態 */
#scrollToTopBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
    width: 50px;
    height: 50px;
    border: none;
    outline: none;
    background-color: rgba(85, 85, 85, 0.6); /* 透過を60%に調整 */
    color: white;
    cursor: pointer;
    border-radius: 50%; /* 丸くする */
    opacity: 0; /* 初期状態では透明 */
    visibility: hidden; /* 非表示 */
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; /* フェードアニメーションと表示/非表示のアニメーション */
}
/* ボタンを表示させるためのスクロール量の閾値 */
#scrollToTopBtn.active {
    opacity: 1; /* フェードイン */
    visibility: visible; /* 表示 */
}
/* 矢印アイコンのスタイル */
.arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; /* 幅を100%に変更 */
    height: 100%; /* 高さを100%に変更 */
    font-size: 22px; /* 矢印のサイズを変更 */
}
.video_top{
	width:100%;
	padding:12px 0 5px 0;
	background:#000;
}
video{
	width:100%;
}
.slick-img video{
	margin-top:24%;
}
.container-left{
  position: relative;
  margin:0 auto;
  width: 100%;
  flex-wrap: wrap;
	text-align:center;
}
.container-left img{
  height: auto;
  width: 100%;
}
.container-left video{
  height: auto;
  width: 100%;
}
.thumbnail{
	margin:auto;
}
.thumbnail .slick-track {
  transform: unset !important;
}
.thumbnail .thumbnail-img{
	text-align:center;
	margin:2px;
	width:71px !important;
	display:block; 
	flex-wrap: wrap;
}
.container-right{
	float:right;
	text-align:left;
  margin:0 auto;
  width: 100%;
}
.container-right hr.style{
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	margin:5px auto 20px auto;
	clear:both;
	
}
.container-right b.price{
	font-size:24px;
	color:#D36;
}
.container-right b.price-small{
	font-size:24px;
	color:#D36;
}
.cv{
	margin:30px auto 0 auto;
	width:100%;
}
.cv-2{
	margin:30px auto 0 auto;
	width:100%;
}
.cvLeft{
}
.cvRight{
}
p.star{
	display:none;
}
.none{
	display:none;
}
td small{
}
.top_img img{
	height:100%;
	width:100%;
}
p.link_border{
	padding:10px;
	border-top:1px solid #FFB5C5;
	border-left:1px solid #FFB5C5;
	border-right:1px solid #FFB5C5;
	border-bottom:1px solid #FFB5C5;
	border-radius:6px;
}
a.largeImgA{
	background:#FFF !important;
	box-shadow:none !important;
	color:#F47 !important;
	border:none !important;

}
#blog a{
	font-size:15px;
	display:inline-block;
	padding:1px 6px;
	background:#0074E9;
	color:#FFF;
	text-decoration:none;
	border-radius:8px;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); /* 標準的な影のスタイル */
}
#blog a:hover {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4); /* ホバー時の影のスタイル */
}
#blog p.blogLink{
	text-align:right;
}
#blog p.blogLink img{
  /* 影のスタイル */
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); /* 標準的な影のスタイル */
}
#blog p.blogLink a{
	display:inline-block;
	padding:8px 24px;
	background:#0074E9;
	color:#FFF;
	font-weight:bold;
	font-size:15px;
	border-radius:12px;
	margin-top:8px;
	text-decoration:none;
	
  /* 影のスタイル */
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); /* 標準的な影のスタイル */
}

/* ホバーエフェクト */
#blog p.blogLink a:hover {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4); /* ホバー時の影のスタイル */
}


#blog p.event-link{
	margin:5px;
}
#blog p.event-link a{
	padding:10px;
	background:#FFF;
}


.center{
	text-align:center;
}
.contents .mokuji{
	margin:20px;
	padding:20px 0;
	border-radius:20px;
}
.contents .mokuji li{
	display:block;
	width:100%;
	text-align:left;
	text-indent:20px;
	margin-bottom:10px;
}
.contents .mokuji h2{
	margin:0 0 30px 0;
	border-bottom:1px solid #BBB;
}
.contents .mokuji li a{
	text-decoration:none;
	color:#333;
}
html {
 overflow-y: scroll;
}
#blog .mokuji li a{
	display:inline;
	background:#FFF;
	color:#333;
	border:none;
	box-shadow:none;
}
.linkP{
	margin:15px 25px 15px 25px;
	background:#0074E9;
	color:#FFF;
	display:inline-block;
	padding:8px 12px;
	border-radius:8px;
	font-weight:bold;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); /* 標準的な影のスタイル */
}
#note-2{
}
#note-2 ul{
	marign:0 auto;
	text-align:center;
}
#note-2 li{
	display:inline-block;
}

#note-2 img{
	width:100%;
	height:auto;
}
a{
	color:#C36;
	transition:.1s;
}
strong{
	font-weight:normal;
}
input{ 
	width:100%;
}
input.number{
	width:40px;
	font-size:15px;
	padding:1px;
}
textarea{
	width:100%;
	height:150px;
}
.empty{
	font-size:14px;
	padding:2px 4px;
	border:1px solid #D44;
	border-radius:4px;
	background:#FDE;
}
[class^="r-color-"] {
	display:inline-block;
	width:12px;
	height:12px;
	margin-right:1px;
	margin-bottom:3px;
	border:1px solid #333;
}
.r-color-1{
	background:#CC297A;
}
.r-color-2{
	background:#CC2929;
}
.r-color-3{
	background:#FFCCE6;
}
.r-color-4{
	background:#66B5FF;
}
.r-color-5{
	background:#171AE6;
}
.r-color-6{
	background:#0F9952;
}
.r-color-7{
	background:#90FF1A;
}
.r-color-8{
	background:#FF9C1A;
}
.r-color-9{
	background:#FF5D12;
}
.r-color-10{
	background:#4D1C05;
}
b.color{
	background:#DED;
}
b.color-2{
	background:#FDE;
}
b.color-3{
	font-size:15px;
}
.anchor{
	font-weight:bold;
	color:#D47;
	text-decoration:none;
}
.red{
	color:#DD4444;
}
.red-back{
	background:#E55;
	padding:1px 4px;
	border-radius:4px;
	color:#FFF;
	font-size:14px;
}
.green-back{
	background:#5A5;
	padding:1px 4px;
	border-radius:4px;
	color:#FFF;
	font-size:14px;
}
.gray-back{
	background:#666;
	padding:1px 4px;
	border-radius:4px;
	color:#FFF;
	font-size:14px;
}
.amazon img{
	text-align:left;
}
.gift-submit{
	border:1px solid #AAA;
	border-radius:5px;
	padding:5px;
	background:#DED;
	cursor:pointer;
	transition:.1s;
	font-weight:bold;
}
.gift-submit:hover{
	background:#CDC;
	transition:.2s;
}
input.min{
	display:inline !important;
	width:auto !important;
	cursor:pointer;
}
h1{
	margin-top:10px;
	margin-bottom:23px;
}
.h1{
	margin-top:10px;
	margin-bottom:0;
	text-align:center;
}
h2{
	margin-top:20px;
	margin-bottom:8px;
	font-size:17px;
	padding:10px 0 10px 10px;
	border-left:18px solid #FFB5C5;
	color:#333;
}
.main-2 h2{
	color:#EEE;
}
.main-2 h3{
	color:#EEE;
}
.contents h1{
	margin-top:20px;
	margin-bottom:8px;
	font-size:17px;
	padding:10px 0 10px 10px;
	border-left:20px solid #666;
}
h1.h2{
	margin-top:10px;
	margin-bottom:8px;
	font-size:17px;
	padding:10px 0 10px 10px;
	border-left:20px solid #FFB5C5;
}
h3{
	margin-top:20px;
	margin-bottom:8px;
	font-size:16px;
	padding:10px 0 10px 10px;
	border-left:20px solid #666;
}
h3.min{
	margin-top:25px;
	margin-bottom:0px;
	padding:10px 0px;
	border:none; 
	font-size:14px;
}
h3.h2{
	margin-top:20px;
	margin-bottom:8px;
	font-size:17px;
	padding:10px 0 10px 10px;
	border-left:20px solid #4b4b4b;
	color:#333;
}
p{
	margin:18px 25px;
	font-size:14px;
}
.main{
	position:relative;
	margin:0 auto;
	width:100%;
}
.main-2{
	background:#333;
	margin:50px auto;
	padding:0 0 50px 0;
	border-top:7px solid #FFB5C5;
	border-bottom:7px solid #FFB5C5;
}
.main-3{
	margin:0 auto;
	color:#EEE;
}


#blog a .largeImg{
	border:none !important;
	background:#FFF !important;
	padding:0 !important;
}
#blog .largeImgA a{
	border:none !important;
	background:#FFF !important;
	padding:0 !important;
}
.largeImg{
	width:100%;
}
.largeImg-2{
	width:100%;
}
.largeImg img{
	width:100%;
	margin:0 !important;
	padding:0 !important;	
	width:100% !important;	
	height:auto !important;	
	border:none;
}
.largeImg-2 img{
	margin:0 !important;
	padding:0 !important;	
	width:100% !important;	
	height:auto !important;	
}
#header-in h1 img{
	width:auto;
	height:80px;
}
#header-in{
	position:relative;
	width:100%;
	margin:0 auto;
}
#header{
	position:relative;
	background:#FFF;
	margin:0 auto;
	padding:20px 0 0px 0;
	border-bottom:7px solid #FFB5C5;
}
#header h1{
	text-align:center;
}
#header h1 img{
	width:auto;
	height:80px;
}
#header .h1 img{
	width:auto;
	height:80px;
}
#header p.pH1{
	font-size:14px;
	color:#333;
	text-align:center;
}
.contents{
}
p.intro{
	font-size:14px;
	text-align:left;
}
p.price{
	text-align:right;
	font-size:14px;
	bottom:0px;
	right:0px;
	position:absolute;
}
.contents li a{
	text-decoration:none;
	color:#333;
}
.contents li .media{
	display:block;
	width:100%;
	padding:3px 0;
	text-align:center;
	bottom:5px;
	transition:.2s;
	background:#FAFAFA;
}
.contents li .media-2{
	display:block;
	width:100%;
	padding:10px 0;
	text-align:center;
	bottom:5px;
	background:#FAFAFA;
}
.contents ul{
	margin:0 auto;
	text-align:center;
}
.contents li{
	display:inline-block;
	position:relative;
	vertical-align:top;
	text-align:center;
	width:47%;
	overflow:hidden;
	margin:3px auto;
	padding:2px;
}
.contents li.blogLi{
	height:auto;
}
.contents a li.blogLi{
	color:#333 !important;
}
.contents li.thumbLi{
	min-height:150px !important;
	margin-bottom:5px;
}
.contents li img{
	margin:0 auto;
	display:block;
	width:100%;
	height:auto;
	opacity:1;
	transition:.1s;
}
.contents li img:hover{
	opacity:.85;
	transion:.2s;
}

.footer-payment{
	margin:20px auto;
	width:100%;
	text-align:center;
}
.footer-payment img{
	width:100%;
}
#footer{
	margin-top:50px;
	text-align:center;
	padding:20px 0px;
	background:#DEDEDE;
}
#footer li{
	display:block;
	margin:15px 10px;
}
#footer li a{
	font-size:14px;
	color:#393939;
}
#footer-2{
	background:#222;
	font-size:14px;
	text-align:center;
	padding:60px 0px;
	color:#BBB;
	border-top:7px solid #FFB5C5;
}
td{
	font-size:14px;
	padding:5px 10px;
	border:1px solid #DDD;
	vertical-align:top;
}
.submit{
	cursor:pointer;
}
p.error{
	font-size:14px;
	padding:5px;
	background:#FDD;
	border-radius:4px;
}
small.form{
	font-size:14px;
	padding:1px 3px;
	border-radius:4px;
	background:#FDE;
}
#product {
	position:relative;
}
#product img{
	width:100%;
	height:auto;
	padding:20px 0px;
}
#thumb {
}
#thumb li{
	padding:0;
	margin:0 0 5px 0;
	width:47%;
	height:auto;
	display:inline-block;
	border:none;
	border:1px solid #DDD;
}
#thumb li img{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	border:none;
}
.note-thumb{
	margin:0 10px ;
	padding:0px;
	text-align:left;
	border:dotted 2px #999;

}
.info{
	margin:60px auto;
	border:1px solid #AAA;
}
caption{
	text-align:left;
	padding:10px;
}
.info table{
	width:100%;
	margin:auto;
}
.info td{
	border-color:#AAA;
}
.info p{
	font-size:14px;
}
p.title{
	margin-top:40px;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #F36;
}
p.small{
	font-size:14px;
}
.info p small{
	font-size:14px;
}
li.aImg{
	border:none !important;
	padding:0 !important;
	margin:0 0 2px 0 !important;
	width:250px !important;
	height:auto !important;
	min-height:auto !important;
}
li.aImg img{
	padding:0 !important;
	margin:5px 0 5px 0 !important;
	width:100% !important;
	height:auto !important;
}
.imgCopy{
	text-align:right;
	font-size:14px;
	color:#888;
	margin:0 20px;
}
a.buy{
	display:block;
	padding:14px;
	margin:30px auto 40px auto;
	background:#5A5;
	background:#F36;
	width:210px;
	text-align:center;
	text-decoration:none;
	border-radius:50px;
	color:#FFF;
	font-weight:bold;
	font-size:21px;
	transition:.2s;
	position:relative;
	text-indent:20px;
}
a.buy:hover{
	background:#D15;
	transition:.3s;
	position:relative;
}
a.buy:before{
	content:url(/webimg/icon-cart.png);
	vertical-align:middle;
	position:absolute;
	left:24px;
}
.stockZero{
	display:inline-block;
	margin:10px 20px;
	background:#FDE;
	padding:5px;
	border-radius:8px;
}
.stockZero-2{
	display:inline-block;
	margin:0px 20px 10px 20px;
	background:#FDE;
	padding:5px;
	border-radius:8px;
}
.stockBig{
	font-size:20px;
	color:#F47;
	font-weight:bold;
}
p.big{
	font-size:15px;
	font-weight:bold;
	color:#4B4B4B;
}
.main-2 p.big{
	font-size:15px;
	font-weight:bold;
	color:#DDD;
}
.gift-back{
	background:#F4F4F4;
	border-radius:20px;
}
.big-min{
	margin-top:20px !important;
	margin-bottom:-5px !important;
	font-size:16px;
	font-weight:bold;
}
.min-textarea{
	width:225px;
	height:75px;
}
#cart{
	margin:0px;
}
#cart h3{
	border:none;
	font-size:15px;
	padding:0px;
	text-indent:6px;
	border-left:20px solid #444;
	margin-top:50px;
} 
#cart table{
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
}
#cart th{
	font-size:14px;
}
#cart td{
	font-size:14px;
	vertical-align:middle;
}
#cart td img{
	width:100%;
	height:auto;
}
#cart input.cartNum{
	width:35px;
	padding:5px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
td.pName{
	width:260px;
	text-align:left;
}
td.pPrice{
	width:70px;
	text-align:right;
}
td.center{
	text-align:center;
	width:50px;
}
td.pImg{
	width:75px;
}
#cart td.td75{
	width:65%;
}
#cart input{
	padding:5px;
	border:1px solid #AAA;
	width:93%;
	margin:1px 0;
}
#cart input.min{
	width:93%;
}
#cart input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;
   width:30px !important;
}
#cart small{
	background:#FDE;
}
#cart input.buy-2{
	position:relative;
	cursor:pointer;
	margin:10px auto;
	text-align:center;
	padding:5px;
	border-radius:50px;
	background:#5A5;
	font-size:16px;
	font-weight:normal;
	color:#FFF;
	transition:.1s;
	display:inline-block;
	width:130px;
}
#cart input.buy-2:hover{
	background:#494;
	transition:.2s;
}
#cart input.buy-3{
	display:inline-block;
	position:relative;
	cursor:pointer;
	margin:10px auto;
	text-align:center;
	padding:5px;
	border-radius:50px;
	background:#DDD;
	font-size:16px;
	font-weight:normal;
	color:#333;
	transition:.1s;
	width:130px;
}
#cart input.buy-3:hover{
	background:#CCC;
	transition:.2s;
}
#cart #delPrice table{
	width:100%;
}
#cart #delPrice td{
	padding:5px 10px;
}
#cart #delPrice td.bg{
	background:#EED;
}
#cart big{
	font-size:15px;
	font-weight:bold;
}
#cart td.priceMin{
	text-align:right;
}
#cart td.priceMin-2{
	text-align:right;
	color:#C22;
}
#cart td.priceMin-2 big{
	font-size:15px;
	font-weight:bold;
	color:#C22;
}
#cart td.err{
	text-align:center;
	color:#C22;
	font-size:17px;
	font-weight:bold;
}
.err{
	color:#C22;
	font-size:17px;
	font-weight:bold;
}
p.err{
	color:#333;
	font-size:16px;
	font-weight:normal;
}
#cart ul{
	height:150px;
}
#cart li{
	border:none;
	padding:0;
	margin:5px;
	height:70px !important;
	width:130px !important;
}
.orderMainImg img{

	width:90%;
	height:auto;
	border:2px solid #FCD;
	border-radius:8px;
	margin:12px;
	
}
.orderGift img{
	width:90%;
	height:auto;
	border:2px solid #FCD;
	border-radius:8px;
	margin:12px;
}
#orderCheck table{
	width:100%;
}
#orderCheck td{
	position:relative;
	font-size:14px;
}
#orderCheck td img{
	vertical-align:middle;
}
td.bgBlack{
	background:#333;
	color:#EEE;
}
.orderPrice{
	margin-top:10px;
	text-align:right;
	padding:5px;
	background:#EED;
	border-radius:4px;
}
.payWay-1{
	margin-top:10px;
	padding:5px;
	background:#BDB;
	width:80px;
	text-align:center;
	border-radius:4px;
	font-weight:bold;
}
.payWay-2{
	margin-top:10px;
	padding:5px;
	background:#ABF;
	width:80px;
	text-align:center;
	border-radius:4px;
	font-weight:bold;
}
.payWay-3{
	margin-top:10px;
	padding:5px;
	background:#EBB;
	width:80px;
	text-align:center;
	border-radius:4px;
	font-weight:bold;
}
.orderDate{
	text-align:right;
	position:absolute;
	right:5px;
	bottom:5px;
}
.out{
	background:#BBB;
}
.clear{
	background:#DED;
}
a.chkBtn{
	opacity:.7;
	transition:.1s;
}
a.chkBtn:hover{
	opacity:1;
	transition:.2s;
}
.kakutei{
	padding:10px 0;
	background:#FDE;
	border-radius:8px;
}
#blog img{
	display:block;
	width:100%;
	height:auto;
}
#blog .nakaTitle{
	margin:0 20px;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
}
#blog #nakaLi li{
	border:1px solid #EEE;
	width:92%;
}
#blog #nakaLi li a{
	background:#FFF !important;
	padding:0 !important;
	color:#222;
	box-shadow:none;
	border:none !important;
}
#blog #nakaLi li a img{
	border:none !important;
	padding:0 !important;
}
#report{
	border-radius:12px;
}

        .post-review-container {
			text-align:left;
            max-width: 800px;
            margin: 20px auto;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            padding: 20px;
        }

        .post-review {
            border-bottom: 1px solid #ddd;
            padding: 10px 0;
            align-items: center;
        }

        .post-review-text {
            flex: 1;
        }

        .post-rating {
            color: #f39c12;
        }

        .post-date {
			text-align:right;
			font-size:12px;
            color: #555;
        }