@charset "utf-8";

body{
font-family:'メイリオ', "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
font-size:15px;
line-height:1.8;
margin:0;
padding:0;
background-color:#FFFFFF;
color:#313131;
}

a{color:#313131;text-decoration:none;}
img{vertical-align:bottom;max-width:100%;height:auto;}
ul{padding-left:0;}
li{list-style:none;padding-left:0;}
section{padding-bottom:25px;}

.clear_both{clear:both;}

.blink{
font-weight:bold;
color:#FF0000;
-webkit-animation: blink 1s ease infinite;
animation: blink 1s ease infinite;
}
@-webkit-keyframes blink {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes blink {
0% {opacity: 0;}
100% {opacity: 1;}
}

.global_wrap, h3.h3_side, .footer_wrap{background-color:#24A203;}
.global_wrap ul li a {color:#FFFFFF;}
.global_wrap ul li a:hover {color:#D9D9D9;text-decoration:none;}
.header_txt{font-size:90%;text-align:center;padding:3px 0;}

h2.h2_title{
border-bottom:solid 3px black;
}
h3.h3_title{
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
}

.btn_color01{background-color:#FF0000;}
.btn_color02{background-color:#24A203;}
.btn_color03{background-color:#00ACEE;}

input[type="text"],input[type="email"],textarea {
	border:solid 1px #aaaaaa;
	border-radius:0!important;
	background-color:#f5f5f5;
	font-size:15px
}

.grider{
	margin-left:auto;
	margin-right:auto;
	width:96%;
	padding-left:2%;
	padding-right:2%;
	clear:none;
	float:none;
	overflow :hidden ;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-o-box-sizing:border-box;
}

h1{
border-bottom:none;
margin:5px 0 5px;
padding:10px 15px 4px;
font-weight:bold;
font-size:18px;
}
h1 a:hover{
text-decoration:underline;
}
h2.h2_title{
margin:15px 0 25px;
padding:10px 10px 8px 0;
font-weight:bold;
font-size:21px;
}
h3{
background-color:#ededed;
font-weight:bold;
padding:8px 10px;
margin:35px 0 20px;
font-size:18px;
}

h3.h3_side{
border-left:none;
color:#FFFFFF;
margin:0 0 20px;
padding:10px 15px 8px 15px;
font-weight:normal;
border-bottom:none!important;
font-size:18px;
}


.logo_area {padding:15px 0 20px;}
.top_logo {
	font-weight:bold;
	font-size:180%;
	text-align:center;
}
.top_logo img{margin:0;padding:0;}

#dispmenu{display:none;}

.header_area{background-color:#d5d5d5;padding:12px 0;}

.wrapper {margin-top:10px!important;}
.main_wrap {padding-bottom:15px;}

.product_box_area {
width:102.8%;
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;
}
.product_box {
float:left;
width:47%;
border:solid 1px #b5b5b5;
padding:7px 10px 15px;
margin:0 3% 15px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.product_imgbox {
	text-align:center;
	margin-top:10px;
}
.product_imgbox img {
	display:inherit!important;
	margin:0 auto!important;
}
.product_title{
font-weight:bold;
font-size:100%;
margin-top:15px;
word-break:break-all;
}
.product_descript{margin-top:10px;font-size:13px;word-break:break-all;}
.product_descript2{font-size:13px;word-break:break-all;}
.sale_btn{
	color:#FFFFFF;
	text-align:center;
	border-radius:5px;
	padding:5px 10px;
	margin-top:10px;
}
.sale_btn:hover{
	opacity:0.8 ;
}
.sale_btn {font-size:90%;}

.product_box2 {
	margin-bottom:20px;
	margin-right:0;
	padding-bottom:15px;
	border-bottom:solid 1px #b5b5b5;
}
.product_imgbox2 {
	max-height:230px;
	overflow:hidden;
}
.product_txt2 {line-height:1.6}

.product_title2 {
	margin-top:10px;
	font-weight:bold;
	font-size:110%;
}
.open_date {
margin-top:5px;
font-weight:bold;
font-size:110%;
}
.product_descript2{margin-top:3px;}

body.home {margin-top:30px!important;}

/* side_area */
.side_product_box {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:solid 1px #a0a0a0;
}
.side_product_imgbox {
	float:left;
	width:100px;
	height:100px;	
    overflow:hidden;
    position:relative;
	background-color:#d4d4d4;
	margin-right:2%
}
.side_product_imgbox img {
	max-width:inherit;
	position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    width:auto;
    height:100%;
}
.side_product_txt {
	float:right;
	width:63%
}
.side_product_title {
	font-size:110%;
	margin-top:7px;
}
.side_open_date{margin-top:7px;font-size:14px;font-weight:bold;}
.side_wrap {padding-bottom:30px;}
.side_wrap ul {
	list-style:none;
	padding-left:0;
}
.side_wrap li {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:solid 1px #a0a0a0;
}
.side_wrap li:before {
	font-family:"Font Awesome 5 Free";
	content:"\f105";
	font-weight:900;
	margin:0 7px 0 10px;
	font-size:16px;
}
.side_wrap ul.children li{ 
	display:block;
	overflow:hidden;
	vertical-align:middle;
	padding:0 10px 0 15px;
	margin:8px 0 0; 
	border-bottom:none;
}
.side_wrap ul.children li:before{
	content:"┣";
	font-weight:normal;
	font-size:14px;
	color:#ABABAB;
}

/* コピーライト・フッターメニュー */
.footer_wrap{padding:25px 0;color:#FFFFFF;}
.footer_wrap a{color:#FFFFFF;}
.footer_wrap ul{text-align:center;}
.footer_wrap ul li{padding:0 4px;display:inline;}

.search_f{margin:20px 0 30px 0;}
.key_txt{width:225px;padding:8px 5px 10px;}

.side_wrap li.page_item {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:solid 1px #a0a0a0;
	list-style:none;
}
.side_wrap li.page_item:before {
	font-family:"Font Awesome 5 Free";
	content:"\f105";
	font-weight:900;
	margin:0 10px;
	font-size:16px;
}
.side_wrap li.page_item:last-child {margin-bottom:20px;}



@media only screen and (min-width:481px){
.grider {
	width:96%;
	padding-left:2%;
	padding-right:2%;
}

h1{padding:6px 15px 8px;font-size:20px;}
h2.h2_title{font-size:23px;}
h3{padding:10px;font-size:20px;}
h3.h3_side{padding:12px 20px;}
.header_area{padding:25px 0;}

.wrapper {margin-top:20px!important;}

.product_box_area {
	width:106%;
	margin:0;
}
.product_box {
	width:30%;
	padding:7px 12px 15px;
	margin-right:2%;
}

.product_title{font-size:16px;}
.product_descript{font-size:12px;}
.sale_btn {font-size:100%;}

.product_imgbox2 {
	float:left;
	width:30%;
	max-height:140px;
}
.product_txt2 {
	float:right;
	width:67%;
}
.product_title2, .open_date{margin-top:8px;}
.product_title2 {font-size:16px;}
.product_descript2 {margin-top:5px}
.product_descript2{font-size:13px;word-break:break-all;}
.open_date{font-size:14px;}

body.home {margin-top:40px!important;}

.side_product_txt {width:82%;}
.side_product_title {font-size:15px;}

}



@media only screen and (min-width:769px){
.grider {
	width:1035px;
	padding-left:0;
	padding-right:0;
	margin:auto;
}

h2.h2_title{padding:0 0 5px 10px;}
h3{padding:12px 13px 10px;}
h3.h3_side {font-size:18px;}

/* head_area -------------*/
.logo_area {padding:15px 0 20px;}
.top_logo {
	font-size:27px;
	float:left;
	text-align:left;
}

#dispmenu {display:block;}

ul.global_menu{
	padding:0 5px;
	list-style:none;
}
nav#navi ul li, ul.global_menu li {
	display:inline-block;
	margin-right:15px;
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
}
nav#navi ul li::before, ul.global_menu li::before {
	position:relative;
	top:-3px;
	margin-right:5px;
}

.wrapper{margin-top:20px!important;}
.main_wrap{float:left;width:700px;}

.product_box_area {width:715px;}
.product_box {
	width:224px;
	padding:7px 15px 15px;
	margin:0 14px 15px 0;
}

.product_descript {margin-top:8px;}

.product_imgbox2 {
	width:250px;
	max-height:167px;
}
.product_txt2 {width:420px;}

body.home {margin-top:45px!important;}

.pager .page-numbers {padding:3px 10px;}	

.side_wrap{float:right;width:300px;}
.side_product_txt {width:180px;}

}




.list_price{font-size:14px;font-weight:bold;color:#FF0000;}

.photo_li{
display:flex;
flex-wrap:wrap;
}
photo_li ul{
list-style:none;
padding-left:0;
}
.photo_li li{
width:calc(100%/4);/*画像を横に4つ並び*/
padding:3px 5px;
box-sizing:border-box;
}
.photo_liner li img{
max-width:100%; /*画像のはみだしを防ぐ*/
height:auto; /*画像の縦横比を維持 */
border:solid 1px #ccc;
}

/* アフィリエイトバナー */
.buy_btn{
background-color:#FF3333; /* ボタン背景色 */
color:#fff; /* ボタン文字色 */
box-shadow:0 5px 0 0 #FF3333; /* ボタン陰色 */
font-weight:bold;
border-radius:4px;
max-width:80%;
margin:0.5em auto;
padding:0.5em 0 0 0;
text-align:center;
line-height:1.4;
transition:all .2s ease;
}
.buy_btn:hover {
opacity:0.8;
}
.buy_btn a {
text-decoration:none !important;
color:#fff !important;
display:block;
margin:0;
padding:0.5em;
position:relative;
overflow:hidden;
}
.buy_btn a::before {
display:block;
position:absolute;
z-index:1;
left:-100%;
top:-50vh;
content:'';
width:3rem;
height:100vh;
transform:rotate(5deg);
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
animation:highLight 3s ease-in-out 0s infinite;
}

@keyframes highLight {
from { left:-5%; }
15%, 100% { left:105%; }
}

.buy_btn > img { float:left; }
.buy_btn::after{ content:''; clear:left; }
/* アフィリエイトバナー */

a.link_txt{
color:#1122CC;
}
a.link_txt:hover{
text-decoration:underline;
}

.notice_txt{
font-weight:bold;
color:#FF0000;
}
.notice_txt12{
font-size:12px;
font-weight:bold;
color:#FF0000;
}

a.sale_link{
font-weight:bold;
color:#1122CC;
}
a.sale_link:hover{
text-decoration:underline;
}

/* トップへ戻る */
#page_top{
width:50px;
height:50px;
position:fixed;
right:0;
bottom:0;
background:#ef3f40;
opacity:0.6;
}
#page_top a{
position:relative;
display:block;
width:50px;
height:25px;
text-decoration:none;
}
#page_top a::before{
font-family:'Font Awesome 5 Free';
font-weight:900;
content:'\f0d8';
font-size:25px;
color:#fff;
position:absolute;
width:25px;
height:25px;
top:0;
bottom:0;
right:0;
left:0;
margin:auto;
text-align:center;
}




.boxD01{
margin:0 auto;
padding:1em 2em 1em;
background-color: #EFE3DF;
border-radius:1px;
box-shadow:0px 1px 3px rgba(0,0,0,0.1);
}

.boxD01 .box-title{
color:#cca497;
font-size:18px;
font-weight:bold;
}

.boxD01 .box-title:before {
font-family:"Font Awesome 5 Free";
content:"\f06a";
font-size:18px;
margin:0 3px 0 0;
font-weight:bold;
}