@charset "utf-8";
/* CSS Document */
*, *:before, *:after { box-sizing:border-box; margin:0; }
img { max-width:100%; height:auto; vertical-align:top !important; }
a{text-decoration: none;}
a:hover{opacity: 0.5;text-decoration: underline;}

body {
font-family: "meiryo","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
font-weight: 300;
line-height: 1.5;
height: 100%;
color: #666;
font-size: 12px;
word-wrap: break-word;
}
.sp{display:none;}
.pc{display:block;}


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%;
font-weight: normal;
vertical-align: baseline;
background: transparent;
}
input {-webkit-appearance: button;}
select::-ms-expand {display: none;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
a:hover {
transition: all .3s;
opacity: 0.6;
text-decoration: none;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted;cursor: help;}
table {border-collapse: collapse;border-spacing: 0;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select {vertical-align: middle;}
ol, ul, li {list-style: none;}
span, i {display: inline-block;font-style: normal;}
input, button, textarea {margin: 0;padding: 0;}
.u-cf:before,.u-cf:after {display: table !important;content: "";}
.u-cf:after {clear: both;}
.u-max {width: 100% !important;}
.u-ir {overflow: hidden;white-space: nowrap;text-indent: 100%;}
.u-fl {float: left;}
.u-fr {float: right;}
.u-fulimg {width: 100%;height: auto;}

.u-center {margin: 0 auto !important;}
.u-ref {position: relative !important;}
.u-fix {position: fixed !important;}
.u-is-hidden {display: none !important;}
.is-hidden {display: none;}
.u-vis-hidden {visibility: hidden;}
.u-db {display: block !important;}
.u-dib {display: inline-block !important;}
.u-mr0 {margin-right: 0 !important;}
.u-mb60 {margin-bottom: 60px !important;}
.u-fulimg {width: 100%;height: auto;}
.u-ref {position: relative !important;}
.u-fix {position: fixed !important;}
.u-db {display: block !important;}
.u-dib {display: inline-block !important;}
.u-mb0 {margin-bottom: 0 !important;}
.u-pl35 {padding-left: 35px !important;}
.u-b {font-weight: bold !important;}
.u-c {text-align: center !important;}
.u-r {text-align: right !important;}
.u-f10 {font-size: 10px !important;}
.u-f13 {font-size: 13px !important;}
.u-f18 {font-size: 18px !important;}

@media screen and (min-width: 767px) {
.u-pc-fl {float: left;}
.u-pc-fr {float: right;}
.pc-hidden {display: none !important;}
.u-pc-fr {float: right !important;}
.u-pc-mt20 {margin-top: 20px !important;}
.u-pc-mt30 {margin-top: 30px !important;}
.u-pc-mt-80 {margin-top: -80px !important;}
.u-pc-mt-130 {margin-top: -130px !important;}
.u-pc-mr40 {margin-right: 40px !important;}
.u-pc-mb10 {margin-bottom: 10px !important;}
.u-pc-mb15 {margin-bottom: 15px !important;}
.u-pc-mb20 {margin-bottom: 25px !important;}
.u-pc-mb25 {margin-bottom: 20px !important;}
.u-pc-mb30 {margin-bottom: 30px !important;}
.u-pc-mb35 {margin-bottom: 35px !important;}
.u-pc-mb40 {margin-bottom: 40px !important;}
.u-pc-mb50 {margin-bottom: 50px !important;}
.u-pc-mb60 {margin-bottom: 50px !important;}
.u-pc-mb70 {margin-bottom: 70px !important;}
.u-pc-mb90 {margin-bottom: 90px !important;}
.u-pc-mb125 {margin-bottom: 125px !important;}
.u-pc-ml0 {margin-left: 0 !important;}
.u-pc-ml-1 {margin-left: -1px !important;}
.u-pc-ml24 {margin-left: 24px !important;}
.u-pc-pr3 {padding-right: 3px !important;}
.u-pc-pr7 {padding-right: 7px !important;}
.u-pc-pb30 {padding-bottom: 30px !important;}
.u-pc-pl3 {padding-left: 3px !important;}
}
.red {color: #d80000;}
.blue {color: #1079d6;}
.col_red{color: #e71a2f}


/* header ----------------------------------------------------------------*/
header {position: relative;}
.c-header-topWrap {
padding: 8px 0;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 55px;
z-index: 110;
background-color: #e71a2f69;
}
.c-header-top__inner {
width: 960px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
position: relative;
}
.c-header-topTitle {
font-size: 14px;
color: #fff;
font-weight: bold;
}
.c-header-middleWrap {
width: 960px;
margin: 0 auto;
padding: 70px 0 110px;
display: flex;
justify-content: space-between;
}
.header_logo {
width: 20%;
height: auto;
top: 0;
display: inline-block;
}
.c-header-topTitle-txt {
color: #fff;
font-weight: bold;
font-size: 14px;
}
nav {
line-height: 50px;
background-color: #fce1e4;
position: unset;
margin: 1em auto 0;
}
.c-header-nav__list {
width: 960px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.c-header-nav__list > li {
font-size: 14px;
text-align: center;
}
.c-header-nav__list > li a {
color: #e16572;
font-weight: bold;
display: block;
}
.toggleBtn {
position: relative;
color: #e16572;
font-weight: bold;
cursor: pointer;
}
.toggleBtn span {font-weight: bold;}
.toggleBtn .toggleMenu {
display: none;
position: absolute;
background: rgba(255,255,255,0.9);
padding: 0 20px;
width: 240px;
}
.toggleBtn .toggleMenu li {
display: block;
text-align: left;
line-height: 3.5em;
}

.c-body header {
background-image: url(../img/top-back_i.jpg);
background-color: #fff;
background-size: cover;
background-position: center;
position: relative;
}
.c-header-middleWrap{
width: 960px;
margin: 0 auto;
padding: 100px 0 80px;
}
.c-header-titleLogo{
width: 430px;
margin: 0 auto;
padding: 15px;
background-color: rgba(255, 255, 255, 0.8);
}

@media screen and (max-width:768px){
header {position: relative;}
.c-header-topWrap {
padding: 10px;
position: fixed;
width: 100%;
height: 62px;
box-sizing: border-box;
z-index: 10;
}
.header_logo {width: 40%;}
.c-header-topTitle-txt {padding: 0 0 0 3px;margin: 0;}
.top-flag {top: 120px;}
.c-header-top__inner{width: 100%;position: relative;}
.c-header-topTitle {float: left;}
.sp-c-header-iconWrap {
width: 30px;
height: 30px;
position: absolute;
top: 5px;
right: 5px;
}
.sp-c-header-iconWrap span {
display: block;
height: 5px;
background-color: #a8261a;
transition: transform 0.3s;
}
.sp-c-header-iconWrap span:nth-child(1) {margin-bottom: 5px;}
.sp-c-header-iconWrap span:nth-child(2) {margin-bottom: 5px;}
.sp-nav-active span:nth-child(1) {transform: translate(0, 10px) rotate(45deg);}
.sp-nav-active span:nth-child(2) {transform: translate(600%, 0) rotate(0);}
.sp-nav-active span:nth-child(3) {transform: translate(0, -10px) rotate(-45deg);}
nav {
position: fixed;
background: rgba(255, 255, 255, 0.9);
top: 62px;
width: 100%;
height: 100%;
text-align: center;
z-index: 10;
margin: 0 auto;
}
.c-header-nav__list {
width: 90%;
margin: 0 auto;
display: block;
}
.c-header-nav__list li {
font-size: 16px;
color: #000;
font-weight: bold;
line-height: 2em;
width: 50%;
text-align: left;
float: left;
margin-bottom: 10px;
}
.c-header-nav__list > li a {color: #000;}
.toggleBtn {width: auto !important;float: none !important;}
.toggleBtn span {display: none;}
.toggleBtn .toggleMenu {display: block !important;position: unset;width: auto;padding: 0;background: none;}
.toggleBtn .toggleMenu li{line-height: 2em;}

.c-header-nav__list .shopList {
/*border-top: 1px solid #ccc;*/
width: 100%;
padding-top: 0px;
margin-top: 1em;
}
.c-header-nav__list .shopList ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.c-header-nav__list .shopList li {
border-radius: 5px;
width: 48%;
margin-bottom: 5px;
padding: 6px 1%;
background-color: #a8261a;
text-align: center;
}
.c-header-nav__list .shopList li a {text-decoration: none;color: #fff;line-height: 1.5em;}
.c-header-nav__list .lang_menu{margin-top: 1em;width: 100%;}
.c-header-nav__list .lang_menu ul{display: flex;flex-wrap: wrap;}
.c-header-nav__list .lang_menu li{}
.c-header-nav__list .lang_menu li.lang_title{
width: 100%;
color: #a8261a;
font-size: 1.3em;
border-bottom: solid 1px;
}
.c-header-nav__list .lang_menu li.lang_title i{font-size: 1.3em; margin-right: 0.3em;}
}

.b-mainWrap,
.c-mainWrap{
padding: 1em 0 2em;
background: linear-gradient(#fdfbfb, #f7dfdd);
}
.wrapper {
color: #729019;
padding-bottom: 5.5em;
}
.c-commonText,
.c-commonText--bold {
color: #666;
line-height: 1.6;
}
.c-commonText--bold {font-weight: bold;}
.c-commonText--dark {color: #333;}
.item_list > li {
position: absolute;
padding: 4px 0;
width: 20px;
text-align: center;
font-weight: bold;
font-size: 12px;
color: #fff;
}
.c-commonText a,
a.equipment_a{text-decoration: underline;color: #666;}
.clear { clear: both; }

/*Language -----------------------------------------------------------------*/
.lang_btn{
width: 70px;
position: absolute;
right: 0;
top: 0;
}
.lang_btn_co{
position: relative;
text-align: center;
}
.lang_btn label{
display: block;
line-height: 1;
cursor: pointer;
font-size: 0.8em;
color: #fff;
}
.lang_btn label i{font-size: 2em;margin-bottom: 2px;}
.lang_btn a{display: block;text-decoration: none;}
.lang_btn input{display: none;}
.lang_btn li{height: 0;overflow: hidden;transition: all 0.5s;}
ul#lang_lists{width: 150px;margin-top: 7px;margin-left: -38px;}
#lang_lists li{text-align: center;opacity: 0;}
#lang_list:checked ~ 
#lang_lists li{
height: 50px;
opacity: 1;
}
#lang_lists li a{
padding: 1em;
background: rgba(255, 255, 255, 0.8);
color: #000;
}
#lang_lists li a:hover{
opacity: 1;
background: #fff;
color: #4c4c4c;
}
@media screen and (max-width:768px){
.lang_btn {padding-top: 0px;margin-right: 10px;}
.lang_btn_co{height: 43px;}
.lang_btn label i{font-size: 1.7em;}
}

/*メイン ----------------------------------------------------------------*/
.c-mainWrap {}
section {
width: 960px;
margin: 0 auto;
padding: 2em 2em;
background-color: #fff;
}
.c-mainContents {margin-bottom: 4em;}
.c-mainContents:last-child {margin-bottom: 0;}

.point {margin: 0 auto 3em;}
.img-cen {
display: block;
width: fit-content;
}
.information h2.img-cen {margin: 3em auto;}
.plan h2.img-cen {margin: 3em auto;}
.c-mainContents__top {
margin: 20px auto 30px;
}
.c-mainContents__top__title {
position: relative;
width: fit-content;
padding: 0.8em 2em 0.6em;
margin: 3em auto 2em;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
font-size: 1.6em;
font-weight: bold;
text-align: center;
}
.c-mainContents__top__title::before {
position: absolute;
content: '';
top: -40px;
left: calc(50% - 40px);
width: 80px;
height: 40px;
background: #fff;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
border-top: 2px solid #000;
border-right: 2px solid #000;
border-left: 2px solid #000;
}
.c-mainContents__top__title::after {
position: absolute;
content: '';
background-image: url(../img/point.png);
top: -16px;
left: 49.5%;
width: 32px;
height: 34px;
transform: rotate(-36deg) translate(-15%, -50%);
background-size: 100%;
background-repeat: no-repeat;
}
.c-body .c-mainContents__top__title{margin: 2em auto 2em;}

.c-mainContents-sub-title {
position: relative;
background: #e8a6ac;
border-radius: 0;
padding: 0.3em 0.8em 0.3em 0.8em;
font-weight: bold;
color: #fff;
width: 100%;
border-bottom: 0;
font-size: 1.4em;
margin-bottom: 1em;
}
.c-mainContents-sub-title::after {
content: '';
background-image: url(../img/point-h3-white.jpg);
right: 0;
position: absolute;
background-size: contain;
width: 55px;
height: 100%;
bottom: 0;
}

.flex_wrap{
display: flex;
flex-wrap: wrap;
}
.col2 {
width: calc(100% / 2 - 2%);
margin: 1%;
}
.border_r {border-radius: 20px;}

.c-commonText,
.c-commonText--bold {font-size: 16px;}
.c-commonText--dark {
font-size: 16px;
font-weight: bold;
}
.c-brandText,
.c-brandText--bold {font-size: 16px;}
.c-brandText--bold {font-weight: bold;}
.c-brandText {
font-size: 18px;
font-weight: bold;
color: #719103;
}
.c-modal__bottom {
width: 720px;
margin: 0 auto;
margin-top: 10px;
text-align: right;
}

.front-page-flex{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.order_r{order: 2;}
.order_l{order: 1;}

@media screen and (max-width:768px){
.sp{display:block;}
.pc{display:none;}
.sp-hidden {display: none;}
.sp-hiddenImp {display: none !important;}
.u-sp-mt-30 {margin-top: -30px;}
.u-sp-mt0 {margin-top: 0 !important;}
.u-sp-mt15 {margin-top: 15px;}
.u-sp-mt25 {margin-top: 25px !important;}
.u-sp-mt30 {margin-top: 30px !important;}
.u-sp-mr15 {margin-right: 15px !important;}
.u-sp-mb10 {margin-bottom: 10px !important;}
.u-sp-mb15 {margin-bottom: 15px !important;}
.u-sp-mb20 {margin-bottom: 20px !important;}
.u-sp-mb25 {margin-bottom: 25px !important;}
.u-sp-mb30 {margin-bottom: 30px !important;}
.u-sp-mb40 {margin-bottom: 40px !important;}
.u-sp-pt65 {padding-top: 65px !important;}

a {text-decoration: underline;}

.b-mainWrap{padding: 10px;}
.wrapper {padding-bottom: 4.5em;}
.c-commonText--dark {font-size: 14px;font-weight: bold;}
.c-mainContents {margin-bottom: 40px;}
.c-mainWrap {padding: 80px 10px 50px;}

section {padding: 20px 10px;width: 100%;}
.c-mainContents__top {margin-bottom: 20px;}
.c-sp-moreBtn--small {width: 50%;}
.c-modal__bottom {
width: 80%;
margin: 0 auto;
margin-top: 10px;
text-align: right;
}
#outerImageContainer,#imageDataContainer {max-width: 100% !important;}
.c-brandText,.c-brandText--bold {font-size: 14px;}
.c-brandText--bold {font-weight: bold;}
.c-commonText {font-size: 14px;}
.c-brandText {font-size: 14px;font-weight: bold;}
.point {margin: 0 auto 2em;}
.information h2.img-cen {width: 70%;margin: 2em auto;}
.plan h2.img-cen {width: 35%;margin: 2em auto;}
.c-mainContents__top__title {font-size: 1.2em;margin: 3em auto 1.5em;}
.c-mainContents-sub-title {font-size: 17px;}
.c-mainContents-sub-title::after {width: 40px;height: 34px;}
.col2 {width: 100%;margin-bottom: 1em;}
}


/*パンくず ----------------------------------------------------------------*/
.c-topic-pathWrap,.c-topic-pathWrapTop {
width: 960px;
margin: 0 auto;
margin-bottom: 30px;
}
.c-topic-path__list {font-size: 0;}
.c-topic-path__list > li {
display: inline-block;
font-size: 15px;
font-weight: bold;
margin-right: 10px;
color: #666;
}
.c-topic-path__list > li:after {
content: '>';
margin-left: 10px;
}
.c-topic-path__list > li:last-child {margin-right: 0;}
.c-topic-path__list > li:last-child:after {content: none;}
.c-topic-path__list > li > a {text-decoration: underline;color: #666;}
.c-topic-path__list > li > a:hover {text-decoration: none;}

@media screen and (max-width:768px){
.c-topic-pathWrap {width: 100%;margin-bottom: 1em;}
.c-topic-pathWrapTop {width: 100%;margin-bottom: 50px;margin-top: -30px;}
.c-topic-path__list > li {font-size: 12px;}
}


/*フッター ----------------------------------------------------------------*/
footer{padding-bottom: 4em;}
.c-footerInner {
width: 960px;
margin: 0 auto;
}
.c-footerTop {padding: 40px 0 0;background-color: #fff;}

.c-footer-add {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 2.5em;
}
.add02 {
width: 260px;
text-align: center;
}
.c-footer-titleLogo {
width: 260px;
margin-bottom: 2em;
}
.c-footer-info{margin-bottom: 2em;}
.c-footer-info .c-commonText--bold,.c-footer-info .c-commonText{font-size: 15px;}
.minpaku{}
.c-footer-box__list {width: 200px;}  
.c-footer-box__list > li {color: #3bb149;border-bottom: 1px solid;}
.footmenu > li:first-of-type {border-top: 1px solid;}
.c-footer-box__list > li a {
color: #3bb149;
display: block;
padding: 0.6em 0.8em;
font-weight: bold;
font-size: 15px;
}
.c-footer-box__list > li a:hover {text-decoration: none;}
.map_areaWrap {width: 430px;}
.map_areaWrap .map_area {width: 430px;height: 300px;}
.map_areaWrap a img{margin-top: 1em;}

footer .facebook{
background: #fce2da82;
padding: 1em 1.4em 0.7em;
}
footer .facebook h3{
text-align: center;
font-size: 2em;
font-weight: bold;
color: #ad1625;
letter-spacing: 0.05em;
}
footer .facebook ul{ flex-wrap: wrap; display: flex; margin-top: 0.5em;align-items: flex-start;}
footer .facebook ul li{
flex-wrap: wrap;
display: flex;
width: calc(100% / 2);
align-items: center;
padding: 5px 0 10px;
}
footer .facebook ul li a{ color: #ad1625; font-size: 0.9em;margin-left: 0.7em;}
footer .foot-link{ 
background: #b1d28b; 
color: #fff; 
padding: 0.7em; 
font-size: 1em;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
}
footer .foot-link h3{ padding: 0 5px; font-weight: bold; }
footer .foot-link li{ padding: 0 5px; }
footer .foot-link li a{color: #fff;}

.copyYear {line-height: 60px;color: #333;text-align: center;font-size: 14px;}

@media screen and (max-width:768px){
.c-footerInner{width: 100%;}
.c-footerTop {padding: 30px 15px 0;}
.c-footer__snsList {display: table;margin: 0 auto 2em;}
.c-footer__snsList li {display: table-cell;padding: 0 5px;}
.add02 {width: 100%; margin-bottom: 2em;}
.c-footer-titleLogo {width: 50%;margin: 1em 25% 2em;}
.c-footer-info{margin-bottom: 1em;}
.c-footer-box__list {width: 100%;margin-bottom: 1.5em;}  
.c-footer-box__list > li a {text-decoration: none;}
.map_areaWrap {width: 100%;}
.map_areaWrap .map_area {width: 100%;height: 250px;}
footer .facebook ul li .flag{margin: 0 auto;}
footer .facebook ul li a{
text-decoration: none;
text-align: center;
display: block;
width: 100%;
padding: 5px;
}
footer .foot-link h3{margin-top: 1.5em;}
.copyYear {line-height: 40px;color: #666;text-align: center;font-size: 14px;}
}

/*fix ----------------------------------------------------------------*/
.c-header-snsWrap {
position: fixed;
right: 0;
top: 90px;
background: rgba(255, 255, 255, 0.9);
padding: 10px;
}
.c-header-snsItem {display: block;margin-bottom: 10px;}
.c-header-snsItem:last-child {margin-bottom: 0;}

#shop-fix{
position: fixed;
bottom: 0;
width: 100%;
z-index: 5;
background: #e8a6acd4;
}
#shop-fix ul{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
#shop-fix li{
padding: 0.7em 0;
color: #fff;
font-weight: bold;
font-size: 1.4em;
border-right: 1px solid #fff;
text-align: center;
width: calc(100% / 3);
}
#shop-fix li:last-child{
border: none;
width: 75px;
font-size: 2.7em;
padding: 0;
}
#shop-fix li i{padding-right: 0.3em;}
#shop-fix li .fa-angle-up{padding-right: 0;}
#shop-fix li a{color: #fff;}

@media screen and (max-width: 768px) {
#shop-fix{}
#shop-fix ul{}
#shop-fix li{font-size: 0.8em;padding: 0.5em 0;}
#shop-fix li a{text-decoration: none;}
#shop-fix li:last-child{width: 60px;font-size: 1em;padding-top: 0.3em;}
#shop-fix li i{padding: 0 0 0.3em 0;display: block;font-size: 1.4em;}
}