@charset "UTF-8";

/* * * * * * * * * * * * * * * * * *
 base.css
* * * * * * * * * * * * * * * * * */
img {
  max-width: 100%;
}

#topcontrol {
  display: none;
}

.inner {
  width: auto;

}

.sp-2 {
  display: inline-block !important;
}

.pc {
  display: none !important;
}

.bread {
  display: none;
}
/*231024追記*/
.pc-only{
	display: none;
}
/*231024*/

/* 220329 */
#introduction #title {
  padding: 20px 0;
}
#introduction #title h1 {
  font-size: 1.25em;
  margin-top: 0;
}
/* /220329 */

#main .btn.btn_b span {
  background-size: auto 10px;
}

.loopSliderWrap {
  height: 100px;
}

.loop {
  margin: 0 auto 30px;
  height: 100px;
}

.loop ul {
  height: 100px;
}

.loop ul li {
  width: 131px;
  height: auto;
}

.loop ul li img {
  width: 100%;
  height: auto;
}

section {
  padding: 0 0 30px;
}

/* header
_________________________________ */
#header {
  position: relative;
  padding: 0;
  box-sizing: border-box;
  height: auto !important;
  border: none;
}

body {
  padding-top: 0 !important;
}

#header .movewrap {
  position: relative;
}

#header.fixed .base,
#header .base {
  width: 100%;
  padding: 15px !important;
  float: none;
  background: #FFF;
  box-sizing: border-box;
}

#header a.menu-trigger {
  display: block;
  width: 40px;
  height: 40px;
  float: right;
  background: url(../img/common/btn_navi_open_w.png) center center no-repeat;
  background-size: contain;
  position: relative;
  top: 0;
  left: 0;
  margin: 0;
}

#home #header a.menu-trigger {
  background-image: url(../img/common/btn_navi_open_w.png);
}

#header a.close-trigger {
  display: block;
  width: 40px;
  height: 40px;
  float: right;
  background: url(../img/common/btn_navi_close.png) center center no-repeat;
  background-size: contain;
  margin: 15px 15px 10px;
}

#header p.logo,
#header.fixed p.logo {
  display: inline-block;
  float: left;
  text-align: center;
}

#header p.logo {
  position: inherit;
  height: 37px;
  background-image: none;
}

#header .logo img {
  display: inline-block;
  height: 37px;
  width: auto;

}

#header.fixed .gnavi,
#header .gnavi {
  width: 90%;
  /*     float: none; */
  background: #f2f1f1;
  display: none;
  margin: 0;
}

#header .gnavi {
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

#header.fixed .gnavi {
  position: fixed;
  top: inherit;
  bottom: 71px;
  right: 0px;
}

#header .gnavi .sub {
  position: relative;
  background: #FFF;
  right: 0;
}

#header .gnavi .navi li {
  width: 50%;
  display: block;
  margin: 0;
  float: left;
}

#header .gnavi .navi li:nth-child(odd) {
  background: #FFF;
}

#header .gnavi .navi {
  padding-top: 0;
  text-align: left;
}

#header.fixed .gnavi .navi li a,
#header .gnavi .navi li a {
  height: 50px;
  padding-left: 13px;
  display: block;
  line-height: 50px;
  font-size: 11.5px;
  background: url(../img/common/arrow_navi.png) 95% center no-repeat;
  background-position-x: 98%;
  background-size: 8px auto;
  color: #614c15;
}

#header .gnavi .navi li a span {
  display: inline;
  font-size: 18px;
}

#header .gnavi .sub {
  padding: 10px 0 20px;
}

#header.fixed .gnavi .sub {
  display: block;
}

#header .gnavi .sub .sns,
#header .gnavi .sub .navi {
  float: none;
  text-align: center;
  display: block;
}

#header .gnavi .sub .sns li {
  width: 45%;
  height: 22px;
}

#header .gnavi .sub .sns li:nth-child(1) {
  background: url(../img/common/navi_fb.png) center center no-repeat;
  background-size: 105px auto;
  border-right: 2px dotted #614c15;
}

#header .gnavi .sub .sns li:nth-child(2) {
  background: url(../img/common/navi_insta.png) center center no-repeat;
  background-size: 105px auto;
}

#header .gnavi .sub .sns li a {
  display: block;
  height: 100%;
}

#header .gnavi .sub .sns li img {
  display: none;
}

#header .gnavi .sub .navi li {
  display: inline-block;
  width: auto;
  padding: 0 8px;
}

#header .gnavi .sub .navi li:last-child {
  border: none;
}

#header .gnavi .sub .navi li a {
  height: auto;
  line-height: 1;
  padding-left: 0;
  background: none;
  font-size: 12px;
}

/* footer
_________________________________ */
#footer {
  padding-bottom: 21%;
  background: #fff;
}

#footer .sns.sp {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #FFF;
  padding-top: 20px;
  text-align: center;
  display: block !important;
}

