@charset "UTF-8";

/*/////////////////////////////////////////////////////////////


	[Base] 
		0. Resetting default margin and padding
		1. HTML, Body, Anchor
		2. Heading, Paragraph
		3. List
		4. Table
		5. Form
		6. Other
		7. For IE6/7
	[Layout]
		0. Container
		1. Header
		2. Content
		3. Footer

	[Module]
		1. Common Module
		90. Other
		
	[Font-size list (base: 13px)]
		 62% =  8px
		 70% =  9px
		 77% = 10px
		 85% = 11px        162% = 21px        239% = 31px
		 93% = 12px        170% = 22px        247% = 32px
		100% = 13px        177% = 23px        254% = 33px
		108% = 14px        185% = 24px        262% = 34px
		116% = 15px        193% = 25px        270% = 35px
		124% = 16px        200% = 26px        277% = 36px
		131% = 17px        208% = 27px        285% = 37px
		139% = 18px        216% = 28px        293% = 38px
		147% = 19px        224% = 29px        300% = 39px
		154% = 20px        231% = 30px        308% = 40px


//////////////////////////////////////////////////////////////*/



/* //////////////////////////////////////////////////
/////////////////////////////////////////////////////
[Base] 
/////////////////////////////////////////////////////
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, p, blockquote, th, td, form, fieldset, legend { margin: 0; padding: 0; box-sizing: border-box;}

/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html { overflow-y: scroll; } /* for mozilla: always display scrollbar */
body {
	font-family: "Noto Sans JP", sans-serif;
	color: #242424;
	font-size: 16px;
	line-height: 1.5;
	/*font-size: 82%;*/
	font-weight: 400;
	background-repeat: repeat-x;
}

a:link { color: inherit; text-decoration:none; }
a:visited { color: inherit; text-decoration:none; }
a:hover, a:active  {text-decoration:none; }
a:link:hover, a[href]:hover{opacity:0.7;text-decoration: none;}
a:hover img{ opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; }
input[type="image"]:hover{opacity: 0.7;}
.btn a{display:block; width:100%;}
.btn a img{display:block; width:100%;}
a.btn01, button.btn01{
	position: relative;
    background: #82C243;
    color: #fff;
    padding: 12px 20px;
    border-radius: 8px;
    display: block;
	font-weight: 550;
    text-align: center;
    margin: 10px auto;
	border:none;
	cursor: pointer;
	width: 100%;
	box-sizing: border-box;
}
a.btn01.color,button.btn01 .color{
	background: #FF8E8E;
}
.btn01 img,button.btn01 img{
	position: absolute;
    height: 30px;
    top: 5px;
	left:10px;
    width: 20px;
    object-fit: contain;
}
button.btn01:hover{
	opacity: 0.7;
}

/* --------------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
h1{ font-size: 70%; padding: 3px 0 0 0; }
h2{font-weight: 500;}
h3{}
h4{}
h5{}
h6{}
p { color:#444444; line-height:1.7em; padding:0; }

/* --------------------------------------------------
	3. List
-------------------------------------------------- */
ul {letter-spacing: -.40em; }/*←改行のスペースを消す*/
li { list-style: none; letter-spacing: normal; }/*←改行のスペースを消す*/

/* --------------------------------------------------
	4. Table
-------------------------------------------------- */
th { text-align: left; font-weight: bold; font-size: 85%;  color:#333; letter-spacing:1.2px; line-height:1.5em; }
td { text-align: left; font-size: 85%;  color:#333; letter-spacing:1.2px; line-height:1.5em; }
table.type01 { border-top:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0; }
table.type01 tr th { padding:10px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; font-weight:normal; }
table.type01 tr th.col { background:#EFEFEF; text-align:center; font-weight:normal; }
table.type01 tr td { padding:10px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; }
table.type01 tr td.num { width:10%; }
table.type01 tr td.price { width:18%; background-color:#FBE6ED; }

/* --------------------------------------------------
	5. Form
-------------------------------------------------- */
fieldset { border: none; }
input, textarea, select, label { 
	margin-top: 0; 
	margin-bottom: 0; 
	padding-top: 0; 
	padding-bottom: 0; 
	font-size: 100%; 
	font-family: inherit; 
	vertical-align: middle; 
	box-sizing: border-box;
	max-width:100%;
}
label { cursor: pointer; }
textarea { overflow: auto; }
input[type="text"],input[type="password"],textarea,select{
	padding:7px 10px;
	border:1px solid #949494;
}

/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img { border: none; vertical-align: bottom;/*画像下部のスペースを消す*/ -ms-interpolation-mode: bicubic; max-width: 100%;height: auto;}
object { vertical-align: middle; outline: none; }
em, strong { font-weight: bold; font-style: normal; }
abbr, acronym { border: none; font-variant: normal;}
q:before, q:after { content: ''; }
address, caption, cite, code, dfn, var { font-weight: normal; font-style: normal; }
code, pre { font-family: monospace; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
hr { display: none; }

/* ------------------------------------------------------------
	7. For IE6/7
------------------------------------------------------------ */
/* --- for ie7: page zoom bug fix --- */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }


/* //////////////////////////////////////////////////
/////////////////////////////////////////////////////
[Layout]
/////////////////////////////////////////////////////
////////////////////////////////////////////////// */


/* --------------------------------------------------
	0. Container
-------------------------------------------------- */
#container { margin: 0 auto; }
#wrapper { width:90%; max-width: 1200px; margin: 0 auto 100px; }


/* --------------------------------------------------
	1. Header
-------------------------------------------------- */
#header {
	width:100%; 
	max-width:1200px;
}
#headerLeft {
	float: left;
	width:100%; 
	max-width:1200px;
}
#headerLeftTop {
	/* height: 29px; */
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#headerLeftTop ul{
	display: flex;
	align-items: center;
	gap: 12px;
	font-size:14px;
	line-height: 1.3;
	justify-content: center;
}
#headerLeftTop ul li a{
	position:relative;
}
#headerLeftTop ul li a:not(#headerLeftTop ul li:nth-child(6) a,#headerLeftTop ul li:nth-child(7) a):before{
	content: ">";
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    color: #FF8E8E;
    left: 0;
    top: 1px;
    transform: rotateY(60deg);
}
#headerLeftBottom {
	width:100%; 
	max-width:1200px;
    display: flex;
    justify-content: space-between;
	align-items: center;
}
	#headerLeftBottom h2 {
		float: left;
	}
	#headerLeftBottom form{
		width:65%;
		position: relative;
	}
	#headerLeftBottom input{
		width:100%;
		border-radius: 10px;
	}
	#headerLeftBottom form button:not(.btn01),
	#gNavi form button:not(.btn01){
		appearance: none;
		border: none;
		background: none;
		position: absolute;
		right: 5px;
		width: 35px;
		top: 10px;
	}
	#headerLeftBottom ul {
		display:flex;
		width:34%;
		justify-content: space-between;
	}
	#headerLeftBottom ul li {
		float: left;
		margin: 0 0 0 10px;
		font-size:90%;
	}
	#headerLeftBottom ul li a,
	#footerInnerMain li a.btn01{
		padding: 10px 20px 10px 35px;
	}
	#headerLeftBottom ul li img{
		max-height:45px;
	}
#headerRight {
	float: right;
	width: 219px;
}

