@charset "UTF-8";
/*==========
Theme Name: MUKU
Theme URI: https://muku94.com/
Description: 鍼灸・整体MUKUのテーマ
Author: moumuumow
Author URI: https://moumuumow.com
Version: 1.0
==========*/

/*======================================================================
  Reset CSS
======================================================================*/
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, t, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, main, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
    display: block;
}

ul {
    list-style:none;
}

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;
}

img {
	vertical-align: bottom;
    line-height: 1;
	width: 100%;
	height: auto;
}

/*======================================================================
  basic
======================================================================*/
html, body{
    box-sizing: border-box;
    height: 100%;
}

body {
	width: 100%;
    background-color: #f7f3eb;
    line-height: 1.8;
    font-family: Helvetica, Arial, "Droid Sans", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    font-size: 16px;
    color: #8c6754;
    -webkit-font-smoothing: antialiased;
}

h2, h2 a,
h2 span {
	font-weight: bold;
	font-size: 32px;
	color: #8c6754;
}

h3, h3 a, h4, h4 a, h4 span, h5, h5 a, h5 span {
	font-weight: bold;
	font-size: 24px;
	color: #8c6754;
}

p { line-height: 1.8;}

a { text-decoration: none; color: #8c6754}

/* mouseover - opacity */
a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
	transition: opacity 680ms;
}

a span:hover {
	transition: all 500ms 0s ease;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

a:hover img {
	transform: scale(1.05);
	transition: 680ms;
}

a img {
	transition: 420ms;
}

/*======================================================================
  block class
======================================================================*/

.raleway {
	font-family: 'Raleway', sans-serif;
}

.gothictype {
	font-family: Helvetica, Arial, "Droid Sans", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}

.flexstyle {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}

.imgbox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	overflow: hidden;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-around;
}

.boxshadow {
	-webkit-box-shadow: 0 0 10px 5px rgba(140,103,84,0.1);
	box-shadow: 0 0 10px 5px rgba(140,103,84,0.1);
}

.boxshadow2 {
	-webkit-box-shadow: 0 0 10px 5px rgba(140,103,84,0.2);
	box-shadow: 0 0 10px 5px rgba(140,103,84,0.2);
	transition: 0.8s;
}

.pcnone {
	display: none;
}

/* breadcrumbs */
.breadcrumbs {
	padding: 5px 0 5px 10px;
	font-size: 12px;
}

.breadcrumbs span {
	padding: 0 5px;
}

.breadcrumbs span:first-child {
	padding: 0 5px 0 0;
}

.breadcrumbs span a {
	font-weight: bold;
	color: #5DA6A5;
}

/*======================================================================
  header
======================================================================*/

#loaderbg {
	display: none;
	width: 100%;
	height: 100%;
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	background: #f7f3eb;
}

#loader {
	display: none;
	position: fixed;
	width: 100%;
	align-items: center;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	text-align: center;
	z-index: 1001;
	background: #f9dfb1; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f9dfb1 0%, #f2cdb8 35%, #f2cdb8 65%, #f9b6b1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #f9dfb1 0%,#f2cdb8 35%,#f2cdb8 65%,#f9b6b1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #f9dfb1 0%,#f2cdb8 35%,#f2cdb8 65%,#f9b6b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9dfb1', endColorstr='#f9b6b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	opacity: 0;
}

#loader div {
	margin: auto;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	text-align: center;
	width: 300px;
	height: 225px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.appeare {
	visibility: hidden;
}

.navigation {
	background: #f2cdb8;
	padding: 10px;
	background: #f2cdb8; /* Old browsers */
	background: -moz-linear-gradient(-30deg,  #f2cdb8 5%, #dbaa9c 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-30deg,  #f2cdb8 5%,#dbaa9c 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(150deg,  #f2cdb8 5%,#dbaa9c 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2cdb8', endColorstr='#dbaa9c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	background: url("images/kahoppe_l.jpg");
	-webkit-background-size: cover;
	background-size: cover;
}

.headlogo {
	width: 20%;
}

.headlogo a {
	display: block;
	width: 172px;
}

.navigation nav {
	width: 58%;
}

#menu-gnav {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-start;
}

#menu-gnav li {
	padding: 0 20px;
}

.navigation nav ul {
	justify-content: space-around;
}

.navigation nav ul li a {
	font-size: 14px;
}

.headnavi {
	width: 20%;
	justify-content: flex-end;
}

.telbox {
	padding: 8px;
	background: #F2CDB8;
	border-radius: 5px;
}

.telboxp {
	background: url("images/telicon.png") no-repeat left center;
	-webkit-background-size: contain;
	background-size: 30px 30px;
	padding-left: 35px;
	font-size: 20px;
}

.telbox + p {
	border: 2px solid #fff;
	box-sizing: border-box;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
}

.MV .imgbox {
	height: 100%;
	position: relative;
}

.MV .imgbox:before {
	content: "";
	width: 90%;
	height: 88%;
	position: absolute;
	border: 1px solid #fff;
	z-index: 70;
}

.MV .imgbox .mvcatch {
	z-index: 50;
	width: 280px;
	height: auto;
}

.MV picture  {
	position: absolute;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	-ms-align-items: center;
	align-items: center;
}

.MV picture sourse {
	width: 100%;
	height: auto;
}

/*======================================================================
  topcampaign
======================================================================*/

.topcampaign {
    max-width: 620px;
    margin: 30px auto;
}

.topcampaign .imgbox {
    width: 90%;
    margin: 0 auto;
    border-radius: 10px;
    border: 1px solid #5da5a4;
}

.tcmore {
    padding: 20px;
}

