@charset "UTF-8";

/*fonts
---------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

/*テンプレートcssファイルの読み込み
---------------------------------------------------------------------------*/
@import url("aos.css");
@import url("drawer.css");
@import url("../webfonts/css/all.css");


/*全体の設定
---------------------------------------------------------------------------*/
html {
-moz-text-size-adjust:none;
-webkit-text-size-adjust:100%;
overflow-x: hidden;
overflow-y:scroll;
}
* {
margin:				0;
padding:			0;
box-sizing:			border-box;
-moz-box-sizing:	border-box;
-webkit-box-sizing:	border-box;
}
img{/*画像 縦配置時の隙間なくす*/
vertical-align:	middle;
/*画像枠をつけない*/
border-style:none;
}
body {
padding:		0;
margin: 0;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","Kosugi Maru", sans-serif;
font-size: 16px;
font-weight:	400;
line-height:	150%;
text-align: center;
background-color: #FFFFFF;
color: #444;
overflow: hidden;
}

/*リセット*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
dd {margin: 0;}
nav,ul,li,ol {margin: 0;padding: 0;}
ul {list-style: none;}
input {font-size: 1rem;}

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


/*container（サイト全般を囲むブロック）
---------------------------------------------------------------------------*/
.cont,
#content{
padding: 0 6%;
box-sizing:border-box;
width:100%;
}
@media only screen and (max-width: 767px) {
body{
font-size:		0.9em;
}}
@media screen and (min-width: 768px) {
.cont,
#content {
width: 748px;
margin: 0 auto;
}}
@media screen and (min-width: 981px) {
.cont,
#content {
width:1000px;
padding: 0;
}}


/*PC･スマホ 表示・非表示
---------------------------------------------------------------------------*/
.pc { display: block !important; }
.sp { display: none !important; }
@media only screen and (max-width: 980px) {
.pc { display: none !important; }
.sp { display: block !important; }
}


/*img*/
img{vertical-align:middle;border-style:none;border:0;-webkit-backface-visibility: hidden;}
a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";}
.resizeimage img {
width: 100%;}

/*p*/
p {
text-align: justify;
}


/*回りこみ解除*/
.clear {
clear:			both;
}

a img,
ol li img,
li img,
ul li img {/*上揃え*/
vertical-align: top;
text-align:center;
border-style:none;
}
img {
vertical-align: middle;
border: none;
max-width: 100%;
height: auto;
}
li,ol,ul{
margin: 0;
padding: 0;
list-style-type: none;
}
ul ul{
margin-left: 1em;
}

/*フロート設定*/
.tex img.centered,.tex img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
clear:none;
}
.tex img.alignright,
.tex .alignright img{
margin-left:20px;
margin-right:0;
margin-bottom:20px;
display:inline;
clear:none;
}
.tex img.alignleft,
.tex .alignleft img {
margin-left:0;
margin-right:20px;
margin-bottom:20px;
display:inline;
clear:none;
}
.tex img.alignnone,
.tex .alignnone img {
margin-left:0;
margin-right:0;
margin-bottom:10px;
clear:none;
display:block;
}
.tex .alignright,.right {
float:right;
}
.tex .alignleft {
float:left;
}
@media only screen and (max-width:60em) {
.tex img.alignright,.tex img.alignleft,.tex img.alignnone,.tex img.aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;}
.tex .alignright {float:none;}
.tex .alignleft {float:none;}
.tex .aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;}
}



/*gallery
---------------------------------------------------------------------------*/
.gallery {
overflow: hidden;
}
.gallery-item {
float: left;
margin-bottom: 10px;
margin-left: 0;
}
.gallery-icon {
text-align: center;
}
.gallery-caption {
color: #777;
font-size: 0.8em;
line-height:160%;
margin-top: 5px;
text-align: center;
}
[id^="gallery-"] img,
[id*=" gallery-"] img {
border:none !important;
width: 95% !important;
}


/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
color:#444;
text-decoration:none;
outline: none;
}
a:visited {
	color: #444;
}
a:hover{
	text-decoration: none;
	color: #666;
}
a:active {
	color: #444;
}
a:hover img {/*←hoverで画像透過*/
filter:			alpha(opacity=75);
-moz-opacity:	0.75;
opacity:		0.75;
}
.cleartext,
h2.faq-catname {/*←文字非表示w*/
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
/*クリック時に現れる枠線*/
a:focus{
	outline:none;
}


/*main
---------------------------------------------------------------------------*/
@media only screen and ( max-width : 980px ) {
#main_top {padding-top: 60px;}}
@media print, screen and ( min-width : 981px ) {
#main_top {padding-top: 80px;}}


/*header（ロゴが入ったサイト上部のブロック）
---------------------------------------------------------------------------*/
header {
background-color:#fff;
}
.logo{
margin: 0 0 20px 3%;
text-align: left;
}
h1 a {
background: url(../img/logo.svg) no-repeat;
background-size: 150px 23px;
display: block;
width: 150px;
height: 23px;
float: left;
}
h1 a span {
display: none;
}
@media screen and (min-width: 981px) {
.logo{
margin: 10px 0 20px 6%;
}
h1 a {
background-size: 277px 42px;
width: 277px;
height: 42px;
}}


/*フッター
---------------------------------------------------------------------------*/
#footer{
background:#f2f7e3;
padding:50px 0;
margin:0;
text-align: left;
}
#copy {
font-family:Verdana, “Droid Sans”;
font-size: 70%;
background-image: linear-gradient(45deg, #45b035 0%, #73d10d 100%);
color: #fff;
padding:15px 0;width:100%;
text-align: left;
font-weight: normal}

/*	 footer info
/* ------------------------------------- */
#f_info{
float:left;
}
#f_info img{
float:none
}
#f_info p {
margin:20px 0 5px 0;
font-size:0.9em;
line-height:160%;
color: #444
}