#nav {
	width:100%;
	margin: 8px 0 35px 0; 
	padding:5px 20px 15px; 
	box-shadow: 0 2px 2px 0px #ddd;
}
#nav .clearfix{
	width:90%; 
	max-width:1200px;
	margin:auto;
}
#nav li { 
	float: left; 
	width: 25%;
	text-align: center;
	position: relative;
}
#nav li a{
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 35px;
	border-left:2px dotted #B19E87;
	padding: 5px 0;
	font-size:17px;
	font-weight: 500;
}
#nav li img{
	width:25px; 
	height:auto; 
	position: absolute;
	left:15px;
	top: 10px;
}

#navSub {
}

#navSub .page_description {
	float: left;
}

#navSub ul {
	width: 420px;
	margin: 0 0 9px 540px;
}

#navSub li { 
	float: left;
	margin-left: 20px;
}


/* --------------------------------------------------
	2. Content
-------------------------------------------------- */
#main { display:flex;gap: 20px; justify-content: space-between;}
#content { width:75%; max-width: 895px;}
#content h2{
	font-size: 34px;
    text-align: center;
    font-weight: 600;
    padding: 1.5rem 0;
    margin-top: 30px;
}
.textArea1 { padding: 20px; }
.textArea2 {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 85%;
	height:355px;
	overflow:auto;
	margin-top:20px;
	margin-bottom:20px;
}
li.item {
	float: left;
	margin: 0 7px;
}
li.osusume { float: left; margin-left: 20px; }

.tokutyoArea {
	margin: 20px 0;
}
.tokutyoArea ul{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	grid-gap: 1rem;
}

/* --------------------------------------------------
	3. Side
-------------------------------------------------- */
#side {
	width:30%;
	max-width:258px;
}
#side .box{
	border:1px solid #ddd;
	margin-bottom: 1.5rem;
	padding:0.5rem 0;
}
#side .side_inner {
	width:220px;
	margin:auto;
}
#sideTop {
	height: 37px;
	background-image: url(../img_common/side_head.png);
	background-repeat: no-repeat;
}
#side .change_btn {
	margin-bottom: 15px;
}

#side .kuroneko_anshin {
	margin-bottom: 15px;
}
#side h2{
	text-align: center;
    font-size: 18px;
	padding:1.5rem 0;
	border-top: 1px solid #ddd; 
	margin-top:2rem;
}
#side h2 span{
	padding-right: 25px;
}
#side h2 img{
    width: 20px;
    vertical-align: middle;
    padding-right: 5px;
    height: auto;
}
#side input:not(input[type="checkbox"]),#side select{
	width:220px;
}


/* --------------------------------------------------
	4. Footer
-------------------------------------------------- */
#footerInner { 
	margin: 0 auto; 
	width:90%; 
	max-width:1200px;
	position: relative;
}
#footerInnerTop {
    position: fixed;
    z-index: 1;
    width: 75px;
    right: 3rem;
    bottom: 9vh;
	display: none;
}
#footerInnerMain {
	padding: 30px 0 0 0;
    border-top: 1px solid #ddd;
}
#footerInnerMain li {

 }
#footerInnerMain .copyright{
	padding:1rem;
	background:#FF8E8E;
}
#footerInnerMain02 {
	margin: 0px auto;
	padding-bottom:3rem;
	width:90%; 
	max-width:1200px;
	display: flow-root;
}
#footerInnerMain02 .fl{
	margin-right:2rem;
}
#footerInnerMain02 .order{
	max-width: 42%;
	padding: 0 1rem;
	line-height: 1.3;
}
#footerInnerMain02 .order ul{
 display:flex;
 gap:10px;
 margin-bottom: 15px;
}
#footerInnerMain02 .order img,
#footerInnerMain02 .order input{
	max-height: 40px;
}
#footerInnerMain02 .order h3{
	font-size: 120%;
    padding: 10px 0;
}
#footerInnerMain02 .nav li{
	padding:10px;
    font-size: 16px;
	position: relative;
	padding-left:25px;
}
#footerInnerMain02 .nav li::before{
	position: absolute;
	content:"";
	display: inline-block;
	width:18px;
	height:18px;
	left:0;
	background:url('../image/icon_arrow.png') no-repeat;
	background-size:contain;
}
#footerInnerMain02 .nav:last-child li::before{
	content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 2px solid #242424;
  border-top: 2px solid #242424;
  transform: rotate(45deg);
  margin-left: 5px;
  position: absolute;
  right: 10px;
  top: 40%;
  background:none;
}



/* //////////////////////////////////////////////////
/////////////////////////////////////////////////////
[Module]
/////////////////////////////////////////////////////
////////////////////////////////////////////////// */

/* --------------------------------------------------
	1. Common Module
-------------------------------------------------- */

/* title
----------------------------------- */
.ttl1 {}

/* textSize
----------------------------------- */
.bold{ font-weight:bold; }
.textSize12 {font-size:93%;}
.textSize14 {font-size:108%;}
.textSize18 {font-size:139%;}
.textSize21 {font-size:162%;}
.textSize24 {font-size:185%;}

