@font-face {
    font-family: 'NotoSerif';
	font-style: normal;
	font-weight:400;
    src: url('/lib/font/notoserif-regular.woff2') format('woff2') ,
		 url('/lib/font/notoserif-regular.woff') format('woff');
}

@font-face {
    font-family: 'NotoSerif';
	font-style: normal;
	font-weight:900;
    src: url('/lib/font/notoserif-bold.woff2') format('woff2') ,
		 url('/lib/font/notoserif-bold.woff') format('woff');
}

body {
	color: #444;
	font-feature-settings: "palt";
	scroll-behavior: smooth;
}


strong {
	color: #000;
	font-size: 1.065em;
	/*
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 51%, rgba(255,220,220,.57) 52%, rgba(255,220,220,.57) 90%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 51%,rgba(255,220,220,.57) 52%,rgba(255,220,220,.57) 90%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 51%,rgba(255,220,220,.57) 52%,rgba(255,220,220,.57) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffefef',GradientType=0 );
	*/

}

u {
	text-decoration: none;
	display: inline;
	color: #222;
	/*
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 51%, rgba(255,235,200,.7) 52%, rgba(255,235,200,.7) 90%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 51%,rgba(255,235,200,.7) 52%,rgba(255,235,200,.7) 90%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 51%,rgba(255,235,200,.7) 52%,rrgba(255,235,200,.7) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efffef',GradientType=0 );
	*/
}

@media screen and (max-width:699px){
	th,td {
		display: block;
	}
	th {
		text-align: left;
		background: #f0f0f0;
	}

}

/* ===== classes ===== */

.red {
	color: #FF0000;
}

.half_red {
	display: inline;
	color: #222;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 51%, rgba(255,220,220,.7) 52%, rgba(255,220,220,.7) 90%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 51%,rgba(255,220,220,.7) 52%,rgba(255,220,220,.7) 90%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 51%,rgba(255,220,220,.7) 52%,rgba(255,220,220,.7) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffefef',GradientType=0 );

}

.half_blue {
	display: inline;
	color: #222;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 51%, rgba(220,220,255,.7) 52%, rgba(220,220,255,.7) 90%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 51%,rgba(220,220,255,.7) 52%,rgba(220,220,255,.7) 90%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 51%,rgba(220,220,255,.7) 52%,rgba(220,220,255,.7) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefff',GradientType=0 );
}

.half_green {
	display: inline;
	color: #222;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(to bottom, rgba(249,255,255,0) 51%,rgba(244, 255, 211, 0.7) 52%,rgba(220,255,220,.7) 90%);
	background: -webkit-linear-gradient(to bottom, rgba(249,255,255,0) 51%,rgba(244, 255, 211, 0.7) 52%,rgba(220,255,220,.7) 90%);
	background: linear-gradient(to bottom, rgba(249,255,255,0) 51%,rgba(244, 255, 211, 0.7) 52%,rgba(220,255,220,.7) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efffef',GradientType=0 );
}

.bg_white {
	background:#fff;
}

.clear {
	clear: both;
}

.right {
	float:right;
	margin:0 0 5px 15px;
}

.text_center{
	text-align: center;
}
.nextHideTitle { cursor:pointer	}
.nextHideTitle + * { 
	margin:10px 10px 10px 30px;
	padding:20px;
	border-left:5px solid #fff;
	background-color:rgba(0,0,0,0.05);
	border-radius: 3px;
}

.kakomi {
	border:0px solid rgba(255,0,4,0.26);
	background-color: rgba(255,0,4,0.03);
	padding:10px;
	margin:10px 0;
    border-radius: 2px;
	box-shadow: 0 0 10px rgba(0,0,0,.12);
}

.small_text {
	font-size:12px;
	font-weight:normal;
}



@media screen and (max-width:699px){
	.hide_mobile {
		display: none;
	}
}
/* ===== base colors ===== */

.bg_color_normal { color:#333 }

header #title {
	background-image:url(../image/bg_header.jpg);
	background-position: center 0%;
	background-repeat: no-repeat;
	padding: 50px 0;
    background-size: cover;
}

@media screen and (max-width:699px){
	header #title {
		padding: 20px 0;
	}
}

#page_body {
	text-align: left;
    padding: 0 40px;
}


/*
.color_areeya ,
#prd_list_areeya .prd_to_cart .prd_to_cart_title { color:rgba(255,0,4,1) }
.bg_color_areeya {	background-color:#ff4500 }

.color_md ,
#prd_list_md .prd_to_cart .prd_to_cart_title { color:#4169e1 }
.bg_color_md { background-color:#4169e1 }

.color_yanhee ,
#prd_list_yanhee .prd_to_cart .prd_to_cart_title{ color:rgba(255, 141, 23, 0.95) }
.bg_color_yanhee {	background-color:rgba(255, 141, 23, 0.95) }

.color_sss ,
#prd_list_sss .prd_to_cart .prd_to_cart_title{ color:rgba(236, 28, 211, 0.95) }
.bg_color_sss { background-color:rgba(236, 28, 211, 0.95) }

.color_qanda { color:#4b0082 }
.bg_color_qanda { background-color:#4b0082 }
*/

