@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------

共通スタイル設定

----------------------------------------------*/

/*body, div, span, h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd, table, td, tr, th, p, form {
	margin: 0;
	padding: 0;
}
body {
	font-size: 90% !important;
	line-height: 1.6 !important;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	text-align:left !important;
}
section, aside, nav, footer, small, figure {
	display: block;
	margin:0;
	padding:0;
}
a:link, a:visited {
	color:#468226;
	text-decoration: underline;
}
a:hover {
	color:#468226;
	text-decoration: none;
}
img {
	border:none;
	vertical-align:bottom;
}*/
.mg-0 { margin:0 !important; }
.mgb-5 { margin-bottom:5px !important; }
.mgb-10 { margin-bottom:10px !important; }
.mgb-15 { margin-bottom:15px !important; }
.mgb-20 { margin-bottom:20px !important; }
.mgb-25 { margin-bottom: 25px !important; }
.mgb-30 { margin-bottom: 30px !important; }
.mgb-40 { margin-bottom: 40px !important; }
.mgb-50 { margin-bottom: 50px !important; }

.material-icons { vertical-align: middle;}

.fs10 { font-size:10px !important;}
.fs11 { font-size:11px !important;}
.fs12 { font-size:12px !important;}
.fs13 { font-size:13px !important;}
.fs14 { font-size:14px !important;}
.fs15 { font-size:15px !important;}
.fs16 { font-size:16px !important;}
.fs17 { font-size:17px !important;}
.fs18 { font-size:18px !important;}
.fs19 { font-size:19px !important;}
.fs20 { font-size:20px !important;}
.fs21 { font-size:21px !important;}
.fs22 { font-size:22px !important;}
.fs23 { font-size:23px !important;}
.fs24 { font-size:24px !important;}
.fs25 { font-size:25px !important;}
.fs26 { font-size:26px !important;}
.fs27 { font-size:27px !important;}
.fs28 { font-size:28px !important;}
.fs29 { font-size:29px !important;}
.fs30 { font-size:30px !important;}

.per_100 {width:100%;}
/*----------------------------------------------

スラック

----------------------------------------------*/

.slick-next{
    right:30px!important;
  }
.slick-prev{
    left:30px!important;
  }
.slick-arrow{
    z-index:100!important;
  }
.slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
  }
.slick-next:before{
    background: url(https://shop.saraya.com/common/img/slide_toggle_r.png)!important;
	background-size:60px!important;
	background-repeat: no-repeat!important;
  }
.slick-prev:before{
    background: url(https://shop.saraya.com/common/img/slide_toggle_l.png)!important;
    background-size: contain!important;
	background-repeat: no-repeat!important;
  }
#image-navigation .slick-prev,
#image-navigation .slick-next {
	width: 60px;
    height: 60px;
	transform: translate(0, calc(-50% - 15px));
}
background-size{
	box-shadow: 0 0 0 rgb(255 255 255 / 40%) inset, 0 0 0 rgb(255 255 255 / 40%)!important;
}
button {
	box-shadow: 0 0 0 rgb(255 255 255 / 40%) inset, 0 0 0 rgb(255 255 255 / 40%)!important;
}
#image-navigation .slick-prev:before,
#image-navigation .slick-next:before {
	font-size: 60px;
	color: transparent;
}
@media screen and (max-width: 460px){
	/*.slick-arrow:before{
	content:""!important;
　 　}*/
	.slick-prev, .slick-next {
		top:auto!important;
		bottom:-5px!important;
	}
	.slick-next:before{
		background-size:30px!important;
	}
	.slick-prev:before{
		background-size: 30px!important;
    }
	#image-navigation .slick-prev,
	#image-navigation .slick-next {
	 	width: 30px;
		height: 30px;
	 	transform:translate(0,0);
    }
   #image-navigation .slick-prev:before,
   #image-navigation .slick-next:before{
	 	font-size: 30px;
	}
}


/*----------------------------------------------

ヘッダー

----------------------------------------------*/