/* textColor
----------------------------------- */
.textBlue { color:#08a3d8; }
.textRed { color:#b80303; background-color: #fff3f3; }
.attention{color: #DC1D1D;}


 /* section
----------------------------------- */
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}
.mb80 {margin-bottom: 80px;}
.mb90 {margin-bottom: 90px;}


 /* position
----------------------------------- */
.clear {clear: both;}
.migi {text-align: right;}
.hidari {text-align: left;}
.naka {text-align:center;}
.imgLeft {float: left;}
.imgRight {float: right;}

.clearfix:after { display:block; clear:both; height:0px; visibility:hidden; content:"."; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; height: auto; overflow: hidden; }

/* --------------------------------------------------
	90. Other
-------------------------------------------------- */

/*
*汎用パーツ
*/

.bold{
	font-weight:bold;
}

.txt_line{
	text-decoration:line-through;
}

.red{
	color:#D76085;
	font-size: 12px;
	text-align: right;
	display: block;
}

.txt10{
	font-size:80%;
}


.txt11{
	font-size:90%;
}
.txt14{
	font-size:115%;
}
.txt16{
	line-height:140%;
	font-size:130%;
}

.txtR{
	text-align:right;
}

.txtL{
	text-align:left;
}

.txtC{
	text-align:center;
}

.txtC img{
	margin:0 auto;
}

.pTop05{ padding-top:5px; }
.pTop10{ padding-top:10px; }
.pTop12{ padding-top:12px; }
.pTop13{ padding-top:13px; }
.pTop15{ padding-top:15px; }
.pTop20{ padding-top:20px; }
.pTop25{ padding-top:25px; }
.pTop30{ padding-top:30px; }
.pTop35{ padding-top:35px; }
.pTop40{ padding-top:40px; }
.pTop45{ padding-top:45px; }
.pTop50{ padding-top:50px; }
.pTop55{ padding-top:55px; }
.pTop60{ padding-top:60px; }
.pTop65{ padding-top:65px; }
.pTop70{ padding-top:70px; }
.pTop75{ padding-top:75px; }
.pTop80{ padding-top:80px; }
.pTop85{ padding-top:85px; }
.pTop90{ padding-top:90px; }
.pTop95{ padding-top:95px; }
.pTop100{ padding-top:100px; }
.pTop125{ padding-top:125px; }


.pBtm05{ padding-bottom:5px; }
.pBtm10{ padding-bottom:10px; }
.pBtm12{ padding-bottom:12px; }
.pBtm13{ padding-bottom:13px; }
.pBtm15{ padding-bottom:15px; }
.pBtm20{ padding-bottom:20px; }
.pBtm25{ padding-bottom:25px; }
.pBtm30{ padding-bottom:30px; }
.pBtm35{ padding-bottom:35px; }
.pBtm40{ padding-bottom:40px; }
.pBtm45{ padding-bottom:45px; }
.pBtm50{ padding-bottom:50px; }
.pBtm55{ padding-bottom:55px; }
.pBtm60{ padding-bottom:60px; }
.pBtm65{ padding-bottom:65px; }
.pBtm70{ padding-bottom:70px; }
.pBtm75{ padding-bottom:75px; }
.pBtm80{ padding-bottom:80px; }
.pBtm85{ padding-bottom:85px; }
.pBtm90{ padding-bottom:90px; }
.pBtm95{ padding-bottom:95px; }
.pBtm100{ padding-bottom:100px; }
.pBtm125{ padding-bottom:125px; }



.pTop05{ padding-top:5px; }
.pTop10{ padding-top:10px; }
.pTop12{ padding-top:12px; }
.pTop13{ padding-top:13px; }
.pTop15{ padding-top:15px; }
.pTop20{ padding-top:20px; }
.pTop25{ padding-top:25px; }
.pTop30{ padding-top:30px; }
.pTop35{ padding-top:35px; }
.pTop40{ padding-top:40px; }
.pTop45{ padding-top:45px; }
.pTop50{ padding-top:50px; }
.pTop55{ padding-top:55px; }
.pTop60{ padding-top:60px; }
.pTop65{ padding-top:65px; }
.pTop70{ padding-top:70px; }
.pTop75{ padding-top:75px; }
.pTop80{ padding-top:80px; }
.pTop85{ padding-top:85px; }
.pTop90{ padding-top:90px; }
.pTop95{ padding-top:95px; }
.pTop100{ padding-top:100px; }
.pTop125{ padding-top:125px; }
.pTop180{ padding-top:180px; }


.pLft100{ padding-left:100px; }
.pLft180{ padding-left:180px; }
.pLft170{ padding-left:170px; }


.mTop05{ margin-top:5px; }
.mTop10{ margin-top:10px; }
.mTop12{ margin-top:12px; }
.mTop13{ margin-top:13px; }
.mTop15{ margin-top:15px; }
.mTop20{ margin-top:20px; }
.mTop25{ margin-top:25px; }
.mTop30{ margin-top:30px; }
.mTop35{ margin-top:35px; }
.mTop40{ margin-top:40px; }
.mTop45{ margin-top:45px; }
.mTop50{ margin-top:50px; }
.mTop55{ margin-top:55px; }
.mTop60{ margin-top:60px; }
.mTop65{ margin-top:65px; }
.mTop70{ margin-top:70px; }
.mTop75{ margin-top:75px; }
.mTop80{ margin-top:80px; }
.mTop85{ margin-top:85px; }
.mTop90{ margin-top:90px; }
.mTop95{ margin-top:95px; }
.mTop100{ margin-top:100px; }
.mTop110{ margin-top:100px; }
.mTop125{ margin-top:125px; }



.mLft05{ margin-left:5px; }
.mLft10{ margin-left:10px; }
.mLft12{ margin-left:12px; }
.mLft13{ margin-left:13px; }
.mLft15{ margin-left:15px; }
.mLft20{ margin-left:20px; }
.mLft25{ margin-left:25px; }
.mLft30{ margin-left:30px; }
.mLft35{ margin-left:35px; }
.mLft40{ margin-left:40px; }
.mLft45{ margin-left:45px; }
.mLft50{ margin-left:50px; }
.mLft55{ margin-left:55px; }
.mLft60{ margin-left:60px; }
.mLft65{ margin-left:65px; }
.mLft70{ margin-left:70px; }
.mLft75{ margin-left:75px; }
.mLft80{ margin-left:80px; }
.mLft85{ margin-left:85px; }
.mLft90{ margin-left:90px; }
.mLft95{ margin-left:95px; }
.mLft100{ margin-left:100px; }
.mLft125{ margin-left:125px; }

.mRit05{ margin-right:5px; }
.mRit10{ margin-right:10px; }
.mRit12{ margin-right:12px; }
.mRit13{ margin-right:13px; }
.mRit15{ margin-right:15px; }
.mRit20{ margin-right:20px; }
.mRit25{ margin-right:25px; }
.mRit30{ margin-right:30px; }
.mRit35{ margin-right:35px; }
.mRit40{ margin-right:40px; }
.mRit45{ margin-right:45px; }
.mRit50{ margin-right:50px; }
.mRit55{ margin-right:55px; }
.mRit60{ margin-right:60px; }
.mRit65{ margin-right:65px; }
.mRit70{ margin-right:70px; }
.mRit75{ margin-right:75px; }
.mRit80{ margin-right:80px; }
.mRit85{ margin-right:85px; }
.mRit90{ margin-right:90px; }
.mRit95{ margin-right:95px; }
.mRit100{ margin-right:100px; }
.mRit125{ margin-right:125px; }


.mBtm05{ margin-bottom:5px; }
.mBtm08{　margin-bottom:8px;}
.mBtm10{ margin-bottom:10px; }
.mBtm12{ margin-bottom:12px; }
.mBtm13{ margin-bottom:13px; }
.mBtm14{　margin-bottom:14px;}
.mBtm15{ margin-bottom:15px; }
.mBtm20{ margin-bottom:20px; }
.mBtm25{ margin-bottom:25px; }
.mBtm30{ margin-bottom:30px; }
.mBtm35{ margin-bottom:35px; }
.mBtm40{ margin-bottom:40px; }
.mBtm45{ margin-bottom:45px; }
.mBtm50{ margin-bottom:50px; }
.mBtm55{ margin-bottom:55px; }
.mBtm60{ margin-bottom:60px; }
.mBtm65{ margin-bottom:65px; }
.mBtm70{ margin-bottom:70px; }
.mBtm75{ margin-bottom:75px; }
.mBtm80{ margin-bottom:80px; }
.mBtm85{ margin-bottom:85px; }
.mBtm90{ margin-bottom:90px; }
.mBtm95{ margin-bottom:95px; }
.mBtm100{ margin-bottom:100px; }
.mBtm125{ margin-bottom:125px; }
.mBtm365{　margin-bottom:365px;}


.fl{
	float:left;
}

.fr{
	float:right;
}

.clear{
	clear:both;
}



.txtcolor666666 {
	color: #666666;
}


.lineheight200 {
	line-height: 200%;
}
.side_cate {
    margin: 25px auto 15px;
}

.side_cate .cat_list ul li a,
#gNavi .cat_list ul li a{
	display: block;
	width: 220px;
	margin: 0 auto 5px;
    padding: 1rem 0;
    font-size: 16px;
	border-bottom: 2px dotted #8F8F8F;
	position:relative;
	font-weight: 500;
}
.side_cate .cat_list ul li:first-child a,
#gNavi .cat_list ul li:first-child a{
	border-top: 2px dotted #8F8F8F;
}
.side_cate  .cat_list ul li a:after{
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-right: 2px solid #242424;
	border-top: 2px solid #242424;
	transform: rotate(45deg);
	margin-left: 5px;
	position:absolute;
	right:10px;
	top:40%;
}
.side_cate  .cat_list ul li a img{
	padding-right: 15px;
	width: 22px;
	height: auto;
	vertical-align: middle;
}
.side_lineup ul li{
	padding-bottom: 1rem;
}

