@charset "UTF-8";
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

html { font-family: sans-serif; /* 1 */ /* 日本語のfont-familyへの対応 */ font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif; -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

body { margin: 0; }

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, pre { margin: 0; }

/* ==== margin 初期化 ====*/
a { background: transparent; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

html { font-size: 85%; }

/* モバイルファースト　スマホサイズ　レスポンシブ   タイプセッティングへの対応 */
h1 { font-size: 2em; }

p, li, dt, dd, th, td, pre { -ms-line-break: strict; line-break: strict; -ms-word-break: break-strict; word-break: break-strict; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre-wrap; }

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { max-width: 100%; /* フルードイメージへの対応 */ height: auto; vertical-align: middle; /* 追加箇所 */ border: 0; }

/* IE8 max-widthバグへの対応*/
/* .ie8 img{width: auto; height: auto} */
svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

/*  ==== normalize.css mini end   ===================================== */
/* general setting for lessponsive web design */
html { line-height: 2; }

a { text-decoration: none; color: #0000cc; }

ul, ol { list-style: none; }

h1 { font-size: 3em; /* 48px */ line-height: 1; /* 48px */ }

h2 { font-size: 2.25em; /* 36px */ line-height: 1.3333; /* 48px */ }

h3 { font-size: 1.5em; /* 24px */ line-height: 1; /* 24px */ }

hgroup h2, h4, h5, h6 { font-size: 1em; /* 16px */ line-height: 1.5; /* 24px */ }

p { margin-bottom: 1em; line-height: 2; text-align: left; }

* { box-sizing: border-box; }

/*---------------変数宣言-------------------*/
/*---------------構造の変数　横幅-------------------*/
/*---------------色の変数-------------------*/
/*---------------よく使うミックスイン-------------------*/
/*---------------general-------------------*/
body { background-color: white; }

body img { max-width: 100%; height: auto; }

/*--------  decoration コピー用 ----------*/
.deco { width: 100%; margin: 0; padding: 0; overflow: hidden; zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 1px 1px 0px #333333; -moz-box-shadow: 1px 1px 0px #333333; box-shadow: 1px 1px 0px #333333; text-shadow: 0px 1px 0px white; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6d872), color-stop(100%, #d7b606)); background: -webkit-linear-gradient(#e6d872, #d7b606); background: -moz-linear-gradient(#e6d872, #d7b606); background: -o-linear-gradient(#e6d872, #d7b606); background: linear-gradient(#e6d872, #d7b606); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d7bd30), color-stop(25%, #ffec79), color-stop(50%, #faf7d5), color-stop(75%, #ffec79), color-stop(100%, #d7bd30)); background: -webkit-linear-gradient(#d7bd30, #ffec79 25%, #faf7d5 50%, #ffec79 75%, #d7bd30); background: -moz-linear-gradient(#d7bd30, #ffec79 25%, #faf7d5 50%, #ffec79 75%, #d7bd30); background: -o-linear-gradient(#d7bd30, #ffec79 25%, #faf7d5 50%, #ffec79 75%, #d7bd30); background: linear-gradient(#d7bd30, #ffec79 25%, #faf7d5 50%, #ffec79 75%, #d7bd30); background-image: url(https://maru84.com/images/shishi.jpg); background-position: top left; background-repeat: no-repeat; background-size: cover; }
.deco:after { content: ""; position: absolute; top: 10x; right: 20px; width: 10px; height: 10px; border-top: 3px solid #666666; border-right: 3px solid #666666; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.deco input[type="checkbox"].on-off { display: none; }
.deco div { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.deco input[type="checkbox"].on-off + div { height: 0; overflow: hidden; }
.deco input[type="checkbox"].on-off:checked + div { height: auto; }

/*--------  ▲decoration エンド▲ ----------*/
/*--------  ここから スマホコーディング----------*/
.access-nav { cursor: pointer; display: block; position: fixed; bottom: 10px; left: 10px; z-index: 99; }
.access-nav a { width: 100px; height: 50px; padding-bottom: 5px; display: block; color: #fff; transition: all 400ms ease-in-out; border: 2px solid #fff; border-radius: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-color: #ed798d; -webkit-box-shadow: 1px 1px 3px #666; -moz-box-shadow: 1px 1px 3px #666; -ms-box-shadow: 1px 1px 3px #666; -o-box-shadow: 1px 1px 3px #666; box-shadow: 1px 1px 3px #666; font-size: 30px; line-height: 1.5; text-align: center; }
.access-nav a span.tatemoji { display: none; }
.access-nav a a:hover { background-color: #ffe5e2; }

.container { width: 100%; background-color: #fff; }

header { display: table; table-layout: fixed; width: 100%; height: 50px; background-color: #fff; }
header h1 { display: table-cell; vertical-align: middle; padding: 0px 0px 0px 5px; width: 140px; }
header h2 { display: none; }
header .telp { display: table-cell; width: 150px; text-align: right; padding: 0px 10px 0px 0px; vertical-align: middle; color: #b05a69; font-weight: bold; }
header .telp a { display: block; vertical-align: middle; font-size: 1.2rem; color: #b05a69; }
header .telp a .fa { font-size: 1.6rem; vertical-align: middle; }
header .telp address { display: none; }

.slider { width: 100%; height: 290px; background-image: url(https://maru84.com/images/siro.gif); background-position: center bottom; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.slider .karu { width: 86%; margin: 3% 0% 0% 7%; height: 220px; }
.slider .karu-text { width: 100%; height: 70px; position: relative; }
.slider .karu-text h2 { padding: 0rem 0.5rem; font-size: 1.7em; color: #fff; text-align: center; text-shadow: 0px 1px 0px #666666; }

.catch { width: 100%; background-image: url(https://maru84.com/images/koruku2.gif); padding: 0rem 1rem 1rem; }
.catch h2 { margin: 0rem; padding: 1rem 0rem; text-align: center; font-size: 1.4rem; color: #384987; text-shadow: -2px 0px 2px white, 0px -2px 2px white, 2px 0px 2px white, 0px 2px 2px white; }
.catch h2 strong { font-size: 2.2rem; color: #00a0e9; }
.catch h2 p { margin: 0; padding: 0; text-align: center; line-height: 1.2; }

.title-back { width: 100%; height: 100px; position: relative; overflow: hidden; background-image: url(https://maru84.com/images/about.jpg); background-position: top left; background-repeat: no-repeat; background-size: cover; }
.title-back img { width: 100%; }
.title-back h1#page-title { width: 80%; position: absolute; top: 25px; left: 10%; padding: 1rem 2rem; text-align: center; line-height: 1.25; background-color: rgba(255, 255, 255, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; border: solid 1px #ed798d; -webkit-box-shadow: 2px 2px 4px #666666; -moz-box-shadow: 2px 2px 4px #666666; box-shadow: 2px 2px 4px #666666; font-size: 1.8rem; color: #b05a69; }

.pageback-1 { background-image: url(https://maru84.com/images/about.jpg); }

.pageback-2 { background-image: url(https://maru84.com/images/sejyutsu.jpg); }

.pageback-3 { background-image: url(https://maru84.com/images/sports.jpg); }

.pageback-4 { background-image: url(https://maru84.com/images/jiko.jpg); }

.pageback-5 { background-image: url(https://maru84.com/images/link.jpg); }

.pageback-1, .pageback-2, .pageback-3, .pageback-4, .pageback-5 { background-position: top left; background-repeat: no-repeat; background-size: cover; }

nav.gmenu { display: none; }

.pure-drawer ul { list-style: none; margin: 0; padding: 30px 0px; }
.pure-drawer ul li { margin: 0; font-size: 1rem; }
.pure-drawer ul li a { display: block; padding: 0.5em 1em; line-height: 2; color: #b05a69; text-shadow: 0px 1px 0px white; border-bottom: solid 1px #ccc; }
.pure-drawer ul li a:hover { background-color: #ffe5e2; }
.pure-drawer ul li .fa { font-size: 1.25rem; padding-right: 0.25rem; vertical-align: middle; }
.pure-drawer ul li > ul { padding: 0 1em; }
.pure-drawer ul li > ul > li a { color: #666; border-bottom: dashed 1px #ccc; }

.pure-drawer ul.condition-list ul.jyoushi { background-image: url(https://maru84.com/images/tekubi.png); background-position: top right; background-repeat: no-repeat; background-size: contain; }

.pure-drawer ul.condition-list ul.taikan { background-image: url(https://maru84.com/images/taikan.png); background-position: top right; background-repeat: no-repeat; background-size: contain; }

.pure-drawer ul.condition-list ul.kashi { background-image: url(https://maru84.com/images/kashi.png); background-position: top right; background-repeat: no-repeat; background-size: contain; }

.main-waku, .main-left, .main-right, .t-2 { width: 100%; overflow: hidden; }

.ts-1 { width: 24%; float: left; margin-left: 4%; margin-top: 20px; font-size: 1rem; color: #666; position: relative; }
.ts-1 a { color: #666; }

.tm-1 { width: 68%; float: right; margin-top: 20px; }

.tm-1 p { padding: 1rem 1rem 1rem 0rem; margin: 0; }

.tm-1 h3 p { padding: 0; line-height: 1.5; }

h3.kuchi { font-size: 0.95rem; color: #b05a69; text-align: center; border-top: solid 1px #b05a69; border-bottom: solid 1px #b05a69; padding: 0.25rem 0rem; margin: 1rem 0rem 0.5rem; line-height: 1.25; }

.kuchi-1, .kuchi-2, .t-left-img1, .t-left-img2 { width: 70px; float: left; margin: 0px 0px 5px 5px; }

p.caption { font-size: 0.8rem; line-height: 1.25; margin: 0; padding: 0.5rem 0rem; }

.t-2 { padding: 0rem 1rem 1rem; }

.tm-1 h3, .t-2 h3, .condition-list h3, .web-page h3 { display: block; margin: 1rem 1rem 0rem 0rem; padding: 0.5rem 1rem; font-size: 1.2rem; line-height: 1.5; color: #b05a69; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffe5e2)); background: -webkit-linear-gradient(#ffffff, #ffe5e2); background: -moz-linear-gradient(#ffffff, #ffe5e2); background: -o-linear-gradient(#ffffff, #ffe5e2); background: linear-gradient(#ffffff, #ffe5e2); border: solid 1px #b05a69; text-shadow: 0px 1px 0px white; }

.condition-list h3 a { color: #b05a69; }

.condition-list h3 a:hover { background: #ffe5e2; color: #666; }

.intro-movie { position: relative; width: 100%; margin: 0 auto; height: auto; }

.web-page h3 { clear: both; font-size: 1.3rem; margin: 0rem 0rem 2rem; text-align: center; }

.kyattikopi { margin-bottom: 1.5rem; }
.kyattikopi span { color: #b05a69; font-style: oblique; }

.web-page h4 { font-size: 1.2rem; color: #b05a69; }

.kasennomidashi { font-size: 1.3rem; border-bottom: solid 2px #b05a69; margin-bottom: 1rem; }

.sukima2remtop { margin-top: 2rem; }

.web-page h3.first-m0 { margin-top: 0rem; }

.web-page p { margin: 0rem 1rem 1rem; }

.yoko { margin-bottom: 3rem; }
.yoko h6 img { display: block; }

.touinshoukai h4 { text-align: center; margin-top: 1rem; }

.side-kuchi { display: table; width: 100%; height: 180px; table-layout: fixed; background-image: url(https://maru84.com/images/side-kuchi-banner.png); background-position: top left; background-repeat: no-repeat; background-size: contain; position: relative; }
.side-kuchi .side-kuchi-box { display: table-cell; padding-top: 45px; }

.pure-drawer ul.condition-list { padding: 0px 0px 30px; }

.condition-list h3 { text-align: center; margin: 1rem 0.5rem; padding: 0.5rem 1rem; }

.t-2 h3 { clear: both; margin: 1rem 0.5rem; }

.t-2 p { padding: 0rem 1rem; }

.d-block768 { display: none; }

.denwabangou { display: block; text-align: center; margin-bottom: 1rem; }
.denwabangou a { text-decoration: none; color: #b05a69; font-size: 2rem; }

.denwabangou.sukima2rem { margin-bottom: 2rem; }

.mb2-kakomi { width: 100%; margin-bottom: 2rem; overflow: hidden; }

.bottom-left, .bottom-right { width: 45.5%; margin: 0% 3%; float: left; }
.bottom-left a, .bottom-right a { display: block; padding: 0.75rem 1rem; text-align: center; border: solid 1px #ed798d; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fac8cb), color-stop(100%, #ed798d)); background: -webkit-linear-gradient(#fac8cb, #ed798d); background: -moz-linear-gradient(#fac8cb, #ed798d); background: -o-linear-gradient(#fac8cb, #ed798d); background: linear-gradient(#fac8cb, #ed798d); color: #fff; text-shadow: 0px 1px 0px #666666; font-size: 1.3rem; font-weight: bold; }

.bottom-right { margin-left: 0%; }

.sec-div { width: 100%; overflow: hidden; position: relative; }

.pad21 { padding: 2rem 1rem; }

.kodomo { padding: 1rem 2rem; }
.kodomo h3 { font-size: 1.3rem; color: #b05a69; text-align: center; }
.kodomo .kodomo-phot img { max-width: 80%; }
.kodomo .kodomo-box p { font-size: 1.1rem; padding-bottom: 0; margin-bottom: 0; }
.kodomo .kodomo-box img { max-width: 100%; float: right; }

.pink-back { background-color: #ffe5e2; }

.grey-back { background-color: #ececec; }

.white-back { background-color: #fff; }

.sec-div h2 { text-align: center; font-size: 1.25rem; margin: 0rem 0rem 1.5rem 0rem; color: #b05a69; line-height: 2; }
.sec-div h2 .gimon { display: none; }
.sec-div h2 .yugami { display: none; }

.sec-div h2.hana-moyou { font-size: 1.6rem; line-height: 2; }

h2.ue-sen { border-top: dashed 1px #ed798d; margin-top: 2rem; padding-top: 2rem; }

.sns { margin: 1rem 0rem; }
.sns ul { margin: 0; padding: 0; overflow: hidden; }
.sns ul li { margin: 0.25rem 0rem; }

.sns-page { margin: 0rem 1rem 1rem; }
.sns-page img { display: block; margin: 0 auto; }

.colum4-box { overflow: hidden; }
.colum4-box a { display: block; margin: 10px; background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.colum4-box a:hover { background-color: #fdffd8; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.colum4-box h3 { line-height: 1.5; padding: 1rem 1rem 0rem; font-size: 1.2rem; color: #b05a69; margin: 0 0 0.5rem; }

.access-box h3 { line-height: 1.25; padding: 0rem 1rem 0.5rem 1rem; font-size: 1.2rem; color: #b05a69; }
.access-box h3 span { display: block; font-weight: normal; font-size: 1rem; }

.access-box p { padding: 0rem 1rem 0.5rem 2rem; line-height: 1.5; }

.map { padding: 0rem 0.5rem 1rem 1rem; }
.map h4 a { color: #b05a69; }

.c4-1 { float: left; width: 60px; }

.c4-2 { float: left; width: 100px; }

.c4-3 { float: left; width: 80px; }

.c4-4 { float: left; width: 55px; }

.s-des { font-size: 1rem; color: #b05a69; padding: 0rem 1rem 0.5rem; border-bottom: dashed 2px #ed798d; line-height: 1.5; }

.l-des { font-size: 1rem; color: #666; padding: 0.25rem 1rem 1rem; line-height: 1.5; }

.phot-table, .access-box { width: 100%; position: relative; }

.phot-box { display: table; table-layout: fixed; width: 100%; position: relative; }

.phot-cell { display: table-cell; width: 46%; padding: 0% 2%; padding-bottom: 20px; overflow: hidden; }

.koushin-box { padding: 0rem 0rem 2rem; margin-bottom: 2rem; }
.koushin-box h3 { display: block; margin: 0rem 0.5rem 1rem; padding: 0.5rem 1rem; font-size: 1.2rem; line-height: 1.25; color: #b05a69; text-align: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ffe5e2)); background: -webkit-linear-gradient(#ffffff, #ffe5e2); background: -moz-linear-gradient(#ffffff, #ffe5e2); background: -o-linear-gradient(#ffffff, #ffe5e2); background: linear-gradient(#ffffff, #ffe5e2); border: solid 1px #b05a69; text-shadow: 0px 1px 0px white; font-weight: normal; }
.koushin-box ul { padding: 1rem 0.25rem; background-color: #fff; }
.koushin-box ul li { border-bottom: dashed 1px #ccc; overflow: hidden; }
.koushin-box ul li a { display: bock; overflow: hidden; }
.koushin-box ul li .koushin-phot { width: 80px; height: 60px; overflow: hidden; float: left; margin: 0.5rem; }
.koushin-box ul li h4 { font-size: 1.1rem; color: #b05a69; margin: 0.5rem 0.5rem 0rem; line-height: 1.25; }
.koushin-box ul li p { font-size: 0.9rem; padding: 0rem 0.5rem 0.5rem 0.5rem; margin: 0; line-height: 1.5; color: #666; }
.koushin-box ul li:hover { background-color: #fdffd8; }

.pure-drawer ul.voice { padding: 1rem 0rem; }

.voice h3 { margin: 0; padding: 0.5rem 1rem; text-align: center; font-size: 1rem; background-color: #ed798d; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 1px 1px 2px #666666; -moz-box-shadow: 1px 1px 2px #666666; box-shadow: 1px 1px 2px #666666; color: #fff; }
.voice li.dcell { padding-bottom: 0rem; }
.voice h4 { margin: 0; }
.voice h4 a { display: block; text-align: center; color: #b05a69; padding: 0.25rem 1rem; }

.dcell .koushin-phot { width: 120px; height: 90px; overflow: hidden; margin: 0.5rem auto 0rem; }

.dcell h4 { margin: 0.5rem 0rem 0rem; font-size: 1rem; color: #b05a69; }

.dcell p { padding: 0rem 0rem 1rem; font-size: 0.9rem; color: #666; margin: 0; }

.upperhako { margin-bottom: 2rem; }
.upperhako p { text-align: right; }
.upperhako p a { color: #b05a69; }

.ichiran-hako { margin: 0rem 1rem 1rem; text-align: right; padding: 0.5rem 1rem; }
.ichiran-hako a { color: #b05a69; }
.ichiran-hako a:hover { color: #666; }

.t-center { margin-top: 2rem; }
.t-center p { text-align: center; }

.blog-waku { clear: both; overfow: hidden; margin: 0 1rem; padding: 0rem 0rem 2rem; }

.blog-asset-img { width: 25%; float: left; margin-right: 1rem; }

h3.blog-title { padding: 1rem 0rem; text-align: center; margin: 0rem 0rem 1rem; background-color: #ededed; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; color: #b05a69; -webkit-box-shadow: 1px 1px 3px #666666; -moz-box-shadow: 1px 1px 3px #666666; box-shadow: 1px 1px 3px #666666; }

h3.blog-title a { color: #b05a69; display: block; }

h3.blog-title:hover { background-color: #ffe5e2; }

h3.blog-title a:hover { text-decoration: underline; }

footer { padding: 1rem; border-top: solid 1px #ccc; background-color: #ececec; position: relative; }
footer .footer-waku { padding: 1rem 0rem 0rem; font-size: 0.9rem; color: #666; line-height: 1,8; }
footer .footer-waku a { color: #666; }

.pagenation { margin: 1rem; }

.pagenation p { margin: 0; text-align: center; }

.pagenation a { margin: 0rem 0.25rem 0.5rem; padding: 0.25rem; background-color: #ededed; color: #666; font-size: 1.2rem; }

.pagenation a:hover { background-color: #ffe5e2; color: #b05a69; font-size: 1.2rem; }

.pagenation span.current { margin: 0rem 0.25rem 0.5rem; padding: 0.25rem; background-color: #ffe5e2; color: #b05a69; font-size: 1.2rem; }

.footer-soto { line-height: 1.8; font-size: 0.9rem; }
.footer-soto a { display: block; color: #b05a69; }
.footer-soto h4 { margin: 1rem 0rem 0.5rem; color: #b05a69; font-size: 1rem; }
.footer-soto p { line-height: 1.8; margin: 0; color: #666; font-size: 0.9rem; }

.footer-yoko { display: table; width: 100%; }
.footer-yoko .footer-box, .footer-yoko .footer-map { display: table-cell; padding: 0rem 0.5rem; overflow: hidden; }

.footer-map { width: 55%; position: relative; }
.footer-map iframe { float: left; width: 100%; margin-right: 2rem; }

.footer-navi a { display: inline-block; color: #666; }

#pagetop { cursor: pointer; position: fixed; bottom: 10px; right: 70px; z-index: 100; }
#pagetop a { width: 50px; height: 50px; line-height: 50px; display: block; color: #fff; transition: all 400ms ease-in-out; border: 2px solid #fff; border-radius: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-color: #ed798d; -webkit-box-shadow: 1px 1px 3px #666; -moz-box-shadow: 1px 1px 3px #666; -ms-box-shadow: 1px 1px 3px #666; -o-box-shadow: 1px 1px 3px #666; box-shadow: 1px 1px 3px #666; font-size: 30px; line-height: 1.5; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

/*===============ブレークポイント 768px〜    =======================================*/
@media screen and (min-width: 768px) { html { font-size: 87.5%; }
  /*レスポンシブタイプセッティングの指定*/
  header { height: 100px; }
  header h1 { width: 33%; }
  header h1 img { max-width: 100%; }
  header h2 { display: table-cell; vertical-align: middle; width: 35%; }
  header h2 span { display: block; padding: 0px 0px 0px 20px; font-size: 0.8rem; font-weight: normal; color: #333; }
  header .telp { display: table-cell; width: auto; color: #b05a69; font-weight: bold; padding: 0px 20px 0px 0px; }
  header .telp a { line-height: 1.25; font-size: 1.6rem; color: #b05a69; }
  header .telp a .fa { font-size: 2rem; }
  header .telp address { display: block; padding: 0.25rem 0rem 0rem; line-height: 1.25; color: #333; font-size: 1rem; font-weight: normal; font-style: normal; }
  header .telp address span { font-size: 0.8rem; text-align: center; }
  nav.gmenu { display: block; width: 100%; position: relative; }
  nav.gmenu ul.dtable { width: 100%; margin: 0 0 10px; display: table; table-layout: fixed; }
  nav.gmenu li.dcell { display: table-cell; text-align: center; position: relative; }
  nav.gmenu li.dcell .fa { display: none; }
  nav.gmenu li.dcell + li { border-left: solid 1px #ccc; }
  nav.gmenu li.dcell a { display: block; margin: 0; padding: 1em 0; color: #333; font-size: 1em; line-height: 1; text-decoration: none; }
  nav.gmenu li.dcell ul { list-style: none; position: absolute; z-index: 100; top: 100%; left: 0; width: 100%; margin: 0; padding: 0; transition: .6s; }
  nav.gmenu li.dcell ul li { background: rgba(237, 121, 141, 0.7); width: 100%; height: 0; color: #fff; transition: .6s; overflow: hidden; }
  nav.gmenu li.dcell ul li a { padding: 1em; text-align: left; font-size: 1em; line-height: 1.25; font-weight: normal; }
  nav.gmenu li.dcell:hover { background: #ed798d; transition: .6s; }
  nav.gmenu li:hover li:hover { background: #ed798d; transition: .6s; }
  nav.gmenu li:hover a { color: #fff; transition: .6s; }
  nav.gmenu li.dcell:hover ul li { overflow: visible; height: auto; transition: .6s; }
  .access-nav { bottom: 20px; left: 0px; }
  .access-nav a { width: 50px; height: 220px; border-left: none; border-radius: 0px 20px 20px 0px; background-image: url(https://maru84.com/images/tate-navi.png); background-position: center center; background-repeat: no-repeat; background-size: contain; }
  .access-nav a span.yokomoji { display: none; }
  .slider { width: 100%; height: 350px; }
  .slider .karu { width: 100%; height: 300px; margin: 20px 0px 0px; }
  .slider .karu-text { width: 100%; height: 80px; position: relative; padding: 0.5rem 2rem; }
  .slider .karu-text h2 { padding: 0.5rem; background-color: rgba(255, 255, 255, 0.6); font-size: 1.8em; color: #b05a69; text-align: center; -webkit-box-shadow: 1px 1px 3px #666666; -moz-box-shadow: 1px 1px 3px #666666; box-shadow: 1px 1px 3px #666666; text-shadow: 0px 1px 0px white; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; }
  .catch { padding: 0rem 0rem 1rem; }
  .catch h2 { padding: 1rem 0rem 0rem; font-size: 2rem; text-shadow: -3px 0px 3px white, 0px -3px 3px white, 3px 0px 3px white, 0px 3px 3px white; }
  .catch h2 strong { font-size: 3rem; }
  .title-back { width: 100%; height: 150px; position: relative; }
  .title-back h1#page-title { width: 60%; top: 45px; left: 20%; font-size: 2rem; }
  .main-waku { width: 100%; overflow: hidden; }
  .main-waku .main-left { width: 75%; margin: 0% 2% 0% 0%; float: left; }
  .main-waku .main-right { width: 23%; float: right; position: relative; }
  [data-effect="pure-effect-slide"] .pure-toggle[data-toggle="right"]:checked ~ .pure-drawer[data-position="right"], [data-effect="pure-effect-slide"] .pure-toggle[data-toggle="right"] ~ .pure-drawer[data-position="right"] { visibility: visible; position: static; left: 0; top: 0; width: 100%; transform: none; }
  .pure-drawer { position: static; height: auto; overflow: auto; visibility: visible; background-color: #fff; }
  .pure-toggle-label { display: none; }
  .koushin-waku .koushin-box.incho-top-blog { display: none; }
  .tm-1 h3, .t-2 h3, .web-page h3 { font-weight: normal; font-size: 1.2rem; padding: 1rem 1.5rem; }
  .web-page h3 { clear: both; font-size: 1.4rem; padding: 1rem 2rem; }
  .kyattikopi { margin-bottom: 2rem; }
  .kasennomidashi { border-bottom: solid 3px #b05a69; }
  .kuchi-1, .kuchi-2, .t-left-img1, .t-left-img2 { width: 95%; float: none; margin: 0 auto 10px; }
  .t-left-img1, .t-left-img2 { display: none; }
  .intro-movie { width: 560px; margin: 0 auto; height: 310px; }
  .d-block768 { display: block; overflow: hidden; margin-right: 2rem; position: relative; }
  .d-block768 .d-b-left, .d-block768 .d-b-right { width: 45%; float: left; }
  .d-block768 .d-b-right { margin-left: 10%; }
  .t-2 { padding: 1rem 2rem 3rem; }
  .pad21 { padding: 3rem 1rem; }
  .kodomo h3 { position: absolute; top: 50px; left: 35%; z-index: 2000; font-size: 1.5rem; line-height: 1.25; }
  .kodomo-kakomi { overflow: hidden; position: relative; padding: 2rem 0rem 0rem; }
  .kodomo-kakomi .kodomo-phot { float: left; width: 50%; }
  .kodomo-kakomi .kodomo-phot img { max-width: 100%; }
  .kodomo-kakomi .kodomo-box { padding: 5rem 0rem 0rem; padding-bottom: 0; margin-bottom: 0; }
  .denwabangou { text-align: left; margin-left: 2rem; margin-bottom: 0rem; }
  .sec-div h2 { font-size: 1.3rem; font-weight: normal; }
  .sec-div h2 .gimon { display: block; width: 80px; position: absolute; top: 10px; left: 15px; }
  .sec-div h2 .yugami { display: block; width: 100px; position: absolute; top: 10px; right: 15px; }
  .sns ul { position: relative; overflow: hidden; }
  .sns ul li { width: 180px; height: 35px; float: left; margin: 0rem 0rem 0rem 10px; }
  .sns ul div#___plusone_0 { width: 180px; height: 35px; float: left; margin: 0rem 0rem 0rem 10px; }
  .colum4-kakomi { clear: both; display: table; margin-bottom: 1rem; }
  .colum4-box { display: table-cell; width: 50%; position: relative; overflow: hidden; }
  .colum4-box a { margin: 1rem; }
  .colum4-box p { padding: 0.5rem 1.5rem 1.5rem; }
  .sec-div h2.hana-moyou { font-size: 1.8rem; line-height: 2; }
  .c4-1 { width: 70px; }
  .c4-2 { width: 110px; }
  .c4-3 { width: 100px; }
  .c4-4 { width: 70px; }
  .s-des { font-size: 1rem; }
  .l-des { font-size: 1rem; }
  .phot-table, .access-box { width: 50%; float: left; position: relative; overflow: hidden; }
  .koushin-waku { display: table; table-layout: fixed; margin: 0rem 0.5rem 0rem; }
  .koushin-box { display: table-cell; margin: 0rem; padding: 0rem 0.5rem 2rem; }
  .koushin-box ul { margin: 0rem; }
  .koushin-box ul li .koushin-phot { width: 80px; height: 60px; margin: 0.75rem; }
  .koushin-box ul li h4 { font-size: 1.1rem; margin: 0.5rem 0.75rem 0rem; line-height: 1.25; }
  .koushin-box ul li p { font-size: 0.9rem; padding: 0rem 0.5rem 0.75rem 0.5rem; margin: 0; line-height: 1.5; }
  .dcell .koushin-phot { width: 140px; height: 105px; }
  .yoko { clear: both; overflow: hidden; position: relative; margin: 0rem 0rem 3rem; }
  .yoko h6 { float: left; width: 30%; margin: 0rem 1rem 0rem 0rem; }
  .touinshoukai h4 { text-align: left; margin-top: 0rem; }
  #pagetop { cursor: pointer; position: fixed; bottom: 10px; right: 20px; z-index: 100; }
  #pagetop a { width: 100px; height: 100px; line-height: 90px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #fff; background-color: rgba(237, 121, 141, 0.5); font-size: 60px; }
  .footer-soto { display: table; }
  .footer-yoko { display: table-cell; width: 80%; position: relative; }
  .footer-navi { display: table-cell; }
  .footer-map { width: 60%; height: 220px; } }
/*   =====ブレークポイントこれ以上は固定   1056px〜   ====================================    */
@media screen and (min-width: 1056px) { html { font-size: 100%; }
  /*レスポンシブタイプセッティングの指定*/
  .container { width: 1056px; margin: 0 auto; background-color: #fff; }
  header { width: 1056px; height: 120px; margin: 0px auto; }
  header h2 { font-size: 1rem; line-height: 1.5; }
  header .telp a { font-size: 2rem; }
  header .telp a .fa { font-size: 2.5rem; }
  nav.gmenu ul.dtable { width: 1056px; }
  .slider { width: 1056px; margin: 0 auto; }
  .slider .karu { width: 1021px; margin: 20px 0px 0px 35px; }
  .catch { width: 1056px; margin: 0 auto; padding: 0rem 0rem 1.5rem; }
  .catch h2 { padding: 1.5rem 2rem 0rem; font-size: 2.8rem; }
  .catch h2 strong { font-size: 3.8rem; text-shadow: -5px 0px 5px white, 0px -5px 5px white, 5px 0px 5px white, 0px 5px 5px white; }
  .title-back { width: 1056px; height: 200px; position: relative; }
  .title-back h1#page-title { width: 600px; top: 70px; left: 210px; font-size: 2.5rem; }
  .sec-div h2 { font-size: 1.6rem; }
  .sec-div h2 .gimon { width: 110px; position: absolute; top: 15px; left: 30px; }
  .sec-div h2 .yugami { width: 140px; position: absolute; top: 10px; right: 30px; }
  .sec-div h2.hana-moyou { font-size: 2rem; line-height: 2; }
  .web-page h3 { font-size: 1.6rem; }
  .colum4-box h3 { font-size: 1.1rem; }
  .c4-1 { width: 80px; }
  .c4-2 { width: 120px; }
  .c4-3 { width: 100px; }
  .c4-4 { width: 80px; }
  .s-des { font-size: 1.1rem; }
  .l-des { font-size: 1rem; }
  .kodomo .kodomo-box img { max-width: 100%; position: absolute; bottom: 10px; right: 0px; }
  .dcell .koushin-phot { width: 200px; height: 150px; }
  footer { padding: 1rem 2rem; }
  footer .footer-waku { width: 1056px; margin: 0 auto; padding: 1rem 0rem; font-size: 0.9rem; }
  .footer-yoko .footer-box, .footer-yoko .footer-map { padding: 0rem 1rem; } }