@charset "utf-8";
.page{}

/*ページタイトル*/
.pagetitle {
position: relative;
height: 230px;
box-sizing: border-box;
width:100% ; 
display: flex;
align-items: center;
justify-content: center;
margin-bottom:0;
background:#F9F8F3;
}


.pagetitle h1 {
color:#3F665C; letter-spacing: 0.1em;
font-size:32px;line-height:1.3;
font-weight:normal;
text-align:center;
padding: 0 25px;
}


/*レスポンシブ対応------------------------------------------------------------------*/

@media screen and (max-width: 900px){
.pagetitle {
position: relative;
text-align:center;
padding-left: 0;
}
}
@media screen and (max-width: 768px){
.pagetitle h1 {padding: 0 15px;font-size:26px;}
}
@media screen and (max-width: 480px){
.pagetitle {height: auto;}
.pagetitle h1 {margin:50px 0;font-size:20px;}
}
/*--------------------------------------------------------------------------------*/

#breadcrumbs{font-size: 11px;margin: 20px 15px;line-height:1.3;}
#breadcrumbs a{color:#b4864f;}
#breadcrumbs ul li{display: inline-block;}

/*▼中面設定*/
.conts .all-width{margin:80px auto 80px auto;line-height:2.0;width: 1000px;min-width: 1000px;font-size:100%;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 1100px){
.conts .all-width{display: block;margin: 60px auto;width:92%;min-width:92%;}
}
@media screen and (max-width: 480px){
}
/*--------------------------------------------------------------------------------*/

/* 見出しh2〜h6 */
.conts h2 {
   position: relative;
   padding: 0.3em 0; /* 内側余白調整 */
   border-bottom: solid 3px #F7F4F4; /* 下線１：実線・太さ・色 */
   color:#3F665C; /* 文字色*/
  font-size: 24px;font-weight:normal;margin:45px 0 40px 0 !important;letter-spacing:0.1em;
  line-height: 1.4;
}
.h-none {margin:0 0 40px 0 !important;}

.conts h2:after{
   position: absolute;
   content: '';
   display: block;
   border-bottom: solid 3px #3F665C; /* 下線２：実線・太さ・色 */
   bottom:-3px;
   width:30%; /* 下線２の幅*/
}

