@charset "utf-8";
  .flex01 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
}
@media screen and (max-width: 767px) {
.flex01 {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.flex02 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: stretch;
align-items: stretch;
}
.flex03 {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: stretch;
align-items: stretch;
}
@media screen and (max-width: 767px) {
.flex03 { }
} .page_area {
} .page_ttl_inner {
text-align: center;
padding: 60px 0;
}
.page_ttl {
font-size: 36px;
position: relative;
padding-bottom: 12px;
margin-bottom: 12px;
font-weight: bold;
}
.page_ttl:before {
content: "";
display: inline-block;
width: 65px;
height: 4px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #ff9934;
}
.page_ttl_cap {
} .cat_tag_ul_bg {
background: #f5f5f5;
padding: 20px 0 30px 0;
}
.cat_tag_ttl {
max-width: 1140px;
width: 100%;
margin: 0 auto;
padding: 0 2%;
}
.cat_tag_ul {
max-width: 1140px;
width: 100%;
margin: 0 auto;
padding: 0 2%;
}
.cat_tag_ttl {
font-size: 18px;
letter-spacing: 0.05em;
line-height: 1.2;
font-weight: bold;
margin-bottom: 20px;
}
.cat_tag_ttl i {
margin-right: 1em;
}
.cat_tag_ul {
}
.cat_tag_li {
margin: 0 12px 16px 0;
}
.cat_tag_li a {
display: inline-block;
padding: 8px 1em;
border: 1px #b2b2b2 solid;
border-radius: 10px;
background: #fff;
}
.cat_tag_li a:hover {
border: 1px solid #ff9933;
color: #fff;
background-color: #ff9933;
}
.cat_tag_li .diaplay_all {
padding: 8px 2em;
border: 1px #005c3f solid;
background: #005c3f;
color: #fff;
font-weight: bold;
}
.cat_tag_li .diaplay_all:hover {
border: 1px #b2b2b2 solid;
background: #b2b2b2;
}
.cat_tag_li .current {
border: 1px solid #ff9933;
color: #fff;
background-color: #ff9933;
padding: 8px 1em;
}
.cat_tag_li .btn_gray{
border: 1px solid #b2b2b2;
color: #fff;
background-color: #b2b2b2;
cursor: default;
pointer-events: none;
} .cat_blc_area {
padding-top: 40px;
}
.cat_blc_ul {
max-width: 1140px;
width: 100%;
margin: 0 auto;
padding: 0 1%;
flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
.cat_blc_ul::after{
content:"";
display: block;
flex-basis: calc(94% * 1/3);
padding: 20px 2%;
margin: 0 1%;
}
}
@media screen and (max-width: 767px) {
.cat_blc_ul {
display: block;
}
}
.cat_blc_li {
flex-basis: calc(94% * 1/3);
padding: 20px 2%;
border: 2px solid #dddddd;
margin: 0 1%;
}
@media screen and (min-width: 768px) {
.cat_blc_li {
margin: 0 1% 25px;
}
.cat_blc_ul .cat_blc_li:nth-child(3n){ }
}
@media screen and (min-width: 768px) {
.pagenation{
margin: 35px auto 60px;
}
}
@media screen and (max-width: 767px) {
.cat_blc_li {
margin-bottom: 20px;
}
}
.cat_blc_tag_area {
}
@media screen and (max-width: 767px) {
.cat_blc_tag {
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
}
.cat_blc_tag {
align-items: flex-start;
}
.cat_blc_tag_li {
background: #ff9933;
border-radius: 10px;
color: #fff;
padding: 6px 1em 4px;
margin-right: 12px;
margin-bottom: 8px;
display: inline-block;
font-weight: 500;
font-size: 16px;
line-height: 1;
}
.cat_blc_date {
text-align: right;
margin-bottom: 4px;
color: #6d6d6d;
}
.cat_blc_img {
text-align: center;
margin-bottom: 12px;
}
.cat_blc_img_inner{
padding-top: 66.8%;
}
.cat_blc_name_area {
display: flex;
align-items: center;
font-weight: 500;
margin-bottom: 16px;
}
@media screen and (max-width: 1140px){
.cat_blc_name_area,
.cat_blc_syouhin {
display: block;
}
}
@media screen and (max-width: 767px) {
.cat_blc_name_area {
display: block;
}
}
.cat_blc_info_ttl {
background: #dddddd;
padding: 6px 8px;
margin-right: 8px;
}
.cat_blc_info_txt {
}
.cat_blc_syouhin {
margin-bottom: 16px;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.cat_blc_syouhin {
display: block;
}
}
.cat_blc_syouhin .cat_blc_info_ttl {
flex-basis: 22%;
}
.cat_blc_syouhin .cat_blc_info_txt {
flex-basis: 70%;
line-height: 1.2;
padding-top: 4px;
}
.cat_blc_type {
margin-bottom: 16px;
}
.cat_blc_type .cat_blc_info_ttl {
margin-bottom: 8px;
}
.cat_blc_info_txt {
line-height: 1.6;
}
.cat_blc_cost {
font-size: 18px;
font-weight: bold;
}
.cat_blc_cost_ttl {
margin-bottom: 12px;
}
.cat_blc_cost_txt {
font-size: 20px;
color: #e50000;
text-align: right;
} .back_btn {
text-align: center;
margin-bottom: 60px;
}
.back_btn a {
display: inline-block;
border: 1px solid #ff9933;
padding: 20px 2em;
color: #f93;
}
.back_btn a:hover {
border: 1px solid #ff9933;
color: #fff;
background: #ffbd7b;
} .conv_btn_area {
max-width: 1140px;
width: 100%;
margin: 0 auto 60px;
}
@media screen and (max-width: 767px) {
.conv_btn_area {
display: block;
}
}
.conv_btn_blc {
flex-basis: 46%;
margin: 0 2%;
}
@media screen and (max-width: 767px) {
.conv_btn_blc {
margin: 0 2% 20px;
}
}
.conv_btn {
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 1.2;
letter-spacing: 0.05em;
}
.conv_btn a {
display: inline-block;
border: 1px solid #ff9933;
padding: 20px 2em;
color: #fff;
background: #ff9933;
width: 100%;
}
.conv_btn a:hover {
color: #fff;
background: #ffbd7b;
} .product_info_sec {
max-width: 1140px;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.product_info_area {
display: block;
}
}
.product_info_blc {
flex-basis: 48%;
margin-left: 2%;
}
.product_info_blc.blc_img {
text-align: center;
}
@media screen and (max-width: 767px) {
.product_info_blc.blc_img {
margin-bottom: 20px;
}
}
.product_info_inner {
padding: 0 2% 0 90px;
line-height: 2.0;
font-weight: 500;
letter-spacing: 0.1em;
}
@media screen and (max-width: 1140px) {
.product_info_inner {
padding: 0% 2% 0 5%;
}
}
.product_info_ttl {
font-weight: bold;
font-size: 21px;
}
.product_info_tel01 {
font-size: 28px;
font-weight: bold;
}
.product_info_inner i {
transform: scale(-1, 1);
margin-right: 0.3em;
} .product_map_area {
padding: 30px 0 0 0;
}
#map_canvas {
max-width: 1140px;
width: 96%;
height: 350px;
text-align: center;
margin: 0 2% 40px;
}
.map_btn {
text-align: center;
}
.map_btn a {
color: #fff;
display: inline-block;
padding: 16px 2%;
background: #a4a4a4;
max-width: 300px;
width: 100%;
border: 1px solid #a4a4a4;
}
.map_btn a:hover {
color: #a4a4a4;
background: #fff;
} .sec_ttl {
margin: 60px auto;
}
.sec_cap_area {
max-width: 1140px;
width: 100%;
margin: 0 auto 60px;
padding: 0 2%;
}
@media screen and (max-width: 767px) {
.sec_cap_area {
margin: 0 auto 30px;
}
}
.sec_cap {
padding: 0 10%;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.05em;
}
.product_inner_nav {
max-width: 1140px;
width: 100%;
margin: 0 auto 12px;
padding: 0 1%;
}
.product_inner_ul {
flex-wrap: wrap;
justify-content: flex-start;
}
@media screen and (max-width: 480px) {
.product_inner_ul { }
}
.product_inner_li {
flex-basis: calc(94% * 1/6);
margin: 0 0.5% 10px;
text-align: center;
}
@media screen and (max-width: 1140px) {
.product_inner_li {
flex-basis: calc(96% * 1/4);
}
}
@media screen and (max-width: 767px) {
.product_inner_li {
flex-basis: calc(98% * 1/2);
}
}
@media screen and (max-width: 480px) {
.product_inner_li {
flex-basis: auto;
}
}
.product_inner_li a {
display: inline-block;
width: 100%;
padding: 8px 0.5%;
border: 1px solid #ffa347;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1.2;
}
@media screen and (max-width: 480px) {
.product_inner_li a {
padding: 8px 2%;
}
}
.product_inner_li a:hover{
background: #ffa347;
color: #fff;
}
.shop_area {
}
.shop_blc {
padding: 30px 0;
}
.shop_blc:nth-child(2n-1) {
background: #f6f6f6;
}
.shop_blc_ttl_area {
max-width: 1140px;
width: 100%;
margin: 0 auto 20px;
display: flex;
align-items: flex-end;
padding: 0 2%;
margin-top:-100px;
padding-top:100px;
}
@media screen and (max-width: 640px) {
.shop_blc_ttl_area {
align-items: flex-end;
display: block;
}
}
.shop_blc_ttl {
font-weight: bold;
font-size: 24px;
position: relative;
padding-left: 1%;
margin: 0 0 0px;
padding: 0 0 10px 0%;
}
@media screen and (max-width: 767px) {
.shop_blc_ttl {
margin-bottom: 10px;
}
}
.shop_blc_ttl::after {
content: "";
display: block;
background: #ff9933;
width: 220px;
height: 5px;
position: absolute;
bottom: 0; }
@media screen and (max-width: 640px) {
.to_shop{
text-align: right;
}
}
.to_shop a{
font-weight: bold;
font-size: 14px;
display: inline-block;
padding: 8px 5px;
}
.to_shop a:hover{
background: rgba(255,153,51,0.2);
}
.shop_blc_ul {
flex-wrap: wrap;
max-width: 1140px;
width: 100%;
margin: 0 auto 20px;
padding: 0 1%;
}
@media screen and (min-width: 768px) {
.shop_blc_ul::after{
content:"";
display: block;
width:30%;
}
}
@media screen and (max-width: 767px) {
.shop_blc_ul {
display: block;
}
}
.shop_blc_li {
flex-basis: calc(94% * 1/3);
margin: 0 1% 10px;
text-align: center;
position: relative;
max-width: 315px;
border: 1px solid #c8c8c8;
background: #fff;
transition: .2s ease-in-out;
}
@media screen and (max-width: 767px) {
.shop_blc_li {
max-width: inherit;
}
}
.shop_blc_li a {
display: block;
width: 100%;
padding: 28px 5% 10px;
height:100%;
}
.shop_blc_li:hover {
opacity: 0.8;
border: 1px solid #000;
transition: .2s ease-in-out;
}
.shop_new {
font-size: 14px;
font-weight: 500;
color: #d50101;
position: absolute;
top: 14px;
right: 5%;
}
.date_info_area {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.shop_tag {
background: #ffa347;
border-radius: 13.5px;
padding: 5px 10px;
color: #fff;
font-weight: 500;
font-size: 1.8rem;
}
@media screen and (max-width: 1140px) {
.shop_tag {
font-size: 1.4rem;
}
}
.shop_img_area {
position: relative;
margin-bottom: 12px;
}
.shop_img { padding-bottom: 66.8%; } .shop_img_out {
position: absolute;
bottom: 0;
right: 0;
font-size: 14px;
font-weight: bold;
line-height: 1.3;
color: #fff;
text-align: left;
background: #005c3f;
opacity: 0.8;
padding: 3px 10px 3px 10px;
}
.shop_info_area {
text-align: left;
justify-content: flex-start;
display: flex;
align-items: center;
margin-bottom: 12px;
flex-wrap: nowrap;
}
.shop_ttl {
min-width: 82px;
background: #e1e1e1;
padding: 8px 1%;
font-weight: 500;
text-align: center;
margin-right: 1em;
}
.shop_txt {
font-weight: 500;
}
.to_detail {
text-align: center;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.to_detail {
padding: 0 6%;
}
}
.to_detail a {
display: inline-block;
border: 1px solid #005c3f;
padding: 20px 2em;
font-weight: 500;
background: #fff;
}
@media screen and (max-width: 767px) {
.to_detail a {
padding: 10px 4%;
line-height: 1.2;
}
}
.to_detail a:hover {
background: #005c3f;
color: #fff;
}