@charset "UTF-8";

/*ページ内リンクずれ
---------------------------------------------------------------------------*/
html {
  scroll-padding-top: 150px;
}


/*title
---------------------------------------------------------------------------*/
#main_title {
width: 100%;
clear: left;
display: block;
}
#title {
background:url(../img/page/title.jpg) no-repeat center top;
-moz-background-size:cover;
background-size:cover;
width: 100%;
height: 250px;
text-align:center;
position: relative;
}
#title::before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(32,157,44,0.5);
}
#title h2 {
margin: 0 auto;
color: #FFF;
font-weight: normal;
width:100%;
font-size: 200%;
position:absolute;
bottom:45%;
line-height: 100%;
}

@media only screen and (max-width: 980px) {
#title {
height: 166px;
}
h2 {
font-size: 170%;
}}

@media only screen and (max-width: 650px) {
#title {
outline:none;
height: 140px;
}
#title h2 {
font-size: 140%;
}}


/*sen styleへ移動
---------------------------------------------------------------------------*/
hr {
border-width: 1px 0 0 0;
border-style: dotted;
border-color: #6fb92c;
height: 1px;
max-width: 100%;
clear:both;
margin: 15px 0;
}


/*tex
---------------------------------------------------------------------------*/
.tex {
width: 100%;
font-size:1em;
line-height: 1.8em;
margin: 60px 0;
text-align:justify;
overflow: hidden;
}
.tex img {
border: 0;
max-width: 100%;
height: auto;
}
.tex img a {
border: 0;
}
.tex a:hover img {
opacity: 0.6;
transition: 0.5s;
}
.text a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