#prd_catch_body {	/* text-shadow:0 1px 2px rgba(0,0,0,0.4) */ }

#prd_catch_body a {
	color:#26508E;
	text-decoration: none;
	border-bottom: 1px dashed #26508E;
}

#prd_catch_body h2 a,
#prd_catch_body h3 a {
	border:0;
}
#conversation a ,
#prd_catch_body .order_status a {
	color:rgba(37,75,159,1.00);	
}

/* ===== tags ===== */

p {
	margin-top:0;
	margin: 0 0 1.5em 1em;
}
@media screen and (max-width:699px){
	p { margin: 0 10px }
}

hr {
	border:1px dotted rgba(0,0,0,0.14);
	border-width:1px 0 0 0;
	margin:10px 0;
}

h3 {
	font-size: 24px;
	font-weight: normal;
	border-bottom: 1px rgba(0,0,0,0.6) solid;
	padding-bottom: 4px;
	color: #000;
/*
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 51%, rgba(255,220,220,0.9) 52%, rgba(255,220,220,0.9) 90%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 51%,rgba(255,220,220,0.9) 52%,rgba(255,220,220,0.9) 90%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 51%,rgba(255,220,220,0.9) 52%,rgba(255,220,220,0.9) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffefef',GradientType=0 );
*/
}

body {
	margin: 0;
	padding: 0;
	font-size:15px;
	font-family: 'NotoSerif',"メイリオ", Meiryo, "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "MS UI Gothic"  ,  sans-serif;
	line-height: 180%;
	color: #5a5a5a;
}
body header {
	height: auto;
}

table.normal_table {
	border-collapse:collapse;
	border:1px solid #999;
}

table.normal_table th {
	background-color:#f9f9f9;	
}
table.normal_table th ,
table.normal_table td {
	padding:15px;
	border:1px solid #aaa;
}

/* ===== header ===== */
header {
	position: relative;
}

#title {
	text-align: center;
}
#title img {
	margin: 15px auto 0px auto;
	width: 70%;
	min-width:300px;
	max-width: 900px;
}
@media screen and (max-width:699px){
	#title img {
		width:90%;
		max-width:420px;
	}
}
#title #subTitle {
	padding: 0;
	margin:4px 15px;
	font-size: .82em;
}

nav#global_menu {
	margin-bottom: 10px;
	background-position: center bottom;
	background-size: cover;
}

nav#global_menu ul {
/*
	display: flex;
	flex-wrap: wrap;
*/
	list-style: none;
	padding: 0;
	margin: 0;
	background: rgba(240,240,240,.98);
	width: 100%;
}

nav#global_menu ul.nav li {
	
}

nav#global_menu ul.nav>li {
	width: calc( 100% / 7 );
    text-align: center;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: .1em;
	text-shadow: 0 0 1px #fff , 0 0 2px #fff , 0 0 2px #fff , 0 0 8px #fff ;
}

@media screen and (max-width:699px){
	nav#global_menu ul.nav>li {
		width: 100%;
	}
	#sidebar #menu {
		display: none;
	}
}

nav#global_menu ul ul.dropdown-menu {
	width: auto;
}

nav#global_menu ul ul.dropdown-menu li {
	white-space: nowrap;
}

nav#global_menu ul li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 8px ;
	transition: .4s all;
	padding: 14px 20px;
}

nav#global_menu>ul>li>a {
	white-space: normal;
}

.menu_wrapper {
	padding: 0;
}

nav#global_menu ul li a:hover {
	background: rgba(255,255,255,.5);
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
/* === menu === */
#menu {
	/*
	display: flex;
	flex: auto;
	width:100%;
	flex-wrap: wrap;
	align-items: stretch;
*/
	
	list-style: none;
	margin:0 0 20px 0;
	padding:0;
}

#menu li.menu_item {
	/* display:inline-block;
	min-width:210px;
	box-shadow:0 0 5px rgba(0,0,0,0.1); 
	border-bottom: 1px solid #777;
	flex-grow:2;
	flex-basis: 18%;
	*/
	border-radius:2px;
	border-radius:0;
	margin:0;
}

#menu li.menu_item a {
	padding:12px;
	display: block;
	transition: .4s all;
}

#menu li.menu_item a:hover {
	background: rgba(255,255,255,.5);
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}

@media screen and (max-width:699px){
	#menu li.menu_item {
			flex-basis: auto;
	}
}
#menu li .prd_icon {
	font-weight: normal;
	font-size: 12px;
    padding: 4px 8px;
    margin: 0 0 8px 0;
    background-color: rgba(255,255,255,.7);
    box-shadow: 0 0px 1px rgba(0,0,0,0.2);
    border-radius: 4px;
    line-height: 130%;
    text-align: center;
}


#menu li.menu_item a {
	color:#333;
	text-decoration:none;
	
}

#menu li.menu_item .menu_item_title {
	padding: 2px;
	margin:-4px;
	background-color: rgba(255,255,255,0.95);
	text-align: center;
	font-weight:bold;
}

