@charset "UTF-8";
/* CSS Document */

html{font-size: 62.5%;}
body{
	font-family: Arial, Helvetica, "sans-serif";
	font-feature-settings: "palt";
	letter-spacing: 0.06em;
	background-color: #faf0e6;
}

a {text-decoration: none;}
a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { color: #b22222;}

.bothfin {
	clear: both;
	height: 0px;
}
hr.style1{
	border-top: 1px solid #8c8b8b;
}

img {
	max-width: 100vw;
	height: auto;
}

#wrapper {
	display: flex;
	max-width: 1000px;
	min-width: 650px;
    margin: 0 auto;
	padding: 0 20px;
    box-sizing: border-box;
}

#header{
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    width: 1000px;
	height: 300px;
	text-align: center;
}
#main{
	width: 70%;
	margin: 0;
	float: right;
	padding-left: 20px; 
	margin: 0 auto 0;
	font-size: 1.6rem;
	text-align: center;
}

.flexbox {
     display: flex;
 }
 .box1 {
     width: 57%;
     margin: auto;
 }
.box1 img{
	margin-bottom: 10px;
}
 .box2 {
     width: 43%;
     margin: auto 2rem;
 }
.flexbox>p{
    width: 49%;
}
p.side_text {
	vertical-align: top;
	color: dimgray;
	margin-left: 10px;
	font-size: 1.5rem;
}
 @media screen and (max-width: 651px) {
     .flexbox {
         display: block;
     }
     .flexbox .box1 {
         width: 100%;
         margin: 0 auto;
     }
     .flexbox .box2 {
         width: 100%;
         margin: 0 auto;
     }
 }

/*serviceの見出し*/
.heading02 {
	position: relative;
	font-size: 2.5rem;
	text-align: center;
	border-bottom: 5px solid #dddddd;
}
.heading02::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #387ccc;
}

/*daysの見出し*/
.heading04 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.7rem;
	text-align: center;
}
.heading04::before,
.heading04::after {
	content: '';
	width: 3px;
	height: 30px;
	background-color: #3fc1c9;
}
.heading04::before {
	margin-right: 28px;
	transform: rotate(-35deg)
}
.heading04::after {
	margin-left: 28px;
	transform: rotate(35deg)
}

/*questionの見出し*/
.heading12 {
	position: relative;
	font-size: 26px;
}
.heading12::before {
	content: attr(data-number);
	display: inline-block;
	margin-right: 20px;
	color: #498ee0;
	font-size: 30px;
	border-bottom: 1px solid #498ee0;
}


#main h3 {
    font-size: 2.2rem;
    margin: 0 10px 15px 15px;
    font-weight: 600;
    color: #4682b4;
    line-height: 1.5;
    padding-top: 0;
    font-family: "tbchibirgothicplusk-pro", sans-serif;
}

span.price {
    font-size: 1.8rem;
    margin-left: 30px;
    color: #808000;
}
span.price_sab {
    font-size: 1.3rem;
	color: #696969;
}


#main p{
	padding: 0 20px;
}
#main .main_img {
    width: auto;
	padding: 10px 0;
}
#main .main-block-full{
	width: auto;
	z-index: 2;
    max-width: 100vw;
	background-color: #696969;
	margin:0 -200%;
	padding:0 200%;
	color: white;
	line-height: 1.6em;
}
#main .main-block-full h2{
	font-size: 2.4rem;
	line-height: 1.5em;
	padding: 25px 8px;
}

.button {
	width: 200px;
	color: black;
	/*border: solid 7px #696969;左側の線*/
	background: #ffe033;/*背景色*/
	border-radius: 20px;/*角だけ丸く*/
	padding: 13px 8px;
	margin:0 0 20px 17px;
	text-align: center;
	list-style-type: none!important;
}

#sidebar{
	width: 30%;
	float: left;
	z-index: 10;
	font-size: 1.5rem;
	background-color: #000000;
}
#sidebar p{
	font-size: 1.4rem;
	margin: 8px 20px 20px 20px; 
}
#sidebar ul img{
	padding-bottom: 1.0rem; 
}

/* サイドバーのメニュー付箋風 */
#sidebar ul, ol {
	padding: 0;
	position: relative;
	margin: 20px;
}
#sidebar ul li, ol li {
	color: black;
	font-weight: bold;
	border: solid 6px #696969;/*左側の線*/
	background: #000000;/*背景色*/
	margin-bottom: 18px;/*下のバーとの余白*/
	line-height: 1.5;
	/*border-radius: 0 4px 4px 0;右側の角だけ丸く*/
	padding: 0.8em;
	list-style-type: none!important;
}


#footer{
	width: 100%;
	height: auto;
	text-align:center;
	font-size: 1rem;
	line-height:2em;
	margin: 30px 0 0 0;
	padding: 30px 0;
}



