/* General Style */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
html { height: 100%; }

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

body {
    font-family: 'Lato', Calibri, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  メイリオ, Meiryo, "ＭＳ Ｐ ゴシック", sans-serif;
    background: #4c4c4c;
    font-size: 12px;
  line-height: 1.42857143;
  color: #333;
  background-color: #c3c3c3;
    -webkit-font-smoothing: antialiased;
}
.row {
  max-width: 1170px;
}
a:link, a:visited {
	color: #555;
	text-decoration: none;
}
a:hover, a:active {
	color: #333;
	text-decoration: underline;
}
img {
	border: none;
}
li{
	list-style-type: none;
}
.container {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-top: 60px;
}



.clr {
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}

.content-wrapper {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 7px 10px;

}

.content-light-gray{
	background-color: #eee;
	color: #333;
	padding-bottom: 10px;
	margin-bottom: 0;
}
.content-light-gray-icon{
	background-color: #eee;
	color: #333;
	padding-bottom: 0px;
	margin-bottom: 0;
}
.content-gray{
	background-color: #e5e5e5;
	color: #fff;
	padding-bottom: 20px;
	margin-bottom: 0;
}
.content-white{
	background-color: #fff;
	color: #333;
	padding-bottom: 20px;
	margin-bottom: 0;
}
.text-centre{
	text-align: center;
	position: relative;
}
.text-centre-pic{

	text-align: center;
	position: relative;
}
.text-centre-pic img{
	width: 100%;
}
.pattern-pic-area{
	width: 100%;
	float: left;
}
.pattern-pic{
	text-align: center;
	position: relative;
	float: left;
	width: 49%;
}
.pattern-pic img{
	width: 100%;
}
@media screen and (min-width:768px) and (max-width:959px) {
	#logo a img{
		width: 135px;	
	}
}

/*----- products -----*/

.pattern-menu{
	list-style-type: none;
}
.pattern-menu li{
	display: inline;
	float: left;
	width: 48%;
	position: relative;
	border: 1px solid #fff;
	margin-right: 15px;
	margin-top: 30px;
	margin-bottom: 10px;
	cursor: pointer;
}
#pattern-a{
	width: 100%;
	border: 1px solid #ddd;
}
#pattern-b{
	width: 100%;
	border: 1px solid #ddd;
}
#pattern-a:hover{
	border: 1px solid #eee;
}
#pattern-b:hover{
	border: 1px solid #eee;
}
.pattern-menu li:last-child{
	margin-right: 0px;

}
.pattern-menu li img{
	max-width: 100%;
	vertical-align: bottom;
}
.pattern-menu li:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	border: 1px solid #eee;	
}

.product-name{
	font-size: 24px;
	font-weight: bold;
}
.product-name-jp{
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
}
.product-pattern{
	color: #333;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	float: left;
	margin-top: 5px;
}
.product-pattern-big{
	font-size: 24px;
}
.product-text{
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	float: left;
	margin-top: 14px;
	margin-left: 20px;
}
.product-price{
	font-size: 24px;
	float: right;
	font-weight: bold;
	margin-top: 5px;
}
.pattern-title{
	color: #FFF;
	font-size: 28px;
	font-weight: bold;
}
.pattern-text{
	text-align: center;
	position: absolute;
	margin-top: 30%;
	color: #fff;
	letter-spacing: 1px;
	width: 100%;
	font-size: 14px;
}
.warning-text{
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	margin-left: 20px;
	margin-top: 2px;
}
.text-bk{
	color: #333;
}
.pic-btn{
	width: 40%;
	color: #333;
	margin-top: 30px;
	font-size: 14px;
	position: relative;
	display: block;
	border: 2px solid #fff;
	left: 30%;

}
.pic-btn-60{
	width: 60%;
	color: #333;
	margin-top: 30px;
	font-size: 14px;
	position: relative;
	display: block;
	border: 2px solid #fff;
	left: 20%;

}
.pic-btn-100{
	width: 100%;
	color: #333;
	font-size: 14px;
	position: relative;
	display: block;
	border: 2px solid #fff;

}
.pic-btn:hover, .pic-btn-60:hover, .pic-btn-100:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	border: 2px solid #eee;
}
.text-u-pic{
	position: absolute;
	margin-top: 55%;
	width: 100%;
}
.pic-btn-60 img{
	width: 100%;
}
/*----- contents -----*/
#loading {
	position: absolute;
	top: 25%;
	left: 50%;
}