#login_area {
	margin-bottom: 15px;
}

#login_area .btn_fax {
	text-align: center;
}

#search_area .bloc_body {
	width: 220px;
	margin-left: 14px;
}
#search_area h2{
	border:none;
	margin-top:0;
}
.size190 {
	width: 190px;
}
#login_form .bloc_body {
	width: 220px;
	margin-left: 14px;
}
#login_form .bloc_body .formlist .mini span {
	font-size: 85%;
}
#login_form .bloc_body .formlist .mini a {
	font-size: 85%;
}
#login_form .bloc_body p{
	margin-bottom:10px;
}


.top_news h3{
	border-bottom: 1px solid #d5d5d5;
    text-align: center;
    padding: 20px 0;
    font-size: 24px;
    font-weight: 550;
}
.newslist dt {
	margin-bottom: 12px;
}
.newslist dd {
	margin-bottom:12px;
}

.newslist .mini {
	clear: both;
	font-size: 85%;
	margin-bottom: 5px;
}
.top_news{
	border: 1px solid #d5d5d5;
    border-radius: 5px;
}
.top_news .newslist dl{
	padding-top: 10px;
	margin-bottom: 15px;
    border-bottom: 1px solid #d5d5d5;
}
.top_news .newslist dt{
	color:#82C243;
}
.top_news .newslist dt span{
	margin: 0 15px;
    background: #D2ECB8;
    border-radius: 30px;
    padding: 5px 15px;
    font-size: 12px;
    display: inline-block;
	color:#333;
}





/* ===============================================
▼カレンダー
=============================================== */
#calender_area {
    background-color: transparent;
    border: none;
}
#calender_area .bloc_body {
    padding: 10px 0;
}
#calender_area table {
    background: #fff;
    border: none;
    width: 220px;
    margin: 0 auto 20px;
    font-size: 120%;
}
#calender_area table td {
    padding: 1px 3px;
    border-top: 1px solid #ccc;
    border-right: none;
    text-align:center;
}
#calender_area th {
    padding: 1px 3px;
    background: #fff;
    border: none;
    text-align: center;
}
#calender_area table .month {
    margin-bottom: 5px;
    padding-left: 12px;
    font-size: 100%;
	text-align: center;
	padding-bottom:10px;
}
#calender_area .off {
    color: #f00;
}
#calender_area .information {
    margin-left: 10px;
    font-size: 90%;
}

/* ===============================================
▼頭文字検索
=============================================== */
#search_area_kana {
	margin-bottom: 15px;
}
#search_area_kana table {
	width: 220px;
	margin-bottom: 0;
}
#search_area_kana table td {
	padding: 0;
	border:none;
}
#search_area_kana table td img{
	width:100%;
	height: auto;
	box-shadow: 1px 1px 3px #ccc
}




/*=============================================== */
/* 共通
----------------------------------------------- */
#recomend_area .bloc_body ,
#whobought_area .whobought_bloc {
    margin-bottom: 10px;
    padding: 10px 0 10px;
    border: none;
    width: 100%;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom;
}

#recomend_area .bloc_body p ,
#whobought_area .whobought_bloc p {
    margin: 0 0 5px 0;
}

#recomend_area .bloc_body img ,
#whobought .whobought_bloc img {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

#recomend_area .bloc_body h3 ,
#whobought_area .whobought_bloc h3 {
    font-size: 120%;
    font-weight: bold;
}

#recomend_area h2 img {
	margin-bottom: -7px;
}
#recomend_area h2{
	font-size:24px;
}

#recomend_area .recommend_frame, .product_frame {
}

/* 画像
----------------------------------------------- */
#recomend_area .bloc_body .productImage ,
#whobought_area .whobought_bloc .productImage {
	float: left;
	width: 100px;
	margin-right: 10px;
}



/* 左右の振り分け
----------------------------------------------- */
.recomendleft {
	float: left;
	width: 305px;
	padding: 10px;
	border: 1px solid #E1E1E1;
	background-image: url(../image/rec_bk.jpg);
	background-repeat: repeat;
	margin-left: 20px;
	margin-bottom: 15px;
}
.recomendright {
	float: right;
	width: 305px;
	padding: 10px;
	background-image: url(../image/rec_bk.jpg);
	border: 1px solid #E1E1E1;
	margin-right: 20px;
	margin-bottom: 15px;
}
#recomend_area .productContents a {
	background-image: url(../image/rec_allow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	display: block;
}
#recomend_area .productContents {
	float: right;
	width: 180px;
}
.reg_box {
	overflow: hidden;
}
#policy dd {

}

.lh17 {
	/* line-height: 1.7em; */
}
.size340 {
	width: 340px;
}
#sitemap dd {
	display: block;
	background-color: #EFEFEF;
	padding: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
#sitemap dt a {
	display: block;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px dotted #CCCCCC;
	background-image: url(../image/allow02.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.about01 {
	background-image: url(../image/about01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 65px;
}
.none {
	display: none;
}
.about_p {
	padding-left: 165px;
	background-image: url(../image/about_bk.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	display: block;
	padding-bottom: 40px;
	padding-top: 10px;
}
.about_box .fr {
	background-image: url(../image/about_bk.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 30px;
}
.size590 {
	width: 590px;
}
.about_box {
	overflow: hidden;
}
.about_pan {
	background-image: url(../image/about_pan.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#guide dd {
	font-weight: bold;
	background-image: url(../image/line02.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 30px;
}


#faq div .col{
	padding:1rem 0;
	border-bottom: 1px dotted #d5d5d5;
}
.row{
	display: none;
} 
#faq h3 {
	font-weight: bold;
	border-left: 5px solid #FF8E8E;
    padding: 15px;
    margin:4rem 0 1rem;
	font-size: 135%;
}

.head {
	font-weight: normal;
	cursor: pointer;
	display: block;
	position: relative;
	padding:1rem 2rem;
	position: relative;
}
.head::before{
	content:"";
	display: inline-block;
	background-image: url(../image/q01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:contain;
	width:30px;
	height:50px;
	position: absolute;
	left:0;
	bottom:0;
}
.head::after{
	content:"+";
	display: inline-block;
	font-size:40px;
	font-weight: 300;
	position: absolute;
	right:0;
	bottom:0;
}
#faq .row div {
	display: block;
    margin: 1rem 0 2rem;
}
#faq .head.open::after{
	content:"ー";
	font-size:28px;
	bottom:10px;
}




.kaitori .head {
	font-weight: normal;
	cursor: pointer;
	background-image: url(../image/q02.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
	padding-top: 5px;
}
#faq .kaitori .row div {
	display: block;
	background-color: #EFEFEF;
	background-image: url(../image/a02.jpg);
	background-repeat: no-repeat;
	background-position: 15px 20px;
	padding: 15px 15px 15px 35px;
}
#list .title,
#guide .title,
#faq .title,
#content .title {
    color: #484848;
    background: #FFEFEF;
    border: none;
    padding: 20px;
    text-align: center;
    font-size: 34px;
    font-weight: 550;
    border-left: 12px solid #FF8E8E;
    border-radius: 8px;
	margin: 1rem 0 4rem;
}
#sitemap .pagetitle,
#policy .pagetitle,
#faq .pagetitle {
	font-weight: bold;
	color: #eb3997;
	font-size: 185%;
}




/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */
.pagenumber_area {
    padding-bottom: 20px;
	margin: 0px 0 40px;
	border-bottom:1px solid;
	background: none;
}
.pagecond_area {
    margin-bottom: 20px;
    padding: 10px;
}
.pagecond_area {
    border: 1px solid #ccc;
}
.pagenumber_area .navi {
    width: 100%;
    text-align: left;
}
.pagenumber_area .navi li {
    display: inline;
}
.pagenumber_area .change {
    float: right;
    text-align: right;
    white-space: nowrap;
}

#page_navi_bottom .navi{
	margin-top: 3rem;
	text-align: center;
}
#page_navi_bottom .navi a:not(.prev, .next),
#page_navi_bottom strong{
	width: 36px;
    height: 36px;
    border: 1px solid #FF8E8E;
	color:#FF8E8E;
    display: inline-block;
    border-radius: 50%;
    font-size: 20px;
    line-height: 1.8;
    margin: 0 5px;
	font-weight: 500;
}
#page_navi_bottom strong,
#page_navi_bottom .navi a:not(.prev, .next):hover{
	color:#fff;
	background:#FF8E8E;
}
#page_navi_bottom .navi .prev, 
#page_navi_bottom .navi .next{
	color: #ff8e8e;
    font-weight: 500;
    transform: rotateY(60deg);
    display: inline-block;
    font-size: 40px;
    vertical-align: middle;
	height: 70px;
}