/*div#header-navi {
	width: 950px;
	margin: 0px auto;
	zoom:1;
	font-size: 90%;
}
div#header-navi:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div#header-navi li {
	list-style: none;
	float: left;
	background: url(/common/img/arrow01.gif) no-repeat left center;
	padding-left: 15px;
	float:left;
	margin-right: 10px;
}
div#header-navi a:link, div#header-navi a:visited {
	color:#333;
	text-decoration: none;
}
div#header-navi a:hover {
	color:#468226;
	text-decoration: none;
}
div#header-navi ul {
	zoom:1;
	float: right;
	padding-top: 2px;
	padding-bottom: 2px;
}
div#header-navi ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
header #header-top {
	background: #6EB92B;
	padding-top: 10px;
	padding-bottom: 10px;
}
header #header-top h1 {
	float:left;
	width:400px;
}
header #header-top p {
	float:left;
	width:80px;
}
header #header-top ul {
	float:right;
	width:280px;
	margin-top:55px;
}
header #header-top li {
	list-style: none;
	float: left;
	margin-left:15px;
}
header #header-top div {
	background: url(/common/img/header-bg.jpg) no-repeat right top;
	position:relative;
}
header #header-top div img#illust {
	position: absolute;
	left: 410px;
	top: 5px;
}
header #header-top div, header #header-bottom div {
	width: 950px;
	margin: 0px auto;
	zoom:1;
}
header #header-bottom {
	background: #DFDED2;
	padding-top: 10px;
	padding-bottom: 10px;
}
header #header-top div:after, header #header-bottom div:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
header #header-bottom img, header #header-bottom form {
	float:left;
}
header #header-bottom form input#txtarea {
    background: none repeat scroll 0 0 #FFF;
    border: 0 none;
    float: left;
    font-size: 100%;
    height: 24px;
    padding-left: 5px;
    width: 230px;
}
header #header-bottom form #srch_ctl {
	float:left;
	margin-right:50px;
}
header #header-bottom p {
	float:left;
	margin-right:15px;
}
header #header-bottom p a:link, header #header-bottom p a:visited {
	color:#333;
	text-decoration: underline;
}
header #header-bottom p a:hover {
	color:#333;
	text-decoration: none;
}
*/

/*----------------------------------------------

ソーシャルボタン

----------------------------------------------*/

ul#socialbtn {
	margin-right: auto;
	zoom:1;
	padding: 15px 0 20px 0;
	width:950px;
	margin-left: auto;
}
ul#socialbtn:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
ul#socialbtn li {
	float: left;
	margin-right: 5px;
	list-style: none;
}


/*----------------------------------------------

お知らせ

----------------------------------------------*/

div#oshirase dt {
	padding:0px;
	margin-bottom:3px;
}
div#oshirase dd {
	padding-left:90px;
	margin-bottom:3px;
}
div#oshirase .icon_newly {
	padding-left:65px;
	background:url(../img/oshirase-icon-new.png) no-repeat left top;
}
div#oshirase .icon_info {
	padding-left:65px;
	background:url(../img/oshirase-icon-oshirase.png) no-repeat left top;
}
div#oshirase .icon_important {
	padding-left:65px;
	background:url(../img/oshirase-icon-important.png) no-repeat left top;
}