/* リンク
---------------------------------------------------- */
.tex a {
color:#6fb92c;
text-decoration:none;
outline: none;
}
.tex a:hover{
color:#6fb92c;
text-decoration: none;
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/*midasi
---------------------------------------------------------------------------*/
h3.midasi {
width: 100%;
font-weight: normal;
padding: .8em 0.85em;
font-size: 1.4em;
color: #fff;
margin: 10px 0 20px 0;
text-align: left;
clear: both;
background-image: linear-gradient(45deg, #45b035 0%, #73d10d 100%);
border-radius: 50px;
}
h4.midasi {
background-image: linear-gradient(45deg, #45b035 0%, #73d10d 100%);
color:#ffffff;
border-radius: 50px;
padding: 20px 0 20px 20px;
font-size: 1.3em;
font-weight:bold;
margin-bottom: 20px
}
h3.midasi:after,
h4.midasi:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

h5.midasi {
padding: 0 0 .8em 0;
font-weight:300;
line-height:2em;
color:#6fb92c;
font-size:1.3em;
}
.midasi_about {
padding: 0 0 .8em 0;
font-weight:300;
line-height:2em;
color:#6fb92c;
font-size:1.3em;
}
.midasi_sen {
padding:0 0 .5em 0;
border-bottom: 3px dotted #6fb92c;
background-color: #ffffff;
color:#6fb92c;
font-size:1.2em;
margin: 10px 0 20px 0;
}

@media screen and (min-width:768px) {
h3.midasi{
font-size: 1.7em;
}
h4.midasi{
font-size: 1.5em;
}
h5.midasi,
.midasi_about{
font-size: 1.5em;
}}


/*box　2等分
---------------------------------------------------------------------------*/
.boxA:after{content: "";
display: block;
clear: both}

@media screen and (min-width: 980px){
.box_l{float: left;
width: 48%}

.box_r{float: right;
width: 48%}
}


/*box　枠
---------------------------------------------------------------------------*/
.kakomi-box1 {
padding: 5%;
background:#fffeeb;
clear:both
}
.kakomi-box1 p {
margin: 0; 
padding: 0;
}
.kakomi-box1:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
@media screen and (max-width: 767px){
.kakomi-box1 {
padding: 2%;
}}


/*矢印（ご注文方法について）
---------------------------------------------------------------------------*/
.arrow-bottom {
display: block;
vertical-align: middle;
color: #6fb92c;
line-height: 1;
width: 1em;
height: 1em;
border: 0.1em solid currentColor;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateY(-25%) rotate(135deg);
 margin: 10px auto;
}

/*arvhive
---------------------------------------------------------------------------*/
.info_box1{
margin-top: 50px;
}
.info_box {
border-bottom: #ededed solid 1px;
margin: 0 0 15px 0;
padding: 0 0 15px 0;
}
.i_date{
color: #666;
margin: 0 10px 0 0;
font-size: 80%
}
.i_date2{
color: #666;
margin: 0 10px 0 0;
}
.i_text{
margin: 0;
font-size: 110%
}
.i_text a {
color: #444;
text-decoration: none
}
.i_text a:hover {
color: #3F3F3F;
text-decoration: underline;
}

/* single_news.php */
.entry_news{
margin-top: 5%
}
.i_title{
color: #6fb92c;
font-size: 150%;
font-weight:400;
line-height: 150%;
margin: 4% 0 30px 0;
padding: 0;
}
/* footer線 */
.i_text_box{
border-bottom: #ededed solid 1px;
margin: 0 0 30px 0;
padding: 0 0 30px 0;
}

/* single_works.php */
.i_text_box_none{
margin: 10px 0 10px 0;
padding: 10px 0 10px 0;
width: 100%
}
li.widget{
list-style-type: none;
}

@media screen and (min-width:768px) {

/* single_news.php */
.entry_news{
margin-top: 2%
}
.i_title{
font-size: 170%;
line-height: 170%;
margin: 4% 0 30px 0;
}
.i_text_box_none{
width: 750px;
margin: 0 auto
}
}

/* ボタン　お知らせ一覧に戻る　single
---------------------------------------------------- */
.back_btn {
margin: 5% 0;
padding: 0;
width:100%;
box-sizing:border-box;
}
.back_btn a{
margin:0 auto;
}
.back_btn a:after {
content: "";
clear: both;
display: block;
}
a.btn {
display:block;
padding: 1em 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
color: #6fb92c;
border: solid 1px #6fb92c;
border-radius:50px;
}
a.btn:hover{
text-decoration: none;
color: #6fb92c;
}
@media screen and (min-width:768px) {
.back_btn a{
width:250px;
}
}


/*table
---------------------------------------------------------------------------*/
table {
width: 100%;
border-collapse: collapse;
margin: 10px 0;
border-style: solid;
border-width: 0;
text-align: left;
}
table th {
background-color:#f2f7e3;
vertical-align: middle;
}

/*お問い合わせ */
table#otoiawase th {
background-color:#f2f7e3;
width: 30%;
}
table#otoiawase th,
table#otoiawase td {
font-weight:normal;
padding: 10px;
border-bottom: #6fb92c dotted 1px;
}

/*　normal */
table th,
table td {
font-weight:normal;
padding: 10px;
border-bottom: #6fb92c dotted 1px;
border-top: #6fb92c dotted 1px;
}

/* その他 */
table.sonota td:nth-child(1){
background-color:#f2f7e3;
vertical-align: middle;
}
table.sonota td {
padding: 8px 0;
margin-bottom: 8px
}

/*　usces_calendar */
table.usces_calendar th,
table.usces_calendar td {
font-weight:normal;
padding: 4px 0px;
border:none;
border-bottom: #ccc dotted 1px;
}

table.mobile-block {
border-left: none;
}
table td img {
margin: 0 0 10px 0;
margin-bottom: 0;
}

@media (max-width:800px){
#customer-info table,
table.customer_form {
border-top: none;
border-left: none;

}
/*お問い合わせ */
table#otoiawase th {
width: 100%;
padding: 8px 10px;
border-bottom: none;
}
table#otoiawase td {
padding: 8px 0px;
border-bottom: none;
}
/*　mobile-block */
table.mobile-block,
table.mobile-block th,
table.mobile-block td{
border: none;
}
table.mobile-block th,
table.mobile-block td{
width: 100%;
display:block;
}
table.mobile-block th{
border-bottom: none;
}

/* その他 */
table.sonota td {
display: block;
width: 100%;
border: none;
}
table.sonota td:nth-child(1){
padding: 15px;
}
}
@media (max-width:600px){
table th,
table td {
padding: 5px;
}
}
@media screen and (min-width: 768px) {
table.sonota td{
padding: 20px;
}
table.sonota td:nth-child(1){
width:30%;
}
}