#fancybox-outer{
    max-width: 90vw !important; 
    max-height: 90vh !important; 
    height:auto!important;
    min-width:40vw;

}
#fancybox-content{
	width: 100%!important;
	height: auto!important;
}



/* レイアウト
----------------------------------------------- */
div.list_area {
	width: 100%;
	overflow: hidden;
	border: 1px solid #d5d5d5;
	margin-bottom: 20px;
	padding:20px;
}
div.list_area a{
}
div.list_area a:hover{
	background:#F5FEEC;
	color:inherit;
}

div.listphoto {
	float: left;
	margin-right: 20px;
	width:20%;
}
div.listphoto a{
	cursor: zoom-in;
}


/* メインカラム用 1カラム時*/
#one_maincolumn div.listrightbloc {
    float: right;
    width: 74%;
}

/* メインカラム用 2カラム時*/
#two_maincolumn_right div.listrightbloc ,
#two_maincolumn_left div.listrightbloc {
    float: right;
    width: 80%;
}

/* メインカラム用 3カラム時*/
#three_maincolumn div.listrightbloc {
    float: right;
    width: 74%;
}


/* 商品情報 各種設定
----------------------------------------------- */
/* 商品ステータス */
div.listrightbloc ul.status_icon {
    margin-bottom: 5px;
    width: 100%;
    height: 25px;
}
div.listrightbloc ul.status_icon li {
    margin-right: 5px;
    float: left;
}

/* 商品名 */
div.listrightbloc h3 {
    font-weight: bold;
    font-size: 120%;
}

/* コメント */
div.listrightbloc .listcomment {
    margin: 5px 0 10px;
    text-align: left;
}

/* 商品詳細を見る */
div.listrightbloc .detail_btn {
    margin-bottom: 20px;
}

/* 価格 */
div.listrightbloc .pricebox {
	margin: 0 0 10px;
	float: right;

/* add start 20130624 */
	width: 350px;
	text-align: right;
/* add end 20130624 */
}

/* 買い物かご */
div.listrightbloc .cart_area {
	padding: 10px;
	border: 1px solid #E3E3E3;
	background-color: #F3F3F3;
	width: 467px;
	margin-top: 10px;
	font-size: 93%;
	float: right;
	margin-bottom: 10px;
}

/* 規格 */
div.listrightbloc .classlist {
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: url("../img/background/line_dot_02.gif") repeat-x bottom ;
}
div.listrightbloc dl {
    width: 100%;
}
div.listrightbloc dt {
    display: inline-block;
    vertical-align: top;
}
div.listrightbloc dd {
    padding-bottom: 10px;
    display: inline-block;
}
div.listrightbloc dd p.attention {
    margin-top: 5px;
}

/* カゴに入れる */
div.listrightbloc .cartin {
    margin: 0;
    float :right;
}
div.listrightbloc .cartin .quantity {
    padding: 3px 10px 0 0;
    width: 150px;
    float :left;
    text-align: right;
}
div.listrightbloc .cartin .quantity .box {
    width: 70px;
}
div.listrightbloc .cartin_btn {
	width: 145px;
	float :right;
	clear: both;
}

#list .list_area .listrightbloc .price {
	font-weight: bold;
	color: #CC0000;
}
#list .list_area .listrightbloc .big {
	font-size: 185%;
	font-weight: bold;
}
#list .list_area .picture {
	width:100%;
}
#list .list_area .quantity {
	float: left;
}
#list .list_area .quantity input {
	width: 50px;
}
#list .list_area .listrightbloc h3 a {
	color: #009FD1;
}
#list .restock{
	margin:2rem 0;
	padding:35px 60px; 
	background: #FFEFEF;
	border-radius: 10px;
}
#undercolumn_cart div.list_area{
	padding:30px 30px 20px;
}
#undercolumn_cart div.list_area .listphoto img{
	width:100%;
	height:auto;
}
#undercolumn_cart .list_area a{
	display: inline-block;
	padding:0;
}
#undercolumn_cart .list_area .quantity{
	display: inline-flex;
	width:120px;
	justify-content: space-between;
	align-items: center;
	border:1px solid #ddd;
	margin-right:30px;
}
#undercolumn_cart .list_area .delete{
	border:1px solid #ddd;
}
#undercolumn_cart .totalPrice{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background:#F5F5F5;
	padding:2rem;
}
#undercolumn_cart .totalPrice a{
	width: 240px;
    background: #DC1D1D;
    text-align: center;
    color: #fff;
    padding: 15px 10px;
    border-radius: 8px;
}


#container #wrapper #main #side #sideMain #login_area #login_form .bloc_body .btn a:hover img {
	 opacity:1.0; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; 
}

#footerInnerTop a:hover img {
	opacity:1.0 !important;
	filter:alpha(opacity=100) !important;
	-ms-filter: "alpha( opacity=100 )" !important;
}


/* 商品一覧とトップページのおすすめ商品
----------------------------------------------- */
div.listrightbloc {
	margin-left: 20%;
	margin-bottom: 20px;
	width:77%;
}

form.listrightbloc {
	margin-bottom: 0;
	font-size: 110%;
	padding:20px 30px;
}

form.listrightbloc.bg_color_odd {
	background-color: #F2F2F2;
}

form.listrightbloc.bg_color_even {
}

div.ky_cart_btn {
	display: inline-block;
	max-width: 240px;
	margin-left: 10px;
}
.btn_W100{
	width: 100%;
    display: block;
    background: #FF8E8E;
    color: #fff!important;
    font-weight: 550;
    padding: 20px 0;
    text-align: center;
    margin: 1rem 0;
    border-radius: 10px;
    font-size: 20px;
	position: relative;
}
.btn_W100:after{
	content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    border-right: 3px solid #fff;
    border-top: 3px solid #fff;
    transform: rotate(45deg);
    margin-left: 5px;
    position: absolute;
    right: 20px;
    top: 40%;
    background: none;
}

div.ky_product_inner {
	float: right;
	margin-top: 15px;
}

span.ky_rate {
	margin-right: 10px;
}