.conts h3{font-size: 20px !important;letter-spacing: normal !important;margin:45px 0 15px 0 !important;padding:6px 18px !important;line-height: 1.3 !important;letter-spacing:0.05em !important;background:#F1E3D3 !important;font-weight:normal !important;}
.conts h4{color: #3F665C;font-size: 18px !important;letter-spacing:0.05em;line-height: 1.3;margin:45px 0 15px 0;border-left: 3px solid #3F665C;padding:1px 10px 0px 10px;}

/*投稿記事枠画像最大値*/
.conts img{
max-width: 100%;
height: auto !important;
padding-bottom: 2px;
}

/*投稿記事枠画像の回り込み*/
.alignleft{
float: left;
margin: 3px 20px 3px 0;
}
.aligncenter{
display: block;
margin: 0 auto 10px auto;
}
.alignright{
float: right;
margin: 3px 0 3px 20px;
}
.alignnone{display: block;}

/*中ページフッタバナー無し*/
#no-banner{margin:100px 0 0 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
.conts h2{font-size: 21px !important;}
.conts h3{font-size: 20px !important;}
}
@media screen and (max-width: 480px) {
.conts h2{font-size: 20px !important;margin-bottom:40px;}
.conts h3{font-size: 18px !important;}
.conts h4{font-size: 17px !important;}
/*中ページフッタバナー無し*/
#no-banner{margin:50px 0 0 0;}
}

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

/*リスト*/
.conts ul {
background: none;
list-style-type: none;
list-style-position: outside;
padding: 0;
margin-bottom: 2em;
}
.conts ul li {
position: relative;line-height: 1.8;
padding-left: 1.6em;line-height: 1.3;
margin-bottom: 0.8em;
}
.conts ul li:before {
content: "◆";
color:#3F665C;
position: absolute;
left: 0;
top: 0;
}

/*ページ内カテゴリ名のulli設定を削除*/
.conts .category ul {
background: none;
list-style-type: none;
list-style-position: outside;
padding: 0;
margin-bottom: 0;
}
.conts .category ul li {
position: relative;line-height: 1;
padding-left: 0;
}

.conts .category ul li:before {
content: "";
color:none;
position: static;
left: 0;
top: 0;

}

/*ナンバー付リスト*/
.conts ol {
counter-reset: ordered_num;
background: none;
overflow: hidden;
margin-bottom: 1.2em;
}
.conts ol li {
text-indent: -1.7em;
padding-left: 1.7em;
margin-bottom: 0.5em;line-height:1.3;
}
.conts ol li:before {
counter-increment: ordered_num;
content: counter(ordered_num);
font-weight:normal;
background-color: #3F665C;
display: inline-block;
color: #fff;
width: 1.5em;
height: 1.5em;
line-height: 1.6em;
margin-right: 0.6em; 
text-indent: 0;
text-align: center;
vertical-align:middle; 
margin-bottom:0.3em;
}


/* テーブル */
table {
width: 100%;
padding: 0;
margin-bottom: 2.5em;
border-collapse: collapse;
vertical-align: top;
border: 1px solid #3F665C;line-height:1.6;font-size:14px;
}
table caption {
font-weight: bold;
background-color: transparent;
text-align: center;
padding: 0.7em 0.7em;
 font-size: 20px;
}
table th, table td {
border: 1px solid #3F665C;
padding: 1.2em 1.2em;font-size: 1.2rem;font-size:14px;
}
table th {
background: #F7F4F4;
font-weight: normal;
width: ;
}
table thead th {
font-size: 0.9rem;
background-color:  #F7F4F4;
color: #fff;
}
.table_line {
border: none;
}
.table_line th {
background: none;
border-left: 0;
border-right: 0;
text-align: left;
background: #F7F4F4
}
.table_line td {
border-left: 0;
border-right: 0;
vertical-align: middle;
}

.nowrap {
white-space: nowrap;
}
.table_line .gazo{width: 140px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 540px) {
table th, table td {font-size:14px;}
table th {white-space: normal;width:;}
.table_line .gazo{width: 100px !important;}
.table_line img{width: 100px !important;}
}
/*--------------------------------------------------------------------------------*/

/*背景色ベージュバック枠*/
.bg-box{background:#F7F4F4 !important ;padding:30px 40px;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
.bg-box{padding:20px 25px;}
}
/*--------------------------------------------------------------------------------*/

/*お問い合わせフォーム*/
.formbox textarea{width:100%;height: 7em;}
.formbox input[type="radio"] {padding: 0;}
.formbox input,textarea{
padding: 6px;
border: 1px solid #ccc;
font-size: 16px ;
}
.formbox select{font-size: 17px !important;}
.formbox input[type="submit"]{
-webkit-appearance: none;
}
.formbox dl{margin: 25px 0 0 0;}
.formbox dd{margin: 0 0 15px 0;}
.formbox .formbuttan{text-align: center;margin: 20px 0;}
.formbox .formbuttan input{
color: #fff;padding: 14px 0 !important;border: 1px solid #3F665C; width: 386px !important;font-size:16px !important;
background:#3F665C;
}
.formbox .formbuttan input:hover{
color: #3F665C;padding: 14px 0 !important;border: 1px solid #3F665C; width: 386px !important;font-size:16px !important;

background:#fff url(../img/arrow-orange.png) no-repeat right 18px center;
background-size:7px auto;
cursor:pointer;}



/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
/*お問い合わせフォーム*/
.formbox .formbuttan input{width: 100% !important;padding: 14px 0 !important;}
.formbox .formbuttan input:hover{ width: 100% !important;}
.formbox input[type="text"],.formbox input[type="email"]{ width: 100% !important;}
}
@media screen and (max-width: 480px){
}
/*--------------------------------------------------------------------------------*/