#footer .sns .bnr_line {
  display: block;
  width: 100vw;
  height: 50px;
  background: #07b53b;
  text-decoration: none;
}

#footer .sns .bnr_line p {
  line-height: 50px;
  color: #FFF;
}

#footer .sns .bnr_line p img {
  width: 12em;
  vertical-align: -0.3em;
}

#footer .sns li {
  box-sizing: border-box;
  width: 50%;
  float: left;
  display: inline-block;
  margin: 20px 0;
  padding: 0 10px;
}

#footer .sns li:nth-child(1) {
  border-right: 2px dotted #614c15;
}

#footer .sns li img {
  width: 125px;
}

#footer .fair.sp {
  display: block !important;
}

#footer .fair ul {
  display: table;
  width: 100%;
}

#footer .fair ul li {
  display: table-cell;
  width: 50%;
}

#footer .fair ul li:nth-child(1) {
  /* padding-right: 1%; */
}

#footer .fair ul li a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 90px;
  width: 49%;
  background: #fefcf5;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

#footer .fair li img {
  width: 100%;
}

#footer .sitemap {
  padding-top: 20px;
}

#footer .sitemap a {
  font-size: 12px;
}

#footer .sitemap .navi {
  display: none;
}

#footer .sitemap .company {
  width: 100%;
  text-align: center;
}

#footer .sitemap .company ul.sp li {
  float: left;
  padding: 10px;
}

#footer .sitemap .sp-mb10 {
  margin-bottom: 10px;
}

#footer .sitemap .company img {
  width: 174px;
}

#footer .sitemap .company p.name {
  font-size: 16px;
}

#footer .group {
  text-align: center;
}

#footer .group ul li {
  width: 30%;
  box-sizing: border-box;
  text-align: center;
}

#footer .group ul {
  width: 100%;
}

#footer .group ul li img {
  width: auto;
  max-width: 100%;
}

#footer .group .copyright {
  display: none;
}

#footer .group .ten {
  position: relative;
}

#footer .group .ten:after {
  position: absolute;
  top: -10px;
}

div#navi {
  background: #8f8057;
  padding: 10px;
  display: block;
  position: fixed;
  bottom: -100px;
  z-index: 990;
  width: -webkit-fill-available;
}

div#navi ul li {
  width: 20%;
  float: left;
  box-sizing: border-box;
  padding: 0 5px;
}

/* TOP
_________________________________ */
#home {
  padding-top: 0;
}


/* partyreport
--------------------------------- */
/* #party_report #title {
  min-height: 0px;
  background: url(../img/party_report/h1_sp.jpg) center top no-repeat;
  background-size: 100% auto;
  padding-top: 23%;
  padding-bottom: 10px;
} */

#party_report #title {
  padding: 20px 0;
}

#party_report #title h1 {
    height: 35px;
    background-size: auto 100%;
    margin: 0;
}

#party_report .report-title {
  margin: 0;
  font-size: 18px;
}

#party_report .report-title:after {
  background-size: 200px;
}

#party_report .txt {
  padding: 0 15px;
}
#party_report .pictures {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
}
#party_report .dialoguebox {
  padding: 0 15px;
  margin-bottom: 40px;
}
#party_report .dialoguebox .question {
  font-size: 16px;
  margin-top: 40px;
}

#party_report .dialoguebox .question::after {
  top:auto;
  bottom: 0;
}
#party_report .dialoguebox .answer{
  padding:1em;
  font-size: 14px;
}

#party_report #main .backnb h3 .img1 {
  left: 0;
  width: 10%;
}

#party_report #main .backnb h3 .img2 {
  right: 0;
  width: 10%;
}

#party_report #main .backnb h3 img {
  width: 75%;
}

#party_report #main .backnb {
  padding: 53px 15px 64px;
}

#party_report #main .backnb ul li a {
  font-size: 14px;
  background: url(../img/common/arrow_g.svg) 98% 95% no-repeat #FFF;
  background-size: 6px auto;
}

#party_report #main .backnb ul li a p.bk_ttl {
  padding-left: 5px;
}

#party_report #main .backnb ul li a span {
  padding-right: 5px;
  margin-right: 5px;
}


/* eventreport
--------------------------------- */
#e_report #title {
  min-height: 0px;
  background: url(../img/e_report/h1_sp.jpg) center top no-repeat;
  background-size: 100% auto;
  padding-top: 23%;
  padding-bottom: 10px;
}

#e_report h2 {
  margin: 0;
  font-size: 18px;
}

#e_report h2:after {
  background-size: 200px;
}

#e_report p.txt {
  margin: 0 15px;
}

#e_report #main .contents {
  margin: 30px 15px;
}

#e_report #main .contents:after {
  background-size: 200px;
}

#e_report #main .contents h3 {
  font-size: 20px;
  margin: 10px 0;
}

#e_report #main .contents li {
  width: 49%;
  margin-right: 0;
}