span.ky_waribiki_rate {
	margin-right: 20px;
}

span.ky_cate_1 {
	margin-right: 10px;
}

span.ky_cate_2 {
	margin-right: 10px;
}

span.ky_price {
	margin-right: 10px;
}

input.ky_box {
	width: 50px!important;
	padding:10px!important;
	text-align: center;
}

.ky_product_row_1{
	display: flex;
    justify-content: flex-start;
    align-items: center;
}
.ky_product_code{
    padding: 2rem 1rem;
}
.ky_cartbtn_attention{
	display: inline-block;
}
ul.ky_status_icon{
	display: inline-flex;
	gap:5px;
	margin-top: 8px;
}
ul.ky_status_icon li img{
	height: 25px;
	width: auto;
}
.ky_product_row .product_disc{
	width: 100%;
	padding: 15px;
    border-left: 1px solid #9E9E9E;
}
.ky_product_row .product_disc div{
	padding-bottom: 5px;
}
.ky_rate,
.ky_waribiki_rate{
	background: #fff;
    border: 1px solid #d5d5d5;
    padding: 5px 10px;
    margin: 0;
	font-size: 80%;
	margin-right:0!important;
}
.ky_kirikae a{
	font-size: 80%;
    background: #e1e1e1;
    padding: 5px 10px;
    border: 1px solid #ddd;
}



/* サイドメニュー カートの中身を見る
----------------------------------------------- */
.view_cart {
	padding: 0 0 7px;
	margin: -5px 0 0;
}
.view_cart img{
	padding: 20px 0;
}

/* メインビジュアル
----------------------------------------------- */
.main_visual {
	margin-bottom: 20px;
	text-align: center;
}

/*確認用ダイアログ背景*/
.modal_overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent;
	background: url("../image/modal_bg.png") 0 0 repeat;
	opacity: 0;
	display: none;
	width: 100%;
	height: 100%;
}

.modal_overlay.visible {
	opacity: 1;
	display: block !important;
	z-index: 10;
}

/*確認用ダイアログ*/
.modal_confirm.visible {
	visibility: visible;
}

.modal_confirm {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 11;
	height: auto;
	width: 600px;
	height: 300px;
	margin-left: -300px;
	margin-top: -150px;
	text-align: center;
	background-color: #FFFFFF;
	visibility: hidden;
}

	.modal_confirm .modal_confirm_header h3 {
		margin: 20px 0;
	}
	
	.modal_confirm .modal_confirm_body {
		background: #fff;
		padding: 20px 15px;
		font-size: 100%;
	}
	
	.modal_confirm .modal_confirm_body p {
		margin-bottom: 20px;
	}
	
	.modal_confirm .modal_confirm_body p.important_confirmation {
		font-weight: bold;
		font-size: 140%;
	}
	
	.modal_confirm .modal_confirm_button .btn_yes,
	.modal_confirm .modal_confirm_button .btn_no {
		display: inline-block;
		margin: 0 10px;
	}




#main_login_form {
	margin:50px 0;
	background: #FFEFEF;
}
#main_login_form .body {
	margin: 0 auto;
	padding:2rem 0 3rem;
	text-align: center;
}
#main_login_form h3{
	padding: 1rem 0 2rem;
    font-size: 34px;
    font-weight: 600;
}
#main_login_form div{
	width: 90%;
    margin: auto;
    background: #fff;
    padding: 3rem;
}
#main_login_form p {
  margin-bottom: 10px;
}
#main_login_form .textbox {
  width: 80%;
  padding: 10px;
  border: 1px solid #d5d5d5;
  border-radius:5px;
}
#main_login_form label:not(.login_memory label){
	width:18%;
	display: inline-block;
}
#main_login_form .login_memory{
margin-top:20px;
}
#main_login_form a{
	color: #82c243;
    font-weight: 500;
}

#main_entry_form {
  position: relative;
  width:100%;
  height:530px;
}
#main_entry_form a{
	background: url(../image/bg_entry_form_02.jpg) no-repeat center top;
	background-size:contain;
	display: block;
	width:100%;
	height:530px;
  
}
#main_entry_form p {
 position: absolute;
 width:100%;
 bottom: 0;
 left:0;
}
#main_entry_form .body {
  width: 300px;
  margin: 0 auto;
  padding: 35px 0;
  text-align: center;
}

#content .title2{
	font-size: 28px;
    border-bottom: 2px solid #d5d5d5;
    margin: 2rem 0;
    text-align: center;
    font-weight: 550;
    padding: 1.5rem 0 20px;
}
#content .title2 span{
	border-bottom: 2px solid #FF8E8E;
    padding-bottom: 21px;
}
#content .title3,#one_maincolumn .sub_area h3, #two_maincolumn_right .sub_area h3, #two_maincolumn_left .sub_area h3, #three_maincolumn .sub_area h3, #undercolumn_login .login_area h3, #undercolumn_shopping h3, #mypagecolumn h3, #undercolumn_cart h3, #mycontents_area h3{
	font-weight: bold;
    border-left: 5px solid #82C243;
    padding: 15px;
    margin: 4rem 0 1rem;
    font-size: 135%;
	background:none;
	color:#333;
}

#content table{
	border:none;
}
#content table tr{
	border-top:1px solid #d5d5d5;
}
#content table tr:last-child{
	border-bottom:1px solid #d5d5d5;
}
#content table th,
#content table td{
	background:none;
	border:none;
	padding:20px 0;
}
#content table th{
	font-size: 16px;
    font-weight: 550;
    white-space: nowrap;
	padding-right:20px;
}
#content td input,
#content td select,
#content td textarea{
	padding: 15px 10px;
	border-radius: 5px;
    border-color: #ddd;
}
#content td input[type="text"],
#content td textarea,
#content td input[type="password"]{
	width:100%;
	margin: 5px 0;
}
#content td input[type="text"]::placeholder,
#content td input[type="password"]::placeholder{
    color: #ddd;
}
#content .kiyaku{
	font-size: 14px;
    margin: 3rem 0;
}
#content .kiyaku .kiyaku_text{
	width:100%;
	height:250px;
	margin:2rem 0 4rem;
}
#content table th .attention{
	background: #DC1D1D;
    color: #fff;
    padding: 0 10px;
    font-weight: 300;
    margin-left: 10px;
	font-size:90%;
}
#content table tr{
	border-bottom: 2px solid #ddd;
}
#content table.table01 tr:first-child{
	border-top:none;
}
#content table th,
#content table td{
	padding:20px;
	font-size:16px;
}
#content table.table01 th{
	border-bottom:2px solid #FF8E8E;
	white-space: nowrap;
}




#guide p,#guide ul,#guide dl {
}

.guide_contact_box {
  position: relative;
  margin-bottom: 30px;
}
.guide_contact_box .fax_button a {
  position: absolute;
  top: 53px;
  left: 366px;
  width: 180px;
  height: 32px;
  display: block;
  text-indent: -9999px;
}

.guide_contact_box2 .web_button a {
	display: block;
    max-width: 480px;
    margin: auto;
    text-align: center;
}
.guide_contact_box2 .fax_button a {
  position: absolute;
  top: 88px;
  left: 386px;
  width: 208px;
  height: 42px;
  display: block;
  text-indent: -9999px;
}

