@charset "utf-8";
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
section, article { display: block; }
* { margin: 0; padding: 0; }
table { border-collapse: separate; }
p { padding: 0; margin: 0; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; }
/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; padding: 0; font-size: 16px; font-family: helvetica, Helvetica Neue, YuGothic, "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; text-align: center; letter-spacing: 0.05em; line-height:2em; background-color: #FFFFFF; margin: 0px; padding: 0px; box-sizing: border-box; }
img { vertical-align: bottom; height: auto; width: 100%; }
/* link */
a:link, a:visited, a:active { color: #000000; text-decoration: none; }
a:hover { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; }
/* youtube */
iframe { margin-top: 1em; }
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
iframe[src^="https://www.youtube.com"] { width: 100% !important; height: 480px !important; }
/* clear */
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
/* options */
.pc { display:block; }
.sp { display:none; }

/* body */
body { min-width:1200px; max-width:1680px; }

/* wrapper */
#wrapper { margin-right: auto; margin-left: auto; width: 100%; }

/* header */
#header { margin: 3% auto; width: 93%;}
#header #news { vertical-align: middle; float: left; text-align: left; font-size: 75%; }
#header #news span { margin-right: 1em; padding: 5px 10px; border: 1px solid #000; border-radius: 15px; }
#header #sns { vertical-align: middle; float: right; text-align: right; width: 20%; }
#header #sns li a img { vertical-align: middle; }
#header #sns li { display: inline-block; width: 8%; margin-right: 0.75em; }
#header #sns li:nth-child(2) { width: 8%; }
#header #sns li:nth-child(3) { width: 8%; }
#header #sns li:nth-child(4) { width: 22%; margin-right: 0; }
#header #navi { vertical-align: middle; overflow: hidden; }
#header #navi li { display: inline-block; margin-right: 1.5em; }
#header #navi li:last-child { margin-right: 0; }
.btn_wrapper.clearfix { display: none; }
#header #navi li.lang-btn-jp { margin: 0 1.5em 0 3em; }
.jp #header #navi li.lang-btn-jp span { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000; display: inline-block; }
.en #header #navi li.lang-btn-en span { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000; display: inline-block; }

/* header sub */
#header_sub { margin: 3% 4%; width: 92%; }
#header_sub #sns { vertical-align: middle; float: right; text-align: right; width: 20%; }
#header_sub #sns li { display: inline-block; width: 8%; margin-right: 0.75em; }
#header_sub #sns li a img { vertical-align: middle; }
#header_sub #sns li:nth-child(2) { width: 8%; }
#header_sub #sns li:nth-child(3) { width: 8%; }
#header_sub #sns li:nth-child(4) { width: 22%; margin-right: 0; }
#header_sub #navi { letter-spacing:0.1em; line-height:1.75em; vertical-align: middle; overflow: hidden; width: auto; margin-left: 25%; }
#header_sub #navi li { display: inline-block; margin-right: 1.5em; }
#header_sub #navi li:last-child { margin-right: 0; }
#header_sub #navi li.lang-btn-jp { margin: 0 1.5em 0 3em; }
.jp #header_sub #navi li.lang-btn-jp span { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000; display: inline-block; }
.en #header_sub #navi li.lang-btn-en span { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000; display: inline-block; }

/* main */
#main { font-size: 0; letter-spacing: 0; }
#main h1 { display: inline-block; width: 14%; padding: 0 7.5% 5% 7.5%; vertical-align: middle; }
#main p { display: inline-block; width: 71%; vertical-align: middle; }
/* contents */
#contents h2 { letter-spacing: 0.1em; font-size: 150%; margin: 3em 0; }
#contents h2 span { border-bottom-width: 2px; padding-bottom: 0.2em; border-bottom-style: solid; border-bottom-color: #000; display: inline-block; }
#contents #intro { position: relative; }
#contents #intro:nth-child(3) { padding-top: 2em; }
#contents #intro:nth-child(4) { padding-top: 2em; }
#contents #photo1 { width: 70%; margin: 0 auto 0 0; }
#contents #leed1 { line-height: 3em; text-align: left; position: absolute; top: 25%; right: 10em; width: auto; }
#contents #photo2 { width: 70%; margin: 0 0 0 auto; }
#contents #leed2 { line-height: 3em; text-align: left; position: absolute; top: 25%; left: 10em; width: auto; }
#contents #photo3 { width: 70%; margin: 0 auto 0 0; }
#contents #leed3 { position: absolute; top: 22%; right: 12em; width: 25%; }
#contents #topnavi { margin-top: 6em; }
#contents #topnavi ul li { width: 32%; margin-right: 1.5%; float: left; display: block; }
#contents #topnavi ul li:nth-child(2) { width: 32.5%; margin-right: 1.5%; float: left; display: block; }
#contents #topnavi ul li:nth-child(3) { width: 32.5%; margin-right: 0; float: left; display: block; }
#contents #topnavi ul li p span { letter-spacing: 0.1em; margin-top: 1em; line-height:1.85em; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000; display: inline-block; }
.clear { clear: both; }
/* menu */
#contents .menu:nth-child(3) { margin-top: 6em; }
#contents .menu #photo { display: inline-block; width: 49%; margin-right: 1.5%; }
#contents .menu #photo:nth-child(2) { margin-right: 0; }
#contents .menu #price { width: 50%; margin: 0 auto; }
#contents .menu #price h3 { font-size: 120%; margin: 4em 0 2em 0; }
#contents .menu #price p { text-align: left; }
#contents .menu #price table { text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #000; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; margin: 3em 0 1em 0; padding: 1em 0; }
#contents .menu #price table th { line-height: 3.5em; }
#contents .menu #price table td { width: 40%; text-align: right; }
#contents .menu #price #caption { font-size: 80%; text-align: right; margin: 0 0 0 auto; }
/* menu_button*/
#contents .menu #price #button { font-size: 100%; margin: 4em 0; }
#contents .menu #price #button span { padding: 1.25em 2.5em; border: 1px solid #000; }
#contents .menu #price a:hover span { background-color: #000; color:#fff;}
/* menu_table*/
#contents .menu #price #seminar { text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #000; width: 100%; border-bottom-width: 0; margin: 1.5em 0 1em 0; padding: 1.5em 0 0 0; }
#contents .menu #price #seminar:nth-child(7) { text-align: left; border-top-width: 1px; border-top-style: solid; border-top-color: #000; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; margin: 3em 0 1em 0; padding: 2em 0; }
#contents .menu #price #seminar th { vertical-align: top; line-height: 2em; width: 20%; padding-right: 3em; }
#contents .menu #price #seminar th span { display: block; font-size: 80%; line-height: 1.75em; }
#contents .menu #price #seminar td { font-size: 80%; vertical-align: top; width: 30%; text-align: left; line-height: 2em; }
#contents .menu #price #seminar td:nth-child(3) { font-size: 100%; text-align: right; width: 15%; }
#contents .menu #price dl { text-align: left; margin-bottom: 3em; }
#contents .menu #price dl dt { width: 20%; display: inline-block; vertical-align: top; }
#contents .menu #price dl dt span { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000; padding-bottom: 0.3em; }
#contents .menu #price dl dt .spbr { border-bottom: none; padding-bottom: 0; }
#contents .menu #price dl dd { width: 79%; display: inline-block; vertical-align: top; font-size: 80%; line-height: 2em; }
/* reiki */
#contents .reiki #photo { display: inline-block; width: 49%; margin: 0 1.5% 4em 0; }
#contents .reiki #photo:nth-child(2) { margin-right: 0; }
#contents .reiki #text { width: 50%; margin: 0 auto; }
#contents .reiki #text h3 { font-size: 120%; margin: 4em 0 2em 0; }
#contents .reiki #text p { text-align: left;  line-height:2.3em; }
#contents .reiki #text p img { display: block; margin: 3em auto; width: 100%; }
/* profile*/
#contents .profile { width: 50%; margin: 0 auto; }
#contents .profile #right { display: inline-block; width: 45%; text-align: left; vertical-align: top; }
#contents .profile #right p { margin-top: 0.5em;  }
#contents .profile #left { display: inline-block; width: 50%; margin-right: 4%; vertical-align: top; text-align: left; }
#contents .profile #left p { margin-top: 0; font-size: 100%; line-height:2.3em; }
#contents .profile p { margin-top: 2.5em; text-align: left; }
#contents .profile h3 { letter-spacing: 0.3em; font-size: 130%; margin-bottom: 2em; text-align: center; line-height:2.3em; }
#contents .profile h3 span { letter-spacing: 0.1em; display: block; font-size: 70%; line-height:2.2em; }
#contents .profile h4 { font-size: 120%; margin: 4em 0 1.5em 0; }
#contents .profile h4 span { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000; padding-bottom: 0.3em; }
#contents .profile dl { text-align:left; }
#contents .profile dt { display: inline-block; padding-right: 1em; margin: 3em 1em 0 0; border-right-width: 1px; border-right-style: solid; border-right-color: #000; line-height:1em; }
#contents .profile dd { display: inline-block; margin-right: 1em; }
/* access*/
.ggmap { position: relative; padding-bottom: 30%; height: 0; overflow: hidden; }
.ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
#contents .access #place { width: 60%; margin: 4em auto 2em auto; }
#contents .access #place h3 { font-size: 120%; margin: 2em 0 1em 0; }
#contents .access #place p { text-align: center; }
#contents .access #place p:nth-child(4) { width: 80%; margin: 4em auto 0 auto; }
#contents .access #place span { font-size: 80%; line-height: 1.8em; }
/* contact*/
#contents .contact { width: 50%; margin: 0 auto; }
#contents .contact p { text-align: center; }
#contents .contact p.att { font-size: 90%; text-align: left; width: 80%; margin: 0 auto 2em auto; line-height: 1.75em; }
#contents .contact #contact { font-size: 160%; margin-bottom: 1.2em; }
#contents .contact #contact span { margin: 0 0.5em; }
#contents .contact #right { display: inline-block; width: 45%; vertical-align: top; margin-top: 2.5em; }
#contents .contact #right p { font-size: 80%; margin: 0 auto; }
#contents .contact #left { display: inline-block; width: 46%; margin: 2.5em 4% 0 0; padding-right: 4%; vertical-align: top; border-right-width: 1px; border-right-style: solid; border-right-color: #000; }
#contents .contact #left p { font-size: 80%; margin: 0 auto; }
#contents .contact h3 { font-size: 120%; margin: 4em 0 1.5em 0; }
#contents .contact h3 span { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000; padding-bottom: 0.3em; }
#contents .contact #button { font-size: 100%; margin: 3em 0 1.5em 0; }
#contents .contact #button span { padding: 1.25em 2.5em; border: 1px solid #000; }
#contents .contact #calendar { margin-top: 4em; }
#contents .contact #calendar iframe { width: 100%;}
#contents #calendar_sp #button { display: none; }
/* form */
#contents .contact .form { width: 80%; margin: 3em auto 5em auto; }
#contents .contact .form .data { text-align:left; }
#contents .contact .form .data dt { margin-bottom:0.25em; }
#contents .contact .form .data dd { margin-bottom:1em; }
#contents .contact .form .data dd input { width:98%; line-height: 2.2em; border-style: none; background-color: #f4f4f4; padding: 1%; font-size:80%; }
#contents .contact .form .data dd select { width:100%; height:40px; line-height: 2.2em; border-style: none; background-color: #f4f4f4; padding: 6px; font-size:80%; }
#contents .contact .form .data dd textarea { width:98%; line-height: 2.2em; border-style: none; background-color: #f4f4f4; padding: 1%; font-size:80%; }
#contents .contact .form .data dd .submit { text-align: center; }
#contents .contact .form .data dd .submit input { width:55%; margin-top: 1.5em; background-color: #000; border-style: none;  font-size:100%; padding: 15px 25px; color: #FFF; }

/* news */
#contents .news h1 { float: left; width: 14%; padding: 2% 6.5% 0 7.5%; vertical-align: middle; }
#contents .news #text { float: left; width: 44%; margin: 0 12% 0 2%; vertical-align: top; text-align: left; }
#contents .news #text h2 { letter-spacing: 0.2em; font-size: 120%; margin: 1em 0 2em 0; }
#contents .news #text h2 span { letter-spacing: 0.1em; font-size: 70%; line-height:1.75em; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #000; display: inline-block; }
#contents .news #text p { margin: 2em 0; }
#contents .news #category { float: left; width: 9%; margin: 2em 0 0 0; padding-left: 2%; vertical-align: top; text-align: left; font-size: 80%; border-left-width: 1px; border-left-style: solid; border-left-color: #000; }
#contents .news #category p { padding-bottom: 1em; font-size: 120%; }
#contents .news #category li { padding: 0.5em 0 0.55em 0; }
#contents .news #category li:first-child { padding-top: 0em; }
#contents .news #category li:last-child { padding: 0.5em 0 0 0; }
#contents .news .wp-pagenavi { margin-top: 3em; }
#contents .news .wp-pagenavi li { float: left; font-size: 0.9em; margin-bottom: 1em; }
#contents .news .wp-pagenavi li:last-child { float: right; }

/* news_list */
#contents .news h2 { margin: 3em 13% 3em 32.5%;}
#contents .news h2 { padding: 0 auto;}
#contents .news ul { width: 100; margin: 0 13% 0 32.5%; border-bottom: #000 solid 0.1em;}
#contents .news .single ul { width: 100; margin: 0; border-bottom: #000 solid 0.1em;}
#contents .news ul li { border-top: #000 solid 0.1em; padding: 1.25em 0 ;}
#contents .news ul li .article { display: flex;}
#contents .news ul li .article_date { font-size: 1em; margin-right: 2.5em; font-weight:800; text-align: left; align-items: left;}
#contents .news ul li .article_title { font-size: 1em; text-align: left; align-items: left; }
#contents .news .pagenavi { margin: 1.5em 13% 3em 32.5%; text-align: left; align-items: center;}
#contents .news .pagenavi .pages { padding-right: 1em;}
#contents .news .pagenavi .current { font-size: 1.2em; margin: 0 0.35em; padding:0 0 0.2em 0; border-bottom: solid 2px #000; }
#contents .news .pagenavi .page { font-size: 1.2em; margin: 0 0.35em;}
#contents .news .pagenavi .nextpostslink { font-size: 1.2em; padding: 0 0.35em;}

/* footer */
#footer { margin: 6em 0 3em 0; clear: both; line-height:1.5em; }
#footer #footer_logo { width: 7%; margin: 0 auto 2.5em auto;  }
#footer #contact { font-size: 130%; margin-bottom: 1em; }
#footer #contact span { margin: 0 0.15em; }
#footer p { font-size: 75%; }
#footer #caption { font-size: 60%; margin-top:2.5em; }

.fa.fa-angle-right { padding-left: 0.5em; }

/* current */
.nav-btn.current span { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000; display: inline-block; }
.btn  {
 font-family: FontAwesome;
 content: "\f105";
}
/* sp */
body { }
@media screen and (max-width: 1380px) {
body { font-size: 14px; }
}
@media screen and (min-width: 1381px) and (max-width: 1450px) {
body { font-size: 15px; }
}
@media screen and (min-width: 1451px) and (max-width: 2560px) {
body { font-size: 16px; }
}
 @media screen and (max-width: 834px) {
body { font-size: 12px; min-width:768px; max-width:834px; }
/* options */
.pc { display:none; }
.sp { display:block; }
.btn_wrapper.clearfix { display: block; }
#header { width: 92%; margin: 3% 4%; position: relative; }
#header #news { float: none; font-size: 80%; width: 95%; margin: 30px auto 0 auto; }
#header #news span { padding-top: 4px 8px; }
#header #sns { display: none; }
#header #navi { display: none; }
#header .lang-btn { font-size: 1.2em; margin-top: 0; position: absolute; top: 0; right: 8%; }
#header_sub { position: relative; }
#header_sub #news { float: none; text-align: left; font-size: 95%; width: 95%; margin: 30px auto 0 auto; }
#header_sub #news span { margin: 4px 1em 0 0;  padding: 0 8px 4px 8px; border: 1px solid #000; border-radius: 15px; }
#header_sub #sns { display: none; }
#header_sub #navi { display: none; }
#header_sub .lang-btn { font-size: 1.2em; margin-top: 0; position: absolute; top: 0; right: 4%; }
/* contents */
#contents #leed1 { font-size:80%; line-height: 2.6em; position: absolute; top:20%; right: 3em; }
#contents #leed2 { font-size:80%; line-height: 2.6em; position: absolute; left: 4em; }
#contents #leed3 { position: absolute; top: 25%; right: 6em; }
/* menu */
#contents .menu #photo { display: block; width: 70%; margin: 0 auto 2em auto; }
#contents .menu #photo:nth-child(2) { margin: 0 auto; }
#contents .menu #price { width: 70%; }
#contents .menu #price h3 { margin: 3em 0 2em 0; }
#contents .menu #price dl { width: 100%; margin: 0 auto 3em auto; }
#contents .menu #price dl dt { width: 25%; margin-right:5%; line-height:2.5em; }
#contents .menu #price dl dd { width: 68%; }
#contents .menu #price table { padding: 2em 0; }
#contents .menu #price table th { line-height: 2em; vertical-align:top; }
#contents .menu #price table td { width: 30%; line-height: 2em; }
#contents .menu #price #caption { line-height:1.75em; }
/* reiki */
#contents .reiki #photo { width: 70%; margin: 0 auto 2em auto; }
#contents .reiki #photo:nth-child(2) { margin: 0 auto 2em auto; }
#contents .reiki #text { width: 70%; }
#contents .reiki #text p { line-height:2em; }
/* profile*/
#contents .profile { width: 70%; line-height:2em; }
#contents .contact .form .data dd .submit input { width:70%; margin-top: 1.5em; background-color: #000; border-style: none;  font-size:100%; padding: 15px 0px; color: #FFF;  -webkit-appearance: none; }
/* contact*/
#contents .contact #calendar { display:none; }
#contents #calendar_sp #button { display:block; font-size: 120%; margin: 4em 0 ;}
#contents .contact p.att { font-size: 100%; text-align: left; width: 100%; margin: 2em auto; line-height: 1.75em; }

}

@media screen and (max-width: 600px) {
body { font-size: 12px; min-width:0px; max-width:600px; }
/* options */
.pc { display:none; }
.sp { display:block; }
#wrapper { margin-right: auto; margin-left: auto; width: 100%; min-width: 100%; }
.spbr { display: block; }
.btn_wrapper.clearfix { display: none; }
#header { width: 92%; margin: 3% 4%; position: relative; }
#header #news span { margin-right: 1em; padding: 4px 8px; border: 1px solid #000; border-radius: 15px; }
#header #sns { display: none; }
#header #navi { display: none; }
#header .lang-btn { font-size: 1.4em; margin-top: 0; position: absolute; top: 0; right: 4%; }
#header_sub { position: relative; }
#header_sub { width: 92%; margin: 4% 3%; }
#header_sub #news { float: none; text-align: left; font-size: 95%; width: 95%; margin-top: 30px; margin-right: auto; margin-left: auto; }
#header_sub #news span { margin-right: 1em; padding: 4px 8px; border: 1px solid #000; border-radius: 15px; }
#header_sub #sns { display: none; }
#header_sub #navi { display: none; }
#header_sub .lang-btn { font-size: 1.4em; margin-top: 0; position: absolute; top: 0; right: 4%; }
/* main */
#main h1 { display: block; width: 30%; margin-right: auto; margin-left: auto; padding: 10% 0 15% 0; }
#main p { display: block; width: 100%; margin-right: auto; margin-left: auto; }
/* contents */
#contents #intro:nth-child(3) { padding-top: 3em; }
#contents #intro:nth-child(4) { padding-top: 3em; }
#contents #photo1 { width: 90%; margin: 0 auto; }
#contents #leed1 { line-height: 2.5em; text-align: center; position: static; margin: 3em auto 0 auto; width: 90%; }
#contents #photo2 { width: 90%; margin: 0 auto; }
#contents #leed2 { line-height: 2.5em; text-align: center; position: static; margin: 3em auto 0 auto; width: 90%; }
#contents #photo3 { width: 90%; margin: 0 auto; }
#contents #leed3 { position: static; margin: 4em auto 0 auto; width: 40%; }
#contents #topnavi { margin-top: 3.5em; }
#contents #topnavi ul li { width: 100%; display: block; margin: 2em 0 0 0; }
#contents #topnavi ul li:nth-child(2) { width: 100%; display: block; margin: 2em 0 0 0; }
#contents #topnavi ul li:nth-child(3) { width: 100%; display: block; margin: 2em 0 0 0; }
#contents #topnavi ul li p span { letter-spacing: 0.2em; padding-bottom: 0.3em; border-bottom-width: 1px; }
/* profile*/
#contents .profile { width: 90%; }
#contents .profile p { margin-top: 5em; }
#contents .profile #right { display: block; width: 75%; margin: 3.5em auto 0 auto; }
#contents .profile #left { display: block; width: 90%; margin: 3.5em auto 0 auto; }
#contents .profile h3 { margin-bottom: 1em; line-height:1.75em; }
#contents .profile dl { text-align:center; }
#contents .profile dt { display: block; padding-right: 0; margin: 3em 0 0 0; border-right-width: 0; line-height:2em; }
#contents .profile dd { display: block; margin-right: 0; }
/* reiki */
#contents .reiki #photo { display: block; width: 90%; }
#contents .reiki #text { width: 85%; }
/* menu */
#contents .menu #photo { width: 90%; }
#contents .menu #price { width: 85%; }
/* menu_button*/
#contents .menu #price #button { font-size: 120%; }
/* menu_table*/
#contents .menu #price #seminar th { display: block;  width: 100%; text-align: center; padding-right: 2em;  margin-bottom:1em; }
#contents .menu #price #seminar th span { width: 100%; }
#contents .menu #price #seminar td { display: block; width: 100%; padding-right: 0; text-align: center; }
#contents .menu #price #seminar td:nth-child(3) { display: block; text-align: center; width: 100%; padding-right: 0;  margin-top:1em; }
#contents .menu #price #seminar th br { display:none; }
#contents .menu #price #seminar td:nth-child(3) br { display:none; }
/* access*/
.ggmap { padding-bottom: 60%; }
#contents .access #place { width: 90%; }
#contents .access #place p:nth-child(4) { width: 90%; }
#contents .access #place span { font-size: 90%; }
/* contact*/
#contents .contact { width: 90%; }
#contents .contact h3 { margin-bottom: 2em; }
#contents .contact #calendar { display:none; }
#contents #calendar_sp #button { display:block; font-size: 120%; margin: 4em 0 ;}
#contents .contact p.att { font-size: 100%; text-align: left; width: 100%; margin: 2em auto; line-height: 1.75em; }
/* news */
#contents .news h1 { float: none; display: block; width: 30%; margin: 0 auto; padding: 10% 0 15% 0; }
#contents .news #text { float: none; width: 85%; margin: 0 auto; }
#contents .news #text h2 { letter-spacing: 0.1em; }
#contents .news #category { float: none; width: 80%; margin: 2em auto 0 auto; padding-top: 2%; text-align: center; border-left-width: 0; border-top-width: 1px; border-top-style: solid; border-top-color: #000; }
#contents .news #category li { display:inline-block; padding: 0 1em; }
#contents .news #category li:last-child { padding-top: 0.5em; padding-bottom: 0; }
/* form */
#contents .contact { width: 85%; margin-right: auto; margin-left: auto; }
#contents .contact .form { width: 100%; margin: 3em auto 0 auto; }
#contents .contact .form .data dd select { -webkit-appearance: none; }
#contents .contact .form .data dd .submit input { width:70%; padding: 15px 0px; -webkit-appearance: none; }

/* news_list */
#contents .news h2 { margin: 3em auto;}
#contents .news ul { width: 80%; margin: auto; }
#contents .news .single ul { width: 100%; font-size: 0.8em;}
#contents .news ul li { flex-direction: column; text-align: left;}
#contents .news ul li .article { flex-direction: column;}
#contents .news ul li .article_date { margin: 0 2em 0.25em 0;}
#contents .news ul li .article_title { line-height: 1.6em;}
#contents .news .pagenavi { margin: 3em auto ; text-align: center; }
#contents .news .pagenavi .page { margin: 0 0.6em; }
#contents .news .pagenavi .current { margin: 0 0.6em; padding:0 0 0.2em 0; }
#contents .news .pagenavi .nextpostslink { padding: 0 0.6em;}

/* footer */
#footer { margin: 6em auto 5em auto; width: 90%; }
#footer #footer_logo { width: 25%; margin: 0 auto 2.2em auto; }
#footer #contact { font-size: 145%; margin-bottom: 1.2em; line-height:0.85em; }
#footer #contact span { margin: 0 0.3em; }
#footer p { font-size: 80%;}


}


/* mfp */
#mailformpro input[type="text"],
#mailformpro input[type="email"] { font-size: 1em !important; width:100% !important; border-radius:0 !important; box-sizing: border-box; }
#mailformpro textarea { box-sizing: border-box; font-size: 1em !important; width:100% !important; height:10em !important; }
#mailformpro select { box-sizing: border-box; font-size: 1em !important; width:100% !important; height:40px !important; padding:0.5em !important; line-height:1.5em !important; color:#000 !important; margin:0 !important; }
#mailformpro .submit button { cursor:pointer; width:55%; margin-top: 1.5em; background-color: #000; border-style: none;  font-size:100%; padding: 15px 25px; color: #FFF; }
#mailformpro .submit button:hover { background-color: #ddd; color: #000; }
#contents .contact #mfp_confirm_table { width:95%; border-top:solid 1px #ddd; margin:1em auto; }
#contents .contact #mfp_confirm_table th { width:30%; text-align: left; padding:0.5em 0; border-bottom:solid 1px #ddd; }
#contents .contact #mfp_confirm_table td { width:70%; text-align: left; padding:0.5em 0; border-bottom:solid 1px #ddd; }
#contents .contact #mfp_confirm_table .mfp_buttons {}
#contents .contact .mfp_buttons #mfp_button_send { width:65%; margin-top: 1.5em; background-color: #000; border-style: none;  font-size:100%; padding: 15px 25px; color: #FFF; cursor:pointer; }
#contents .contact .mfp_buttons #mfp_button_send:hover { background-color: #ddd; color: #000; }
#contents .contact .mfp_buttons #mfp_button_cancel { width:25%; margin-top: 1.5em; margin-left:5%; background-color: #fff; border: solid 1px #ddd;  font-size:100%; padding: 15px 25px; color: #000; cursor:pointer; }
@media screen and (max-width: 480px) {
#mailformpro .submit button { width:70%; margin-top: 1.5em; background-color: #000; border-style: none;  font-size:100%; padding: 15px 0px; color: #FFF;  -webkit-appearance: none; }
#contents .contact .mfp_buttons #mfp_button_send { width:100%; margin-top: 1.5em; background-color: #000; border-style: none;  font-size:100%; padding: 15px 25px; color: #FFF; cursor:pointer; }
#contents .contact .mfp_buttons #mfp_button_cancel { width:100%; margin-top: 0; margin-left:0; background-color: #fff; border: solid 1px #ddd;  font-size:100%; padding: 15px 25px; color: #000; cursor:pointer; }

.selectBox {
    display: block;
    position: relative;
}
.selectBox::before {
    content: "";
    width: 5px;
    height: 5px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    transform: rotate(45deg);
}

}