.tcmore a {
    display: block;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    background: #8dd8ca; /* Old browsers */
    background: -webkit-linear-gradient(#8dd8ca 0%, #5da6a5 100%);
    background: -o-linear-gradient(#8dd8ca 0%, #5da6a5 100%);
    background: linear-gradient(#8dd8ca 0%, #5da6a5 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dd8ca', endColorstr='#5da6a5',GradientType=0 ); /* IE6-9 */
    color: #fff;
    font-weight: bold;
}

.tcmore span {
    padding-left: 30px;
    background: url("images/arrow_3.png") no-repeat left center;
    -webkit-background-size: contain;
    background-size: contain;
}

/*======================================================================
  slist
======================================================================*/

.slist h2 {
    text-align: center;
    margin-bottom: 20px;
}

.slist .syoujoulist {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 80%;
    margin: 0 auto;
}

.slist .syoujoulist li {
    position: relative;
    width: 30%;
    margin-bottom: 4%;
    border-radius: 10px;
    overflow: hidden;
}

.slist .syoujoulist li h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 20px;
    background: #5DA68A;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
    white-space: nowrap;
    text-align: center;
}

/*======================================================================
  concept
======================================================================*/

.concept {
	padding: 120px 0 100px;
	margin-bottom: 20px;
	background: url("images/kahoppe_l.jpg");
	-webkit-background-size: cover;
	background-size: cover;
}

.concept h2 {
	margin-bottom: 40px;
	text-align: center;
	position: relative;
}

.concept h2 span {
	position: relative;
	text-align: center;
	z-index: 2;
	font-weight: normal;
}

.concept h2:before {
	content: "MUKU";
	display: block;
	font-family: 'Raleway', sans-serif;
	width: 100%;
	margin: 0 auto;
	font-size: 100px;
	font-weight: 100;
	position: absolute;
	z-index: 1;
	top: -95px;
	color: #e3bca9;
}

.concepttext {
	width: 50%;
	margin: 0 auto;
	position: relative;
}

.concepttextbg {
	background: url("images/concept_bg.png") no-repeat center;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	top: 0;
	opacity: 0.4;
	width: 100%;
	height: 60%;
	margin-top: 15%;
	z-index: 1;
}

.concepttext .aboutmuku {
	font-size: 20px;
}

.concepttext p {
	line-height: 2.2;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
	z-index: 2;
}

/*======================================================================
  unique
======================================================================*/

.unique {
	padding: 30px 0;
	margin-bottom: 120px;
}

.unique h2 {
	padding: 50px 0 0;
	box-sizing: border-box;
	background: url("images/unique_bg.png") no-repeat top center;
	-webkit-background-size: 50px;
	background-size: 50px;
	line-height: 1.4;
	margin: 0 0 40px 0;
	text-align: center;
}

.unique h2 span {
	font-weight: 100;
}

.uniquebox {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
	-ms-align-items: flex-start;
	align-items: flex-start;
	margin-bottom: 60px;
}

.uniquecontent {
	width: 42%;
	margin-bottom: 20px;
}

.uniquebox li:nth-child(2) {
	width: 100%;
}

.uniquetext {
	flex-direction: column;
	justify-content: space-around;
	border: 1px solid #d8ccca;
	padding: 10px 20px;
	margin: 0 30% 25px;
}

.uniquetext div {
	width: 100%;
	text-align: center;
	padding: 10px 0;
}

.uniquecontent p {
	line-height: 2.2;
}

.uniquecontent dl {
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
	background: url("images/shinkyu.jpg") no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	-webkit-box-shadow: 0 0 15px 0 rgba(140,103,84,0.8);
	box-shadow: 0 0 15px 0 rgba(140,103,84,0.8);
	transition: box-shadow 1s, transform 1s;
}

.uniquecontent dl:hover {
	box-shadow: none;
	-webkit-transform: scale(0.99);
	-ms-transform: scale(0.99);
	-o-transform: scale(0.99);
	transform: scale(0.99);
	transition: box-shadow 1s, transform 1s;
}

.uniquecontent dl.is-open {
	box-shadow: none;
	-webkit-transform: scale(0.99);
	-ms-transform: scale(0.99);
	-o-transform: scale(0.99);
	transform: scale(0.99);
	transition: box-shadow 1s, transform 1s;
}

.uniquecontent:nth-child(3) dl {
	background: url("images/seitai_bg.jpg") no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}

.uniquecontent:nth-child(4) dl {
	background: url("images/space.jpg") no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}

.uniquecontent .cover {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
    text-shadow: 0 0 1px rgba(247,243,235,0.7);
}

.uniquecontent dl h3 {
	width: 50%;
	margin: 0 auto;
	color: #8c6754;
	position: relative;
	font-size: 30px;
	padding: 35px 25px;
}

.uniquecontent h3:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	border-radius: 2px;
	right: 0;
	width: 17px;
	height: 17px;
	margin-top: -7px;
	border-top: 4px solid #8c6754;
	border-right: 4px solid #8c6754;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	-ms-transform: scaleX(0.9) rotate(45deg);
	-o-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	transition: transform 1s;
}

.uniquecontent dl.is-open h3:before {
	-webkit-transform: scaleY(0.9) rotate(135deg);
	-ms-transform: scaleY(0.9) rotate(135deg);
	-o-transform: scaleY(0.9) rotate(135deg);
	transform: scaleY(0.9) rotate(135deg);
}

.uniquecontent span {
	display: block;
	line-height: 1;
	font-size: 20px;
}

.uniquecontent dd {
	width: 100%;
	margin: 0 auto;
	padding: 10px 15%;
	box-sizing: border-box;
}

.uniquecontent dd p {
	color: #fff;
	font-size: 18px;
    text-shadow: 0 0 3px rgba(140,103,84,0.8);
}


.moreblock {
	width: 20%;
	margin: 40px auto 0;
}

.more {
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	display: block;
	width: 100%;
	padding: 3px;
	background: #f9dfb1; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f9dfb1 0%, #f2cdb8 35%, #f2cdb8 65%, #f9b6b1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #f9dfb1 0%,#f2cdb8 35%,#f2cdb8 65%,#f9b6b1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #f9dfb1 0%,#f2cdb8 35%,#f2cdb8 65%,#f9b6b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9dfb1', endColorstr='#f9b6b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.more:hover {
	box-shadow: 0 0 0 0;
	transition: 1.2s;
}

/* approach */
.muku_approach h2 {
	background: none;
	padding: 10px 0;
	margin: 0 0 20px;
	text-align: center;
}

.approach_inner {
	padding: 40px 0 40px 40px;
	position: relative;
	margin-bottom: 10px;
}

.approach_inner:nth-child(1) {
	background: url(images/menu_katakori.jpg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}

.approach_inner:nth-child(2) {
	background: url(images/menu_shinkyu.jpg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}

.approach_inner:nth-child(3) {
	background: url(images/menu_sango.jpg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}

.approach_inner:nth-child(4) {
	background: url(images/menu_biyou.jpg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
}
	
.approach_inner:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #f2e7d7;
	opacity: 0.9;
}

.approach_box {
	padding: 40px;
	position: relative;
}

.approach_text {
	width: 45%;
}

.approach_text span {
	display: block;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
}

.approach_text h3 {
	margin-bottom: 30px;
	text-align: center;
}

.approach_text h3 a {
	color: #5DA6A5;
}

.approach_text p {
	margin-bottom: 20px;
}

.approach_text .approach_link {
	text-align: center;
	padding: 5px;
	margin-top: 30px;
}

.approach_text .approach_link a {
	padding: 10px 30px;
	border: 2px solid #5DA6A5;
	border-radius: 5px;
	color: #5DA6A5;
	font-size: 16px;
}

.approach_img {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
}

.approach_imginner {
	position: relative;
	height: 100%;
}

.approach_inner .raleway {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 42px;
	color: #ffffff;
	line-height: 1.4;
	font-weight: 100;
}

.approach_inner .approach_img_s,
.approach_inner .approach_img_l {
	position: absolute;
	right: 0;
	top: 0;
	width: 40%;
	height: 40%;
}

.approach_inner .approach_img_l {
	width: 60%;
	height: 60%;
	top: unset;
	right: unset;
	left: 0;
	bottom: 0;
}

.approach_imginner img {
	height: 100%;
	width: auto;
}

.approach_inner .approach_imglink a {
	position: absolute;
	width: 130px;
	height: 130px;
	left: 70%;
	bottom: 12%;
	box-sizing: border-box;
	color: #5DA6A5;
	font-weight: bold;
	border: 2px solid #F2CDB8;
	background: url(images/menu_arrow.png) no-repeat center 20px rgba(255,255,255,0.5);
	-webkit-background-size: 25px;
	background-size: 25px;
	text-align: center;
	padding: 50px 20px 20px;
}

.approach_inner:nth-child(3) .approach_imglink a {
	font-size: 14px;
	padding: 50px 3px 0;
}

/* operation & voice */
.wlink {
	margin-bottom: 80px;
}

.wlink > div {
	width: 50%;
	height: 200px;
}

.wlink > div a {
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #F2CDB8;
	text-align: center;
	transition: 200ms;
}

.wlink div a span {
	display: block;
	padding: 40px 150px;
	font-size: 24px;
	color: #fff;
	position: relative;
	transition: 300ms;
}

.wlink div a span:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	border-radius: 2px;
	right: 0;
	width: 10px;
	height: 10px;
	margin-top: -7px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: scaleX(0.8) rotate(45deg);
	-ms-transform: scaleX(0.8) rotate(45deg);
	-o-transform: scaleX(0.8) rotate(45deg);
	transform: scaleX(0.8) rotate(45deg);
	transition: transform 600ms;
}

.wlink .voicelink a {
	background: #DBBC9C;
}

.wlink > div a:hover {
	opacity: 1.0;
	transform: scale(1.05);
	transition: 480ms;
}


/*======================================================================
  NEWS
======================================================================*/

.news {
	width: 80%;
	margin: 0 auto 120px;
}

.news h2 {
	margin-bottom: 20px;
}

.newsblock {
	position: relative;
	padding-top: 3px;
	justify-content: flex-start;
}

.newsblock:before {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	top: 0;
	z-index: 0;
	background: #f2cdb8; /* Old browsers */
	background: -moz-linear-gradient(-30deg,  #f2cdb8 5%, #dbaa9c 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-30deg,  #f2cdb8 5%,#dbaa9c 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(150deg,  #f2cdb8 5%,#dbaa9c 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2cdb8', endColorstr='#dbaa9c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.newarticles {
	position: relative;
}

.newarticles:after {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: 0;
	z-index: 0;
	background: #f2cdb8; /* Old browsers */
	background: -moz-linear-gradient(-30deg,  #f2cdb8 5%, #dbaa9c 95%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-30deg,  #f2cdb8 5%,#dbaa9c 95%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(150deg,  #f2cdb8 5%,#dbaa9c 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2cdb8', endColorstr='#dbaa9c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.newarticles li .imgbox {
	width: 30%;
	height: 150px;
}

.newstitle {
	width: 65%;
	margin-left: 30px;
	z-index: 2;
}

.newstitle time {
	letter-spacing: 1.6px;
}

.newstitle ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	margin-top: 5px;
}

.newstitle ul li {
	margin-right: 20px;
}

.newstitle ul li a {
	background: #5DA6A5;
	display: block;
	padding: 0 30px;
	border-radius: 5px;
	color: #fff;
	font-weight: bold;
}

.newstitle h3 a {
	color: #5DA6A5;
	font-weight: normal;
	font-size: 24px;
}


/*======================================================================
  SNS
======================================================================*/

.gallery {
	margin-bottom: 140px;
}

.gallery h2 {
	text-align: center;
	padding: 0 20px;
	margin-bottom: 10px;
}

.gallerybox {
	margin-bottom: 40px;
	flex-wrap: wrap;
}

.gallerybox ul {
	width: 100%;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.gallerybox ul li {
	width: 25%;
	height: 220px;
	background: #F9DFB1;
}

.snsbutton {
	text-align: center;
}

.snsbutton a {
	padding: 10px 10px 10px 30px;
	font-size: 24px;
	font-weight: bold;
	border: 3px solid #F2CDB8;
	border-radius: 10px;
	box-sizing: border-box;
}

.snsbutton a span {
	padding: 5px 50px 5px 0;
	background: url("images/instagram.png") no-repeat right center;
	-webkit-background-size: 30px 30px;
	background-size: 30px 30px;
}


/*======================================================================
  basicinfo
======================================================================*/

.basicinfo {
	background: url("images/inner.jpg") no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 40px 0;
}

.basicinfocover {
	width: 66%;
	box-sizing: border-box;
}

.basicinfomain {
	margin: 0 40px;
	padding: 40px 30px;
	background: rgba(140,103,84,0.8);
	border-radius: 10px;
	color: #fff;
}

.basicinfomain h2 {
	color: #fff;
	font-size: 30px;
	margin-bottom: 20px;
}

.basicinfomain > ul {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: stretch;
}

.contactpart {
	margin-bottom: 20px;
	align-items: flex-start;
	width: 100%;
}

.contactpart h3 {
	color: #fff;
	font-size: 18px;
}

.basicinfotel {
	width: 46%;
}

.basicinfotel p {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.basicinfotel p span {
	border-bottom: 2px solid #fff;
	padding-bottom: 5px;
}

.basicinfotel > span,
.addressblock span {
	display: block;
	font-size: 14px;
}

.addressblock {
	width: 46%;
}

.addressblock address {
	display: block;
	font-style: normal;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.subpart {
	width: 100%;
	align-items: stretch;
}

.snstime {
	width: 46%;
}

.basicinfotime {
	padding: 20px 0;
	margin-bottom: 20px;
}

.basicinfotime > ul {
	justify-content: flex-start;
}

.basicinfotime ul + p {
	padding-top: 10px;
	font-size: 14px;
}

.receptionweek {
	margin-bottom: 10px;
}

.basicinfotime > ul > li:first-child {
	margin-right: 20px;
}

.receptionsuturday {
	margin-bottom: 10px;
}

.basicsns .flexstyle {
	width: 100%;
	justify-content: flex-start;
}

.basicsns ul li:first-child {
	margin-right: 30px;
}

.basicsns ul li a {
	display: block;
	padding: 7px 0 7px 40px;
	background: url("images/line_logo.png") no-repeat 2px center;
	border-bottom: 2px solid #fff;
	-webkit-background-size: 32px 30px;
	background-size: 32px 30px;
	font-size: 18px;
	color: #fff;
}

.basicsns ul li + li a {
	background: url("images/instagramw.png") no-repeat 2px center;
	-webkit-background-size: 30px 30px;
	background-size: 30px 30px;
}

.gmap {
	width: 46%;
	height: 100%;
	display: flex;
}

.gmap iframe {
	width: 100%;
	height: 100%;
}


/*======================================================================
  footer
======================================================================*/

footer {
	padding-bottom: 119px;
}

#footer_fix {
	position: fixed;
	width: 100%;
	left: 0;
	z-index: 10;
	bottom: -119px;
	box-sizing: border-box;
	display: block;
	background: url(images/kahoppe_l.jpg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	border-top: 1px solid #8c6754;
}

#footer_fix.fix_show {
	bottom: 0px;
	transition-duration: 0.8s;  
}

.fnav {
	background: #f3d9cb;
	padding: 20px 60px;
}

.fnav ul {
	justify-content: space-around;
}

.fnav ul li {
	width: 50%;
	padding: 0 10px;
}

.fnav ul li:nth-child(2) {
	border-left: 1px solid #8c6754;
}

.fnav ul li a {
	text-align: center;
	display: block;
	position: relative;
	color: #5DA6A5;
}

.fnav ul li span {
	display: inline-block;
	padding: 35px 0 15px 50px;
	background: url(images/telicon2.png) no-repeat left 30px;
	-webkit-background-size: 40px;
	background-size: 40px;
	font-size: 16px;
	letter-spacing: 1.6px;
	color: #5DA6A5;
}

.fnav ul li:nth-child(2) span {
	background: url(images/line_logo3.png) no-repeat left 30px;
	-webkit-background-size: 40px;
	background-size: 40px;
}

.fnav ul li a:after {
	content: "Call to MUKU";
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	position: absolute;
	top: 5px;
	right: 0;
	left: 0;
	text-align: center;
}

.fnav ul li:nth-child(2) a:after {
	content: "Message to MUKU";
}

.footerlogo {
	background: #8c6754;
	padding-bottom: 10px;
}

.footerlogo p {
	padding: 40px 0 15px;
}

.footerlogo p a {
	margin: auto;
	display: block;
	width: 200px;
	height: 60px;
}

.footerlogo small {
	color: #f3d9cb;
	display: block;
	text-align: center;
	font-size: 14px;
}

/*======================================================================
  page
======================================================================*/

.page {
	margin: 40px 0 80px;
}

.pagetitle h1 {
	font-size: 36px;
	text-align: center;
	font-weight: normal;
    margin-bottom: 20px;
}

.pagetitle span {
	max-width: 1024px;
}

.pagemain {
	max-width: 1024px;
	margin: 0 auto;
}

.pagemain h2 {
    font-size: 32px;
    margin: 20px 0 10px;
}

.pagemain ul {
    padding: 15px;
}

.pagemain ul li {
    padding-left: 15px;
    position: relative;
    margin-top: 6px;
}

.pagemain ul li:first-child {
    margin-top: 0;
}

.pagemain ul li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background: #8c6754;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 50px;
}

.pagemain address {
    font-style: normal;
}

.page p {
	margin-bottom: 20px;
}

.page a {
	color: #5da6a5;
	font-weight: bold;
}

.pagelaw dl dt {
    background: #8c6754;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
}

.pagelaw dl dd {
    border: 1px solid #8c6754;
    border-top: none;
    padding: 10px;
}

/* contact */
#post-19 h1 {
	margin-bottom: 20px;
}

.contactpoint {
	width: 780px;
	margin: 0 auto 30px;
	border-radius: 10px;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 25px 30px;
	box-sizing: border-box;
	background: #f9dfb1; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f9dfb1 0%, #f2cdb8 35%, #f2cdb8 65%, #f9b6b1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #f9dfb1 0%,#f2cdb8 35%,#f2cdb8 65%,#f9b6b1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #f9dfb1 0%,#f2cdb8 35%,#f2cdb8 65%,#f9b6b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9dfb1', endColorstr='#f9b6b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.contactnum {
	font-size: 48px;
	letter-spacing: 1.4px;
	text-align: center;
}

.meritlist {
	background: rgba(255,255,255,0.7);
	padding: 15px 20px;
	border-radius: 10px;
}

.openhours {
	margin-bottom: 50px;
}

.openhours > dl {
	margin: 0 auto;
	position: relative;
}

.openhours > dl:before {
	content: "※土日祝日をご希望の方はご相談ください。";
	position: absolute;
	left: 0;
	bottom: -30px;
}

.openhours > dl > dt:first-child {
	background: #f7f3eb;
	color: #5DA6A5;
	border-left: 2px solid #f7f3eb;
}

.openhours > dl > dt {
	padding: 5px;
	border-right: 2px solid #f7f3eb;
	border-top: 2px solid #f7f3eb;
	border-bottom: 2px solid #f7f3eb;
}

.openhours dl dt {
	font-weight: bold;
}

.openhours dl dd {
	font-weight: normal;
}

.openhours dl dt,
.openhours dl dd {
	text-align: center;
	padding: 5px 10px;
}

.meritlist li {
	padding-left: 20px;
	position: relative;
	margin-bottom: 10px;
}

.meritlist li:before {
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #8c6754;
}

.contactaccess {
	text-align: center;
}


/* access */
.accessP {
	margin-bottom: 20px;
}

.page .accessP p {
	margin-bottom: 0;
}

#post-16 iframe {
	width: 100%;
}

/* menupage */
.menupage {
	margin-bottom: 30px;
}

.menupagetitle {
	padding: 50px 0 30px;
	margin-bottom: 40px;
	background: #f9dfb1; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f9dfb1 0%, #f2cdb8 35%, #f2cdb8 65%, #f9b6b1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #f9dfb1 0%,#f2cdb8 35%,#f2cdb8 65%,#f9b6b1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #f9dfb1 0%,#f2cdb8 35%,#f2cdb8 65%,#f9b6b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9dfb1', endColorstr='#f9b6b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.menupagetitle h1 {
	text-align: center;
	font-size: 36px;
	position: relative;
	margin-bottom: 10px;
}

.menupagetitle h1 span {
	position: relative;
	z-index: 2;
	letter-spacing: 2.4px;
}

.menupagetitle h1:before {
	content: "OPERATION MENU";
	position: absolute;
	display: block;
	width: 100%;
	text-align: center;
	bottom: -5px;
	font-size: 60px;
	color: #8c6754;
	opacity: 0.1;
	z-index: 1;
}

.menupagetitle .imgbox {
	width: 640px;
	height: 340px;
	border-radius: 20px;
	margin: 0 auto 20px;
}

.sejutsucomment {
	width: 980px;
	margin: 0 auto;
	text-align: center;
}

.sejutsucomment p {
	margin-bottom: 10px;
}

.menupagemain {
	max-width: 1024px;
	margin: 0 auto;
}

.menubox {
	margin-bottom: 80px;
}

.menupagemain p {
	margin-bottom: 15px;
}

.menupagemain h2 {
	padding: 5px 20px;
	border-bottom: 2px solid #8c6754;
	margin: 0 -20px 30px;
}

.menupagemain h3 {
	margin: 30px 0;
	background: #F9DFB1;
	padding: 5px 20px;
	border-radius: 5px;
}

.courselist {
	flex-direction: column;
	padding: 0 20px;
}

.courselist li {
	margin-bottom: 40px;
	align-items: stretch;
}

.commentbox {
	width: 590px;
	padding-right: 20px;
	box-sizing: border-box;
}

.commentbox h4 {
	letter-spacing: 2px;
	margin: 10px 0
	
}

.courselist .imgbox {
	width: 350px;
	border-radius: 10px;
}

.courseprice {
	border-radius: 10px;
	background: #f9dfb1; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f9dfb1 0%, #f2cdb8 35%, #f2cdb8 65%, #f9b6b1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #f9dfb1 0%,#f2cdb8 35%,#f2cdb8 65%,#f9b6b1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #f9dfb1 0%,#f2cdb8 35%,#f2cdb8 65%,#f9b6b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9dfb1', endColorstr='#f9b6b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.courseimg {
	padding: 30px 30px 0;
	justify-content: flex-start;
}

.courseimg li {
	margin-left: 40px;
	position: relative;
	justify-content: space-around;
}

.courseimg li:first-child {
	margin-left: 0;
}

.courseimg li:first-child:before,
.courseimg li:first-child:after {
	content: none;
}

.courseimg li:before,
.courseimg li:after {
	content: "";
	display: block;
	width: 20px;
	height: 2px;
	background: #f7f3eb;
	position: absolute;
	left: -30px;
}

.courseimg li:after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.courseimg .imgbox {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin: 0 auto 5px;
}

.courseimg .imgbox img {
	width: auto;
	height: 100%;
}

.courseimg p {
	position: absolute;
	bottom: -20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
	white-space: nowrap;
}

.menuprice {
	padding: 35px 35px 30px;
}

.menuprice p {
	display: inline-block;
	padding: 5px 10px 5px 12px;
	background: #f7f3eb;
	font-size: 24px;
	letter-spacing: 3px;
	margin-bottom: 0;
	border-radius: 5px;
}

.menuprice p span {
	font-weight: bold;
	padding-right: 15px;
}

.bimuku .courselist{
	margin: 40px 0;
}

.bimuku .courseimg .imgbox {
	width: 90px;
	height: 90px;
}

.bimuku .courseimg li:first-child .imgbox{
	border: 2px solid #5DA6A5;
	width: 120px;
	height: 120px;
}

.bimuku .courseimg li:first-child p,
.othermenu .courseimg p {
	bottom: -25px;
	font-size: 16px;
}

.bimuku .menuprice,
.othermenu .menuprice {
	padding: 40px 35px 30px;
}

.othermenu h3 {
	background: none;
	margin: 30px 0 10px;
}

.othermenu .courseprice {
	margin-bottom: 40px;
}

.othermenu .courseimg .imgbox {
	width: 160px;
	height: 160px;
}

.othermenu .courseimg p {
	font-size: 16px;
}

.pinpoint {
	margin-bottom: 40px;
}

.pinpoint .menuprice {
	padding: 0;
}

.studentprice {
	margin-top: 20px;
}

/* introduction */
.post-82 h1 {
	margin-bottom: 20px;
}

.introduction {
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.introductionP {
	width: 48%;
}

.introduction .imgbox {
	width: 48%;
	border-radius: 10px;
	margin-bottom: 20px;
}

.post-82 h2 {
	margin: 30px 0 10px;
	text-align: center;
	font-weight: normal;
}

.logointro .imgbox {
	width: 150px;
	margin: 0 auto 30px;
	padding: 20px;
	border: 2px solid #f3d9cb;
	border-radius: 50%;
}

.logointroP {
	width: 61%;
	margin: 0 auto;
}

/* 980campaign */
.lp980 {
    max-width: 1024px;
    margin: 0 auto;
    background: #fff;
}
.lpc_box {
    background: url("images/lp_contact_bg.png") no-repeat top;
    -webkit-background-size: contain;
    background-size: contain;
    padding: 60px;
}
.lpc_box .lplimit {
    width: 60%;
    margin: 30px auto 0;
    border: 2px solid #8c6754;
    padding: 10px;
    box-sizing: border-box;
}
.lpc_box .lplimitdate {
    padding: 5px 10px;
    text-align: center;
    color: #fff;
    background: #8c6754;
    font-weight: bold;
    font-size: 140%;
}
.lpc_box .lplimitnum span {
    display: block;
    position: relative;
    padding: 3px 0;
    text-align: center;
    font-size: 140%;
}
.lpc_box .lplimitnum span + span:before {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: #8c6754;
    position: absolute;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
}
.lpc_box .lplimitnum span strong {
    color: #5DA6A5;
    font-weight: bold;
    font-size: 160%;
    padding: 0 10px;
}
.lpcontact_button {
    margin: 30px auto 0;
    width: 60%;
}
.lpcontact_button span {
    display: block;
    text-align: center;
}
.lpcontact_button a {
    display: block;
    border-radius: 50px;
    padding: 15px;
    text-align: center;
    font-size: 200%;
    color: #fff;
    background: #EA8F4E;
    box-shadow: 0 4px 0 0 #BC723D;
    font-weight: bold;
    letter-spacing: 2px;
}
.lpcontact_button + .imgbox {
    margin: 30px auto 0;
    width: 60%;
}
.lp_voice {
    padding: 180px 60px 60px;
    background: url("images/lp_voice_bg.jpg") no-repeat top;
    -webkit-background-size: contain;
    background-size: contain;
}
.lp_step {
    padding: 60px;
}
.lp_foot {
    width: 60%;
    margin: 0 auto;
    padding-bottom: 60px;
}
.lp_foot .lp_gmap {
    margin-bottom: 30px;
}
.lp_foot .lp_gmap address {
    font-style: normal;
    font-weight: bold;
    font-size: 140%;
}
.lp_foot .lp_gmap .gmap {
    width: 100%;
    height: 350px;
}

/*======================================================================
  category
======================================================================*/

.category {
	margin: 40px 0 80px;
}

.categorytitle {
	margin-bottom: 20px;
}

.categorytitle h1 {
	font-size: 36px;
	text-align: center;
}

.categorypost ul {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	padding: 0 20px;
}

.categorypost li {
	width: 50%;
	margin-bottom: 40px;
}

.categorypost .postcard {
	width: 92%;
	height: 100%;
	margin: 0 auto;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
}

.posttitle h2 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px;
}

.posttitle h2 a {
	font-size: 24px;
	color: #5da6a5;
}

.postdetail {
	-ms-align-items: stretch;
	align-items: stretch;
}

.postdetail .imgbox {
	width: 40%;
	height: 220px;
	border-radius: 10px;
}

.postdetail .imgbox img {
	width: auto;
	height: 100%;
}

.postdetail .postdes {
	width: 60%;
	padding-left: 20px;
	box-sizing: border-box;
}

.postdetail .postdes time {
	padding-left: 25px;
	background: url("images/time_icon.png") no-repeat left center;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
	letter-spacing: 1.6px;
}

.postdetail .postdes p {
	color: #333333;
	margin-bottom: 10px;
}

.postdetail span {
	display: block;
	text-align: center;
}

.postdetail span a {
	color: #5da6a5;
	display: block;
	width: 60%;
	margin: 0 auto;
	border: 2px solid #5da6a5;
	text-align: center;
	border-radius: 5px;
	font-weight: bold;
}

.wp-pagenavi {
	padding: 0 50px;
	font-size: 20px;
}


/*======================================================================
  single
======================================================================*/

.entry {
	width: 980px;
	background: #fff;
	margin: 60px auto 30px;
	border-radius: 20px;
	padding: 30px 45px;
	box-sizing: border-box;
}

.singletitle {
	margin-bottom: 40px;
}

.singletitle h1 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 10px;
}

.entry .imgbox {
	width: 66%;
	height: 320px;
	margin: 0 auto 20px;
	border-radius: 10px;
}

.datetimeS {
	margin-bottom: 10px;
	width: 66%;
	margin: 10px auto 0;
}

.datetimeS time {
	padding: 5px 20px 5px 26px;
    background: url(images/time_icon.png) no-repeat left center;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
    letter-spacing: 1.6px;
}

.datetimeS time + time {
	background: url(images/update_icon.png) no-repeat left center;
    -webkit-background-size: 18px 18px;
    background-size: 18px 18px;
}

.singlemain h2 {
	margin: 40px -15px 30px;
	padding: 5px 15px;
	font-size: 24px;
	border-top: 2px solid #8c6754;
	border-bottom: 2px solid #8c6754;
}

.singlemain h3 {
	margin: 30px -15px;
	padding: 10px 15px;
	font-size: 18px;
	background: #f2cdb8;
	border-radius: 5px;
	color: #ffffff;
}

.singlemain p {
	color: #333333;
	margin-bottom: 20px;
}

.singlemain a {
	color: #5da6a5;
	font-weight: bold;
}

.singlemain .linkbox {
	display: block;
	margin: 10px 0 30px;
	border: 1px solid #f2cdb8;
}

.singlemain .linkbox a {
	padding: 5px 10px 5px 35px;
	position: relative;
	display: block;
}

.singlemain .linkbox a:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6.5px 0 6.5px 12.0px;
	border-color: transparent transparent transparent #5da6a5;
	top: 0;
	left: 15px;
	bottom: 0;
	margin: auto 0;
}

.singlemain ul {
	background: #f6f1e8;
	padding: 30px;
	margin-bottom: 20px;
	border-radius: 10px;
}

.singlemain ul li {
	font-weight: bold;
	position: relative;
	padding-left: 18px;
	margin-top: 5px;
}

.singlemain ul li:first-child {
	margin-top: 0;
}

.singlemain ul li:before {
	content: "";
	display: block;
	position: absolute;
	top: 9px;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #8c6754;
}

.singlemain ol {
	padding-left: 20px;
}

.singlemain ol li {
	margin-bottom: 10px;
	color: #333333;
	font-weight: bold;
}

.singlemain .LP_otoiawase a {
	width: 45%;
	font-size: 20px;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
    color: #fff;
    background: #f3866d;
    border-radius: 5px;
    margin-bottom: 5px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #BF5E4D;
	transition: all 0.4s;
}

.singlemain .LP_otoiawase a:hover  {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: none;
	opacity: 1.0;
}

.singlemain .LP_otoiawase .aletter {
	letter-spacing: 3px;
	display: block;
	line-height: 1.4;
}

.singlemain .LP_otoiawase .uketsuketime {
	display: block;
	line-height: 1.4;
	font-size: 16px;
	font-weight: normal;
}

/* relation post */
.relation {
	width: 980px;
	margin: 0 auto;
	margin-bottom: 80px;
}

.relation h4 {
	text-align: center;
	font-size: 36px;
	margin-bottom: 10px;
}

.relation ul {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.relation ul li {
	width: 30%;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
    margin-bottom: 20px;
}

.relation ul li a {
	height: 220px;
	border-radius: 10px;
}

.relation ul li h5 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(243,217,203,0.8);
	padding: 5px 10px;
	box-sizing: border-box;
	z-index: 10;
	line-height: 1.2;
	transition: background 500ms;
}

.relation ul li a:hover h5 {
	background: none;
	transition: background 800ms;
}

.relation ul li h5 span {
	color: #5DA6A5;
	font-size: 16px;
}


/*======================================================================
  レスポンシブ
======================================================================*/


/* 981px〜MV高さ打ち消し -pc- */
@media print, screen and (min-width: 981px) {

	.MV {
		height: calc(100vh - 72px) !important;
	}
	
}

/* デバイスサイズ 1400px〜　-wide pc- */
@media print, screen and (min-width: 1400px) {
	
}

/* デバイスサイズ 980〜1080px　-small pc- */

@media print, screen and (max-width: 1080px) {
    
    .slist .syoujoulist {
        width: 96%;
    }
    
    .slist .syoujoulist li {
        width: 32%;
    }
    
    .slist .syoujoulist li h3 {
        font-size: 18px;
    }
	
	/* menupage */
	.sejutsucomment {
		width: 90%;
	}
	
	.menupagemain {
		width: 640px;
	}
	
	.courselist li {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		position: relative;
	}
	
	.courselist li .imgbox {
		margin: 0 auto;
	}
	
	.courseimg {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.courseimg li {
		margin-bottom: 40px;
	}
	
}


/* デバイスサイズ 425px〜980px　-tablet- */

@media print, screen and (max-width: 980px) {
	
	.pcnone {
		display: inherit;
	}
	
	.smanone {
		display: none!important;
	}
	
	/* breadcrumbs */
	.breadcrumbs {
		padding: 75px 10px 5px;
		font-size: 10px;
	}
	
	/* header */
	.headcontainer {
		position: relative;
	}
	
	.SPnavigation {
		width: 100%;
        position: absolute;
        left: 0;
		z-index: 10;
		top: 0;
	}
	
	.SPnavigation h1 {
		width: 140px;
		padding: 5% 15px 0 5%;
	}
    
    .pcmenu.fixed-hidden,
    .sp_nav.fixed-hidden {
        position: fixed;
        z-index: 999;
        width: 100%;
        top: -100px;
        left: 0;
    } 

    .pcmenu.fixed-visible,
    .sp_nav.fixed-visible {
        top: 0;
    }
    
    .headnavi_fix.onlysma {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        border-right: 2px solid #fff;
    }
    
    .headnavi_fix > ul.flexstyle {
        border: 1px solid #8C4F4F;
        background: #FFF8F5;
        width: 80%;
        position: relative;
        z-index: 999;
    }
    
    .headnavi_fix > ul.flexstyle > li {
        border-left: 1px solid #8C4F4F;
    }
    
    .headnavi_fix > ul.flexstyle > li:first-child {
        border-left: none;
    }
    
    .gnav_wrapper {
        transform: translateX(100%);
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 499;
        transition: 600ms;
    }

    .gnav_wrapper.slide_in {
        transform: translateX(0);
        transition: 600ms;
        height: 100vh;
        overflow-y: auto;
        background: rgba(245,249,252,0.95);
    }

    .gnav {
        width: 100%;
        height: 100%;
        z-index: 499;
    }

    .menubox {
        display: block;
        width: 97%;
        position: absolute;
        top: 18%;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        
    }

    .navigationtitle {
        padding: 5px;
        margin-bottom: 10px;
        background: #D4A5A5;
        color: #ffffff;
        display: block;
        text-align: center;
        font-style: normal;
        line-height: 1.6;
        letter-spacing: 6px;
        font-size: 20px;
        font-weight: bold;
    }
    
    .menubox ul {
        margin: 0 10px 30px;
    }

    /* メニューリストをスクロール可能にする */
    .gnavlist {
        max-height: 100vh; /* 必要に応じて高さを調整 */
        overflow-y: auto;
    }

    .gnavlist .navigation {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .gnavlist li {
        font-weight: bold;
        margin-bottom: 10px;
        text-align: left;
    }

    .gnavlist li a {
        font-size: 16px;
        color: #004C80;
        text-decoration: underline;
        padding-left: 20px;
        position: relative;
        display: block;
        text-decoration: underline;
    }

    .gnavlist li a:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 10px solid #004C80;
        border-right: 0;
        position: absolute;
        left: 0;
        top: 6px;
    }

    .mainmenu {
        display: block;
        width: 20%;
        height: 73.6px;
        box-sizing: border-box;
        position: relative;
        z-index: 500;
        border:none;
        background: #5DA68A;
    }

    .bar {
        width: 40px;
        height: 2px;
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        background: #fff;
    }

    .hmbar_top {
        top: 20px;
        transition: transform 450ms;
    }

    .hmbar_bottom {
        bottom: 40px;
        transition: transform 450ms;
    }

    .mainmenu:before {
        content: "menu";
        position: absolute;
        right: 0;
        left: 3px;
        bottom: 13px;
        margin: 0 auto;
        font-size: 16px;
        color: #fff;
        letter-spacing: 1px;
        font-weight: bold;
    }

    .mainmenu.close .hmbar_top {
        transform: translate(-50%,7px) rotate(30deg);
        transition: transform 450ms;
    }

    .mainmenu.close .hmbar_bottom {
        transform: translate(-50%,-6px) rotate(-30deg);
        transition: transform 450ms;
    }

    .mainmenu.close:before {
        content: "close";
    }
	
	#drawermenu {
		display: block;
	}
	
	.unshown {
		display: none;
	}
	
	#nav-input {
		width: 60px;
		height: 60px;
	}
	
	.opennav {
		position: absolute;
		top: 20%;
		right: 3%;
		width: 60px;
		height: 52px;
		display: block;
	}
	
	.opennav p {
		position: absolute;
		cursor: pointer;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	
	.opennav span,
	.opennav span:before,
	.opennav span:after {
		display: block;
		height: 2px;
		width: 45px;
		background: #8c6754;
		position: absolute;
		top: 10px;
		right: 10px;
		content: "";
		z-index: 10;
	}
	
	.opennav span:before {
		top: 10px;
		right: 0;
		width: 30px;
	}
	
	.opennav span:after {
		top: 20px;
		right: 0;
		width: 20px;
	}
	
	.opennav strong {
		position: absolute;
		z-index: 30;
		bottom: -4px;
		right: 10px;
		font-size: 14px;
		color: #8c6754;
		letter-spacing: 1.8px;
	}
	
	#closenav {
		display: none;
		position: fixed;
		z-index: 30;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: rgba(123,82,16,0.6);
		transition: all 500ms ease-in-out;
	}
	
	#closenav span {
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		display: block;
		width: 20%;
		text-align: center;
		padding-top: 60px;
		position: relative;
	}
	
	#closenav span:before,
	#closenav span:after {
		content: "";
		display: block;
		width: 30px;
		height: 3px;
		top: 45px;
		right: 0;
		left: 0;
		margin: 0 auto;
		background: #fff;
		position: absolute;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	#closenav span:after {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.headcontainer .smanav {
		overflow: auto;
		position: fixed;
		top: 0;
		right: -100%;
		width: 80%;
		height: 100%;
		z-index: 50;
		background: #fff;
		transition: all 500ms ease-in-out;
	}
	
	.smanav > p {
		padding: 10px;
		background: #f7f3eb;
		color: #c8a46b;
		font-size: 24px;
		text-align: center;
	}
	
	.smanav nav {
		padding: 20px 30px 35px;
	}
	
	.smanav nav ul li {
		text-align: center;
		position: relative;
		padding-top: 10px;
		font-size: 14px;
	}
	
	.smanav nav ul li:before {
		content: "";
		display: block;
		width: 60px;
		height: 1px;
		background: #f7f3eb;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		margin: 0 auto;
	}
	
	.smanav div {
		margin: 20px auto;
		width: 70%;
		padding-bottom: 20px;
	}
	
	.smanav div > a {
		display: block;
		text-align: center;
		font-size: 26px;
		font-weight: bold;
		color: #5DA6A5;
		padding-top: 5px;
		line-height: 1;
		margin-bottom: 20px;
	}
	
	.smanav div span a {
		padding: 10px 30px;
		font-size: 16px;
		font-weight: bold;
		border-radius: 5px;
		color: #f7f3eb;
		background: #f9dfb1; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #f9dfb1 0%, #f2cdb8 35%, #f2cdb8 65%, #f9b6b1 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #f9dfb1 0%,#f2cdb8 35%,#f2cdb8 65%,#f9b6b1 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #f9dfb1 0%,#f2cdb8 35%,#f2cdb8 65%,#f9b6b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9dfb1', endColorstr='#f9b6b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	
	.smanav span {
		color: #c8a46b;
		text-align: center;
		display: block;
		font-size: 16px;
	}
	
	#nav-input:checked ~ #closenav {
		display: block;
	}
	
	#nav-input:checked ~ #closenav span,
	#nav-input:checked ~ #closenav span:before,
	#nav-input:checked ~ #closenav span:after {
		opacity: 1.0;
		transition: all 500ms ease;
	}
	
	#nav-input:checked ~ .smanav {
		right: 0;
		transition: all 500ms ease-in-out;
	}
	
	.MV {
        height: 100vh;
        padding-top: 77px;
	}
	
	.MV .imgbox:before {
		width: 90%;
		height: 94%;
	}
	
	.MV .imgbox .mvcatch {
		width: 180px;
		height: auto;
	}
    
    .slist .syoujoulist {
        width: 98%;
    }
    
    .slist .syoujoulist li {
        width: 32%;
        margin-bottom: 2%;
    }
    
    .slist .syoujoulist li h3 {
        font-size: 14px;
    }
	
	/* concept */
	.concept {
		padding: 100px 0 80px;
		margin-bottom: 40px;
	}
	
	.concept h2 {
		margin-bottom: 30px;
	}
	
	.concepttext p {
		line-height: 2.0;
		margin-bottom: 15px;
	}
	
	.concepttext {
		width: 90%;
	}
	
	/* unique */
	.unique {
		padding: 0 0 30px;
		width: 96%;
		margin: 0 auto 60px;
	}
	
	.unique h2 {
		margin: 0 0 30px;
	}
	
	.uniquecontent {
		width: 46%;
	}

	.uniquetext {
		margin: 0 15% 25px;
	}
	
	.uniquecontent dd {
		padding: 10px;
	}
	
	.uniquecontent dd p {
		font-size: 16px;
	}
	
	.moreblock {
		width: 30%;
	}
	
	.more {
		padding: 8px 0;
	}
	
	/* approach */
	.approach_inner {
		padding: 20px;
	}
	
	.approach_box {
		padding: 10px;
	}
	
	.approach_text {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.approach_img {
		position: relative;
		width: 75%;
		height: 300px;
		margin: 0 auto;
	}
	
	.approach_inner .raleway {
		font-size: 36px;
	}
	
	.approach_inner .approach_imglink a {
		width: 115px;
		height: 115px;
		padding: 45px 10px 10px;
		line-height: 1.5;
	}
	
	/* wlink */
	.wlink {
		margin-bottom: 60px;
	}
	
	.wlink > div {
		height: 140px;
	}
	
	.wlink div a span {
		padding: 25px 60px 25px 20px;
	}
	
	/* news */ 
	.news {
		margin: 0 auto 80px;
	}
	
	.newstitle ul {
		margin-bottom: 5px;
	}
	
	.news h3 {
		line-height: 1.2;
	}
	
	.news h3 a {
		font-size: 20px;
	}
	/* >contact */
	
	/* gallery */
	.gallery {
		margin-bottom: 100px;
	}
	
	.gallerybox ul li {
		width: 33.3%;
		height: 200px;
	}
	
	.gallerybox ul li:nth-child(7) {
		width: 50%;
	}
	
	.gallerybox ul li:nth-child(8) {
		width: 50%;
	}
	
	.basicinfocover {
		width: 100%;
	}
	
	/* footer */
	footerlogo p {
		padding: 30px 0 10px;
	}
	
	.footerlogo p a {
		width: 160px;
		height: inherit;
	}
	
	/* page */
	.page {
		width: 90%;
		margin: 20px auto 60px;
	}
	
	.pagemain {
		width: 100%;
	}
	
	/* >access */
	
	/* >contact */
	.contactpoint {
		width: 100%;
		margin: 0 auto 20px;
	}
	
	/* operationmenu */
	.menupagetitle .imgbox {
		width: 80%;
		height: 320px;
		margin: 0 auto 30px;
	}
	
	.menupagemain {
		width: 90%;
	}
	
	.courselist {
		padding: 0;
	}
	
	.courselist li {
		position: relative;
		overflow: hidden;
		border-radius: 10px;
	}
	
	.courselist li .imgbox {
		position: absolute;
		top: 0;
		right: 0;
		width: 150px;
		height: 150px;
		border-radius: 50%;
		z-index: -1;
	}
	
	.courselist li .imgbox:before {
		content: "";
		display: block;
		width: 150px;
		height: 150px;
		background: rgba(247,243,245,0.7);
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.courselist li .imgbox img {
		height: 100%;
		width: auto;
	}
	
	.commentbox {
		width: 100%;
		padding: 0 20px;
	}
	
	.commentbox p {
		color: #333333;
		padding-right: 20px;
	}
	
	.menuprice {
		padding: 15px 35px 30px;
	}
	
	.courseimg li {
		margin-left: 60px;
	}
	
	.courseimg li:before,
	.courseimg li:after {
		left: -40px;
	}
	
	.courseimg .imgbox {
		width: 120px;
		height: 120px;
	}
	
	.courseimg p {
		font-size: 16px;
		bottom: -25px;
	}
	
	.othermenu .courseimg .imgbox {
		width: 120px;
		height: 120px;
	}
	
	.othermenu .menuprice {
		padding: 10px 35px 30px;
	}
	
	/* introduction */
	.introduction {
		-webkit-flex-direction: column-reverse;
		-moz-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		-o-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	
	.introductionP {
		width: 100%;
	}
	
	.introduction .imgbox {
		width: 61%;
		margin: 0 auto 30px;
		height: 250px;
	}
	
	.logointroP {
		width: 100%;
	}
	
	/* category */
	.categorypost li {
		margin-bottom: 30px;
	}
	
	.posttitle h2 {
		margin-bottom: 20px;
	}
	
	.postdetail {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	
	.postdetail .imgbox {
		width: 100%;
		height: 160px;
		margin-bottom: 20px;
	}
	
	.postdetail .imgbox img {
		width: 100%;
		height: auto;
	}
	
	.postdetail .postdes {
		width: 100%;
	}
	
	.postdetail .postdes p {
		margin-bottom: 20px;
	}
	
	.postdetail .span a {
		padding: 5px 0;
	}
	
	/* detail */
	.entry {
		width: 100%;
		margin: 15px 0 40px;
		box-shadow: none;
		border-radius: 0;
		padding: 24px;
	}
	
	.singletitle {
		margin-bottom: 30px;
	}
	
	.singletitle h1 {
		letter-spacing: 2px;
		font-size: 24px;
	}
	
	.entry .imgbox {
		height: 260px;
	}
	
	.singlemain .LP_otoiawase {
		width: 100%;
		box-sizing: border-box;
	}
	
	.singlemain .LP_otoiawase a {
		background: #fa7964 url("images/tap_icon.png") no-repeat 10px center;
		background-size: 50px auto;
	}
	
	.singlemain .LP_otoiawase a + a {
		background: #fa7964;
	}
	
	.relation {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
	
	.relation h4 {
		margin-bottom: 20px;
	}
	
	.relation ul li {
		width: 48%;
		margin-bottom: 30px;
	}
	
}

/* デバイスサイズ 〜768px　-smalltablet- */

@media print, screen and (max-width: 768px) {
	
	.MV .imgbox img {
		width: 100%;
		height: auto;
	}
	
	/* contact */
	.contactnum {
		font-size: 36px;
	}
	
	.contactpoint {
		padding: 20px 30px;
	}
	
	.openhead {
		font-size: 18px;
	}
	
	.openhours .flexstyle {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
		width: 95%;
		border: 2px solid #f7f3eb;
	}
	
	.openhours dl {
		font-size: 16px;
	}
	
	.openhours dl dl {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	
	.openhours dl dt {
		width: 100%;
		box-sizing: border-box;
	}
	
	.openhours > dl > dt {
		border-right: none;
		border-bottom: none;
		border-top: 2px solid #f7f3eb;
	}
	
	.openhours > dl > dt:first-child {
		border-right: 2px solid #f7f3eb;
		border-bottom: 2px solid #f7f3eb;
	}
	
	.openhours dl dl dt,
	.openhours dl dl dd {
		width: 33%;
	}

}

/* デバイスサイズ 〜480px　-smartphone- */

@media print, screen and (max-width: 480px) {
	
	body {
		font-size: 14px;
	}

	h2, h2 a,
	h2 span {
		font-weight: bold;
		font-size: 24px;
		color: #8c6754;
	}

	h3, h3 a, h4, h4 a, h4 span, h5, h5 a, h5 span {
		font-weight: bold;
		font-size: 20px;
		color: #8c6754;
	}
	
	.font12 {
		font-size: 12px;
	}
	
	/* header */
	
	#loader div {
		width: 150px;
		height: 112.5px;
	}
	
	.smanav div span a {
		display: block;
	}
	
	/* concept */
	.concept {
		padding: 80px 30px 30px;
		background: url("images/kahoppe_s.jpg");
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	.concept h2:before {
		content: "MUKU";
		font-size: 60px;
		top: -50px;
	}
	
	.concept h2 {
		margin-bottom: 10px;
		letter-spacing: 1.6px;
	}
	
	.concepttext p {
		font-weight: normal;
		line-height: 2.0;
		margin-bottom: 10px;
		letter-spacing: 1.4px;
		text-align: left;
	}
	
	.concepttext p span {
		display: block;
		text-align: center;
	}
	
	/* unique */
	.unique {
		margin: 0 auto 40px;
	}
	
	.unique h2 {
		padding: 0;
		text-align: center;
		background: none;
		margin: 0 0 10px;
	}
	
	.unique h2 span {
		background: url(images/unique_bg.png) no-repeat top center;
		display: inline-block;
		padding: 40px 0 0;
		background-size: 35px;
		line-height: 1.2;
	}
	
	.uniquebox {
		margin-bottom: 40px;
	}
	
	.uniquecontent{ 
		width: 100%;
		margin-bottom: 25px;
	}
	
	.uniquecontent:first-child {
		order: 2;
	}
	
	.uniquebox li:nth-child(2) {
		order: 1;
	}
	
	.uniquecontent:nth-child(3) {
		order: 3;
	}
	
	.uniquecontent:nth-child(4) {
		order: 4;
	}
	
	.uniquecontent dl h3 {
		font-size: 20px;
	}
	
	.uniquecontent span {
		font-size: 14px;
	}
	
	.uniquetext {
		border: 1px solid #fff;
		margin: 0 15px 25px;
		text-align: center;
	}
	
	.uniquetext div {
		width: 100%;
	}
	
	.moreblock {
		width: 60%;
	}
	
	.more {
		font-size: 20px;
	}
	
	/* approach */
	.muku_approach h2 {
		font-size: 18px;
		font-weight: normal;
		margin-bottom: 30px;
	}
	
	.approach_inner {
		padding: 5px;
		position: relative;
		margin-bottom: 8px;
	}
	
	.approach_inner:nth-child(1) {
		background: url(images/menu_katakori.jpg) no-repeat center;
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	.approach_inner:nth-child(2) {
		background: url(images/menu_shinkyu.jpg) no-repeat center;
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	.approach_inner:nth-child(3) {
		background: url(images/menu_sango.jpg) no-repeat center;
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	.approach_inner:nth-child(4) {
		background: url(images/menu_biyou.jpg) no-repeat center;
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	.approach_inner:before {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #f2e7d7;
		opacity: 0.8;
	}
	
	.approach_text {
		margin-bottom: 30px;
	}
	
	.approach_text span {
		font-size: 18px;
	}
	
	.approach_text h3 {
		margin-bottom: 20px;
	}
	
	.approach_text h3 a {
		font-size: 16px;
	}
	
	.approach_text .approach_link a {
		font-size: 14px;
		font-weight: bold;
	}
	
	.approach_img {
		width: 100%;
		height: 240px;
	}
	
	.approach_inner .raleway {
		font-size: 28px;
		color: #fff;
	}
	
	.approach_inner .approach_imglink a {
		width: 95px;
		height: 95px;
		border-radius: 0;
		padding: 35px 10px 10px;
		background: url(images/menu_arrow.png) no-repeat center 12px rgba(255,255,255,0.5);
		-webkit-background-size: 20px;
		background-size: 20px;
		left: 67.5%;
		font-weight: normal;
	}
	
	.approach_inner:nth-child(3) .approach_imglink a {
		font-size: 12px;
		padding: 30px 10px 10px;
		background: url(images/menu_arrow.png) no-repeat center 10px rgba(255,255,255,0.5);
		-webkit-background-size: 20px;
		background-size: 20px;
	}
	
	/* wlink */
	.wlink {
		margin-bottom: 30px;
	}
	
	.wlink > div {
		height: 100px
	}
	
	.wlink div a span {
		font-size: 14px;
		padding-right: 30px;
	}
	
	.wlink div a span:before {
		width: 8px;
		height: 8px;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
	}
	
	/* news */
	.news {
		margin: 0 auto 40px;
	}
	
	.news h2 {
		margin-bottom: 0;
	}
	
	.newsblock {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	
	.newsblock {
		padding: 20px 0 15px;
		box-sizing: border-box;
	}
	
	.newarticles li .imgbox {
		width: 90%;
		margin: 0 auto;
		height: 120px;
		margin-bottom: 10px;
		border-radius: 5px;
	}
	
	.newstitle {
		width: 100%;
		margin: 0;
	}
	
	.newstitle ul {
		margin: 0;
	}
	
	.newstitle ul li a {
		padding: 0 15px;
	}
	
	.newstitle h3 {
		margin-top: 10px;
	}
	
	.news h3 a {
		font-size: 16px;
	}
	
	/* gallery */
	.gallery {
		margin-bottom: 60px;
	}
	
	.gallerybox {
		margin-bottom: 30px;
	}
	
	.gallerybox ul li {
		height: 120px;
	}
	
	/* basicinfo */
	.basicinfo {
		padding: 10px;
	}
	
	.basicinfomain {
		margin: 0;
		padding: 10px;
	}
	
	.basicinfomain h2 {
		font-size: 18px;
		margin-bottom: 5px;
	}
	
	.basicinfomain h3 {
		font-weight: normal;
	}
	
	.basicinfomain address {
		font-weight: normal;
	}
	
	.basicinfotel p span {
		border-bottom: 1px solid #fff;
		font-weight: normal;
	}
	
	.basicinfomain > ul > li {
		flex-direction: column-reverse;
	}
	
	.basicinfomain > ul > li > div {
		width: 100%;
	}
	
	.contactpart {
		margin-bottom: 10px;
	}
	
	.contactpart h3 {
		font-size: 14px;
	}
	
	.addressblock {
		margin-bottom: 5px;
	}
	
	.addressblock address {
		font-size: 14px;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	.basicinfotel p {
		margin-bottom: 14px;
		line-height: 1;
	}
	
	.addressblock span {
		display: inline-block;
		padding: 0 10px;
		border-radius: 5px;
		background: #f7f3eb;
		color: #8c6754;
		margin: 0 5px 5px 0;
	}
	
	.basicinfotel > span {
		display: inline-block;
		padding: 0 10px;
		border-radius: 5px;
		background: #f7f3eb;
		color: #8c6754;
		margin: 0 5px 5px 0;
	}
	
	.basicinfotel > span + span {
		display: block;
		padding: 0;
		margin: 0;
		color: #fff;
		background: none;
	}
	
	.basicinfomain .subpart {
		flex-direction: column;
	}
	
	.basicinfotime {
		padding: 0;
		margin-bottom: 10px;
	}
	
	.receptionweek,
	.receptionsuturday {
		margin-bottom: 5px;
	}
	
	.basicsns {
		margin-bottom: 20px;
	}
	
	.basicsns .flexstyle {
		justify-content: space-around;
	}
	
	.basicsns ul li:first-child {
		margin-right: 0;
	}
	
	.gmap {
		height: 180px;
	}
	
	footer {
		padding-bottom: 79px;
	}
	
	#footer_fix {
		bottom: -79px;
	}
	
	.fnav {
		padding: 0 5px;
	}
	
	.footerlogo p a {
		width: 128px;
	}
	
	.footerlogo small {
		font-size: 10px;
	}
	
	/* category */
	.category {
		margin: 20px auto 60px;
		width: 96%;
	}
	
	.categorypost ul {
		padding: 0;
	}
	
	.categorypost ul li {
		width: 100%;
	}
	
	.categorytitle h1 {
		font-size: 24px;
	}
	
	.categorypost .postcard {
		padding: 10px 20px 20px;
		width: 100%;
	}
	
	.posttitle h2 {
		margin-bottom: 10px;
	}
	
	.posttitle h2 a {
		font-size: 20px;
	}
	
	.wp-pagenavi {
		padding: 0;
	}
	
	/* page */
	.page {
		margin: 10px auto 40px;
		width: 96%;
	}
	
	.page h1 {
		font-size: 24px;
	}
	
	/* >access */
	.page iframe {
		height: 350px;
	}
	
	/* >980campaign */
    .lpc_box {
        padding: 20px;
    }
    .lpc_box .lplimit {
        width: 100%;
    }
    .lpcontact_button {
        width: 100%;
    }
    .lpcontact_button a {
        padding: 10px;
    }
    .lpcontact_button + .imgbox {
        width: 100%;
    }
    .lp_voice {
        padding: 55px 20px 30px;
    }
    .lp_step {
        padding: 20px;
        margin-bottom: 40px;
    }
    .lp_foot {
        width: 96%;
    }
	
	/* contact */
	#page-19 h1 {
		margin-bottom: 10px;
	}
	
	.contactpoint {
		padding: 20px 10px 10px;
	}
	
	.page .contactnum {
		font-size: 24px;
		margin-bottom: 10px;
	}
	
	.openhours .flexstyle {
		width: 100%;
	}
	
	.openhours dl {
		font-size: 20px;
	}
	
	.openhours > dl:before {
		font-size: 14px;
		bottom: -33px;
	}
	
	.openhours dl dl {
		font-size: 20px;
	}
	
	.openhours dl dl:first-child {
		font-size: 14px;
	}
	
	.openhours dl dt {
		padding: 5px 0;
	}
	
	/* >operationmenu */
	.menupagetitle {
		padding: 30px 0 20px;
		margin-bottom: 30px;
	}
	
	.menupage h1 {
		font-size: 26px;
	}
	
	.menupagetitle h1:before {
		font-size: 26px;
		width: inherit;
		top: -13px;
		bottom: inherit;
		left: 0;
	}
	
	.menupagetitle .imgbox {
		width: 96%;
		height: 180px;
		margin: 0 auto 20px;
	}
	
	.sejutsucomment {
		text-align: left;
	}
	
	.menupagemain {
		width: 96%;
	}
	
	.menubox {
		margin-bottom: 40px;
	}
	
	.menupagemain h2 {
		margin: 0 0 20px;
		text-align: center;
		padding: 0;
		position: relative;
		border-bottom: none;
	}
	
	.menupagemain h2:before {
		content: "";
		display: block;
		width: 33%;
		height: 1px;
		background: #ccab71;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
	}
	
	.menupagemain h3 {
		margin: 30px 0 20px;
		padding: 5px 10px;
	}
	
	.menupagemain h4 {
		margin: 0 0 10px;
		font-size: 20px;
	}
	
	.commentbox {
		padding: 0 10px;
	}
	
	.commentbox p {
		padding-right: 0;
		margin-top: 10px;
		margin-bottom: 0;
	}
	
	.courselist li {
		margin-bottom: 20px;
	}
	
	.courselist li .imgbox {
		width: 150px;
		height: 150px;
		top: inherit;
		bottom: 0;
		box-shadow: none;
	}
	
	.courseprice {
		margin-top: 10px;
	}
	
	.courseimg {
		padding: 10px 10px 0;
		justify-content: space-between;
	}
	
	.courseimg li {
		width: 48.5%;
		margin-left: 0;
		margin-bottom: 25px;
	}
	
	.courseimg li:before,
	.courseimg li:after {
		left: -15px;
		background: #8c6754;
		bottom: -11px;
	}
	
	.courseimg li:nth-child(3):before,
	.courseimg li:nth-child(3):after,
	.courseimg li:nth-child(5):before,
	.courseimg li:nth-child(5):after,
	.courseimg li:nth-child(6):before,
	.courseimg li:nth-child(6):after {
		content: none;
	}
	
	.courseimg .imgbox {
		width: 100%;
		height: 90px;
		border-radius: 5px;
	}
	
	.courseimg .imgbox img {
		width: 100%;
		height: auto;
	}
	
	.courseimg p {
		font-size: 12px;
		bottom: -15px;
	}
	
	.menuprice {
		padding: 5px 10px 10px;
		text-align: center;
	}
	
	.menuprice p {
		text-align: center;
		padding: 3px 30px;
		font-size: 20px;
		letter-spacing: 2px;
		display: block;
	}
	
	.bimuku .courselist {
		margin: 20px 0;
	}
	
	.bimuku .courseimg li .imgbox {
		width: 100%;
		height: 90px;
	}
	
	.bimuku .courseimg li:first-child .imgbox {
		width: 100%;
		height: 90px;
	}
	
	.bimuku .menuprice,
	.othermenu .menuprice {
		padding: 5px 10px 10px;
	}
	
	.bimuku .courseimg li:first-child p {
		bottom: -18px;
		font-size: 16px;
	}
	
	.othermenu .courseimg p {
		bottom: -18px;
		font-size: 12px;
	}
	
	.othermenu .courseimg .imgbox {
		width: 100%;
		height: 90px;
	}
	
	.menupagemain .othermenu h3 {
		margin: 10px 0;
	}
	
	.menupagemain h3 + p {
		margin-top: -5px;
	}
	
	.othermenu .courseimg li:before,
	.othermenu .courseimg li:after {
		bottom: inherit;
	}
	
	.othermenu .zenshinhari.courseimg li:before,
	.othermenu .zenshinhari.courseimg li:after {
		bottom: -11px;
	}
	
	.menupagemain .pinpoint p {
		margin-bottom: 0;
	}
	
	/* introduction */
	.introduction .imgbox {
		width: 90%;
		height: 200px;
	}
	
	.logointro .imgbox {
		width: 75px;
	}
	
	/* detail */
	.entry {
		padding: 10px 2% 60px;
		margin: 10px 0 40px;
	}
	
	.singletitle {
		margin-bottom: 20px;
	}
	
	.singletitle h1 {
		font-size: 20px;
	}
	
	.entry .imgbox {
		width: 90%;
		height: 220px;
	}
	
	.datetimeS {
		width: 100%;
	}
	
	.singlemain p {
		line-height: 2.2;
	}
	
	.singlemain h2 {
		margin: 40px 0 20px;
		padding: 5px 10px;
		font-size: 18px;
	}
	
	.singlemain h3 {
		margin: 30px 0 15px;
		padding: 5px 10px;
		font-size: 16px;
	}
	
	.singlemain h4 {
		margin: 20px 0 15px;
		padding: 5px 10px 5px 0;
		font-size: 16px;
	}
	
	.singlemain ul {
		padding: 10px 15px;
		border-radius: 5px;
	}
	
	.singlemain .LP_otoiawase {
		padding: 10px;
	}
	
	.singlemain .LP_otoiawase h2 {
		font-size: 20px;
		margin: 5px 0;
	}
	
	.singlemain .lpcoupon {
		width: 96%;
	}
	
	.singlemain .LP_otoiawase .flexstyle {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	
	.singlemain .LP_otoiawase .flexstyle a {
		width: 100%;
		margin-bottom: 15px;
	}
	
	.singlemain .LP_otoiawase .flexstyle a + a {
		margin-bottom: 0;
	}
	
	.singlemain .stretchimgbox .imgbox {
		width: 48%;
		height: 135px;
		margin-bottom: 10px;
		border-radius: 5px;
	}
	
	.singlemain .LP_otoiawase p {
		margin-bottom: 10px;
	}
	
	.relation ul li {
		width: 100%;
	}
	
	.relation ul li a {
		height: 190px;
	}
	
}


/*======================================================================
  animation
======================================================================*/

.MV .imgbox picture {
	opacity: 0;
	-webkit-animation: album 15s infinite;
	-o-animation: album 15s infinite;
	animation: album 15s infinite;
	transform: scale(1.08);
}

.MV picture.change2 {
	-webkit-animation-delay: 4s;
	-o-animation-delay: 4s;
	animation-delay: 4s;
}

.MV picture.change3 {
	-webkit-animation-delay: 8s;
	-o-animation-delay: 8s;
	animation-delay: 8s;
}

@-webkit-keyframes album {
	
	0% {
		opacity: 0;
		-webkit-transform: scale(1.08);
		-ms-transform: scale(1.08);
		-o-transform: scale(1.08);
		transform: scale(1.08);
	}
	
	10% {
		opacity: 1.0;
	}
	
	25% {
		opacity: 1.0;
	}
	
	35% {
		opacity: 0;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	
}

@keyframes album {
	
	0% {
		opacity: 0;
		-webkit-transform: scale(1.08);
		-ms-transform: scale(1.08);
		-o-transform: scale(1.08);
		transform: scale(1.08);
	}
	
	10% {
		opacity: 1.0;
	}
	
	25% {
		opacity: 1.0;
	}
	
	35% {
		opacity: 0;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	
}

@-webkit-keyframes load {
	
	0% {
		opacity: 0;
	}
	
	70% {
		opacity: 1.0;
	}
	
	100% {
		opacity: 0;
	}
	
}

@keyframes load {
	
	0% {
		opacity: 0;
	}
	
	70% {
		opacity: 1.0;
	}
	
	100% {
		opacity: 0;
	}
	
}