#e_report #main .contents li:nth-child(odd) {
  margin-right: 2%;
}

#e_report #main .contents li:last-child {
  width: 100%;
  margin: 0 0 20px;
}

#e_report #main .contents p.thanks {
  position: relative;
  bottom: 0;
  left: 0;
  font-size: 18px;
  margin-bottom: 30px;
}

#e_report #main .backnb h3 .img1 {
  left: 0;
  width: 10%;
}

#e_report #main .backnb h3 .img2 {
  right: 0;
  width: 10%;
}

#e_report #main .backnb h3 img {
  width: 75%;
}

#e_report #main .backnb ul li {
  width: 100%;
}

#e_report #main .backnb {
  padding: 53px 15px 64px;
}

#e_report #main .backnb ul li a {
  font-size: 16px;
  text-indent: -46px;
  padding-left: 62px;
}

/* concept
--------------------------------- */
#concept #title {
  padding: 20px 0;
}

#concept #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#concept #main .recomend.catch h2 {
  height: 40px;
  background-size: auto 100% !important;
}

#concept #main .box h2 {
  height: 40px;
  background-size: auto 100% !important;
}

#concept #main .box {
  padding: 30px 10px;
}

#concept #main .reason-box .l,
#concept #main .reason-box .r {
  float: none;
}

#concept .reason .reason-box .sub-ttl {
  margin-bottom: 5px;
  padding: 0 0 5px;
  line-height: 1.2;
  font-size: 18px;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  color: #593a30;
  font-weight: bold;
}

#concept .reason .reason-box .txt {
  width: 100%;
}

#concept .reason .reason-box .img {
  margin-top: 30px;
  width: 100%;
}

#concept .reason .reason-box:not(:first-child) {
  margin-top: 30px;
}

#concept .fair .fair-box .sub-ttl {
  font-size: 18px;
  color: #593a30;
  font-weight: bold;
  padding: 20px 0;
}

#concept .fair .fair-box {
  position: relative;
  margin-top: 60px;
  background: #F7F1E1;
}

#concept .fair .fair-box:not(:last-child)::before {
  content: '';
  position: absolute;
  bottom: -30px;
  left: 52px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 12px 0 12px;
  border-color: #614c15 transparent transparent transparent;
}

#concept .fair .fair-box-txt {
  width: calc(100% - 112px);
  float: right;
}

#concept .fair .img {
  width: 102px;
  float: left;
  margin-right: 10px;
  text-align: center;
}

#concept .fair .img img {
  width: 100%;
}

#concept .concept_inner li{
  width: 46%;
  margin-bottom: 20px;
}

#concept .concept_inner li h4{
  font-size: 12px;
}

#concept .concept_inner li h4 span{
  font-size: 10px;
}


/* ceremony
--------------------------------- */
#ceremony #title {
  padding: 20px 0;
}

#ceremony #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#ceremony #main .tabbox {
  width: 90%;
}

#ceremony #main .text {
  margin-bottom: 0;
  text-align: left;
}

#ceremony #main .textbox {
  width: 50%;
  margin: 0 2%;
  font-size: 10px;
}

#ceremony #main .contents {
  padding: 20px 0;
}

#ceremony #main h2 {
  font-size: 24px;
}

#ceremony #main h3 {
  font-size: 20px;
  padding-bottom: 0;
}

#ceremony #main h4 {
  line-height: 1.2;
  font-size: 13px;
  padding: 0 0 5px;
  text-align: center;
}

#ceremony .mainimg {
  height: auto;
}

#ceremony #main .btn {
  width: 90%;
}

#ceremony #main .textbox p {
  font-size: 12.5px;
  letter-spacing: -0.1em;
}

#ceremony #main .inner .slidebox {
  width: 46%;
}

/* banquet
--------------------------------- */
#banquet #title {
  padding: 20px 0;
}

#banquet #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#banquet #main>h2 {
  display: block;
  padding: 20px 0 10px;
  font-size: 19px;
  font-family: 'Noto Serif JP', serif;
  line-height: 1;
}

#banquet #main .catch {
  background-position: left top;
  padding: 30px 20px;
  font-size: 14px;
}

#banquet #main .catch p {
  text-align: left;
}

#banquet #main .catch .icon {
  width: 30%;
}

#banquet #main {
  padding-bottom: 50px;
}

#banquet #main .menu,
#banquet #main .child {
  padding: 0;
}

#banquet #main .menu .contents {
  width: 100%;
  position: relative;
  padding-top: 70px;
  margin-bottom: 30px;
}

#banquet #main .menu .contents h3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#banquet #main .menu .contents h3 img {
  height: 16px;
}

#banquet #main .menu .contents p {
  text-align: left;
  padding: 5px 30px;
}

#banquet #main .menu .contents .btn {
  width: 60%;
}

#banquet #main .child .slidebox {
  width: 100%;
}