#guide dl .map {
  background: url(../image/img_guide_07.jpg) no-repeat right bottom;
}
#content .linkBtn{
	background-color:#FFEFEF;
	position: relative;
	padding:10px 30px;
	display: inline-block;
    font-weight: 600;
	min-width: 200px;
    text-align: center;
}
#content .linkBtn:before{
	content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 2px solid #FF8E8E;
    border-top: 2px solid #FF8E8E;
    transform: rotate(45deg);
    margin-left: 5px;
    position: absolute;
    left: 10px;
    top: 40%;
}
#guide_login a{
	display: inline-block;
	max-width:550px;
	position: relative;
}
#guide_login img:nth-child(2){
	position: absolute;
    width: 240px;
    top: 40%;
    right: -25%;
}
.attention_block{
	background: #FFEFEF;
	border-radius:5px;
	padding:3rem 2rem;
}
.attention_block .attention_block_title{
	text-align: center;
    font-size: 25px;
    font-weight: 600;
    color: #dc1d1d;
}
.attention_block .attention_block_body ul li{
position: relative;
padding-left: 25px;
margin-bottom:1.5rem;
}
.attention_block .attention_block_body ul li:before{
	position: absolute;
	content:"";
	width:20px;
	height:18px;
	background: url('../image/icon_attention_list.png');
	background-size:contain;
	background-repeat: no-repeat;
	display: inline-block;
	left:0;
	top:5px;
}
#guide_deliv_fee table th{
	text-align: center;
	border:1px solid #d5d5d5;
	background:#F2F2F2;
}
#guide_deliv_fee table td{
	border-right:1px solid #d5d5d5;
}

#guide_deliv_fee table tr:first-child th{
	border-color: #82C243;
	background: #DBF2C5;
	font-weight: 600;
}
#guide_deliv_fee table tr td:nth-child(3){
	color:#DC1D1D;
}



/* ==============================================
▼商品一覧
=============================================== */
#detailphotobloc{
	display: flex;
	gap:20px;
	align-items: center;
	padding: 15px 0px;
    border-bottom: 1px solid #707070;
}
#detailphotobloc .photo{
	width:20%;
}
#detailphotobloc .photo img{
	width:100%;
	height: auto;
	object-fit: contain;
}
#detailphotobloc .name{
	font-size:30px;
	font-weight: 500;
}
#detailphotobloc .name h2{
	text-align: left;
	font-size:30px;
	margin:0;
	padding:0;
}
#detailarea dl dd,
#detailarea dl dt{
	display:inline-block;
	font-size:16px;
}
#detailrightbloc{
	padding: 10px 0;;
}
#detailrightbloc .price{
	line-height: 1.8;
	margin-bottom:1.5rem;
}
#detailrightbloc .point, #detailrightbloc .relative_cat{
	background:none;
	margin-bottom:20px;
}
#detailrightbloc .cart_area{
	padding:20px;
	background-color:#FFEFEF;
	border:none;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
#detailrightbloc .cart_area .selectarea{

}
#detailrightbloc ul li{
	vertical-align: top;
    float: left;
    height: 42px;
    display: flex;
    align-items: center;
}
#detailrightbloc div.classlist{
	background:none;
}
#detailrightbloc .cartin_btn{
	max-width:260px;
}

/* ==============================================
▼お知らせ
=============================================== */
.top_info{
	display:flex;
}
.wp-info-box h1.info-header{
	display: none;
}
#content .top_info > div:first-child{
	color:#82C243;
	font-size:30px;
	letter-spacing: 2px;
    line-height: 1.5;
	border-right: 1px solid #333;
	padding-right: 25px;
	font-weight: 600;
}
#content .top_info div:first-child a{
	font-size:14px;
	color:#82C243;
	position: relative;
}

#content .top_info div:first-child a::after{
	position: absolute;
    content: ">";
    color: #fff;
    display: inline-flex;
    width: 19px;
    height: 14px;
    right: -25%;
    top: 20%;
    background: #82C243;
    border-radius: 50%;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    transform: rotateY(45deg);
}
#content .top_info h2{
	text-align: left;
	margin-top:0;
}
#content .top_info h2 span{
	font-size:16px;
	color:#333;
	display: block;
}
#content #wp-info-container{
	margin:20px 0;
}
#content #wp-info-container .wp-info-box .info-list{
	width: 100%;
    font-size: 16px;
}
#content #wp-info-container .wp-info-box .info-list .info-date{
	color:#82C243;
}
#content #wp-info-container .wp-info-box .info-list .info-title{
    margin-left: 150px;
    border-bottom: 1px solid;
}


@media(max-width:1200px){
	#headerLeftTop{
		display: block;
	}

}
@media(min-width:960px){
	.sp{
		display:none!important;
	}
	.pc{
		display:block;
	}
}

@media(max-width:959px){
	.sp{
		display:block;
	}
	.pc{
		display:none!important;
	}
	.btnMenu {
        display: flex !important;
        width: 60px;
        height: 60px;
        position: fixed;
        z-index: 200;
        right: 0;
        top: 0;
        background: #FF8E8E;
        flex-direction: column;
        justify-content: center;
    }
	.btnMenu span {
		display: block;
		margin: 2px auto;
		background: #fff;
		border-radius: 5px;
		width: 52%;
		height: 3px;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
	}
	.btnMenu span:nth-child(2){
		width: 22px;
		margin-left: 14px;
	}
	.btnMenu span:nth-child(4){
		color: #fff;
		background: none;
		font-size: 10px;
		width: 50px;
		text-align: center;
		margin: 5px auto;
	}
	.btnMenu.active span:nth-child(4){
		display: none;
	}
	.btnMenu.active span:nth-child(5){
		display: block!important;
		color: #fff;
		background: none;
		font-size: 10px;
		width: 50px;
		text-align: center;
		margin: 5px auto;

	}
	.btnMenu.active span:nth-child(1){
		transform:rotateZ(135deg) translateX(2px) translateY(-1px);
	}
	.btnMenu.active span:nth-child(3){
		transform:rotateZ(45deg) translateY(-3px) translateX(-3px);
	}
	.btnMenu.active span:nth-child(2){
		display: none;
	}

    #gNavi {
		display: none;
        position: fixed;
        top: 0;
        width: 100%;
		height:100%;
		margin: auto;
        padding: 80px 20px;
        background: #fff;
        overflow-y: auto;
		max-width: 100%;
		box-sizing: border-box;
		z-index:200;
    }
	#headerLeft{
		max-width:100%;
	}
	#headerLeftTop .spMenu{
		margin-bottom: 26px;
		box-shadow: 2px 3px 6px #ddd;
		height: 60px;
		position: fixed;
		z-index: 300;
		width:100%;
		background: #fff;
		top:0;
	}
	#headerLeftTop h1{
		position: fixed;
		z-index: 200;
	}
	#headerLeftTop h1 img{
		width:210px;
		padding:10px;
	}
	#gNavi h2{
		text-align: center;
		font-size: 18px;
		padding: 10px;
        margin: 1rem 0;
	}
	#gNavi ul{
		display: block;
	}
	#headerLeftTop ul li a:not(#headerLeftTop ul li:nth-child(6) a,#headerLeftTop ul li:nth-child(7) a):before{
		display:none;
	}

	#gNavi form button:not(.btn01){
		top: auto;
		height: 35px;
		right: 20px;
	}
	#gNavi .btnArea{
		margin:2rem 0;
	}
	#gNavi .btnArea ul li{
		width:50%;
		float:left;
	}
	#gNavi .btnArea ul li a{
		margin:5px;
		width:auto;
	}
	#gNavi .btnArea ul li:last-child{
		width:100%;
	}
	#search_area .bloc_body{
		width: 90%;
        margin: auto;
	}
	#nav{
		padding:0;
		margin:2rem 0;
		box-shadow: none;
	}
	#gNavi #nav ul{
		max-width: 100%;
		width:100%;
	}
	#gNavi #nav li{
		width:100%;
		float: none;
	}
	#nav li a{
		border-bottom:2px dotted #B19E87;
		border-left:none;
	}
	#gNavi input,
	#gNavi select{
		width:100%;
	}
	#gNavi .cat_list{
		border-top: 1px solid #d5d5d5;
		border-bottom: 1px solid #d5d5d5;
		margin: 3rem 0 0;
		padding: 0 0 3rem;
	}
	#gNavi .cat_list ul{
		width: 90%;
        margin: auto;
	}
	#gNavi #nav li a{
	    justify-content: left;
		padding-left: 50px;
		box-sizing: border-box;
		padding-bottom: 22px;
        padding-top: 20px;
        border-bottom: 1px solid #d5d5d5
	}
	#gNavi .cat_list ul li a{
		width: 100%;
		margin:0;
	}
	#gNavi .cat_list ul li a img{
		height: 24px;
    padding: 0 10px;
    width: auto;
	}



	body{
		font-size:14px;
	}
	#wrapper{
		margin-bottom:30px;
		padding-top: 80px;
	}
	#content{
		width:100%;
		float:none;
		margin: auto;
	}
	#content h2,
	#list .title, #guide .title, #faq .title, #content .title{
		font-size:24px;
		padding: 10px;
        margin: 2rem 0;
	}
	#content .title2{
		font-size:22px;
		padding: 1.5rem 0 10px;
	}
	#content .title2 span{
		padding-bottom:11px;
	}
	#content table th, #content table td{
		display: block;
		width:100%;
		padding: 10px;
		margin:10px auto;
	}
	#content table.table01 th{
		border-bottom:none;
		color: #FF8E8E;
	}
	#content .linkBtn{
		display: block;
	}