/*	 footer menu
/* ------------------------------------- */
#f_navi{
float:left;
font-size:0.9em;
line-height:2;
margin:0 0 0 50px;
}
#f_navi dl{
float:left;
padding: 10px 50px 10px 25px;
border-left: dotted 1px #444;
}
#f_navi dl dd{
  text-decoration: none;
	line-height: 2
}
#f_navi dl a:hover{
	text-decoration: none;
}
#f_navi dl dd a {
text-decoration:none;
color:#444;
}
#f_navi dl dd a:hover {
text-decoration:none;
color: #666
}

/*　right バナー */
#r_navi{
float:right;
width: 200px;
}
#r_navi li {
width: 100%;
height: 80px;
border: 1px solid #6fb92c;
color: #6fb92c;
font-size: 1em;
display: flex;
flex-wrap: wrap;
align-content: center;
}
#r_navi li:first-child {
  margin-bottom: 10px
}
#r_navi li a {
text-align: center;
margin: 0 auto;
display: block
}

/*フッターアイコン*/
ul.icons {
	list-style: none;
	margin: 0;padding: 0;
	display: flex;
	align-self: center;
	gap: 1rem;
}
.icons i {
	font-size: 25px;
	color: #6fb92c;
}

@media only screen and (max-width: 980px) {
#footer,
#copy,
.icons{
text-align:center;
}
#f_info{
float:none;
margin: 0 auto;
text-align: center
}
#f_info p{
text-align:center;
}

/* footer menu */
#f_navi{
margin:30px 0;
padding: 0;
float:none;
font-size:0.8em;
line-height:1.5;
width:100%;
display:flex;
  justify-content:space-between;
}
#f_navi dl{
border-left: none;
float:none;
width: 48%;
padding: 0;
height:auto;
}
#f_navi dl dd{
text-align: left;
border-top: dotted 1px #444;
padding: 10px 0 10px 10px;
}
#f_navi dl dd a {
    display: block;
    width: 100%;
    height: 100%;
}
	
/* right バナー */
#r_navi{
float:none;
width: 100%;
}
#r_navi ul{
 display: flex;
 position: relative;
}
#r_navi li{
	width: 49%;
	margin:0 1% 0 0;
	height: 60px;
}}


/*	 先頭揃え
/* ------------------------------------- */
p.indent-1 {
padding-left:1em;
text-indent:-1em;
}


/*pagetop
---------------------------------------------------------------------------*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.pagetop a {
    display: block;
    background-color: #79BE00;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.pagetop a:hover {
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
		filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}


/*	cart icon（right）
/* ------------------------------------- */
.rightlist {
position:fixed;
top: 27px;
right:55px;
z-index:9999
}
.rightlist i span{
display: none
}
.rightlist ul {
  display: flex;
}
.rightlist ul li {
  margin-left:30px;
}
.icon_i {
height:auto;
margin-left:10px;
font-size: 1.3em 
}

.icon_i a:hover {
opacity: 0.5;
}
@media screen and (max-width: 979px) {
.rightlist {
top: 20px;
right:75px;
}

}










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

　 goods 商品

--------------------------------------------------------------------------------------------- */
.gt{
padding: 20px 0 10px 0;
font-weight:bold;
}
.goods{
margin-top: 30px;
}
.goods ul{
margin: 0;
padding: 0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.goods ul li img{max-width: 100%;height:auto;border-radius: 20px;}

.goods ul:after {
  content: "";
  clear: both;
  display: block;
}
.goods ul li {
display: block;
width: 48.56%;
margin-right: 2.88%;
margin-bottom: 2.88%;
padding: 0;
}
.goods li a {
text-decoration:none
}
.goods li a h4 {
color: #3F3F3F;
font-size:120%;
line-height:1.5;
font-weight: normal;
padding: 10px 0 0 0;
font-size:1em
}
.goods li a h5 {
color: #E71F19;
font-size: 1em;
font-weight: normal;
margin: 0 0 1em 0;
}
.goods a img {max-width: 100%;width: 100%;}
.goods .itemsoldout,
.work_box_list .itemsoldout{
text-align:center;
color: #E71F19;
padding: 0.3em 0;
margin: 1em 0 2em 0;
font-weight: bold;
border: solid 2px #E71F19;
font-size: 0.8em;
}
/*詳細
/* ------------------------------------- */
.detail-box h3 {
color: #3F3F3F;
font-size:150%;
line-height:1.6;
font-weight: normal;
border-bottom: 1px #3F3F3F dotted;
padding: 10px 0;
}
.detail-box .item-description p {
padding: 10px 0px 10px 0px;
margin: 0px 0px 10px 0px;
font-weight: normal;
}
.tax {
font-size:60%;
font-style:normal;
}
/*あと◯◯のお買い上げで送料無料です
/* ------------------------------------- */
.postage_privilege{
    padding: 20px 10px;
    background-color: #79BE00;
    color: white;
    margin: 0 0 10px;
    text-align: center;
    font-size: 1.15em;
    font-weight: bold;
    border-radius: 5px;
}
@media (max-width:767px){
.goods ul li:nth-child(2n) {
  margin-right: 0;
}
.goods li a h4 {
font-size:100%;
line-height:1.3;
}
h4.midasi{
font-size:110%;
line-height:1.3;
}
h5.midasi{
padding: 0 0 .7em 0;
font-size:1.1em;
}
}
@media screen and (min-width: 768px) {
.goods ul li {
  width: 31.42%;
  margin-right: 2.87%;
}
.goods ul li:nth-child(3n) {
  margin-right: 0;
}
.goods .itemsoldout{
padding: 0.5em 1em;
font-size:90%;
}
}