#banquet #main .slidebox img {
  width: 100%;
}

#banquet #main .child .textbox {
  width: 100%;
  padding: 30px 30px 0;
  box-sizing: border-box;
}

#banquet #main .child h3 {
  text-align: center;
  font-size: 16px;
}


#banquet #main .btn {
  width: 70%;
}

#banquet #main .other {
  /* 	display: none; */
  width: auto;
}

#banquet #main .other:before {
  width: 80%;
}

#banquet #main .other h2 {
  height: 60px;
}

#banquet #main .other h3 {
  font-size: 18px;
}

#banquet #main .other li {
  width: 100%;
  margin-bottom: 20px;
}

#banquet #main .other ul {
  display: block;
}


#banquet ul li p {
  background: #fff;
}

#banquet .slides h4 {
  background: #fff;
}

/* dress
--------------------------------- */
#dress #title {
  padding: 20px 0;
}

#dress #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#dress #main .catch {
  background-position: left top;
  padding: 30px 20px;
  font-size: 14px;
}

#dress #main {
  padding-bottom: 50px;
}

#dress #main .sp h2 {
  text-align: center;
}

#dress #main .sp h2 img {
  height: 55px;
}

#dress #main .sp .sp_slide {
  position: relative;
}

#dress #main .sp h3 {
  font-size: 18px;
  color: #614c15;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
  margin-top: 20px;
}

#dress #main .sp p {
  margin: 20px 15px 40px;
}

#dress #main .list {
  padding: 20px;
  margin: 15px;
}

#dress #main .list h4 {
  font-size: 17px;
}

#dress #main .list p.border {
  font-size: 14px;
  padding-bottom: 14px;
  margin-bottom: 25px;
}

#dress #main ul.harf {
  width: 100%;
}

#dress #main .list li {
  font-size: 14px;
}

/* party
--------------------------------- */
#party #title {
  padding: 20px 0;
}

#party #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#party #main .catch {
  background-position: left top;
  padding: 30px 20px;
  font-size: 14px;
}

#party #main .menu,
#party #main .child {
  padding: 20px 0 58px;
}

#party #main .btn {
  font-size: 14px;
}

#party #main .child .btn {
  width: 90%;
  margin: 10px auto;
  float: none !important;
}

#party #main .flex-control-nav {
  display: none;
}

.form h2 {
  font-size: 22px;
}

.form .progress {
  margin: 30px 0 20px;
}

.form .progress li {
  width: 35%;
  font-size: 10px;
}

.form .tac {
  text-align: left;
  padding-left: 5%;
}

.form form {
  width: 90%;
}

.form form dt {
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
  font-size: 18px;
}

.form form dd {
  width: 100%;
}

#main .form form button.btn.btn_b {
  width: 80%;
}


/* planner
--------------------------------- */
#planner #title {
  padding: 20px 0;
}

#planner #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#planner #main .boss {
  padding: 25px 0;
}

#planner #main .boss .textbox {
  padding: 0 15px;
  width: auto;
  max-width: inherit;
  float: none;
}

#planner #main .textbox h2 span {
  font-size: 18px;
}

#planner #main .textbox h3 {
  text-align: center;
}

#planner #main .list li {
  width: auto;
  padding: 0 15px;
  float: none;
  margin-bottom: 35px;
}

#planner #main .list li:nth-child(even) {
  float: none;
}

#planner #main .list li .textbox {
  padding: 15px 0;
}

#planner #main .list li dl dt {
  font-size: 14px;
}

#planner #main .list p.img {
  margin-top: 15px;
}

#planner #main a.btn {
  width: 75%;
}

/* blog
--------------------------------- */
.blog-text {
  width: 61%;
  float: right;
}

/* access
--------------------------------- */
#access #title {
  padding: 20px 0;
}

#access #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#access #main #map {
  height: 300px;
  display: block;
}

#access #main div.inner {
  padding: 20px 5%;
}

#access #main a.btn {
  width: 90%;
  margin: 20px auto;
  display: block !important;
}

#access #main a.btn.pc {
  display: none !important;
}

#access #main img.l {
  width: 45%;
}

#access #main .textbox {
  width: 50%;
  float: right;
  margin-left: 0;
  display: inline;
}

#access #main .textbox>div {
  width: 200%;
  margin-left: -100%;
  margin-top: 20px;
}

#access h2 {
  margin-bottom: 20px;
}

#access #main .textbox h2 {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 500;
}

#access .car .l,
#access .car .r {
  float: none;
}

#access .nocar .type {
  width: 80%;
  margin: 0 auto 20px;
}

/* recruit
--------------------------------- */
#recruit #title {
  padding: 20px 0;
}

#recruit h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#recruit #main h2 {
  padding: 20px 0;
  font-size: 24px;
}

#recruit #main .inner {
  margin: 0 15px;
}

#recruit #main .about .textbox {
  float: none;
  width: 100%;
  padding-top: 0px;
  margin-bottom: 15px;
}