.red {
color: #cc3300;
}
.contactform-width {
max-width: 90%;
}
/* 必須マーク */
.must {background: #6fb92c;}
/* 任意マーク */
.free {background: #999;}
.must,
.free {
color: #FFF;
font-size: 0.7em;
margin-right: 10px;
padding: 4px 10px;
letter-spacing: 0.2em;
}

/* 確認赤枠 */
.red_line {
padding: 1em;
margin: 2em 0;
font-weight: normal;
border: solid 1px #cc3300;
color:#cc3300
}
.red_line p {
margin: 0; 
padding: 0;
}

/* 入力確認のチェックボックスを大きく */
form .wpcf7-acceptance input[type="checkbox"] {
transform: scale(2.0);
margin-right: 0.5em;
}


/* ------------------------------------- */
/*お問い合わせボタン
/* ------------------------------------- */
.buttonContainer {
display: flex;
justify-content: center;
align-items: center;
padding: 20px 0 0 0;
}
#button {
display: flex;
width: 200px;
color: #6fb92c ;
border: 1px solid #6fb92c ;
padding: 1em 0;
border-radius: 30px;
font-weight: normal;
font-size: 1em;
}
#button:hover {
color: rgba(255, 255, 255, 1);
background-color: #6fb92c ;
background-position: -100% 100%;
}
.contactform-width {
max-width: 100%;
}
@media screen and (min-width: 768px) {
#button {
width: 240px;
}}


/* google-maps 
---------------------------------------------------- */
.google-maps {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


/* pagenavi
---------------------------------------------------- */
.wp-pagenavi a {
text-decoration: none;
color: #888888;
}
.pagenavi .left {
float: left;
}
.pagenavi .right {
float: right;
margin: 0 0 10px 0;
}
.wp-pagenavi {
clear: both;
color: #666;
padding: 20px 0 0 0;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
padding: 3px 5px;
margin: 2px;
background-color: #FFF;
}
.wp-pagenavi a:visited {
color: #666;
}
.wp-pagenavi a:hover {
background-color: #888;
color:#FFF;
}
.wp-pagenavi span.current {
background-color: #DDD;
font-weight: bold;
}



/* ------------------------------------- */
/*カート　配送希望日
/* ------------------------------------- */
.cart_red a:link{
text-decoration:none;
font-weight:bold
}
.cart_red a:hover{
text-decoration:underline;
}

/*カート　角丸
/* ------------------------------------- */
#img-box img{
border-radius: 10px;
}

/* ------------------------------------- */
/*sidebarカレンダー
/* ------------------------------------- */
.calendar_bg {
margin:0;
width: 100%;
padding: 40px 0;
border-top: 1px #6fb92c dotted;
}
.calendar_bg h2.widgettitle img{
display: none
}
.calendar_bg h2.widgettitle{
text-align: center;
font-weight: normal;
font-size: 1.8em;
color: #6fb92c;
margin-bottom: 20px;
border-bottom: none
}
@media only screen and (max-width: 980px) {
.calendar_bg h2.widgettitle{
font-size: 1.5em;
}}


/* ------------------------------------- */
/*ページナビゲーション
/* ------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
.pagination {
clear: both;
padding: 20px 0;
position: relative;
font-size: 14px;
line-height: 14px;
text-align: center;
justify-content: center;
}
.pagination-box {
display: inline-block;
}
.pagination span, .pagination a {
  display: block;
  float: left;
  margin: 2px 2px 2px 0;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  width: auto;
  color: #fff; /* 通常の文字色 */
  background: #6fb92c; /* 通常の背景色 */
}
.pagination a:hover{
  color: #6fb92c; /* マウスホバー時の文字色 */
  background: #f2f7e3; /* マウスホバー時の背景色 */
}
.pagination .current{
  padding: 10px 15px 10px 15px;
  color: #6fb92c; /* 現在のページの文字色 */
background: #f2f7e3; /* 現在のページの背景色 */
}
@media only screen and (max-width: 413px) {
.pagination {
  font-size: 12px;
  line-height: 12px;
}
.pagination span, .pagination a {
  padding: 8px 10px 8px 10px;
}
.pagination .current{
  padding: 8px 10px 8px 10px;
}
}

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