@media screen and (max-width: 651px) {
 #wrapper {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  min-width: initial;
 }
#header{
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
	text-align: center;
	height: 420px;
}
.imgroll{
	width: auto;
    max-width: 100vw;
    margin: 0 auto ;
}
#main {
	width: 100%;
	margin: 0 auto 0;
	text-align: center;
 }
#main .main-block-full{
	width: auto;
    max-width: 100vw;
	background-color: #696969;
	margin: 0;
	padding: 0;
	color: white;
	line-height: 1.6em;
}
#main p{
	padding: 0;
}
.days p{
    width: 100%;
}
.button {
	width: auto;
    max-width: 100vw;
	color: black;
	background: #ffe033;/*背景色*/
	border-radius: 20px;/*角だけ丸く*/
	margin:0 auto 13px;
	text-align: center;
	list-style-type: none!important;
}	
 #sidebar {
	width: 100%;
	margin: 10px auto 0;
 }
 .pc_only {
  display: none;
 }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* パソコンで見たとき"sp"のclassがついたsectionが表示されない */
@media (min-width: 650px) {
.sp_only {
  display: none;
 }
}

/* スマホの時だけ改行させるクラス */
.br-sp {
    display: none;
}
 
@media (max-width: 651px) {
    .br-sp {
        display: block;
    }
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 650px) {
    img { max-width: 100%; }
    .pc { display: none !important; }
    .sp { display: block !important; }
}

#insta_box{
	width: 100%;
	height: auto;
	margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
	display: flex;
	justify-content: center;
}
.insta_btn3 {/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 14px;/*角丸に*/
  position: relative;
  display: block;
  height: 190px;/*高さ*/
  width: 100%;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  padding-top: 38px;/*上側との余白*/
  box-sizing: border-box;
  font-size: 1.4rem;/*文字のサイズ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}
.insta_btn3:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}
.insta_btn3 div {
  position: relative;
}
.insta_btn3 .fa-instagram {
    font-size: 90px;/*アイコンサイズ*/
    position: relative;
    display:inline-block;
    position: relative;
    transition: .5s
}
.insta_btn3 .fa-instagram:hover {/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

/*トップイメージアニメーション*/
.imgroll{
	position: relative;
	width: auto;
    max-width: 100vw;
    box-sizing: border-box;
	margin: 0 calc(50% - 50vw);
	height: 500px;
    margin: 0 auto 20px;
	overflow: hidden;
}
.image {
	position: absolute;
	width: 100%;
  z-index:10;
  top: 0;
  left: 0;
  opacity: 0;
	animation: change-img-anim 40s infinite;
}
.image:nth-of-type(1) {
	animation-delay: 0s;
}
.image:nth-of-type(2) {
	animation-delay: 10s;
}
.image:nth-of-type(3) {
	animation-delay: 20s;
}
.image:nth-of-type(4) {
	animation-delay: 30s;
}
.image:nth-of-type(5) {
	animation-delay: 40s;
}
@keyframes change-img-anim {
	0%{ opacity: 0;}
	15%{ opacity: 1;}
	25%{ opacity: 1;}
	30%{ opacity: 0;}
	100%{ opacity: 0;}
}

#gl_cont {
    box-sizing: border-box;
    margin-top: 30px;
	margin-inline: auto;
    padding-bottom: 10px;
}
#global_wrap {
    padding: 20px 0 0 0;
}
#global {
    box-sizing: border-box;
    width: auto 0;
    height: 60px;
    margin: 0px auto 0;
    padding: 0 ;
    /* overflow: hidden; */
    clear: both;
}
#global li.global_main_li {
    /* font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
    font-size: 1.4em;
    margin: 0;
    color: #422f2a;
    position: relative;
    text-align: center;
    display: inline-block;
}
#global li.global_main_li .global_main_link {
    margin-left: 8px;
    padding: 4px 22px 0;
    color: #302c2e;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#global li.global_main_li:before {
    content: "";
    display: block;
    position: absolute;
    height: 30px;
    top: 0px;
    border-left: 1px solid #898989;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}
#global li.global_main_li:first-child:before {
    content: "";
    border-left: none;
}
#global li.global_main_li .global_main_link .global_nav_name {
    margin-top: 6px;
    color: #544c4c;
    line-height: 1.0em;
    display: block;
    font-size: 10px;
    font-family: TheanoDidot-Regular, "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#global ul {
    list-style: none;
    text-align: center;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
#global ul {
    list-style: none;
    text-align: center;
}
#gl_cont h2#main_text {
    margin: 25px auto 25px;
    font-size: 1.5rem;
    line-height: 1.0em;
    text-align: center;
}


.mainbar {
    height: 250px;
    background-image: url(../image/question01.jpg) no-repeat center !important;
    background-size: cover !important;
}

a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}