#recruit #main .job ul li {
  width: 100%;
  height: auto;
}

#recruit #main .job dl dt {
  font-size: 20px;
  text-align: center;
}

#recruit #main .job dl dd .btn {
  width: 100%;
  padding: 0;
  margin-top: 10px;
  position: relative;
  right: 0;
  bottom: 0;
}

#recruit #main .conditions h3 {
  text-align: center;
}

#recruit #main .conditions .box {
  background: #FFF !important;
  height: auto !important;
}

#recruit #main .conditions .textbox {
  width: 100%;
  margin-top: 20px;
}

#recruit #main .conditions .textbox dt {
  width: 29%;
  font-size: 14px;
}

#recruit #main .conditions .textbox dd {
  width: 65%;
  padding: 10px 0 20px 5%;
}

#recruit #main .flow ul {
  width: 90%;
  margin: 0 auto;
  display: block !important;
  text-align: center;
}

#recruit #main .flow ul li {
  padding: 20px 20px 30px;
}

#recruit #main .flow ul li:nth-child(1) {
  background: url(../img/recruit/flow_bg01.png) center bottom no-repeat #ecdfc3;
  background-size: 100% auto;
}

#recruit #main .flow ul li:nth-child(2) {
  background: url(../img/recruit/flow_bg02.png) center bottom no-repeat #f3e6c9;
  background-size: 100% auto;
}

#recruit #main .flow ul li:nth-child(3) {
  background: url(../img/recruit/flow_bg03.png) center bottom no-repeat #f5ecd9;
  background-size: 100% auto;
}

#recruit #main .flow ul li h3 {
  padding: 10px 60px 10px;
  margin-bottom: 15px;
  font-size: 18px;
  font-family: 'Noto Serif JP', serif;
  color: #042b48;
  border-bottom: 1px solid #042b48;
  display: inline-block;
}

#recruit #main .flow ul li p {
  width: 70%;
  display: block;
  margin: 0 auto;
  text-align: left;
}

#recruit #main .flow p.txt {
  width: auto;
}

/* cuisine
--------------------------------- */
#cuisine #title {
  padding: 20px 0;
}

#cuisine #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#cuisine #main .catch {
  background: none;
  padding: 30px 20px;
  font-size: 14px;
}


#cuisine .about-cuisine{
  padding: 70px 10px;
}
#cuisine .about-cuisine_ttl{
  padding-bottom: 20px;
}

#cuisine .about-cuisine .point-box .l,
#cuisine .about-cuisine .point-box .r {
  float: none;
}

#cuisine .about-cuisine .point-box .txt {
  width: 100%;
}

#cuisine .about-cuisine .point-box .img {
  margin-top: 30px;
  width: 100%;
}

#cuisine .about-cuisine .point-box .img img {
  width: 100%;
}

#cuisine .about-cuisine h2 {
  height: 40px;
  background-size: auto 100% !important;
}

#cuisine .about-cuisine .sub-ttl {
  margin-bottom: 5px;
  padding: 0 0 5px;
  line-height: 1.2;
  font-size: 18px;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  color: #593a30;
  font-weight: bold;
}


#cuisine .about-cuisine .point-box:not(:first-child) {
  margin-top: 30px;
}

#cuisine .dessert_ttl{
  padding-bottom: 50px;
}


#cuisine .dessert{
  padding: 30px 10px;
}

#cuisine .dessert .slick{
  margin: 0 auto 50px;
  width: 100%;
}
#cuisine .dessert .slick .box{
  margin: 0 auto;
  height: auto;
  width: 60%;
}
#cuisine .dessert .slick .box img{
  width: 100%;
}
#cuisine .dessert .slick .slick-dots{
  bottom: -50px;
}
#cuisine .dessert .slick .slick-next{
  right: 2%;
}
#cuisine .dessert .slick .slick-prev{
  left: 2%;
}

#cuisine #main .btn {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  width: 90%;
}

#cuisine .loop {
  display: none;
}



/* privacy policy
--------------------------------- */
#privacy #title {
  padding: 20px 0;
}

#privacy h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#privacy #main .inner {
  margin: 0 15px;
}

#privacy #main h2 {
  margin: 50px auto 30px;
  font-size: 25px;
}

#privacy #main dt {
  font-size: 16px;
}


/* company
--------------------------------- */
#company #main h2 {
  margin: 50px auto 30px;
  font-size: 25px;
}

#company table {
  border-spacing: 0;
}

#company th,
#company td {
  display: block;
  text-align: left;
}

#company th {
  border-right: none;
  border-bottom: 1px dotted #cfad75;
  margin: 0 15px;
  padding: 10px 0;
}



/* plan
--------------------------------- */

#plan section#main {}

#plan #title {
  padding: 20px 0;
}

#plan #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#plan #main .articlePlan {
  padding: 50px 0 0;
  width: calc(100% - 30px);
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 15px;
  margin-top: 0;
}