/*top*/
	.top_info{
		display: block;
	}
	#content .top_info > div:first-child{
		border:none;
	}
	#content .top_info h2{
		margin:0;
		padding-left:0;
	}
	#content #wp-info-container .wp-info-box .info-list .info-title{
		margin-left: 0;
	}
	#content #wp-info-container .wp-info-box .info-list .info-date {
		color: #82C243;
		float: none;
		width: 100%;
	}
	.wp-info-box .info-list .item{
		width:100%;
	}
	.top_news{
		margin-top:3rem;
	}
	.top_news h3{
		font-size:20px;
		padding:10px;
	}
	.top_news .newslist dt span{
		margin:0;
	}
	.tokutyoArea ul{
		grid-template-columns: repeat(1,1fr);
	}
	.tokutyoArea ul img{
		margin:auto;
	}


/*商品一覧*/
	div.list_area{
		padding:20px 10px;
	}
	div.list_area .close{
		display: none;
	}
	div.listphoto{
		width: 100%;
		float: none;
		margin: 0;
	}
	div.listrightbloc{
		width: 100%;
    margin: 1rem auto;
	}
	ul.ky_status_icon{
		display: block;
		line-height: 2.5;
		text-align: left;
	}
	form.listrightbloc{
		padding:20px 10px;
	}
	#list .restock{
		padding:30px;
	}
	#list .list_area .picture,
	.listphoto img{
		display: block;
		max-width:60%;
		margin: auto;
	}
	.list_area .listrightbloc h3 a{
		padding:0;
		display: block;
	}
	.ky_product_row .product_disc{
		border:none;
		border-top:1px solid #9e9e9e;
	}
	.ky_product_row .product_disc div{
		margin-top: 10px;
	}
	.ky_product_row_1{
		flex-direction: column;
	}
	.ky_product_code{
		padding:10px;
	}
	ul.ky_status_icon li{
		float: left;
		margin-right: 5px;
	}
	.ky_price{
		display: block;
		margin-bottom: 10px;
	}



/*商品詳細*/
#detailphotobloc{
	display: block;
}
#detailphotobloc .name{
	font-size:20px;
}
#detailphotobloc .name h2{
	font-size:20px;
}
.normal_price dt,
.normal_price dd{
	font-size:16px!important;
}
#detailphotobloc .photo img{
	display: block;
	max-width:60%;
	margin: auto;

}


/*カート*/
#undercolumn_cart div.list_area{
	padding: 30px 10px 20px;
}
#undercolumn_cart .totalPrice{
	display: block;
	padding: 2rem 10px;;
}
#undercolumn_cart .totalPrice a{
	display: block;
}
.delivdate span{
display: block;
}
.delivdate select{
	margin-bottom:10px;
}
.ky_cart_btn{
	margin-top:10px;
}




/*ログイン*/
#main_login_form h3{
	font-size:26px;
}
#main_login_form div{
	padding:2rem 1rem;
}
#detailphotobloc .photo{
	width:100%;
}
#main_login_form label:not(.login_memory label){
	text-align: left;
	width:100%;
}
#main_login_form .textbox{
	width:100%;
}
#detailrightbloc .cart_area{
	display:block;
}
#detailrightbloc .cart_area .selectarea{
	margin-bottom:1rem;
}
#main_entry_form{
	height: 240px;
}
#main_entry_form a{
	height: 240px;
}


/*新規会員登録*/

/*マイページ*/
#content table.scrollable th,
#content table.scrollable td{
	display:table-cell;
	white-space: nowrap;
}
#content table.scrollable{
	width: 100%;
    height: 100%;
    overflow-x: auto;
    display: block;
}
#content table:not(.scrollable) th{
	white-space: normal;
}

#content table colgroup{
	width:100%;
}
#content table colgroup col{
	width:auto;
}

/*ご利用ガイド*/
#guide_login img:nth-child(2){
	width: 120px;
    right: -5%;
    top: 60%;
}
.attention_block{
	padding:2rem 1rem;
}
#guide .guide_invoice .title2 span{
	display: contents;
}


/*よくある質問*/

/*footer*/
	#footerInnerTop{
		right: 10px;
        position: fixed;
        bottom: 20px;
        top: auto;
	}
	#footerInnerMain{
		border:none;
	}
	#side.sp{
		float:none;
		width:100%;
		max-width:100%;
	}
	#side .box{
		border:none;
	}
	#login_form .bloc_body{
		width:90%;
		margin:auto;
	}
	#side input:not(input[type="checkbox"]), #side select{
		width:100%;
	}
	#side .side_inner{
		width:90%;
		text-align: center;
	}
	.side_cate .cat_list ul li a{
		width:100%;
	}
	#calender_area table{
		width:90%;
	}
	#sideBottom{
	width: 90%;
    margin: 2rem auto;
    text-align: center;
	}
	#sideBottom ul.nav{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		text-align: left;

	}
	#sideBottom ul.nav li a{
		display: block;
        padding: 10px 0 10px 20px;
        border: 1px solid #d5d5d5;
        position: relative;
        font-size: 12px;
	}
	#sideBottom ul.nav li a::before{
		content: '';
		display: inline-block;
		width: 6px;
		height: 6px;
		border-right: 2px solid #FF8E8E;
		border-top: 2px solid #FF8E8E;
		transform: rotate(45deg);
		margin-left: 5px;
		position: absolute;
		left: 0px;
		top: 40%;
		background: none;
	}
}