@charset "UTF-8";
/*------------------------------------------
■ 共通CSS-@import url("/css/common.css");
------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Noto+Sans+JP:wght@100..900&display=swap')

/*== 要素指定 ==*/
*,*:before,*:after{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}

html{width:100%;height:100vh;overflow-x:hidden;scroll-behavior: smooth;}
body{width:100%;height:100vh;margin:0;scroll-behavior:smooth;line-height:1.5;text-align:center;font-size:16px;color:#272343;
font-family: "ABeeZee","Noto Sans JP", sans-serif;}
/* 注意！　bodyに「overflow-x:hidden;」入れちゃうと「上に戻る」ボタンが効かなくなるっぽい */

a{color:#272343;text-decoration: none;}

article,aside,details,footer,header,hgroup,menu,nav,section,summary{display:block;}
table{border-collapse:collapse;border-spacing:0;}

ul,ol{list-style:none;}
ol{counter-reset:number;}
ol li:before{counter-increment:number;content:counter(number)".";}

body,h1,h2,h3,h4,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{padding:0;margin:0;}

/*--img-----------------------------------------------------------*/
img{border:none;vertical-align:middle;max-width:100%;height:auto;width:auto;image-rendering:-webkit-optimize-contrast;}
/*a:hover img{position:relative;top:1px;left:1px;}*/
.circle{border-radius:50%;}/* 画像を丸くする */

.click-big:hover img{position:relative;z-index:2;transform:scale(1.2);opacity:0.5; }/*画像拡大指示*/
.click-big img,click-big:hover img{-webkit-transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-ms-transition:0.3s;transition:0.3s;}/* マウスオーバー時の変化速度 */

/*--youtube動画の可変設定--------------------------------------------*/
.youtube{position:relative;margin-top:1.2em;margin-bottom:1.2em;padding-top:69px;padding-bottom:50%;overflow:hidden;margin-left:5%;margin-right:5%;}
.youtube iframe{position:absolute;top:0;left:0;height:100%;width:100%;}

/*--googlemapの可変設定--------------------------------------------*/
.gmap {height:0;overflow:hidden;padding-top:1px;padding-bottom:56.25%;position:relative;}
.gmap iframe {position:absolute;left:0;top:0;height:100%;width:100%;}

/*-- 子要素を親要素からはみ出して横幅いっぱいにする --*/
.over{margin: 0 calc(50% - 50vw);width: 100vw;}

/*== 余白 =========================================*/
.p0{padding:0;}
.p5{padding:5px;}
.p10{padding:10px;}

.m0{margin:0x;}
.m5{margin:5px;}
.m10{margin:10px;}

/*== 文字関連 =========================================*/
/*- 文字位置 -*/
.text{text-align:left;}

.cen{text-align:center;}
.cen table{margin:auto;}
.lef{text-align:left;}
.rig{text-align:right;}

.a-left{float:left;margin-right:10px;margin-bottom:10px;}
.a-right{float:right;margin-left:10px;margin-bottom:10px;}
.cr{clear:both;}

hr{clear:both;height:0;visibility:hidden;border:none;}/* 回り込み解除用 */

/*- 文字装飾 -*/
.b{font-weight:bold;}
.u{text-decoration:underline;}
.bu{font-weight:bold;text-decoration:underline;}

.yy{line-height:1.2;background-color:#ffff33;}/* 蛍光ペン-黄色 */
.ryy{line-height:1.8;font-weight:bold;background-color:#ffff33;padding:2px 0;}/* 蛍光ペン-太字 */
.yb{background:#ffe400;}

.s-black{text-shadow:1px 1px 2px #000000;}/* ぼかしドロップシャドウ */
.s-white{text-shadow:#fff 1px 1px 1px, #fff -1px 1px 1px,#fff 1px -1px 1px, #fff -1px -1px 1px;}/* 1px縁取り・1pxぼかし */

/*- 強調 -*/
strong{font-weight:normal;color:red;}
em{color:#00582a;}

/*- 文字色 -*/
.red,.rb{color:red !important;}
.redb{color:#f00000;font-weight:bold;}
.redbu{color:#f00000;font-weight:bold;text-decoration:underline;}

.blue{color:blue !important;}
.pink{color:#ff00ca !important;}
.oren{color:#ff9900 !important;}
.yell{color:#ffff33 !important;}
.yellow{color:#ffe400 !important;}
.white{color:#fff !important;}
.green{color:#00582a !important;}

/*- サイズ：増やした時はスマホ表示時の文字サイズも確認 -*/
.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f34{font-size:34px;}
.f36{font-size:36px;}

/*== box-線 ==*/
.rad5{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.rad10{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.rad15{border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;}
.rad20{border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;}

table.rad10{border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}

.black-line{padding:5px 10px;border:solid 1px black;}
.gray-line{padding:5px 10px;border:solid 1px #666666;}
.pink-line{padding:5px 10px;border:solid 1px #ff00ca;}
.ore-line{padding:5px 10px;border:solid 1px #ff9900;}
.green-line{padding:5px 10px;border:solid 1px #b8d93a;}/* 追加 */

.line2{border-width:2px;}/* 追加 */
.line3{border-width:3px;}/* 追加 */
.line4{border-width:4px;}/* 追加 */
.line5{border-width:5px;}/* 追加 */

/*== box-背景色 ==*/
.black-box{margin:5px 0;padding:5px 10px;background-color:#000;}
.pink-box{margin:5px 0;padding:5px 10px;background-color:#f7b7eb;}
.blue-box{margin:5px 0;padding:5px 10px;background-color:#01b6f5;}
.red-box{margin:5px 0;padding:5px 10px;background-color:#ffff00;}
.yell-box{margin:5px 0;padding:5px 10px;background-color:#ffff66;}
.ore-box{margin:5px 0;padding:5px 10px;background-color:#ff9900;}
.bege-box{margin:5px 0;padding:5px 10px;background-color:#ffffcc;}

/*== box-flex ==*/
.flex2{display:flex;flex-wrap:wrap;}.flex2 img{align-self:flex-start;}.flex2 p{flex-basis:calc(100% / 2);}
.flex3{display:flex;flex-wrap:wrap;}.flex3 img{align-self:flex-start;}.flex3 p{flex-basis:calc(100% / 3);}

@media screen and (min-width:0px) and (max-width:959px){
.flex2{display:block;}
.flex3{display:block;}
}

/*== ボタン ==*/
/* 角丸オレンジ */
.kotira{display:block;background-color:#ff9e00;margin:5px 10px;padding:3px;font-weight:bold;text-align:center;text-decoration:none;color:#ffffff;text-shadow:1px 1px 2px #000000;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;behavior:url("/css/PIE.htc");position:relative;transition:0.3s;border-bottom:4px solid #b84c00;box-shadow: 0 3px 5px rgba(0, 0, 0, .3);}
a:hover.kotira{color:#ffffff;background-color:#ff6a00;margin-top:7px;border-bottom:2px solid #b84c00;}
a:hover.visited{color:#ffffff;}

/*== 画像装飾 ==*/
.photo img{margin:5px;border:solid 4px #fff;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.8);}/* 白枠写真風 */

/*== li装飾：頭に黒丸 ==*/
ul.round li{padding-left:1em;text-indent:-1em;margin:1em 0;}
ul.round li:before{position:relative;top:-1px;content:"●";text-shadow:1px 2px 2px #808080; font-weight:bold;color:#000;padding-right:5px;}

/*--見出しタグ------------------------*/
h1{font-size:12px;font-weight:normal;}
h2,h3,h4,h5,h6{font-size:100%;}

/*------------------------------------------------------------------------
■ レスポンシブ用
------------------------------------------------------------------------*/
@media screen and (min-width:960px){/*--デバイスサイズ 960px以上に適用--*/
.pc-none{display:none !important;}/* PC時非表示 */
a[href^="tel:"]{pointer-events:none;text-decoration:none;cursor:default;color:#333;}/* PC時、aタグの中のtel:を非表示 */
/**/}

@media (max-width:959px) {/*--デバイスサイズ 959px以下に適用--*/
.sp-none{display:none !important;}/* スマホ時非表示 */

/*== 要素指定 ==*/
table{margin:5px auto;padding:0;}
td,th,tr{display:block;width:auto;margin:0 auto;box-sizing:border-box;}

/*== 文字関連 ==*/
/*- 文字位置 -*/
.rig{text-align:center !important;}

.a-left,.a-right{float:none;margin:5px auto;}
img.a-left,img.a-right{display:block;}

/*- 文字サイズの差替え -*/
.f14,.f16,.f18{font-size:14px !important;}
.f20,.f22,.f24,.f26,.f28,.f30,.f32,.f34{font-size:18px !important;}

}