#plan .articlePlan .planInner {
  padding: 30px 15px;
  background-color: #fff;
  margin-bottom: 15px;
  max-width: inherit;
  width: 100%;
}


#plan .articlePlan .planInner .thumb {
  padding-top: 80%;
}

#plan .articlePlan .planInner dl {
  /* padding-bottom: 0; */
}

#plan #main .articlePlan .planInner dl dt {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 15px;
}

#plan #main .planDetail {
  padding: 0 15px;
  width: 100%;
  box-sizing: border-box;
}

#plan #main .planDetail .photo {
  width: 100%;
}

#plan #main .planDetail .photo .plan-mv,
#plan #main .planDetail .photo .sub-img {
  width: 100%;
  padding-top: 80%;
  height: 0;
}

#plan #main h3.detail {
  font-size: 23px;
  padding: 10px 0;
}

#plan #main h3.detail small {
  font-size: 16px;
}

#plan #main .planDetail .photo {
  float: none;
  width: 100%;
}

#plan #main .planDetail .title {
  margin-top: 30px;
}

#plan #main .planDetail .textbox {
  width: 100%;
}

#plan #plan-include {
  width: 90%;
  margin: 15px auto;
}

#plan .plan-content {
  width: 100%;
}

#plan .plan-content .plan-label {
  width: 100%;
}

#plan .plan-content .description {
  width: 100%;
}


/* line(ex.concept)
--------------------------------- */
#line #title {
  padding: 20px 0;
}

#line #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#line #main .img {
  width: 45%;
  float: left;
  margin-right: 10px;
  display: block !important;
}

#line #main .box h3 {
  height: 40px;
  background-size: auto 100% !important;
}

#line #main .box h4 {
  line-height: 1.2;
  font-size: 18px;
  padding: 0 0 5px;
  text-align: center;
  margin-top: 18px;
  margin-bottom: 5px;
  font-weight: bold;
}

#line #main .btn {
  width: 90%;
}

/*フッターjcarousel*/
#charm {
  width: 960px;
  height: 170px;
  margin: 0 auto;
  line-height: 1.3;
  position: relative;
  overflow: hidden;
}

#charm p {
  font-size: 90%;
  margin: 3px;
}

/* jcarousel SP表示調整
-------------------------------- */
#charm {
  width: 100%;
  height: 160px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
  width: 224px;
  margin: 0 auto;
  padding: 0 34px;
}
.jcarousel-skin-tango_n .jcarousel-container-horizontal {
  width: 224px;
  margin: 0 auto;
  padding: 0 34px;
  box-sizing: content-box;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
  padding-top: 40px;
}
.jcarousel-skin-tango_n .jcarousel-item-horizontal {
  padding-top: 40px;
}

.jcarousel-next-horizontal,
.jcarousel-prev-horizontal {
  margin-top: 20px;
}

/* ranking */
#ranking #title {
  padding: 20px 0;
  margin-bottom: 0;
}

#ranking #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#ranking #main .box h2 {
  height: 40px;
  background-size: auto 100% !important;
}

#ranking #main .inner {
  padding: 0 10px;
}

#ranking #main .box {
  padding: 40px 0;
}

#ranking .ranking dl {
  font-size: 18px;
}

#ranking .rank-award-box {
  margin: 0 auto;
  width: 100%;
}

#ranking .rank-award-box li {
  width: 48%;
  float: left;
  margin-right: 2%;
  text-align: center;
}

#ranking .rank-award-box li:nth-child(2n) {
  margin-right: 0;
}

#ranking #main .gallery h2 {
  height: 20px;
}

#ranking .message p {
  font-size: 20px;
  width: 100%;
  max-width: 400px;
}

#ranking .plan .img {
  margin: 20px auto 20px;
  width: 100%;
  max-width: 400px;
}

#ranking #main .btn_area {
  box-sizing: border-box;
  padding: 20px 10px;
  width: 100%;
}

#ranking #main .recomend.catch h2 {
  height: 40px;
  background-size: auto 100% !important;
}

/* contact */
/* fair
_________________________________ */
/* #contact #title {
  padding: 20px 0;
}

#contact #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#contact #main .inner {
  margin: 0 15px;
}

#contact table {
  border-spacing: 0;
}

#contact th,
#contact td {
  display: block;
  text-align: left;
}

#contact .f3 {
  width: 100%;
}

#contact #main .submit input {
  margin: 15px auto;
} */

#contact #title,
#webform #title, #attended_form #title, #drink_bar #title {
  padding: 20px 0;
}

#contact #title h1,
#webform #title h1, #attended_form #title h1, #drink_bar #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

/*
* news
**/

#news #title {
  padding: 20px 0;
}

#news #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#news #title h1.single-news-title {
    margin: 0;
    background: none;
    height: auto;
    padding: 0px 10px;
    text-indent: 0;
    font-size: 18px;
    text-align: left;
}