.sub-title{
	font-size: 11px;
	font-weight: 400;
	margin-left: 5%;
	vertical-align: middle;
}
.sub-title-pic{
	font-size: 11px;
	font-weight: 400;
	margin-left: 5%;
	vertical-align: text-top;
}
.entry-more{
	float: right;
}
.entry-more a, .entry-more a:visited{
	color: #fff;
}
.entry-more a:hover, .entry-more a:active{
	color: #ccc;
	text-decoration: none;
}
.item-title{
	font-size: 16px;
	height: 40px;
}
.news-area{
	text-align: left;
	margin-top: 5px;
	padding-bottom: 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐ ゴシック", sans-serif;
}
.title-news{
	font-size: 11px;
	margin-top: 3px;
	margin-bottom: 3px;
	text-decoration: none;
}

.title-news a, .title-news a:visited{
	text-decoration: none;
	color: #000;
}
.title-news a:hover, .title-news a:active{
	text-decoration: underline;
	color: #333;
}

.news-text{

	font-size: 11px;
	line-height: 16px;
	padding-right: 20px;
}
.date-header{
	font-size: 10px;
}
.cat-header{
	font-size: 10px;
}
.text-title{
	width: 100%;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
}

/* NEW PRODUCTS */
.products-title{
	width: 100%;
	max-width: 920px;

}
.products-title img{
	width: 100%;
}
.btn-area-products{
	width:100%;
	z-index: 99;
	margin-left: 5%;
	margin-top: -225px;
	position: absolute;
}
.btn-area-products span{
	color: #FFF;
	font-size: 16px;
}
.btn-area-products a:link, .btn-area-products a:visited{
		color: #333;
}
.btn-area-products a:hover, .btn-area-products a:active{
	text-decoration: none;
}
.order-btn{
	cursor: pointer;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	background-color: rgba(253,252,255,0.8);
	border: 1px solid #ccc;
	text-align: center;
	font-size: 34px;
	letter-spacing: 2px;
	padding: 25px 85px;
}
.order-btn:hover, .order-btn:active{
	background-color: #FFF;

}
/*----- order -----*/
.btn-area-img{
	width:100%;
	margin-top: 30px;
	margin-bottom: 50px;
}
.btn-area{
	width:100%;
	position: fixed;
	z-index: 99;
	bottom: 0;
	background-color: #eee;
	left: 0;
	padding: 15px 20px 10px;
}
.btn-area-select{
	width:100%;
	margin-top: 30px;
	margin-bottom: 50px;
}
.btn-area-left{
	width:40%;
	float: left;
	text-align: right;
}
.btn-area-right{
	width:60%;
	text-align: center;
	float: right;
}
.btn-area-centre{
	width:100%;
	text-align: center;
}
.back-btn {
  cursor: pointer;
  background: #cccccc;

  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
  letter-spacing: 1px;
}

