@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: #FFFFFF;
	font-feature-settings: "palt";
	scroll-behavior: smooth;
	background-color: #29252B;
}
h1 {
  font-size: 30px !important;
  border-bottom: 4px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 20px;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  margin-top:-3px;
  margin-left: -3px;
  padding: 10px 20px 10px 20px;
  background-color: #510051;
  border-radius: 7px 7px 0 0;
}
h2 {
  font-size: 28px !important;
  
}
h3 {
  font-size: 20px !important;
  margin: 10px -40px 10px -40px;
  padding: 10px 20px;
  /*
	border-left:35px solid rgba(104,2,112,.9);
	*/
  text-shadow: 0 1px 6px rgba(255, 230, 255, 0.2);
  color: #fff;
  border-bottom: 4px solid rgba(154, 52, 172, .5);
}
h4 {
  font-size: 18px !important;
  margin-left: -25px;
  margin-right: -25px;
  padding: 4px 4px 4px 8px;
  color: #FFFFFF !important;
  /*
	background-color:rgba(154,52,172,.05);
	*/
}
h5 {
  font-size: 24px !important;
  margin: 10px -40px 10px -40px;
  padding: 10px 20px;
  /*
	border-left:35px solid rgba(104,2,112,.9);
	*/
 
  color: #fff;
  
}
h6 {
  font-size: 18px !important;
  margin: 10px -40px 10px -40px;
  padding: 10px 20px;
  /*
	border-left:35px solid rgba(104,2,112,.9);
	*/
 
  color: #fff;
  
}


strong {

	font-size: 1.1em;
	/*
	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 );
	*/

}



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

}

/* ===== 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:#D8D8D8;
}

.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:#B600CC;
	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;
}
.newpro {
  transform: rotate(-15deg);	
  font-size: 15px;
  color: #fff;
  border: 1px solid red;
  background: #ff0000;
  padding: 3px 6px 3px 6px;
  margin: 3px 3px 3px 3px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  position: absolute;
  right: 930px;
}


@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;
	height: 200px;
}

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

#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:#FF8CD7;
	text-decoration: none;
}
/*LINK?*/

#prd_catch_body h2 a,
#prd_catch_body h3 a {
	border:0;
}
#conversation a ,
#prd_catch_body .order_status a {
	color:#FFA7FD;	
}

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

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

hr {
	margin:2px 0 0 0;	
}


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

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

table.normal_table th {
	background-color:clear;	
}
table.normal_table th ,
table.normal_table td {
	padding:15px 10px 15px 10px;
	
	border:1px solid #6c05aa;
}

/* ===== 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: #6c05aa;
	width: 100%;
}

nav#global_menu ul.nav li {
	background: #6c05aa;
}

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

@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 {
	font-size: 14px;
	text-decoration: none;
	color: #FFFFFF;
	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: #de0ade;
	box-shadow: 4px 4px 10px #fff;
	
}
/* === menu == เงาเมนูหลักด้านบน */
#menu {
	/*
	display: flex;
	flex: auto;
	width:100%;
	flex-wrap: wrap;
	align-items: stretch;
*/
	/* === menu == ขนาดฟอนตืเมนูด้านข้าง */
	font-size: 10px;
	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:7px;
	border-radius:7;
	margin:15;

    
}

#menu li.menu_item a {
	padding:12px;
	display: block;
	transition: .4s all;
	margin-bottom: 4px;/* === menu == ช่องไฟของบล็อกเมนูด้านข้าง */
}
/* === menu == ฮูเวอร์เมนูข้าง */
#menu li.menu_item a:hover {
	background: #E030CE;
	box-shadow: 4px 4px 10px #fff;
	border-radius:7px;
    
	margin:10;
	
}

@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: clear; 
    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:#FFFFFF;
	text-decoration:none;
	
}

#menu li.menu_item .menu_item_title {
	padding: 2px;
	margin:-4px;
	background-color: #7D0E67;
	text-align: center;
	font-weight:bold;
}

#menu li.areeya .menu_item_title{
	background: #d70816;
}
#menu li.md .menu_item_title {
	background: #2c002c;
}
#menu li.yanhee .menu_item_title {
	background: #a51f25;
}
#menu li.sss .menu_item_title {
	background: #a51f25;
}
#menu li.qanda .menu_item_title {
	background: #8f0b53;
}

/*
#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: #FFFFFF;
    padding: 4px;
    border: 1px solid #AC0002;
    border-radius: 4px;
    text-decoration: none;
    font-size: 15px;
    margin: 5px;
    display: block;
    background: #D30003;
}

.first_time_btn a {
    color: #FFF !important;
	text-align:center;
	background: #ff9600;
    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;
	margin:30px 0 50px -10px;
    color: #FFFFFF;


	/*
	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:#FFFFFF;
	background-color:clear;
	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 7px #fff;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 3px;
	text-align: center;
}

.cart_item {
	border-bottom: 1px solid #eeccee;
	
}

#login_form table {
	width: 100%;
	border-collapse: collapse;
	border: 2;
	font-size:16px;
	color:#040404;
	background-color:#C348C3;
    padding: 4px;
    border-radius: 4px;
    margin: 5px;
    display: block;
}

#login_form th {
	
} 
#login_form td {
	 padding: 2px;
}

#login_form input {
	width: 100%;
	font-size:16px;
	font-weight: 800;
	color: #E70003;
}

#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-radius:4px;
	background:#FFF3FC;
	font-size:15px;
	color:#333030;
	text-align:left;
	line-height: 2.1rem;
	
}
#side_calender {
	margin:8px 0;
	padding:22px 16px 8px 0px;
	
	border-radius:2px;
	
	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 {
	background-color: #FFCFFE;
	border:1px solid #90006D;
	padding:10px;
	color: #000;
}



/* ===== footer ===== */
footer {
	padding: 10px 0px 20px 0px;
	text-align: center;
	background:#7511b1;
	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:#FFFFFF;
}