/*----------------------------------------------

フッター

----------------------------------------------*/
/*
footer {
	background: #F8F5E7;
}
#footerlink {
	font-size: 80%;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	zoom:1;
	padding-top: 10px;
	background: url(/images/footer-link-bg.png) no-repeat right bottom;
	padding-bottom: 5px;
}
#footerlink:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
} 
#footerlink a:link, #footerlink a:visited {
	color:#333;
	text-decoration: none;
}
#footerlink a:hover {
	color:#333;
	text-decoration: underline;
}
#footerlink section {
	float:left;
}
#footerlink ul {
	float:left;
	margin-right:10px;
}
#footerlink li {
	background: url(/common/img/footer-arrow01.png) no-repeat left center;
	padding-left: 15px;
	margin-bottom:8px;
	list-style: none;
}
#footerlink h1 {
	margin-top: -20px;
	margin-bottom:15px;
}
#footer-products {
	float:left;
	width:500px;
}
#footer-category {
	width:310px;
}
#footer-site {
	width:130px;
}
*/
/*送料等--------------------------------*/
/*
#footer-information-waku {
	background: #FFF;
}
#footer-information {
	margin-right: auto;
	margin-left: auto;
	zoom:1;
	width:950px;
	font-size: 90%;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footer-information:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#footer-information section h1 {
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 110%;
}
#footer-information p {
}
#footer-information h3 {
	margin-bottom: 5px;
	padding: 0px;
	margin-top: 0px;
}
#footer-information #calendarBox #calendar{
	max-width: 166px;
	margin-right: 10px;
	font-size: 11px;
}
#footer-information #calendarBox #calendar.fc table {
	line-height: 1;
}
#footer-information #calendarBox #calendar .fc-toolbar.fc-header-toolbar {
	margin-bottom: 3px;
}
#footer-information #calendarBox #calendar .fc-day-grid-event .fc-content {
	line-height: 0.5;
}
#footer-information #calendarBox #calendar tr:first-child > td > .fc-day-grid-event {
	margin-top: 0.5px;
}
#footer-information #souryo{
	float: left;
	width: 260px;
	padding-left: 10px;
	border-right: 1px dashed #C0A483;
}
#footer-information #pay{
	float: left;
	width: 230px;
	padding-left: 10px;
	border-right: 1px dashed #C0A483;
}
#footer-information #tel{
	float: left;
	width: 250px;
	padding-left: 10px;
}
#footer-information #qr {
    float: left;
    width: 135px;
	padding-left: 10px;
}
*/
/*コピーライト--------------------------------*/
/*
#copy {
	background: #756852;
	font-size: 90%;
}
#copy div {
	color:#FFF;
	margin-right: auto;
	margin-left: auto;
	zoom:1;
	width:950px;
	text-align:left;
	padding-top: 15px;
	padding-bottom: 15px;
}
#copy div:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#copy ul {
	zoom:1;
}
#copy ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#copy li {
	float:left;
	background: url(/common/img/footer-arrow02.gif) no-repeat left center;
	padding-left: 10px;
	list-style: none;
	margin-right: 15px;
}
#copy:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#copy a:link, #copy a:visited {
	color:#FFF;
	text-decoration: none;
}
#copy a:hover {
	color:#FFF;
	text-decoration: underline;
}
#copy p {
	float:right;
}
*/
/*----------------------------------------------

コンテンツ カラム設定

----------------------------------------------*/

#wrapper {
	margin: 0px auto;
	width: 950px;
	zoom:1;
	padding-bottom:30px;
	padding-top: 20px;
}
#wrapper:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*----------------------------------------------

左サイドメニュー

----------------------------------------------*/

#sidemenu {
	border-right: 1px solid #756852;
	border-bottom: 1px solid #756852;
	border-left: 1px solid #756852;
	margin-bottom:30px;
}