.link-btn{
display: inline-block;vertical-align: middle;
line-height: 1;
max-width:500px;
min-width:350px;
font-size:16px !important;background-color:#3F665C;
border: 1px solid #3F665C;
}
.link-btn a{padding: 16px  !important;display: block;color:#fff;}
.link-btn a:hover{background-color: #fff;color:#3F665C;text-decoration:none;}


/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
.conts .link-btn{min-width:100%;}
}
@media screen and (max-width: 480px){
.conts .link-btn a{width: 100% !important;padding: 20px 0 !important;
font-size:14px !important;}
}
/*--------------------------------------------------------------------------------*/

/*アーカイブ（カテゴリ一覧）ページ*/
.listbox{display: inline-block;vertical-align: top;
padding-bottom: 25px;margin-bottom: 25px;width:100% !important;border-bottom: 1px solid #3F665C;}

.listbox .thumb{float: left;}
.listbox .thumb img{margin: 0 1em 0 0;width:100px !important; height: 100px !important; display: inline-block;vertical-align: top;object-fit: cover; }
.listbox .title{font-size: 16px;line-height: 1.3; margin: 0 0 10px 0;color:#3F665C;}
.listbox .title br{display: none;}
.listbox a{text-decoration:none;color:#3F665C;}
.listbox .date{font-size: 12px;}


/*ギャラリーアーカイブ（一覧）ページ*/
.g-listbox{
display: inline-block;vertical-align: top;
padding: 0;width:22.5% !important;
margin: 0 0.8% 30px 0.8%;
line-height: 1.4;
}
.g-listbox a{text-decoration:none;color:#000;}
.g-listbox .thumb{margin-bottom: 10px;}
.g-listbox .date{font-size: 12px;margin-top: 10px;}
.g-listbox .price{font-size: 22px;color: #cc3300;margin-top: 10px;}
.g-listbox .text{font-size: 12px;margin-top: 10px;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.g-listbox{
display: inline-block;vertical-align: top;
padding: 0;width:31.2% !important;
margin: 0 0.6% 30px 0.6%;
line-height: 1.4;
}
}
@media screen and (max-width: 600px){
.listbox .title{line-height: 1.3; line-height: 1.3;margin: 5px 0 10px 0;}
}
@media screen and (max-width: 480px){
.listbox .thumb img{width: 100px !important; height: 100px !important; display: inline-block;vertical-align: top;}

.g-listbox{
display: inline-block;vertical-align: top;
padding: 0;width:48% !important;
margin: 0 0.5% 30px 0.5%;
line-height: 1.4;
}
}
/*--------------------------------------------------------------------------------*/

.box3-list{display: inline-block;font-size: 14px;line-height: 1.3;width: 31.6% !important;margin: 0 7px 15px 7px;background-color: #fff;filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.1));vertical-align: top;}
.box3-list img{width: ;}
.box3-list .text{padding: 14px;}
/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.box3-list,.box3-list-last{display: inline-block;font-size: 14px;line-height: 1.3;width: 47.5% !important;margin: 0 0.8% 15px 0.8%;background-color: #fff;filter: }
}
@media screen and (max-width: 480px){
.box3-list,.box3-list-last{display: inline-block;font-size: 14px;line-height: 1.3;width: 100% !important;margin: 0 0 15px 0.8%;background-color: #fff;filter: }
}
/*--------------------------------------------------------------------------------*/

/*ページャー*/
.pager{
text-align: center;
font-size: 13px;
padding:0;margin-top: 0;
}
.pager a{color: #000;}
.pager h2{display: none !important;}

.wp-pagenavi {text-align: center;display: block;margin-top: 5px;}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: none;
padding: 2px 3px;
margin: 0px;font-size: 14px;display: inline-block;
}

.p-footer {margin: 30px 0 0 0;}
.p-footer .tenline {margin: 5px 0 10px 0;border: none;}
.p-footer .date {margin-right: 5px;font-size: 13px;display: inline-block;}
.p-footer .category {color:#1B70B5;font-size:12px;min-width:80px;line-height:1;display: inline-block;}
.p-footer .tag {padding: 0 8px;display: inline-block;font-size: 13px;line-height: 1.3;border-left: 1px solid #000;}

/*商品一覧ページ*/
.item-box {width: 49.6%;display: inline-block;vertical-align: top;padding: 0 1.5% 40px 0;line-height: 1.4;}
.item-box img{height:auto !important;width: 100% !important; object-fit: cover;}

.item-box .icon {}
.item-box .name {margin: 15px 0 5px 0;}
.item-box .price {margin: 0 0 15px 0;}
.item-box .shousai {display: inline-block;background:#93DEE2;font-size:14px;border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;}
.item-box .shousai a { display: block;color: #fff;text-decoration: none;
background:url(../img/arrow-white.png) no-repeat right 8px center;
background-size:7px auto;padding: 5px 25px 5px 15px;
}
.item-box .shousai a:hover { background:#000 url(../img/arrow-white.png) no-repeat right 8px center;
background-size:7px auto;padding: 5px 25px 5px 15px;border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 540px){
.item-box {width: 100%;display: inline-block;vertical-align: top;padding: 0 0 30px 0;line-height: 1.4;}
}
/*--------------------------------------------------------------------------------*/
.item-page{}
.item-page a:hover{text-decoration: none !important;}
.item-page h2.top-h2{font-size: 22px !important;letter-spacing: normal;margin:16px 0 0 0;padding:0;line-height: 1.3;letter-spacing:0.05em;background:none;font-weight:normal;}

.item-page h2.top-h2 {
   position: relative;
   border-bottom: none; /* 下線１：実線・太さ・色 */
   color:#3F665C; /* 文字色*/
}

.item-page h2.top-h2:after{
   position: relative;
   content: '';
   display: block;
   border-bottom: none; /* 下線２：実線・太さ・色 */
   bottom:0;
   width:0; /* 下線２の幅*/
}


.item-page .price{border-bottom:1px solid #3F665C;color: #CC3300;font-size: 1.6em;margin:0 0 10px 0;padding:0 0 5px 0;}

.item-page .l-box{display: inline-block;vertical-align: top;width: 50%;}
.item-page .r-box{display: inline-block;vertical-align: top;width: 50%;padding-left: 4.2%;}

.item-page .category ul li{border:1px solid #3F665C;font-size: 11px;display: inline-block;line-height: 1;margin-right:4px;}
.item-page .category a{display: block;padding: 3px 16px;}
.item-page .category .tag {padding: 0;display: inline-block;font-size: 11px;line-height: 1;border: 1px solid #cc3300;margin: 0;background-color:#cc3300;}
.item-page .category .tag a {color: #fff;}
.item-page .text{font-size: 14px;margin:20px 0;}
.item-page .order-link{background-color: #3F665C;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;text-align: center;}
.item-page .order-link:hover{filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75}
.item-page .order-link span{background: url(../images/cart-white.png) no-repeat 15px center;background-size: 20px auto;padding-left:48px;}
.item-page .order-link a{color: #fff;display: block;padding:5px;}

.item-page .ichiran{display: inline-block;font-size: 14px;margin:26px 0;background-color:#F1E3D3;text-align: center;line-height:1;border-radius: 16px;-webkit-border-radius: 16px;-moz-border-radius: 16px;}
.item-page .ichiran a{display: block;padding: 10px 24px;}

.item-page .ichiran:hover{filter: alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
.item-page .note-text{display: block;width: 100%;margin-top: 20px;font-size:14px !important;}

.item-page .ok_tenpo{font-size: 14px;}
.item-page .ok_tenpo li {
position: relative;line-height: 1.8;
padding-left: 1.2em;line-height: 1.3;
margin-bottom: 0.8em;
}
.item-page .ok_tenpo li{font-size: 14px;display: inline-block;margin:0 5px;}


/*関連商品*/
.item-page .related{margin-top: 80px;}
.item-page .related li{width: 15%;margin-right: 0.8em;display: inline-block;vertical-align: top;}
.item-page .related-title{font-size: 12px;display: inline-block;margin:10px 0 0 0;}

.item-page .related ul {
background: none;
list-style-type: none;
list-style-position: outside;
padding: 0;
margin-bottom: 0;
}
.item-page .related li {
position: relative;line-height: 1.8;
padding-left: 0;line-height: 1.3;
margin-bottom: 0.8em;
}
.item-page .related li:before {
content: "";
color:#3F665C;
position: absolute;
left: 0;
top: 0;
}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 600px){
.item-page .l-box{display: inline-block;vertical-align: top;width: 100%;}
.item-page .r-box{display: inline-block;vertical-align: top;width: 100%;padding-left: 0;}
}
@media screen and (max-width: 480px){
.item-page h3{font-size: 19px !important;}
.item-page .related li{width: 22%;margin-right: 0.4em;display: inline-block;vertical-align: top;}
}
/*--------------------------------------------------------------------------------*/

/*メニュー一覧ページ*/
.menu-list-page .list-box{margin:0 auto;text-align:left;padding:0}
.menu-list-page .list-box .box{width:17.5%;margin:0 1% 30px 1%;display: inline-block;vertical-align:top;}
.menu-list-page .list-box .box .inn{margin: 12px 8px;text-align:left;line-height:1.6;}
.menu-list-page .list-box .titles{font-size:13px;font-weight:bold;line-height:1.3;}
.menu-list-page .list-box .price{font-size:18px;margin:6px 0;color:#cc3300;}
.menu-list-page .list-box .explain{font-size:12px;}
.menu-list-page .list-box .more{text-align:right;margin:12px 0 0 0;}

/*レスポンシブ対応------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.menu-list-page .list-box .box{width:31.2% !important;margin: 0 0.6% 30px 0.6%;}
}
@media screen and (max-width: 480px){
.menu-list-page .list-box .box{width:48% !important;margin: 0 0.5% 30px 0.5%;}
}
/*--------------------------------------------------------------------------------*/


/*デイトピッカー調整*/
.ui-datepicker-calendar tr th{ width: auto !important;background-color:#3f665c !important;}