#news #main {
  padding: 20px 10px 50px;
}

#news .box {
  padding: 0;
}

.news_list li .thm {
  margin: 0 auto;
}

/* archive*/
#news .archive {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#news .archive li {
  width: 48%;
}

#news .archive li a {
  display: block;
  padding: 20px 0;
  border-bottom: none;
  border-top: 1px solid #E8E2DF;
}

#news .archive li:first-child a,
#news .archive li:nth-child(2) a {
  border-top: none;
}
#news .archive li:last-child a,
#news .archive li:nth-child(9) a {
  border-bottom: 1px solid #E8E2DF;
}

#news p.date {
  font-size: 14px;
  margin-bottom: 5px;
}

#news .archive li span.category {
  display: block;
  margin-bottom: 1em;
  width: 100%;
  font-size: 14px;
}

#news .archive li .thumb {
  width: 100%;
  margin-right: 0;
}

#news .archive li .txt {
  margin-top: 20px;
}

#news .archive li .txt h2 {
  font-size: 14px;
  text-align: inherit;
}


/**
* fair
*/
#fair #title {
  padding: 20px 0;
  margin-bottom: 0;
}

#fair #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

/* fair 詳細*/
#fair .fair-detail .fair-title {
  font-size: 22px;
}

#fair .fair-detail .box {
  padding: 30px 10px;
}

/* fair 一覧*/
#fair .tab-wrap li {
  margin: 0;
  width: 50%;
  font-size: 12px;
  padding: 15px 0px 13px;
}

#fair #content {
  width: auto;
}

#fair .tab-wrap {
  margin: 0;
}

#fair .recommend-fair .inner {
  padding: 15px;
}

#fair .recommend-fair .articlePlan li.recommend-pic div {
  width: 100% !important;
  height: auto !important;
  padding-top: 100%;
}

#fair .recommend-fair .articlePlan li.recommend-pic {
  width: auto;
  margin: 0 0 20px;
  float: none;
}

#fair .recommend-fair .articlePlan li.recommend-body {
  width: auto;
}

#fair .recommend-fair .articlePlan li.recommend-body dt {
  font-size: 18px;
}

#fair .recommend-fair .articlePlan li.recommend-body dt p.time {
  font-size: 14px;
}

/* 一覧部品 一覧、詳細共通 fairlists*/
#fair ul.fairlists li {
  width: 100%;
  float: none;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}

#fair ul.fairlists li:nth-child(even) {
  background-color: #f1f5f1;
}

#fair .fairlists {
  margin: 10px auto;
}

#fair .fairlists li:nth-child(3n+1) {
  margin-left: auto;
}

#fair ul.fairlists li a div {
  width: 40% !important;
  height: auto !important;
  padding-top: 40%;
  float: left;
}

#fair ul.fairlists li dl {
  width: 60%;
  float: right;
}

#fair ul.fairlists li dt {
  height: auto !important;
  padding: 0 0 0px 10px;
  font-size: 12px;
}

#fair ul.fairlists li .title_f {
  font-weight: 500;
  line-height: 1.4;
}

#fair ul.fairlists li .fair-date {
  white-space: inherit;
}

#fair ul.fairlists li dt+dd {
  font-size: 14px;
  padding: 5px 0px 5px 10px;
}

#fair .calendar-table {
  width: auto;
  float: none;
  margin: 0 auto 15px;
}

#fair #calendar .btn-wrap .btn {
  width: 90%;
}

#fair .fair-intro-wrap {
  width: 90%;
  min-width: 1px;
  padding: 0;
  margin: 0 auto;
}

#fair .image {
  position: relative;
}

#fair .image div {
  width: 100% !important;
  height: auto !important;
  padding-top: 100%;
}

#fair section.fair-content-wrap {
  width: 90%;
  margin: 0 auto;
}

#fair .fair_contents-col-wrap {
  padding: 0;
}

#fair .fair_contents-col-wrap {
  padding: 0 0 10px !important;
  margin-bottom: 20px;
}

#fair .col-wrap {
  -webkit-column-count: 1;
  /* Chrome, Safari, Opera */
  /* Firefox */
  column-count: 1;
}

#fair .fair_contents-col-wrap .image {
  float: left;
  margin-right: 10px;
  width: 100px;
  height: 100px;
}

#fair .fair_contents-col-r-wrap p.title {
  font-size: 16px;
  line-height: 1.4;
}

#fair .fair_contents-col-r-wrap p.text {
  font-size: 12px;
}

#fair .contact-reservation {
  width: 90%;
  margin: 0 auto;
}

#fair .part-table {
  text-align: center;
}

#fair .fair-outer {
  margin: 30px auto;
  height: auto;
}

#fair .fair-inner {
  height: auto;
}

#fair .fair-inner .title {
  position: relative;
  width: 40%;
  display: inline-block;
  font-size: 16px;
  left: 0;
  text-align: center;
}