#sidemenu h1 {
	background: #756852 url(/common/img/sidemenu-title-bg.png) no-repeat 10px center;
	color: #FFF;
	padding: 5px 5px 5px 33px;
}
#sidemenu a:link, #sidemenu a:visited {
	color:#776640;
	text-decoration: none;
}
#sidemenu a:hover, #sidemenu li a#kitchen:hover, #sidemenu li a#laundry:hover, #sidemenu li a#cleaning:hover, #sidemenu li a#handwash:hover, #sidemenu li a#haircare:hover, #sidemenu li a#alcohol:hover, #sidemenu li a#skincare:hover , #sidemenu li a#fragrance:hover, #sidemenu li a#kaigo:hover, #sidemenu li a#food:hover, #sidemenu li a#outlet:hover {
	color:#468226;
	background-color: #F8F5E7;
}
#sidemenu li {
	border-bottom: 1px dashed #5D4936;
}
#sidemenu li.btm {
	border:none;
}
#sidemenu li a {
	padding-left: 60px;
	font-weight: bold;
	color:#776640;
	padding-top: 20px;
	padding-bottom: 20px;
	display:block;
}
#sidemenu li a#kitchen {
	background: url(/common/img/products-icon-yashinomi.png) no-repeat left center ;
	width:auto;
}
#sidemenu li a#laundry {
	background: url(/common/img/products-icon-arau.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#cleaning {
	background: url(/common/img/products-icon-souji.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#handwash {
	background: url(/common/img/products-icon-shavogreen.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#haircare {
	background: url(/common/img/products-icon-cocopalm.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#alcohol {
	background: url(/common/img/products-icon-alcohol.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#skincare {
	background: url(/common/img/products-icon-ll.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#fragrance {
	background: url(/common/img/products-icon-aroma.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#kaigo {
	background: url(/common/img/products-icon-helper.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#locabo {
	background: url(/common/img/products-icon-lakanto-s.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#food {
	background: url(/common/img/products-icon-opc.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#baby {
	background: url(/common/img/products-icon-araubaby.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#oralcare {
	background: url(/common/img/products-icon-curculin.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#heat_disorder {
	background: url(/common/img/products-icon-necchu.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#outlet {
	background: url(/common/img/products-icon-outlet.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#bulk {
	background: url(/common/img/products-icon-bulk.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#large {
	background: url(/common/img/products-icon-large.png) no-repeat left center;
	width:auto;
}
#sidemenu li a#set {
	background: url(/common/img/products-icon-set.png) no-repeat left center;
	width:auto;
}
#sidemenu-brand h1 {
	background: #756852 url(/common/img/sidemenu-title-bg.png) no-repeat 10px center;
	color: #FFF;
	padding: 5px 5px 5px 33px;
	margin-bottom:10px;
}
#sidemenu-brand select {
	width: 100%;
	border: 1px solid #555;
	padding: 5px;
	font-size: 90%;
}

/*----------------------------------------------

右ログイン情報など

----------------------------------------------*/


/*個人情報のエリア--------------------------*/

#personal {
	background-color:#6EB92B;
	background-image:none;
	border-radius:10px;
	padding: 5px;
	margin-bottom:10px;
}
#personal #login_name span {
	color: #FFF;
	padding: 10px 2px;
	font-weight: bold;
	line-height: 120%;
}
#personal #login_name {
	color: #FFF;
	margin:5px 0;
}

#login_box_middle {
	border-radius:5px 5px 0px 0px ;
	padding: 10px 5px 0px 5px;
	background: #FFF;
}
#login_box_bottom {
	padding:5px;
	background-color:#FFF;
	font-size:78%;
	border-radius:0px 0px 5px 5px ;
}
#login_box_bottom br {
	display:none;
}
#login_box_bottom img {
	margin:10px 0px 5px 0px;
}
#login_box_bottom span {
	font-size:120%;
	padding:0px 3px;
	color: #FF6600;
}
#login_data {
	border-radius:5px 5px 0 0;
	padding:5px;
	background-color:#FFF;
	font-size:80%;
}
#login_data span {
	color: #6CB82B;
	padding-left: 2px;
	font-size:150%;
	font-weight:bold;
}
#login_my-page {
	padding: 2px 0px;
	text-align:center;
	background-color:#FFF;
}
#login_box_logout {
	padding: 6px 0px 10px 0px;
	text-align:center;
	background-color:#FFF;
	border-radius:0 0 5px 5px;
}

#personal p#point {
	font-size: 85%;
	font-weight: bold;
	margin-bottom: 5px;
}
#personal p#point span {
	color: #6CB82B;
	padding-right: 2px;
}
#personal p#buy {
	font-size: 70%;
	margin-bottom: 8px;
}
#buy-btn {
	margin: 0px auto;
	width:155px;
	margin-bottom:5px;
}
#logout-btn {
	margin: 0px auto;
	width:155px;
}

/*現在の合計金額--------------------------*/

#personal-cart {
	background: #6EB92B;
	border-radius:5px;
	padding: 5px;
	margin-bottom:10px;
}
#personal-cart #cart-title {
	font-weight: bold;
	color: #FFF;
	padding: 5px;
}
#cart-space {
	border-radius:10px;
	padding: 10px 0px;
	background: #FFF;
	text-align:center;
}
#cart-space #price {
	font-size: 90%;
	padding-bottom: 3px;
}
#cart-spacep#price br {
	font-size:1px;
}

#cart-space #price span {
	font-size: 90%;
}
#cart-space #price span .amount1 {
	color: #FF6600;
	font-size: 150%;
	font-weight: bold;
}
#cart-space #price span .amount2 {
	color: #FF6600;
	font-size: 130%;
	font-weight: bold;
}
#souryo-free {
	padding-left:5px;
	margin-bottom:5px;
}
#souryo-free span {
	color: #6CB82B;
	font-weight: bold;
}
#personal-cart-btn {
	margin: 0px auto;
	width:155px;
}

/* CARTのテキストサイズ ----------------*/
#cart th {
	font-size:90%;
}

/* システムエラーページのフリーダイヤル表記 */
.error_freetel {
	margin:50px 0px;
	text-align:center;
}