.back-btn:hover {
  background: #dedede;
  background-image: -webkit-linear-gradient(top, #dedede, #cccccc);
  background-image: -moz-linear-gradient(top, #dedede, #cccccc);
  background-image: -ms-linear-gradient(top, #dedede, #cccccc);
  background-image: -o-linear-gradient(top, #dedede, #cccccc);
  background-image: linear-gradient(to bottom, #dedede, #cccccc);
  text-decoration: none;
	border: 1px solid #cccccc;
}

.next-btn {
  cursor: pointer;
  background: #20afd2;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #ffffff;
  font-size: 16px;
  padding: 7px 25px 7px 25px;
  text-decoration: none;
  letter-spacing: 1px;
}

.next-btn:hover {
  background: #1db9df;
  background-image: -webkit-linear-gradient(top, #1db9df, #4882b6);
  background-image: -moz-linear-gradient(top, #1db9df, #4882b6);
  background-image: -ms-linear-gradient(top, #1db9df, #4882b6);
  background-image: -o-linear-gradient(top, #1db9df, #4882b6);
  background-image: linear-gradient(to bottom, #1db9df, #4882b6);
  text-decoration: none;
	border: 1px solid #20afd2;
}

.add-to-cart-btn {
  cursor: pointer;
  background: #ff0091;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 45px 10px 45px;
  text-decoration: none;
  letter-spacing: 1px;
	margin-top: -6px;
	font-weight: bold;
}

.add-to-cart-btn:hover {
  background: #ff0091;
  background-image: -webkit-linear-gradient(top, #ff0091, #d7017c);
  background-image: -moz-linear-gradient(top, #ff0091, #d7017c);
  background-image: -ms-linear-gradient(top, #ff0091, #d7017c);
  background-image: -o-linear-gradient(top, #ff0091, #d7017c);
  background-image: linear-gradient(to bottom, #ff0091, #d7017c);
  text-decoration: none;
	border: 1px solid #ff0091;
}
.shopping-btn {
  cursor: pointer;
  background: #5698d4;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 45px 10px 45px;
  text-decoration: none;
  letter-spacing: 1px;
	margin-top: -6px;
	font-weight: bold;
}

.shopping-btn:hover {
  background: #5698d4;
  background-image: -webkit-linear-gradient(top, #5698d4, #4882b6);
  background-image: -moz-linear-gradient(top, #5698d4, #4882b6);
  background-image: -ms-linear-gradient(top, #5698d4, #4882b6);
  background-image: -o-linear-gradient(top, #5698d4, #4882b6);
  background-image: linear-gradient(to bottom, #5698d4, #4882b6);
  text-decoration: none;
	border: 1px solid #5698d4;
}
.shopping-ok-btn {
  cursor: pointer;
  background: #0059a8;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 45px 10px 45px;
  text-decoration: none;
  letter-spacing: 1px;
	margin-top: -6px;
	font-weight: bold;
}

.shopping-ok-btn:hover {
  background: #0059a8;
  background-image: -webkit-linear-gradient(top, #0059a8, #00427e);
  background-image: -moz-linear-gradient(top, #0059a8, #00427e);
  background-image: -ms-linear-gradient(top, #0059a8, #00427e);
  background-image: -o-linear-gradient(top, #0059a8, #00427e);
  background-image: linear-gradient(to bottom, #0059a8, #00427e);
  text-decoration: none;
	border: 1px solid #5698d4;
}
.download-btn {
  cursor: pointer;
  background: #7d7d7d;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #ffffff;
  font-size: 16px;
  padding: 7px 25px 7px 25px;
  text-decoration: none;
  letter-spacing: 1px;
}

.download-btn:hover {
  background: #adadad;
  background-image: -webkit-linear-gradient(top, #adadad, #9c9c9c);
  background-image: -moz-linear-gradient(top, #adadad, #9c9c9c);
  background-image: -ms-linear-gradient(top, #adadad, #9c9c9c);
  background-image: -o-linear-gradient(top, #adadad, #9c9c9c);
  background-image: linear-gradient(to bottom, #adadad, #9c9c9c);
  text-decoration: none;
	border: 1px solid #9c9c9c;
}
.go-top-btn {
  cursor: pointer;
  background: #7d7d7d;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #ffffff;
  font-size: 16px;
  padding: 7px 25px 7px 25px;
  text-decoration: none;
  letter-spacing: 1px;
}

.go-top-btn:hover {
  background: #adadad;
  background-image: -webkit-linear-gradient(top, #adadad, #9c9c9c);
  background-image: -moz-linear-gradient(top, #adadad, #9c9c9c);
  background-image: -ms-linear-gradient(top, #adadad, #9c9c9c);
  background-image: -o-linear-gradient(top, #adadad, #9c9c9c);
  background-image: linear-gradient(to bottom, #adadad, #9c9c9c);
  text-decoration: none;
	border: 1px solid #9c9c9c;
}
.price-btn {
  cursor: pointer;
  background: #009cd3;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #eee;
  font-size: 16px;
  padding: 7px 25px 7px 25px;
  text-decoration: none;
  letter-spacing: 1px;
	margin-top: 25px;
	margin-bottom: 25px;
	text-align: center;
}

.price-btn:hover {
  background: #00abea;

  text-decoration: none;
	border: 1px solid #20afd2;
	color: #fff;
}
/* 202103 */

.page-btn{
	cursor: pointer;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background-color: #000;
	white-space: nowrap;
	margin: 0;
	padding: 10px 50px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	color: #ddd;
	border: 1px solid #999;
	letter-spacing: .2em;
	font-size: 1.5em;
}

.page-btn:hover{
	background-color: #333;
	text-decoration: none;
	color: #fff;
	border: 1px solid #FFF;
}

.nosofa-area1 a:hover{
  text-decoration: none;	
}
.amazon-btn{
	width: 190px;
	margin-top: 15px;
	border-style: none;
}
.amazon-btn:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;	
}
.amazon-btn img{
	width: 100%;

}
/*----- form -----*/


input[type="text"]{
border: 1px solid #ccc;
padding:7px;
color:#333;
margin: 0;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;	
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
font: 1.3em Arial, sans-serif;

}

input[type=checkbox] {

    margin-right: 10px;
}



textarea {
border:0;
padding:10px;
color:#333;
border: 1px solid #ccc;

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;	
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
	font: 1.3em Arial, sans-serif;
	margin: 2px 0 0;
}
/*----- select-----*/
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	color: #333;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 30px 3px 10px;
	font-size: 14px;
	background: #fff url(../images/arrow.png) no-repeat right 50%;
	background-size: 20px, 100%;
}
#qt1 {
	font-size: 12px;
	margin-top: -2px;
}

/*----- page-top -----*/
#page-top {
	position: fixed;
	bottom:10px;
	right: 20px;
}
#page-top a span{
	color: #333;
}
#page-top a {
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	color: #333;
	text-decoration: none;
	width: 130px;
	display: block;
	height: 42px;

	text-align: center;
	background-color: #e8e8e8;
	padding: 10px;
}
#page-top a:hover {
	background-color: #eee;
	border: 1px solid #aaa;

}



/*----- footer -----*/
.text-n12{
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}
.text-n14{
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}
.text-n16{
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}
.text-n18{
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
}
.text-n21{
	font-size: 21px;
	font-weight: normal;
	font-style: normal;
}
.text-n24{
	font-size: 24px;
	font-weight: normal;
	font-style: normal;
}

.text-b12{
	font-size: 12px;
	font-weight: bold;
}
.text-b14{
	font-size: 14px;
	font-weight: bold;
}
.text-b16{
	font-size: 16px;
	font-weight: bold;
}
.text-b18{
	font-size: 18px;
	font-weight: bold;
}
.text-b21{
	font-size: 21px;
	font-weight: bold;
}
.text-b24{
	font-size: 24px;
	font-weight: bold;
}
.text-b24n{
	font-size: 24px;
	font-weight: bold;
}
/*----- sub-footer -----*/
.pic-menu-fit{
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.pic-menu-fit:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;	
}
.pic-menu-fit li{
	display: inline;
	float: left;
	width: 100%;
	position: relative;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px solid #fff;
	margin-top: 10px;
}
.pic-menu-fit li img{
	max-width: 100%;
	vertical-align: bottom;
}
.pic-menu-c{
	list-style-type: none;
	margin-right: auto;
	margin-left: auto;
	width: 50%;
}
.pic-menu-c li{
	display: inline;
	float: left;
	width: 100%;
	position: relative;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px solid #fff;
	margin-top: 10px;
}
.pic-menu-c li:last-child{
	margin-right: 0px;

}
.pic-menu-c li img{
	max-width: 100%;
	vertical-align: bottom;
}
.pic-menu-c li:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;	
	border: 1px solid #ddd;
	background-color: #eee;
}
.pic-menu{
	list-style-type: none;
	display: inline-block;
}
.pic-menu li{
	display: inline;
	float: left;
	width: 48%;
	position: relative;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 50px;
	border: 1px solid #fff;
}
.pic-menu li:last-child{
	margin-right: 0px;

}
.pic-menu li img{
	max-width: 100%;
	vertical-align: bottom;
}
.pic-menu li:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;	
}
.pic-menu3{
	list-style-type: none;
}
.pic-menu3 li{
	display: inline;
	float: left;
	width: 32%;
	position: relative;
	margin-right: 8px;
	margin-bottom: 10px;
	border: 1px solid #fff;
	margin-top: 10px;
}
.pic-menu3 li:last-child{
	margin-right: 0px;

}
.pic-menu3 li img{
	max-width: 100%;
	vertical-align: bottom;
}
.pic-menu3 li:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;	
}
.pic-menu-text-ex{
	text-align: center;
	position: absolute;
	margin-top: 15%;
	color: #FFF;
	letter-spacing: 1px;
	width: 100%;
	font-size: 1.5em;
	top: 0;
}
.pic-menu-text{
	text-align: center;
	position: absolute;
	margin-top: 38%;
	color: #FFF;
	letter-spacing: 1px;
	width: 100%;
	font-size: 14px;
	top: 0;
}
.pic-menu-tax{
	text-align: center;
	position: absolute;
	margin-top: 50%;
	color: #FFF;
	letter-spacing: 1px;
	width: 100%;
	font-size: 12px;
}
.pic-menu-text-bk{
	text-align: center;
	position: absolute;
	margin-top: 20%;
	color: #333;
	letter-spacing: 1px;
	width: 100%;
	font-size: 14px;
}
.pic-menu-title{
	font-weight: bold;
	font-size: 30px;
	margin-top: 10px;
}
.pic-menu-title-s{
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 7px;
}
.pic-menu-size{
	font-size: 42px;
	font-weight: bold;
}
.for-plus{
	width: 100%;
	text-align: center;
	font-weight: bold;
}
.pic-menu-name{
	width: 100%;
	font-weight: bold;
	font-size: 48px;
	position: absolute;
	color: #FFF;
	margin-top: 25%;
	top: 0;
}
.content-gray .pic-menu-text, .text-white .pic-menu-text{
	margin-top: 20%;
	color: #FFF;

}
/*----- facebook -----*/

.facebook-wrapper {
	width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;

}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}
/*----- instagram -----*/
.insta-title{
	text-align: center;
	position: relative;
	font-size: 30px;
	color: #000;
	margin-top: 5px;
	margin-bottom: 5px;
}
#instafeed{
	width:100%;
	height: auto;
	overflow: auto;

}
ul#instafeed li{
	display: inline;
	margin-right: 10px;
	margin-left: 5px;
}
ul#instafeed li img{
	width: 23%;
}


/* pop-up */
.pop-area-loop{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: rgba(250, 125, 0, 0.7);
	position: fixed;
	top: 100px;
	color: #FFF;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
	text-shadow: 1px 1px 1px #7c7c7c;
	font-size: 1em;
	right: 15px;
	text-align: center;
	z-index: 99;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.pop-area-loop2{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: rgba(35, 137, 204, 0.7);
	position: fixed;
	top: 100px;
	color: #FFF;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
	text-shadow: 1px 1px 1px #7c7c7c;
	font-size: 1em;
	right: 15px;
	text-align: center;
	z-index: 99;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pop-area{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: rgba(250, 125, 0, 0.7);
	position: fixed;
	top: 100px;
	color: #FFF;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
	text-shadow: 1px 1px 1px #7c7c7c;
	font-size: 1em;
	right: 20px;
	text-align: center;
	z-index: 99;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.pop-area2{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: rgba(35, 137, 204, 0.7);
	position: fixed;
	top: 350px;
	color: #FFF;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
	text-shadow: 1px 1px 1px #7c7c7c;
	font-size: 1em;
	right: 20px;
	text-align: center;
	z-index: 99;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.pop-area3{
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background-color: rgba(250, 0, 70, 0.7);
	position: fixed;
	top: 110px;
	color: #FFF;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
	font-size: 1em;
	right: 15px;
	text-align: center;
	z-index: 99;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pop-area-in {
	margin-top: 20%;
}

.pop-area:hover, .pop-area-loop:hover {
	background-color: rgba(250, 125, 0, 0.9);
}
.pop-area2:hover, .pop-area-loop2:hover {
	background-color: rgba(35, 137, 204, 0.9);
}
.pop-area3:hover {
	background-color: rgba(250, 0, 70, 0.9);
}
.pop-area3 a:hover {
	text-decoration: none;
}
.pop-text,.pop-text2{
	font-size: .7em;	
}
.pop-text img{
		width: 60%;
		margin-top: 20px;
}
.pop-text-loop img{
		width: 60%;
		margin-top: -10px;
}

.pop-text2 img{
		width: 90%;
		margin: 15px 0 0;
}
.pop-text-b {
	margin-top: 10px;	
	font-weight: bold;
}
.pop-area-in a{
	color: #fff;
}
.pop-area-loop .pop-btn, .pop-area-loop2 .pop-btn {
	font-size: 1.1em;	
}
.pop-btn {

	font-size: .9em;
	border-radius: 3px;
	margin-top:0;
	line-height: 1.8em;
}
.pop-box-text {
	font-size: 1.2em;
	padding-top: 5px;
}
.pop-box-btn {
	border-radius: 3px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.8em;
	background-color: #ffffff;
	width: 110px;
	color: rgb(250, 0, 70);
	padding-right: 5px;
	padding-left: 5px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.pop-box-btn:hover {
	background-color: rgba(255, 255, 255, 0.8);
}
/* COLOUR IMG */
.top-colour-name {
	font-weight: 700;
	font-size: 28px;
	letter-spacing: 3px;
	margin-bottom: 25px;
	margin-top: 25px;
	margin-left: 0;
	text-align: center;
}
.colour-top-50-box{
	width: 14%;
	height: 14%;
	float: left;
	margin-right: 10px;
	text-align: center;
}
.colour-top-title {
	font-weight: bold;
	height: 3.8em;
}
.colour-top-50-text {
	font-weight: normal;
	margin-top: 5px;
	font-size: .9em;
}
.colour-top-50-box img{
	width: 100%;

}

@media (max-width:770px) {
	
	/* pop-up */
	.pop-area,.pop-area2{
	width: 130px;
	height: 130px;
	font-size: 1em;
	}	
	.pop-btn {
	font-size: .8em;
	border-radius: 3px;
	margin-top:0;
	line-height: 1.5em;
	}
/* COLOUR IMG */
	.top-colour-name {
	font-size: 22px;
	}
	.colour-top-50-box{
	width: 18%;
	height: 18%;
	float: left;

	}
	.colour-top-title {
		height: 5em;
	}
	.pic-menu-text-ex{
	margin-top: 10%;
	font-size: 1.4em;
	}
}
@media (max-width:620px) {

/* COLOUR IMG */
	.colour-top-50-box{
	width: 22%;
	height: 22%;

	}
	.colour-top-title {
		height: 5.5em;
	}

}

@media (max-width:460px) {
	
	/* pop-up */
	.pop-area, .pop-area-loop, .pop-area-loop2{
	width: 100px;
	height: 100px;
	font-size: 1em;
	top: 40px;
	right: 5px;
	}
	.pop-area2{
	width: 100px;
	height: 100px;
	font-size: 1em;
	top: 200px;
	right: 15px;
	}
	.pop-text img{
		width: 50%;
		margin: 0;
	}
	.pop-text2 img{
		width: 70%;
		margin: 5px 0 0;
	}
	.pop-btn {
	font-size: .8em;
	border-radius: 3px;
	margin-top:0;
	line-height: 1.5em;
	}
	.pop-area-loop .pop-btn, .pop-area-loop2 .pop-btn {
	font-size: 1em;	
	}
/* COLOUR IMG */
	.colour-top-50-box{
	width: 30%;
	height: 30%;

	}
	/* 202103 */
	.page-btn{

	padding: 10px 30px;

	letter-spacing: .1em;
	font-size: 1.2em;
	}
	.pic-menu-fit{
	width: 95%;

	}
}

/*----- footer -----*/
.nav {
  padding-left: 0;
  margin-bottom: 10px;
  list-style: none;
}
.nav > li {
	position: relative;
	display: inline;
	margin-right: 20px;
}
.nav > li:last-child {
	margin-right: 0;
}
.sub-menuItem{
	font-size: 12px;

}
#footer {
	width: 100%;
	clear: both;
	text-align: center;
	padding-bottom: 70px;
	font-size: 10px;
	padding-top: 20px;
}

.copy-info{
	letter-spacing: 1px;
	font-size: 11px;
}
/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_t_100 { margin-top: 100px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

.mar_t_20_5 { margin-top: 20px; }
/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }
.pad_t_50 { padding-top: 50px; }
.pad_b_50 { padding-bottom: 50px; }
.banner-area {
	width: 100%;
	text-align: center;
}
.banner-area img{
	width: 40%;
}
.text-other-products {
	font-size: 3em;
	font-weight: bold;
}
@media (max-width: 768px) {
	.pic-menu li{
		width: 47%;
	}
	.pic-menu-name{
		font-size: 32px;
	}
	.product-name{
		margin-top: 0;
		float: left;
		margin-right: 20px;
	}
	.product-name-jp{
		float: left;
		margin-top: 3px;
	}
	.product-text{
		font-size: 12px;
		margin-left: 0;
		float: left;
		margin-top: 5px;
		width: 100%;
	}
	.product-pattern{
		margin-top: 0;
		float: left;
		width: 100%;
	}
	.product-price{

		float: left;
		margin-top: 2px;
		margin-left: 0;
	}
	.pattern-menu li{
		margin-right: 6px;	
	}
	.pattern-title{
		font-size: 14px;
	}
	.pattern-text{
		font-size: 12px;
	}
	.text-n16{
		font-size: 14px;
	}
	.text-b24{
		font-size:18px;
	}
	.nav > li {
 		display: block;
 		padding-top: 5px;
		padding-bottom: 5px;
		margin-right: 0;
		border-top: 1px solid #ddd;
	}
	.nav > li:last-child {
		border-bottom: 1px solid #ddd;
	}
	.nav > li:hover {
 		background-color: #ccc;
		text-decoration: none;
	}
	.sub-menuItem a{
		text-decoration: none;

	}
	.pic-menu3 li{
		width: 48%;
		margin-right: 8px;

	}
	.pic-menu-title{
		font-size: 24px;
	}
	.pic-menu-c li{
		border: 1px solid #ccc;
	}
	ul#instafeed li img{
		width: 46%;
	}
	ul#instafeed li{
		margin-right: 5px;
		margin-left: 8px;
	}
	.btn-area-products{
		margin-top: -195px;
	}
	.order-btn{
		font-size: 24px;
		letter-spacing: 2px;
		padding: 15px 70px;
	}
	.btn-area-products span{
		font-size: 14px;
	}
	.pic-menu-size{
		font-size: 36px;
	}
	.banner-area img{
	width: 50%;
	}
}
@media (max-width: 640px) {
	.pic-menu li{
		width: 46%;
	}
	.btn-area-products{
		margin-top: -165px;
	}
	.order-btn{
		font-size: 21px;
		letter-spacing: 2px;
		padding: 10px 50px;
	}
	.btn-area-products span{
		font-size: 12px;
	}
	.pic-menu-size{
		font-size: 28px;
	}
	.pic-menu-name{
		font-size: 24px;
	}
}
@media (max-width: 500px) {

	.facebook-wrapper {
		width: 100%;
	}
	.pic-menu-size{
		font-size: 24px;
	}
}
@media (max-width: 480px) {
	.container {
		padding-top: 35px;
	}
	.content-light-gray{
		padding-bottom: 5px;
	}
	.news-text{
		display: none;
	}
	.pic-menu-name{
		font-size: 38px;
	}
	.product-name{
		font-size: 18px;
		margin-top: 0;
		float: left;
	}
	.product-name-jp{
		font-size: 14px;
		float: left;
		margin-top: 3px;
		margin-left: 30px;
	}
	.product-pattern{
		font-size: 14px;
		margin-top: 0;
		float: left;
		width: 100%;
	}
	.product-pattern-big{
		font-size: 20px;
	}
	.product-text{
		font-size: 11px;
		margin-left: 0px;
		float: left;
		margin-top: 0;
	}
	.product-price{
		float: left;
		font-size: 16px;
		margin-top: 3px;
	}
	.pattern-menu li{
		width: 47%;
	}
	#pattern-a{
		padding-bottom: 20px;
	}
	#pattern-b{
		padding-bottom: 20px;
	}
	.pattern-title{
		font-size: 11px;
	}
	.pattern-text{
		font-size: 11px;
	}
	.text-bk{
		font-size: 10px;
	}
	.text-n16{
		font-size: 10px;
	}
	.text-b24{
		font-size:12px;
	}
	.text-b18{
		font-size:14px;
	}
	.text-u-pic{
		font-size: 12px;
	}
	.back-btn {
  		font-size: 12px;
 		padding: 7px 15px 7px 15px;
	margin-top: -2px;
	}
	.next-btn {
  		font-size: 12px;
  		padding: 7px 20px 7px 20px;
	}
	.pic-menu li{
		width: 100%;
		margin-right: 0;	
	}
	.pic-menu3 li{
		width: 100%;
		margin-right: 0;

	}
	.pic-menu-title{
		font-size: 34px;
		margin-top: 0;
	}
	.pic-menu-title-s{
		font-size: 18px;
		margin-bottom: 2px;
	}

	.pic-menu-text-bk{

		font-size: 12px;
	}
	.pic-btn{
		width: 45%;
		left: 28%;
	}
	.add-to-cart-btn {
  		font-size: 14px;
  		padding: 10px 30px 10px 30px;

	}
	.shopping-btn {
		font-size: 14px;
		padding: 10px 18px;
		letter-spacing: 0px;
	}
	.text-u-pic{
		font-size: 11px;
	}
	.mar_t_20_5 { margin-top: 5px; }
	ul#instafeed li img{
		width: 45%;
	}
	ul#instafeed li{
	margin-right: 5px;
	margin-left: 8px;
	}
	.btn-area-products{
		margin-top: -120px;
	}
	.order-btn{
		font-size: 16px;
		letter-spacing: 2px;
		padding: 5px 35px;
	}
	.btn-area-products span{
		font-size: 11px;
	}
	.pic-menu-size{
		font-size: 46px;
	}
	.banner-area img{
	width: 70%;
	}
	.pop-area3{
	width: 120px;
	height: 120px;

	font-size: .8em;
	top: 50px;
	right: 5px;
	}
	.pop-box-btn {
	margin-top: 10px;
	line-height: 1.8em;
	width: 95px;
	padding-right: 3px;
	padding-left: 3px;

	}
}
@media (max-width: 375px) {
	.btn-area-products{
		margin-left: 2%;
		margin-top: -100px;
	}
	.pattern-menu li{
		width: 46%;
	}
	.order-btn{
		font-size: 14px;
		letter-spacing: 2px;
		padding: 5px 30px;
	}
	.pic-menu-size{
		font-size: 36px;
	}
	.btn-area-left{

	text-align: left;

	}
	.back-btn {
  		font-size: 12px;
  		padding: 5px 5px 5px 5px;
	}
	.pic-menu-name{
		font-size: 32px;
	}
	.pic-menu-title {
  		font-size: 20px;
		margin-top: 10px;
	}
}
@media (max-width: 320px) {
	.product-text{
		font-size: 10px;

	}

	.btn-area-products{
		margin-left: 1%;
		margin-top: -85px;
	}
	.order-btn{
		font-size: 11px;
		letter-spacing: 1px;
		padding: 5px 10px;
	}
	.btn-area-products span{
		font-size: 10px;
	}
	.pic-menu-size{
		font-size: 32px;
	}
	.btn-area-left{
	width:100%;
	float: left;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
	}
	.btn-area-right{
	width:100%;
	float: left;
	text-align: center;
	}

	.pic-menu-title {
			font-size: 20px;
		margin-top: 5px;
	}

}
#qa-area {
	margin-top: 15px;
	margin-bottom: 15px;
}
#qa-area span{
	padding-left: 2px;
	padding-right: 20px;
}
#open-textile {
	margin-top: 10px;
	margin-bottom: 20px;
	background-color: #f7f7f7;
	padding: 10px 20px 20px;
	display: none;
	width: 96%;
	margin-left: 5px;
}
#open-textile.open {
	display: block;	
}
#open-textile.open span{
	white-space:nowrap;
}
#open-textile input[type="radio"] {
	margin-top: 10px;
}
#open-textile input[type="checkbox"] {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 2px;
}
/* radio */
input[type="radio"] {
  position: relative;
  width: 16px;
  height: 16px;
  border: 1px solid #000;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #000;
  content: '';
}
.sample-t {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 2px;
}