#menu li.areeya .menu_item_title{
	background: #FF9992;
}
#menu li.md .menu_item_title {
	background: #E8CABF;
}
#menu li.yanhee .menu_item_title {
	background: #FFB8BD;
}
#menu li.sss .menu_item_title {
	background: #FFEBE3;
}
#menu li.qanda .menu_item_title {
	background: #FFBF7C;
}

/*
#menu li.areeya {
	background-color:#ff4500;
}
#menu li.areeya .menu_item_title{
	color:rgba(255,0,4,1);
}
#menu li.md {
	background-color:#4169e1;	
}
#menu li.md .menu_item_title {
	color:#4169e1
}
#menu li.yanhee {
	background-color:rgba(249,166,37,0.95)	
}
#menu li.yanhee .menu_item_title {
	color:rgba(249,166,37,0.95)	
}
#menu li.qanda {
	background-color:rgba(156,21,224,0.88);
	background-color:#4b0082;
}
#menu li.qanda .menu_item_title {
	color:rgba(156,21,224,0.88);
	color:#4b0082;
}
*/

#cart a.howtoorder {
    color: #000;
    padding: 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    text-decoration: none;
    font-size: 15px;
    margin: 5px;
    display: block;
    background: #fff;
}

.first_time_btn a {
    color: #FFF !important;
	text-align:center;
	background: #e8282b;
    padding: 15px 5px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 1.6em;
    margin: 0 0 20px 0;
    display: block;
}

/* ===== body ===== */
#body {
	padding: 30px;
	text-align: center;
}
@media screen and (max-width:699px){
	#body {
		padding: 20px 10px 10px 10px;
	}
}

#prd_catch_body h2 {
	font-size:36px;
	line-height: 1.2;
	font-weight: normal;
	border-bottom:0px dotted rgba(0,0,0,0.23);
	margin:30px 0 50px -10px;
    color: #000;

	/*
	padding-left: 5px;
	text-shadow: 0 0 2px #fff , 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
	
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 51%, rgba(255,200,200,.5) 52%, rgba(255,220,220,1) 98%, rgba(255,180,180,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 51%,rgba(255,200,200,.5) 52%,rgba(255,220,220,1) 98%, rgba(255,180,180,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 51%,rgba(255,200,200,.5) 52%,rgba(255,220,220,1) 98%, rgba(255,180,180,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffefef',GradientType=0 );
	
	border-radius: 2px;
	*/
}

#prd_catch_body h3 a {
	text-decoration: none;
}

.btn_to_cart {border-radius: 2px}

/* ===== sidebar ===== */

#sidebar {
	float:left;
	font-size:12px;
	color:#333;
	background-color:rgba(255,255,255,0.99);
	width:300px;
	padding:10px;
	margin:0px 30px 10px 10px;
	border-radius:2px;
	/*
	box-shadow:0 2px 10px rgba(0,0,0,0.21);
	z-index:999;
	*/
}

#cart {
	box-shadow:0 2px 10px rgba(0,0,0,0.21);
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 2px;
	text-align: center;
}

.cart_item {
	border-bottom: 1px dotted #ccc;
	
}

#login_form table {
	width: 100%;
	border-collapse: collapse;
	border: 0;
}

#login_form th {
} 
#login_form td {
}

#login_form input {
	width: 100%;
}

#sidebar .cart_title {
	font-size: 14px;
    padding: 8px;
	text-align: center;
    margin: 10px 0;
    background: #f41;
    border-radius: 2px;
    color: #FFF;
}

#sidebar #btn_buy {
	width: 100%;
    height: auto;
    margin-top: 10px;
}

#side_notice {
	margin:8px 0;
	padding:22px 16px 8px 0px;
	border:1px dotted #eee;
	border-radius:2px;
	background:rgba(241, 241, 241,1.00);
	text-align:left;
	line-height: 2.1rem;
	
}

@media screen and (max-width:699px){
	#sidebar {
		width: 100%;
		float: none;
		margin: 0;
		box-sizing: border-box;
	}
}

.twitter {
	width:100%; 
	margin-top:5px;
}
.timeline-Tweet-text {
	font-family: 'NotoSerif',"メイリオ", Meiryo, "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "MS UI Gothic"  ,  sans-serif;
}

/*@media screen and (max-width:699px){
	.twitter iframe {
		 height:160px !important;
		min-height:160px !important;
	}
} */


/* ===== contact ===== */

.formTable {
	border-collapse:collapse;	
}

.formTable th {
	text-align:right;
}

.formTable th,
.formTable td {
	border:1px solid #eee;
	padding:10px;
}



/* ===== footer ===== */
footer {
	padding: 10px 0px 20px 0px;
	text-align: center;
	background:#f9f9f9;
	clear: both;
}

footer .faq_links_list ul {
	list-style:none;
	margin:20px 0;
	padding:0;
}
footer .faq_links_list ul li {
	display:inline-block;
	padding:0 6px;
	font-size:12px;
}
footer .faq_links_list ul li a {
	text-decoration:none;
	color:#666;
}