/*
 横幅指定
--------------------------------------------------- */
.w25 {
	width: 25px;
}
.w30 {
	width: 30px;
}
.w40 {
	width: 40px;
}
.w50 {
	width: 50px;
}
.w60 {
	width: 60px;
}
.w75 {
	width: 75px;
}
.w115 {
	width: 115px;
}
.w120 {
	width: 120px;
}
.w135 {
	width: 135px;
}
.w157 {
	width: 157px;
}
.w160 {
	width: 160px;
}
.w170 {
	width: 170px;
}
.w195 {
	width: 195px;
}
.w200 {
	width: 200px;
}
.w210 {
	width: 210px;
}
.w240 {
	width: 240px;
}
.w250 {
	width: 250px;
}
.w280 {
	width: 280px;
}
.w300 {
	width: 300px;
}
.w345 {
	width: 345px;
}
.w375 {
	width: 375px;
}
.w380 {
	width: 380px;
}
.w395 {
	width: 395px;
}
.w400 {
	width: 400px;
}
.w545 {
	width: 545px;
}
.h150 {
	height: 150px;
}

/*
 font-weight font-style text-decoration
 font-size line-height text-indent
--------------------------------------------------- */
.indent {
	margin-left: 1em;
	text-indent: -1em;
}
.bold {
	font-weight: bold;
}
.normal{
	font-weight: normal;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
.line-through {
	text-decoration: line-through;
}
.t50 {
	font-size:50%;
}
.t60 {
	font-size:60%;
}
.t70 {
	font-size:70%;
}
.t80 {
	font-size:80%;
}
.t90 {
	font-size:90%;
}
.t100 {
	font-size:100%;
}
.t110 {
	font-size:110%;
}
.t120 {
	font-size:120%;
}
.t130 {
	font-size:130%;
}
.t140 {
	font-size:140%;
}
.t150 {
	font-size:150%;
}
.t160 {
	font-size:160%;
}
.t170 {
	font-size:170%;
}
.t180 {
	font-size:180%;
}
.t190 {
	font-size:190%;
}
.t200 {
	font-size:200%;
}
.lh10 {
	line-height:1.0;
}
.lh11 {
	line-height:1.1;
}
.lh12 {
	line-height:1.2;
}
.lh13 {
	line-height:1.3;
}
.lh14 {
	line-height:1.4;
}
.lh15 {
	line-height:1.5;
}
.lh16 {
	line-height:1.6;
}
.lh17 {
	line-height:1.7;
}
.lh18 {
	line-height:1.8;
}
.lh19 {
	line-height:1.9;
}
.lh20 {
	line-height:2.0;
}
/*
 margin  margin-top  margin-bottom
--------------------------------------------------- */
.mar05 {
	margin:5px;
}
.mar10 {
	margin:10px;
}
.mar15 {
	margin:15px;
}
.mar20 {
	margin:20px;
}
.mar25 {
	margin:25px;
}
.mar30 {
	margin:30px;
}
.mar35 {
	margin:35px;
}
.mar40 {
	margin:40px;
}
.mar45 {
	margin:45px;
}
.mar50 {
	margin:50px;
}
.mTB05 {
	margin: 5px 0;
}
.mTB10 {
	margin: 10px 0;
}
.mTB15 {
	margin: 15px 0;
}
.mTB20 {
	margin: 20px 0;
}
.mTB25 {
	margin: 25px 0;
}
.mTB30 {
	margin: 30px 0;
}
.mTB35 {
	margin: 35px 0;
}
.mTB40 {
	margin: 40px 0;
}
.mTB45 {
	margin: 45px 0;
}
.mTB50 {
	margin: 50px 0;
}
.mT04 {
	margin-top: 4px;
}
.mT05 {
	margin-top: 5px;
}
.mT07 {
	margin-top: 7px;
}
.mT10 {
	margin-top: 10px;
}
.mT12 {
	margin-top: 12px;
}
.mT15 {
	margin-top: 15px;
}
.mT20 {
	margin-top: 20px;
}
.mT25 {
	margin-top: 25px;
}
.mT30 {
	margin-top: 30px;
}
.mT35 {
	margin-top: 35px;
}
.mT40 {
	margin-top: 40px;
}
.mT45 {
	margin-top: 45px;
}
.mT50 {
	margin-top: 50px;
}
.mT60 {
	margin-top: 60px;
}
.mT70 {
	margin-top: 70px;
}
.mR05 {
	margin-right:5px;
}
.mR10 {
	margin-right:10px;
}
.mR15 {
	margin-right:15px;
}
.mR20 {
	margin-right:20px;
}
.mR25 {
	margin-right:25px;
}
.mR30 {
	margin-right:30px;
}
.mR35 {
	margin-right:35px;
}
.mR40 {
	margin-right:40px;
}
.mR45 {
	margin-right:45px;
}
.mR50 {
	margin-right:50px;
}
.mB05 {
	margin-bottom: 5px;
}
.mB10 {
	margin-bottom: 10px;
}
.mB15 {
	margin-bottom: 15px;
}
.mB20 {
	margin-bottom: 20px;
}
.mB25 {
	margin-bottom: 25px;
}
.mB30 {
	margin-bottom: 30px;
}
.mB35 {
	margin-bottom: 35px;
}
.mB40 {
	margin-bottom: 40px;
}
.mB45 {
	margin-bottom: 45px;
}
.mB50 {
	margin-bottom: 50px;
}
.mB60 {
	margin-bottom: 60px;
}
.mB70 {
	margin-bottom: 70px;
}
.mL05 {
	margin-left:5px;
}
.mL10 {
	margin-left:10px;
}
.mL15 {
	margin-left:15px;
}
.mL20 {
	margin-left:20px;
}
.mL25 {
	margin-left:25px;
}
.mL30 {
	margin-left:30px;
}
.mL35 {
	margin-left:35px;
}
.mL40 {
	margin-left:40px;
}
.mL45 {
	margin-left:45px;
}
.mL50 {
	margin-left:50px;
}
.mLR05 {
	margin-left:5px;
	margin-right:5px;
}
.mLR10 {
	margin-left:10px;
	margin-right:10px;
}
.mLR15 {
	margin-left:15px;
	margin-right:15px;
}
.mLR20 {
	margin-left:20px;
	margin-right:20px;
}
.mLR25 {
	margin-left:25px;
	margin-right:25px;
}
.mLR30 {
	margin-left:30px;
	margin-right:30px;
}

/*
 padding  padding-top  padding-right
 padding-bottom  padding-left
--------------------------------------------------- */
.pad05 {
	padding: 5px;
}
.pad10 {
	padding: 10px;
}
.pad15 {
	padding: 15px;
}
.pad20 {
	padding: 20px;
}
.pad25 {
	padding: 25px;
}
.pad30 {
	padding: 30px;
}
.pad35 {
	padding: 35px;
}
.pad40 {
	padding: 40px;
}
.pad45 {
	padding: 45px;
}
.pad50 {
	padding: 50px;
}
.pLR05 {
	padding-right: 5px;
	padding-left: 5px;
}
.pLR10 {
	padding-right: 10px;
	padding-left: 10x;
}
.pLR15 {
	padding-right: 15px;
	padding-left: 15px;
}
.pLR20 {
	padding-right: 20px;
	padding-left: 20px;
}
.pLR25 {
	padding-right: 25px;
	padding-left: 25px;
}
.pLR30 {
	padding-right: 30px;
	padding-left: 30px;
}
.pLR35 {
	padding-right: 35px;
	padding-left: 35px;
}
.pLR40 {
	padding-right: 40px;
	padding-left: 40px;
}
.pLR45 {
	padding-right: 45px;
	padding-left: 45px;
}
.pLR50 {
	padding-right: 50px;
	padding-left: 50px;
}
.pTB05 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.pTB07 {
	padding-top: 7px;
	padding-bottom: 7px;
}
.pTB10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pTB15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.pTB20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.pTB25 {
	padding-top: 25px;
	padding-bottom: 25px;
}
.pTB30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.pTB35 {
	padding-top: 35px;
	padding-bottom: 35px;
}
.pTB40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.pTB45 {
	padding-top: 45px;
	padding-bottom: 45px;
}
.pTB50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.pTB60 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.pT05 {
	padding-top: 5px;
}
.pT07 {
	padding-top: 7px;
}
.pT10 {
	padding-top: 10px;
}
.pT12 {
	padding-top: 12px;
}
.pT15 {
	padding-top: 15px;
}
.pT20 {
	padding-top: 20px;
}
.pT25 {
	padding-top: 25px;
}
.pT30 {
	padding-top: 30px;
}
.pT35 {
	padding-top: 35px;
}
.pT40 {
	padding-top: 40px;
}
.pT45 {
	padding-top: 45px;
}
.pT50 {
	padding-top: 50px;
}
.pT60 {
	padding-top: 60px;
}
.pR05 {
	padding-right: 5px;
}
.pR10 {
	padding-right: 10px;
}
.pR15 {
	padding-right: 15px;
}
.pR20 {
	padding-right: 20px;
}
.pR25 {
	padding-right: 25px;
}
.pR30 {
	padding-right: 30px;
}
.pR35 {
	padding-right: 35px;
}
.pR40 {
	padding-right: 40px;
}
.pR45 {
	padding-right: 45px;
}
.pR50 {
	padding-right: 50px;
}
.pR60 {
	padding-right: 60px;
}
.pB05 {
	padding-bottom: 5px;
}
.pB07 {
	padding-bottom: 7px;
}
.pB10 {
	padding-bottom: 10px;
}
.pB15 {
	padding-bottom: 15px;
}
.pB20 {
	padding-bottom: 20px;
}
.pB25 {
	padding-bottom: 25px;
}
.pB30 {
	padding-bottom: 30px;
}
.pB35 {
	padding-bottom: 35px;
}
.pB40 {
	padding-bottom: 40px;
}
.pB45 {
	padding-bottom: 45px;
}
.pB50 {
	padding-bottom: 50px;
}
.pB60 {
	padding-bottom: 60px;
}
.pL05 {
	padding-left: 5px;
}
.pL10 {
	padding-left: 10px;
}
.pL15 {
	padding-left: 15px;
}
.pL20 {
	padding-left: 20px;
}
.pL25 {
	padding-left: 25px;
}
.pL30 {
	padding-left: 30px;
}
.pL35 {
	padding-left: 35px;
}
.pL40 {
	padding-left: 40px;
}
.pL45 {
	padding-left: 45px;
}
.pL50 {
	padding-left: 50px;
}
.pL60 {
	padding-left: 60px;
}
.pL120 {
	padding-left: 120px;
}
.pL130 {
	padding-left: 130px;
}
.pL140 {
	padding-left: 140px;
}
.pL150 {
	padding-left: 150px;
}

 /* テキスト */
#shouhinmei  {font-size:105%; font-weight:bold ;line-height: 150%;}

.text10 {font-size:75%; line-height: 150%;}
.text10w {font-size:75%; line-height: 150%; letter-spacing: 0.2em; }
.text10red {font-size:75%; color:#ff0000; line-height: 150%;}
.text12b {font-size:90%; font-weight:bold ; line-height: 150%;}
.text12 {font-size:90%; line-height: 150%;}
.text12w {font-size: 100%; line-height: 150%; letter-spacing: 0.1em; }
.b {font-weight:bold; line-height: 150%;}
.text14 {font-size:105%; line-height: 150%;}
.text14red {font-size:105%; font-weight:bold; line-height: 150% ; color:#ff0000;}
.text14b {font-size:105%; font-weight:bold ;line-height: 150%;}
.text14w {font-size:105%; line-height: 150%; letter-spacing: 0.2em; }
.text16 {font-size:120%; line-height: 150% ;}
.text16b {font-size:120%; font-weight:bold; line-height: 150% ;}
.text16red {font-size:120%; font-weight:bold; line-height: 150% ; color:#ff0000;}
.text16red2 {font-size:120%; font-weight:bold; line-height: 150% ; color:#79003D;}
.text18 {font-size:135%; line-height: 150% ;}
.text18red {font-size:135%; font-weight:bold; line-height: 150% ; color:#ff0000;}
.text18b {font-size:135%; font-weight:bold; line-height: 150%;}
.text19b {font-size:150%; font-weight:bold; line-height: 150%;}
.text20b {font-size:165%; font-weight:bold; line-height: 150%;}

/* テキストカラー */

.white { color:#ffffff; }
.red { color:#ff0000; }
.redcc { color:#cc3300; }
.redccb { color:#cc3300; font-weight:bold; }
.gry99 {color:#999999;}
.gry66 {color:#666666;}
.green { color:#408000; }
.greenb { color:#408000; font-weight:bold; }
.pink { color:#cc6699; }
.pinkb { color:#cc6699; font-weight:bold; }
.pink33 { color:#cc3366; }
.pink33b { color:#cc3366; font-weight:bold; }
.ore {color:#ff3300;}
.blue {color:#0000ff;}

/* 商品ページ 割引設定 */
.off{
	text-decoration:line-through;
}
a.hov {
	transition: all 0.4s ease;
}
a.hov:hover {
	opacity: 0.8;
}
.bnrRow {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.bnrRow li {
	list-style: none;
	width: calc(( 100% / 3 ) - 10px);
}
.bnrRow li a img {
	width: 100%;
}