@charset "utf-8";

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

default

--------------------------------------------------------------------*/	
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%;
   vertical-align:top;
   background: transparent;
   font-style: normal
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
time {
  display: block; }

ol,
ul {
  list-style: none; }

a{text-decoration: none; color:#e3859b; transition: 0.3s}
a:hover{ color:#E9B6B6; }
html{scroll-behavior: smooth;}
html,body {
 overflow-x: hidden;
 }

.borderr{border-radius: 30px}

.goshi{font-family:'Zen Kaku Gothic Antique', sans-serif; font-weight:500 }
.en {font-family: 'Comfortaa', sans-serif;}
.imp{font-weight: bold}
.pink{color:#f38b7b }
.blue{color: #3b7fcb}
.green{color:#5dbcbb}

.thinright{    padding-top: 7%;
    display:inline-block;
    width: 70px;
    text-align:center;
    color:#c3985f;
    cursor:pointer;
    position: relative;
    text-decoration: none;
}
.thinright::after{
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    width: 40px;
    height: 8px;
    border: none;
    border-right: 2px solid #c3985f;
    border-bottom: 1px solid #c3985f;
    transform: skew(45deg);
    transition: .3s;
}
.thinright:hover::after{
    width: 60px;
}



/* フェードイン　*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.marker-animation.active{
    background-position: -100% .5em;
}
 
.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,242,94) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,242,94) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,242,94) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,242,94) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,242,94) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
}



body{font-family: 'Zen Kaku Gothic Antique', sans-serif; color:#000; 
 font-size: 3.4666666667vw; letter-spacing: 1px; line-height:1.8; }
 body * {
  box-sizing : border-box;
}
.headbg{background:#f9d3cd; text-align: center; padding: 5% 0 4%}
.headbg h1{width: 142px; height: 142px ; margin: 0 auto; position: relative; color:#f9d3cd }
.headbg h1 img{position: absolute; left: 0; top: 0; white: 142px ; z-index: 5}
.slidbg{text-align: center}
.slidbg .meet{color: #ed9185; padding: 5px 20px; background: #fff; border-radius: 180px; font-weight: 700; display: inline-block; margin-bottom: 20px ; font-size: 3.2vw; }

/*.wrap {overflow: hidden;}*/
.wrapbown{  
  background: #fff;
  border-bottom-left-radius: 800px 200px;
  border-bottom-right-radius: 800px 200px;
  margin-left: -100px;
  margin-right: -100px;
  padding-left: 100px;
  padding-right: 100px;
}

.wrapup{    background:#fff;
 border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  margin-left: -100px;
  margin-right: -100px;
  padding-left: 100px;
  padding-right: 100px;
  padding-bottom: 200px;}


/*このクラスが付与されると表示する*/
.ftbtn .active{
  opacity: 1;
  visibility: visible;
}



/* ボタン共通設定 */
.botton{text-align: center}
.btn03{font-weight: 700; 
    /*影の基点とするためrelativeを指定*/
    position: relative;
    /*ボタンの形状*/
	text-decoration: none;
	display: inline-block;
    text-align: center;
    background: transparent;
	border-radius: 25px;
    outline: none;
    /*アニメーションの指定*/
    transition: all 0.2s ease;
}

/*hoverをした後のボタンの形状*/
.btn03:hover{
	border-color:transparent;	
}

/*ボタンの中のテキスト*/
.btn03 span {
	position: relative;
	z-index: 2;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
    /*テキストの形状*/
	display: block;
    padding: 15px 30px;
	background:#c3985f;
	border-radius: 35px;
	color:#fff;
    /*アニメーションの指定*/
    transition: all 0.3s ease; font-size: 3.7333333333vw;
}

/*== 下に押し込まれる（立体が平面に） */

/*影の設定*/
.pushdown:before {
    content:"";
    /*絶対配置で影の位置を決める*/
    position: absolute;
	z-index: 1;
    top:6px;
    left:0;
    /*影の形状*/
    width: 100%;
    height: 100%;
	border-radius: 25px;
    background-color: #e2ceb5;
}

/*hoverの際にY軸に4pxずらす*/
.pushdown:hover span {
	background-color: #c3985f;
	color: #fff;
	transform: translateY(4px);
}


.contbox{color: #fff ; text-align: center}
.contbox .wrapup{ background: #f9d3cd; margin-top: -10%; }
.contact{background:#c3985f ; margin: -120px 8% 0; padding: 10% 0 0; border-radius: 20px}
.contactbg{background: #f9d3cd; padding-bottom: 50px }
.contact h3{ font-size: 6.5vw;}
.contact ul{display: flex; justify-content: space-between; padding:5% 8% 10%}
.contact li{width: 48%}
.contact li a img{filter: drop-shadow(5px 5px 5px #856134); transition: all .2s ease-in-out; }
.contact li a:hover img{filter: none}
.contactbg .mendan{    color: #000;
    text-align: left;
    margin: 20px 8%;}


footer{background:#f9d3cd;}
footer .gara {text-align: center; color: #fff; position: relative ; font-size: 7.5vw; padding: 10% 0 ; letter-spacing: normal;
}
footer .kaiten{width: 30%; position: absolute; top: 0; left: 50%; margin-left: -15% }
footer .ftflex{ text-align: center}
footer .ftflex img{width: 40%; margin: 40px auto 0}
footer .ftr ul{padding: 20px 8% 0}
footer .ftr a{text-align: left; color: #000; display: block;  padding: 5px 0}
footer .ftrflex{background: #fff; margin: 0 8%; border-radius: 20px; padding-bottom: 20px}
footer .ftr .ftrflex-l a{font-weight: 800 ; color:#ec8878 }
footer .ftr .ftrflex-l li:nth-child(2) a{color:#5dbcbb }
footer .ftr .ftrflex-l li:nth-child(3) a{color:#3b7fcb }


.address{text-align: center}
.address address{margin-bottom: 10px}
.address small{padding: 30px 0 100px; display: block}


/* シングルページ */
.container-single{ background: #f9d3cd; padding-bottom: 60px}
.container-single h1{padding: 20px 30px; color: #fff; font-weight: 900; text-align: center; font-size: 5.3333333333vw;}
.container-single .singlebox{background: #fff; border-radius: 20px; margin: 0 5%; padding: 40px 8%;}

/*価格のtable */
.allprisub{text-align: center; padding: 20px 0 5px}
.priceall{width: 100%; text-align: left; letter-spacing: 1.3}
.priceall th{width: 65%; background:#fdf2f0; padding: 10px}
.priceall td{width: 35% ; border: 1px solid #f9d3cd; text-align: right; padding: 10px ; vertical-align: middle;}


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

.kijiBox

-------------------------------*/
.kijiBox .hh1{font-size:clamp(1rem, 0.821rem + 0.89vw, 1.25rem); border-left: solid 5px #ed9185; padding:0 0 10px 10px; border-bottom: solid 1px #ed9185; font-weight: 700 }
.kijiBox .hh2{font-size:clamp(1rem, 0.821rem + 0.89vw, 1.25rem); border-bottom: solid 1px #ed9185; padding-bottom:10px; font-weight: 700}
.kijiBox .hh2:before{ content:none}

.kijiBox .style3b { margin:3em 0 1.5em; padding:1.1em .9em 1em; font-size:clamp(1rem, 0.821rem + 0.89vw, 1.25rem); border-top:2px solid #ed9185; border-bottom:1px solid #ddd; background:#fafafa; box-shadow:0px 1px 2px #f7f7f7; font-weight: 600}

.kijiBox .style4a { margin:2.5em 2px 1.2em; padding:.3em 0 .3em .8em; font-size:clamp(1rem, 0.821rem + 0.89vw, 1.25rem); border-bottom:none; border-left:2px solid #ed9185; font-weight: 700}

.kijiBox .balloon { position:relative; display:block; margin:20px 0 22px; padding:.5em 18px .5em; width:auto; min-width:115px; color:#fff; text-align:left; font-size:16px !important;font-weight: 700; background:#ed9185; z-index:0; border-bottom:0; }
.kijiBox .balloon:after { content:""; position:absolute; bottom:-10px; left:30px; margin-left:-10px; display:block; width:0px; height:0px; border-style:solid; border-width:10px 10px 0 10px; border-color:#ec8878 transparent transparent transparent; }

.kijiBox .style5a {  padding:.5em .8em .3em 1em; font-size:16px !important; background:#f5f5f5; box-shadow:0px 2px 0px 0px #f2f2f2; }
.kijiBox .style5b {  padding:.5em .8em .4em 1em; font-weight:400; font-size:16px !important; color:#fff; background:#ed9185; border-radius:4px; box-shadow:0px 2px 0px 0px #f2f2f2; }

.kijiBox .well { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); }
.kijiBox .well2 { margin:1em 0 30px; padding:1em 1.5em; line-height:2; border:1px solid #cdcdcd; background:#fcfcfc; box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); }
.kijiBox .well3 { margin:2em 0 2.5em; padding:1em 1.5em;line-height:2.0; border:1px dashed #cdcdcd; background:#fcfcfc;  box-shadow: 0 1px 3px 0 rgba(195,195,195,0.3); }

.kijiBox a.q_button{padding:15px 40px; border-radius:30px; background:#ffc600;  font-size:16px; color:#fff !important} 
.kijiBox a.q_button:hover{background: #ec8878 } 



.kijiBox li a {color:#e99bb2; text-decoration:underline}
.kijiBox li a:hover {color:#3b3134}
.kijiBox li h3{ font-size:0.15rem; line-height:1.8em;}
.kijiBox li{ width:auto; float:none; margin-right:0; margin-bottom:0px;  }
.kijiBox li:last-child{ margin-bottom:0px}
.kijiBox li:nth-child(even){ margin-right:0px}
.kijiBox ul li{ list-style: disc}
.kijiBox ul,.kijiBox ol{ margin-left:20px}
.kijiBox ol li{ list-style:decimal}

.kijiBox strong{ font-weight:900}
.kijiBox strong span{ font-weight:900}
.kijiBox .youtube{position: relative;
height: 0;
margin: 40px 0 10px;
padding: 30px 0 56.25%;
overflow: hidden;
}
.kijiBox .youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


@media screen and (max-width: 639px) {

.smtno{display: none !important}
img{width: 100%; height: auto}
body{  
 font-size: 3.4666666667vw;
}
#header h1 a{color:#f9d3cd !important }
header nav{position: relative; z-index: 98}
.scroll-prevent {
  /*動き固定*/
  position: fixed;
  /*奥行きを管理*/
  z-index: -1;
  /*下2つで背景を元のサイズのまま表示することができる*/
  width: 100%;
  height: 100%;
}
/* Nav styles */
.menu ul {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    padding: 0;
	margin: 0;
	position: fixed;
	top: -100vh;
	left: 0;
	width: 100vw;
}
.menu li {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform .3s ease-in-out;
}

.menu li a {background: #f5b7ad; width: 100%;
    color: #fff; display: block;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
}

.menu li a:hover {
    text-decoration:none
}

.menu li:nth-of-type(2) {
    transition-delay: .025s;
}

.menu li:nth-of-type(3) {
    transition-delay: .05s;
}

.menu li:nth-of-type(4) {
    transition-delay: .075s;
}

.menu li:nth-of-type(5) {
    transition-delay: .1s;
}

.menu.open li { text-align: center;
    transform: translateY(100vh);
}
.menu ul {
        flex-direction: column;
		top: 0;
		left: -100vw; 
}

.menu li img{height: auto; width: 25%}
.menu li a{border-bottom: 1px dashed #d5be98; background: #fff; color: #000;
     width: 100vw; display: table; font-size: 4vw; padding: 10px 0
    }
.menu li:first-child a{padding: 30px 0}
.menu li:nth-child(2) a,.menu li:nth-child(3) a,.menu li:nth-child(4) a{ font-size: 4.8vw;}
.menu li:nth-child(2) a{color:#ec8878 }
.menu li:nth-child(3) a{color:#5dbcbb }
.menu li:nth-child(4) a{color:#3b7fcb }


.menu li p{ vertical-align: middle; font-weight: 900}

.menu.open li {
        transform: translateX(100vw); 
    }
.menu.open li span{display: block; font-size: 4vw;}

/* Hamburger menu */
.hamburger {
    background-color: #fff;
    border-radius: 50%;
    position: fixed;
    top: 20px;
    right: 5%;
	border: 0;
	cursor: pointer;
    width: 40px;
    height: 40px; z-index: 990 ; box-shadow: 0 5px 10px 0 rgba(212, 170, 164, .8);
}

.hamburger:focus {
	outline: 0;
}

.hamburger .line {
	background-color: #000;
	display: block;
	margin: 4px auto;
	height: 2px;
	width: 20px;
	transition: all .1s ease-in;
}

.hamburger.open .line:nth-child(1) {
	transform:translateY(6px) rotate(45deg) ;
}

.hamburger.open .line:nth-child(2) {
	opacity: 0;
}

.hamburger.open .line:nth-child(3) {
	transform:translateY(-6px) rotate(-45deg) ;
}

.f30 {
  font-size: 30px;
  font-size: 8vw;
}

.f20 {
  font-size: 20px;
  font-size: 5.3333333333vw;
}

.f18 {
  font-size: 18px;
  font-size: 4.8vw;
}

.f16 {
  font-size: 16px;
  font-size: 4.2666666667vw;
}

.f15 {
  font-size: 15px;
  font-size: 4vw;
}

.f14 {
  font-size: 14px;
  font-size: 3.7333333333vw;
}


.f12 {
  font-size: 12px;
  font-size: 3.2vw;
}

.f11 {
  font-size: 11px;
  font-size: 2.9333333333vw;
}

.f10 {
  font-size: 10px;
  font-size: 2.6666666667vw;
}



.kotei{border-radius: 20px 20px 0 0;
  position: fixed;
  background: #c3985f; color: #fff; padding: 10px 0 0;
  bottom: 0; font-weight: 700; box-shadow: 0px -5px 10px 0 rgba(212, 170, 164, .8);
  transition: .3s;
  width: 96%; margin: 0 2%;
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
  z-index: 88; text-align: center; 
}
.ftbtn .active .mou{font-size: 13px}
/*このクラスが付与されると表示する*/
.ftbtn .active{
  opacity: 1;
  visibility: visible;
}
.kotei ul{display: flex; justify-content: space-between; padding:0 8% 10px ; margin-top: 5px}
.kotei li{width: 38%}
.kotei li:last-child{width: 20%}
.kotei li a{display: block; background: #fff; border-radius: 360px ; font-size: 2.9333333333vw; color: #c3985f; font-weight: 700; padding: 8px 0; letter-spacing: 0; line-height: 1.2 ;box-shadow: 0 5px 10px 0 rgba(184, 144, 90, .8);}
.kotei li a img{width: 25%; vertical-align: middle}
.kotei li.en a{vertical-align: middle; padding: 10px 0 8px ; } 

}


@media screen and (min-width: 640px) {
#pagetop{min-width: 1100px}

body{ font-size:14px; min-width: 1100px ; }
img{height: auto}
.pcno{display: none !important}

.kijiBox img{width: auto;
max-width: 100%;
min-width: auto;
height: auto;
max-height: none;
min-height: auto}

.btn03 span{font-size: 28px}

/*価格のtable */
.allprisub{font-size: 15px}
.priceall{max-width: 600px; margin: 0 auto}
.priceall th{font-size: 18px}
.priceall td{font-size: 16px}
.tax{font-size: 15px ;max-width: 600px; text-align: right; margin: 0 auto ; margin-bottom: 50px;}



.headbg{padding: 0 0 30px}
#header{background: #fff; margin: 0 auto; width: 90%; min-width: 1100px ; border-radius: 0 0 60px 60px ; box-shadow: 0 5px 10px 0 rgba(212, 170, 164, .3); padding: 20px 55px; min-height: 175px; font-size: 18px}
.headbg h1{position: absolute; }
.headbg h1 img{width: 142px ; top: -10px;}
.headbg button{display: none}
#header a{color: #000; font-weight: 700}
#header h1 a{color: #fff !important}
#header .pcmenu{width: 650px;
    margin:0 0 15px auto;
    display: flex;
    justify-content: space-between;
}
#header .pcmenu li{width: 20%}
#header .pcmenu li:nth-child(3){ width: 40% ; padding-left: 12px;}

#header .pcmenu a{display: block}
#header .pcmenu a:hover{color: #c3985f}
#header .menu ul{    width:80%; padding: 12px 0 15px 2.5%; line-height: 1.6;
    margin: 0 0 0 auto;
    background: #fdf2f0;
    border-radius: 180px; display: flex; justify-content: space-between}
#header .menu ul li { width: 33%;}
#header .menu ul li a{display: block; color: #ec8878 ; font-weight: 900;}
#header .menu ul li a:hover{color: #c3985f !important}
#header .menu ul li:nth-child(3) a{color: #5dbcbb; margin-left: 8%;}
#header .menu ul li:nth-child(4) a{color: #3b7fcb}
#header .menu ul li a span{display: block; font-size: 14px; color:#c3985f }



.firsttext{font-size: 59px; color: #fff; margin-bottom: 20px ; line-height: 1 ; letter-spacing: 3px}
.firsttext span{font-size: 35px ; display: inline-block; padding-top: 25px;}
.slidbg .meet{padding: 1px 50px; font-size: 16px ; margin-bottom: 30px}


.contbox .wrapup{margin-top: -50px;}
.contact {
    background: #c3985f;
    margin: -120px auto 0;
    padding:20px 100px 0;
    border-radius: 360px;
    width: 1100px; display: flex; justify-content: space-between
}
.contact h3 { font-size: 40px; text-align: left; padding-top: 40px}
.contact .text01 { font-size:16px; text-align: left}
.contact .contl{width: 510px; padding-bottom: 65px;}
.contact ul{padding: 0 ; width: 388px}
.contact li a img{width: 180px}

.contactbg{ padding-bottom: 30px;}
.contactbg .mendan{    margin: 20px auto;
    width: 1100px;
    padding-left: 100px;}
footer .kaiten { width: 148px; margin-left: -74px ; top: auto}
footer .gara{padding: 0px 0 15px;}

footer .footerbox{    background: #fff;
    margin: 0 auto;
    width: 90%;
    min-width: 1100px;
    border-radius: 60px 60px 0px 0;
    box-shadow: 0 -5px 10px 0 rgba(212, 170, 164, .3);
    padding: 20px 30px 0 55px;
    min-height: 175px;
    font-size: 18px; 
}
footer a:hover{color: #c3985f}
footer .ftr .ftrflex-l a:hover , footer .ftr .ftrflex-l li:nth-child(2) a:hover , footer .ftr .ftrflex-l li:nth-child(3) a:hover{color: #c3985f}


footer .ftflex{display: flex; justify-content: space-between; flex-direction: row-reverse ;align-items: flex-start;}

footer .ftflex .ftr{width:740px ; padding-top: 20px; }
footer .ftflex img{width:142px ; margin: 20px 0 0; }
footer .ftr ul {padding: 0;}

footer .ftrflex{display: flex ; justify-content: space-between; margin: 0}
footer .ftrflex .ftrflex-l{width: 278px}
footer .ftrflex .ftrflex-r-flex{width: 456px ;display: flex ; justify-content: space-between; font-size: 15px;
    font-weight: 700;}
footer .ftrflex .ftrflex-r-flex ul{width: 228px}
footer .ftrflex .ftrflex-r-flex ul:nth-child(2){width: 228px}
.address address {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6; text-align: left
}
.address small{padding: 0 0 30px ; letter-spacing: normal;
    margin-top: -35px; font-size: 12px}


.kotei{
  position: fixed; 
  top: 5%;
  transition: .3s;
  width:auto;
  z-index: 88; text-align: center; height: 350px;
  right: 0; background: #c3985f; font-size: 18px; border-radius: 180px ;padding:20px 5px 20px 8px;
      box-shadow: 0 5px 10px 0 rgba(212, 170, 164, .8);
}
.kotei .mou{-ms-writing-mode: tb-rl; color: #fff; font-weight: bold;
	writing-mode: vertical-rl; padding-left: 15px; text-align: left; line-height: 1.4}
.kotei .mou .kaigyou{display: block ; font-size: 15px;}
.kotei .mou i{transform: rotate(-90deg); display: inline-block; padding-top: 4px}
	.kotei .mou em{margin-top: -3px}
.kotei ul{display:block; padding:10px 5px}
.kotei li{width:auto; margin-bottom: 10px}
.kotei li:last-child{width: 20%}
.kotei li a{display: block; background: #fff; border-radius: 360px ; color: #c3985f; font-weight: 700; padding: 10px; letter-spacing: 0; line-height: 1.2 ;box-shadow: 0 5px 10px 0 rgba(184, 144, 90, .8);}
.kotei li a:hover{  opacity: 0.7;}
.kotei li a img{width: 36px; vertical-align: middle ;}
.kotei li.en a{vertical-align: middle; padding: 0; } 
.kotei .toppage a{background: #c3985f ;  color:#fff; font-size: 30px ; display: block; border-radius: 180px; padding: 6px 10px; box-shadow: 0 5px 10px 0 rgba(212, 170, 164, .8);}
.kotei .toppage a:hover{background:#e2ceb5 }



.container-single .singlebox{padding: 90px 0 55px;
    width: 1100px;
    margin: 0 auto;
    margin-bottom: 50px;}
.container-single .singleboxin{width:880px; margin: 0 auto}
.container-single h1{font-size: 59px ; font-weight: 700; margin-bottom: 30px; padding: 0 ; line-height: 1;}

}