#fair .fair-inner .select-date {
  position: relative;
  left: 0;
  background: none;
  display: inline-block;
  width: 55%;
  float: right;
  margin-right: 6px;
}

#fair #fair_detail #main .btn {
  position: relative;
  left: 0;
  margin-top: 10px;
  top: 0;
}

#fair #fair_detail #main .tel-reserve a.btn {
  width: auto;
}

#fair #fair_detail #main .btn.btn-date-reserve {
  top: 0;
}

#fair select {
  font-size: 12px;
  width: 100%;
}

/*
* fair-detail
*/
#fair .btn-reserve a {
  max-width: 200px;
  font-size: 13px;
}
#fair .fair-detail .cat_area .cat_area_slug {
  margin: 0 0.5em 0.8em;
  padding: 0.2em 0.5em;
}
/* 詳細情報 */
#fair .fair-detail .fair-table th:nth-child(1) {
  width: 30%;
}
#fair .fair-detail .fair-table th:nth-child(3) {
  width: 55%;
}
#fair .fair-detail .fair-table.box3 th:nth-child(1) {
  width: 20%;
}
#fair .fair-detail .fair-table.box3 th:nth-child(2) {
  width: 50%;
}
#fair .fair-detail .fair-table.box3 td:nth-child(2) {
  text-align: left;
}
#fair .fair-detail .fair-table.box3 th:nth-child(3) {
  width: 15%;
}
#fair .fair-detail .fair-table.box3 th:nth-child(4) {
  width: 15%;
}

/****
* anniversaire-place
****/
#anniversaire #title {
  padding: 20px 0;
}

#anniversaire #title h1 {
  height: 35px;
  background-size: auto 100%;
  margin: 0;
}

#anniversaire #main img {
  width: 100%;
  display: block;
  margin: 0 auto;
}

#anniversaire .btn a {
  color: #fff;
  text-decoration: none;
}

#anniversaire div.section_bnr.section_detail {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

#anniversaire .catch_anniversary {
  padding: 5% 0;
}

#anniversaire #main .textbox {
  width: 100%;
}

#anniversaire #main .flex-control-nav {
  right: 10px;
}

#anniversaire #main .inner .slidebox {
  width: 100%;
}

#anniversaire #main .inner .slidebox img {
  width: 100%;
}
#anniversaire #message .txt{
  padding: 0 10px 50px;
}
#anniversaire #place_plan .inner{
  padding: 0px 10px;
}

#anniversaire #place_plan dl {
  text-align: center;
}

#anniversaire #place_plan dt {
  background-color: #000;
  color: #fff;
  width: 50%;
  margin: 30px auto;
}

#anniversaire #place_plan h3 {
  text-align: center;
  font-size: 24px;
  color: #403109;
  font-family: 'Noto Serif JP', serif;
  padding: 40px 0 20px;
}

#anniversaire #place_plan .price_line {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 100%;
  margin: 50px auto;
  padding: 10px 0;
}

#anniversaire #place_plan .plan_txt {
  width: 100%;
}

#anniversaire #place_plan .plan_img img {
  width: 100%;
}

#anniversaire #place_plan .reserve_txt {
  padding: 50px 0;
  width: 100%;
  margin: 0 10px;
}

#anniversaire #eternal .inner{
  padding: 10px 0;
}

#anniversaire #eternal .slick {
  margin: 50px auto;
  width: 100%;
}

#anniversaire #eternal .slick img {
  height: auto;
  width: 100%;
}

#anniversaire #eternal .slick .slick-prev {
  left:2%;
}
#anniversaire #eternal .slick .slick-next {
  right: 2%;
}

#anniversaire .anniver_plan th {
  padding: 5px 5px 0 0;
  width: 50px;
}

#anniversaire .anniver_plan td {
  width: 70%;
  font-size: 14px;
}

/****
* measure
****/
#measure #main {
  padding: 20px 10px 50px;
}
#measure #title h1 {
  margin: 0 auto;
}
#measure #title {
  padding-top: 30px;
}
#measure #main .date {
	margin-bottom: 20px;
}
#measure #main h2{
	font-size: 18px;
}
#measure #main .corona_nav li{
	font-size: 12px;
}
#measure #main .corona_nav li span{
	display: block;
}
.corona_content_wrap .corona_content_item{
	display: block;
}

.corona_content_wrap .corona_content_item p{
	width: 100%;
}

.corona_content_wrap .corona_content_item ol{
	width: 100%;
}

.corona_content_wrap .corona_content_item p img{
	width: 100%;
	height: 150px;
}

#measure .flex .item {
	width: 100%;
}

#measure .youtube iframe {
	width: 300px;
    height: 169px;
}
#present_cp #title h1 {
    background: url(../img/contact/ttl_present_cp.svg) center center no-repeat;
    background-size: 350px;
}

.w320 li {
  box-sizing: content-box;
}