　   カートページ詳細

--------------------------------------------------------------------------------------------- */
.detail-box h2 {
font-size:150%;
line-height:1.6;
font-weight: normal;
border-bottom: 1px #3F3F3F dotted;
padding: 10px 0;
text-align: left
}
.detail-box .item-description p {
padding: 10px 0px 10px 0px;
margin: 0px 0px 10px 0px;
font-weight: normal;
}
p.bottom20{
margin-bottom:20px;
clear: both;}
.itemcode{
display: none
}
p.setumei{
margin:20px 0 
}
/* ---------------------------------------------------------------------------------------------

　 リンクボタン

--------------------------------------------------------------------------------------------- */
.link-parts a{
display: inline-block;
padding: .6em 2.5em;
margin: 0 0 1em;
background: #fff;
border: 2px solid #888;
border-radius: 32px;
color: #888;
cursor: pointer;
position: relative;
text-decoration:none;
}
.link-parts:hover a{
background: #888;
color: #fff;
}
/* ---------------------------------------------------------------------------------------------

　 faq

--------------------------------------------------------------------------------------------- */
.ewd-ufaq-faq-title {
background:#f2f7e3;
padding:20px;
}
.ewd-ufaq-faq-categories {
display: none
}

/*ご注意枠
/* ------------------------------------- */
.box_note_b {
padding: 5%;
margin: 2em 0;
background: #fcf2cf
}
.box_note_b p{
margin: 0; 
padding: 0;
}
@media screen and (max-width: 980px) {
.box_note_b{
padding: 8% 5%;
}}


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

　ギャラリー

--------------------------------------------------------------------------------------------- */
.gallery { /** ギャラリーを囲むボックス **/
width: 100%;
margin-bottom: 20px !important;
overflow: hidden;
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;
}

.gallery br {display: none;} /** 自動で挿入される clearfix の余白解除 **/

.gallery-item { /** 画像共通のスタイル **/
float: left;
margin-bottom: 0 !important;
}
.gallery-icon { /** 画像を囲む dt のスタイル **/
text-align: center;
}

.gallery-icon img {
width: 100%;
height: auto;
margin-bottom: 10px !important;
}

.gallery-caption,
.wp-caption-text { /** キャプション **/
color: #222;
font-size: 14px;
margin: 0 0 20px;
text-align: center;
line-height: 1.6
}

.gallery-columns-1 .gallery-item { /** カラムなし **/
width: 100%;
margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
width: 48%;
margin: 0 1%;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
width: 31.33333%;
margin: 0 1%;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
width: 23%;
margin: 0 1%;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
width: 18%;
margin: 0 1%;
}

@media (max-width:767px){
.gallery-columns-3 .gallery-item {
width: 100%;
margin-right: 0;
}
.gallery-columns-4 .gallery-item {
width: 48%;
margin: 0 1%;
}
.gallery-columns-5 .gallery-item{
width: 31.33333%;
margin: 0 1%;
}
.release br {display: none;
}}


/*Q&A
---------------------------------------------------------------------------*/
.faq_box {
margin-bottom: 60px;
}
.accordion-qa {
    max-width: 100%;
    margin-bottom: 7px;
    border-radius: 5px;
		border: 3px solid #f2f2f2;
}

.accordion-qa summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: bold;
    cursor: pointer;
		font-size: 1.2em;
		background-color: #f2f2f2;
}

.accordion-qa summary::-webkit-details-marker {
    display: none;
}

.accordion-qa summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #c2c2c2;
    border-right: 3px solid #c2c2c2;
    content: '';
    transition: transform .3s;
}

.accordion-qa[open] summary::after {
    transform: rotate(225deg);
}

.accordion-qa div {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1.5em 2.5em ;
    color: #333333;
    transition: transform .5s, opacity .5s;
		font-weight: normal
}

.accordion-qa[open] div {
    transform: none;
    opacity: 1;
}