@charset "utf-8";


/* -------------------------------
  PCのみの設定
------------------------------- */
@media print,screen and (min-width: 737px) {

/* メイン設定 */
#wrapper{ width:100%; text-align: center; background:#fff; }
main{}
#main{ width:100%; margin:0 auto; font-size: 14px; line-height:2.0;}

article{}
section{ width:1000px; margin:auto !important;}

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

/* ヘッダー */
header{}
#header{ width:100%;/* height:100px;*/ margin:0px auto;}
#header h1,#header #h01{ padding:0 0 0 0 !important; margin:0 auto 0 !important; width:224px;}
#header #h01{ margin:25px auto 30px !important;}

/* メニュー */
nav{}
#nav{ width:1100px; margin:0 auto 30px; font-size:0;}
#nav ul{ text-align:center;}
#nav ul li{ display:inline-block; /display:inline; /zoom:1; vertical-align:top; font-size:14px;}
#nav ul li a{ display: block; padding:10px 25px; height:auto; box-sizing:border-box; vertical-align:middle; font-weight:600 !important;}
#nav ul li a:hover,#nav ul li a.on{
color: #d7458c; 
background: -webkit-linear-gradient(0deg, rgba(225,124,193,1), rgba(235,196,77,1));
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;}
#nav ul li:nth-of-type(1){ display:none;}


/* フッター */
footer{}
footer .toTop a{ font-size:12px; background:url(../img/cmn_img/btnPagetop.png) no-repeat center top; background-size:56px 64px; padding-top:75px; margin:50px auto;
display:inline-block; /display:inline; /zoom:1;}
#footer{ width:100%; margin:0 auto; }
#footer ul.fmn{ background: url(../img/cmn_img/sdw.png) no-repeat top center #f9f9f9; background-size:100% 13px; padding:10px 0; margin:0 auto 40px;}
#footer ul.fmn li a{ display:block; padding:15px 20px; font-size:13px; line-height:1;}
#footer #fid{ width:186px; margin:0 auto 30px;}
#footer #fid img{ width:100%; height:auto;}
#footer ul.finfo{ margin:0 auto 30px;}
#footer ul.finfo li{ vertical-align:middle; margin-right:40px;}
#footer ul.finfo li span{ padding-right:10px;}
#footer ul.finfo li em{ padding-left:10px;}
#footer ul.finfo li.tel a{ background:url(../img/cmn_img/iconTel.png) no-repeat center left; background-size:18px 18px; padding:6px 10px 6px 25px;}
#footer ul.finfo + p{ font-size:11px; margin:0 auto 30px;}

/* page-top */
#page-top { position: fixed; bottom: 220px; right: 20px; z-index:10; width:60px; height:60px;
-moz-border-radius:50%; -webkit-border-radius:50%;border-radius:50%;
overflow: hidden; text-indent: 100%; white-space: nowrap; }
#page-top a:after{ content:""; position:absolute; top:calc(50% - 4px); left:0; right:0; margin:auto;
width: 12px; height: 12px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg);}
#page-top a { display:block; width:100%; height:100%;  background: -webkit-linear-gradient(0deg, #f6d8ed, #f7ecc9);}
#page-top a:hover{ opacity:0.7;}


.grdText{ 
color: #d7458c; 
background: -webkit-linear-gradient(0deg, rgba(225,124,193,1), rgba(235,196,77,1));
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;}
.mincho{ font-family: 'Noto Serif SC', serif;}

.btn a{ background: -webkit-linear-gradient(0deg, rgba(238,177,219,1), rgba(239,217,148,1), rgba(238,177,219,1)); background-position:left; background-size:200% auto; position:relative; color:#fff !important; font-size:13px; font-weight:600; padding:10px 50px;
-moz-border-radius:20px; -webkit-border-radius:20px;border-radius:20px;}
.btn a:hover{ background-position:right;}
.btn a:before{ content:""; position:absolute; top:calc(50% - 5px); right:16px; width:7px; height:7px; border-top:2px solid rgba(255,255,255,1); border-right:2px solid rgba(255,255,255,1); -webkit-transform:rotate(45deg); transform:rotate(45deg);
-webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s ;}
.btn a:hover:before{ right:12px;}


.cta{ width:100%; min-width:1100px; background: -webkit-linear-gradient(0deg, #f6d8ed, #f7ecc9); padding:25px 0 40px; position:relative; overflow:hidden; margin-top:80px;}
.cta p.title{ position:relative; padding:0 10px; margin:0 auto 25px;
display:inline-block; /display:inline; /zoom:1; vertical-align:top;}
.cta p.title:before{ left:0;}
.cta p.title:after{ right:0;}
.cta p.title:before,.cta p.title:after{ content:""; position:absolute; width:calc(50% - 7px); height:1px; background:rgba(0,0,0,0.5); top:100%;}

.cta p.title span{ position:relative; font-size:21px; font-weight:600 !important; }
.cta p.title span:before{ content:""; position:absolute; top:calc(100% + 1px); left:calc(50% - 5px) ; margin:auto; width:20px; height:20px; /*border-top:1px solid rgba(0,0,0,0.5);*/ border-right:1px solid rgba(0,0,0,0.5);
 -moz-transform:rotate(150deg); -webkit-transform:rotate(150deg); transform:rotate(150deg);}
.cta p.title + p{ font-weight:600;}
.cta ul{ margin:30px auto 0;}
.cta ul li{ line-height:1; margin-right:50px; vertical-align: middle;}
.cta ul li.tel a{ background:url(../img/cmn_img/ctaIcTel.png) no-repeat center left; background-size:31px 31px; font-size:28px; color:#d7458c; padding:5px 0 5px 40px; }
.cta ul li.mail a{ background: url(../img/cmn_img/ctaIcMail.png) no-repeat 25px 12px #fff; background-size:25px 17px; color:#d7458c; font-size:16px; font-weight:600 !important; padding:10px 40px 10px 60px;
-moz-border-radius:20px; -webkit-border-radius:20px;border-radius:20px;}
.cta ul li.mail a:hover{ opacity:0.7;}

.cta p.title,.cta p.title + p,.cta ul{ position:relative; z-index:10;}
.cta:before{ background:url(../img/cmn_img/ctaPh01.png) no-repeat; width:163px; height:293px; left:2%;}
.cta:after{ background:url(../img/cmn_img/ctaPh02.png) no-repeat; width:360px; height:230px; bottom:0; right:0;}
.cta:before,
.cta:after{ content:""; position:absolute;}


/*
display:inline-block; /display:inline; /zoom:1; vertical-align:top;
overflow: hidden; text-indent: 100%; white-space: nowrap;
-moz-border-radius:10px; -webkit-border-radius:10px;border-radius:10px;
-moz-border-radius:50%; -webkit-border-radius:50%;border-radius:50%;
-moz-border-radius:6px; -webkit-border-radius:6px;border-radius:6px;
text-shadow:0px 0px 3px rgba(0,0,0,0.8),0px 0px 3px rgba(0,0,0,0.8);
-webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;

:nth-of-type()
:first-child
:last-child


・可変要素の上下センター
#sample{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

・疑似要素にfontawesome
#sample{ content:"\f1b9"; font-family:"fontawesome";}

・画像レスポンシブ
#sample{ width:120px; height:120px; overflow:hidden; position:relative;}
#sample img{ width:100%; height:100%; object-fit:cover;}

・矢印
#sample:before{ content:""; position:absolute; top:5px; left:0px; width:6px; height:6px; border-top:1px solid rgba(255,255,255,1); border-right:1px solid rgba(255,255,255,1); -webkit-transform:rotate(45deg); transform:rotate(45deg);}

■文字色
・　
#
rgba(,1);

■ボーダー
・
#
rgba(,0.5);

■背景
・
#
rgba(,1);

font-family: 'Noto Sans JP', sans-serif;
font-family: 'EB Garamond', serif;
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/



#spbar,#spmenu{ display:none !important;}
.sp{ display:none !important;}
.pc{ display:inline-block !important; /display:inline !important; /zoom:1 !important; vertical-align:top !important;}

#mm-menu{ display: none !important;}
.spMenu span{ display:none;}

/* スマホのみtellink有効（init.jsにも要設定） */
a[href^="tel:"] { cursor: default; }

}

/* -------------------------------
スマホのみの設定
------------------------------- */
@media screen and (max-width: 736px) {



/* メイン設定 */
#wrapper{ width:100%; text-align: center; background:#fff; }
main{}
#main{ width:100%; margin:0 auto; font-size: 14px; line-height:1.8;}

article{}
section{ width:100%; margin:auto !important;}

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

/* ヘッダー */
header{ padding-top:10px !important;}
#home header{ padding-top:0 !important;}
#header{ width:100%;/* height:100px;*/ margin:0px auto; }
#header h1,#header #h01{ padding:0 0 0 0 !important; margin:0 auto 0 !important;}
#header h1{ width:180px;}
#header #h01{ margin:0px auto 10px !important; width:164px;}

/* メニュー */
nav{ position:absolute; top:15px; right:5%;}
#nav{}



/* フッター */
footer{}
footer .toTop a{ font-size:12px; background:url(../img/cmn_img/btnPagetop.png) no-repeat center top; background-size:56px 64px; padding-top:75px; margin:50px auto;
display:inline-block; /display:inline; /zoom:1;}
#footer{ width:100%; margin:0 auto; }
#footer ul.fmn{ background: url(../img/cmn_img/sdw.png) no-repeat top center #f9f9f9; background-size:100% 13px; padding:0px 0; margin:0 auto 30px;}
#footer ul.fmn li{ display:block; text-align:left;}
#footer ul.fmn li a{ display:block; padding:15px 20px; font-size:13px; line-height:1; border-bottom:1px solid rgba(0,0,0,0.1);}
#footer #fid{ width:186px; margin:0 auto 30px;}
#footer #fid img{ width:100%; height:auto;}
#footer ul.finfo{ margin:0 auto 30px;}
#footer ul.finfo li{ display:block; line-height:1.8;}
#footer ul.finfo li span{ padding-right:10px;}
#footer ul.finfo li em{ display:block;}
#footer ul.finfo li.tel{ margin:20px auto; font-size:24px; line-height:1.0; color:#d7458c;}
#footer ul.finfo li.tel a{ background:url(../img/cmn_img/iconTel.png) no-repeat center left; background-size:24px 24px; padding:6px 10px 6px 30px;}
#footer ul.finfo + p{ font-size:10px; margin:0 auto 30px; letter-spacing:0.025em;}

/* page-top */
#page-top { position: fixed; bottom: 50px; right: 6px; z-index:10; width:40px; height:40px;
-moz-border-radius:50%; -webkit-border-radius:50%;border-radius:50%;
overflow: hidden; text-indent: 100%; white-space: nowrap; }
#page-top a:after{ content:""; position:absolute; top:calc(50% - 4px); left:0; right:0; margin:auto;
width: 12px; height: 12px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg);}
#page-top a { display:block; width:100%; height:100%;  background: -webkit-linear-gradient(0deg, #f6d8ed, #f7ecc9);}
#page-top a:hover{ opacity:0.7;}


.grdText{ 
color: #d7458c; 
background: -webkit-linear-gradient(0deg, rgba(225,124,193,1), rgba(235,196,77,1));
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;}
.mincho{ font-family: 'Noto Serif SC', serif;}

.btn a{ background: -webkit-linear-gradient(0deg, rgba(238,177,219,1), rgba(239,217,148,1), rgba(238,177,219,1)); background-position:left; background-size:200% auto; position:relative; color:#fff !important; font-size:13px; font-weight:600; padding:10px 50px;
-moz-border-radius:20px; -webkit-border-radius:20px;border-radius:20px;}
.btn a:hover{ background-position:right;}
.btn a:before{ content:""; position:absolute; top:calc(50% - 5px); right:16px; width:7px; height:7px; border-top:2px solid rgba(255,255,255,1); border-right:2px solid rgba(255,255,255,1); -webkit-transform:rotate(45deg); transform:rotate(45deg);
-webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s ;}
.btn a:hover:before{ right:12px;}


.cta{ width:100%; background: -webkit-linear-gradient(0deg, #f6d8ed, #f7ecc9); padding:20px 0 40px; position:relative; margin-top:160px;}
.cta p.title{ position:relative; padding:0 10px; margin:0 auto 34px;
display:inline-block; /display:inline; /zoom:1; vertical-align:top;}
.cta p.title:before{ left:0;}
.cta p.title:after{ right:0;}
.cta p.title:before,.cta p.title:after{ content:""; position:absolute; width:calc(50% - 7px); height:1px; background:rgba(0,0,0,0.5); top:calc(100% + 10px);}

.cta p.title span{ position:relative; font-size:18px; line-height:1.6; font-weight:600 !important; display:inline-block; /display:inline; /zoom:1;}
.cta p.title span:before{ content:""; position:absolute; top:calc(100% + 5px); left:calc(50% - 5px) ; margin:auto; width:20px; height:20px; /*border-top:1px solid rgba(0,0,0,0.5);*/ border-right:1px solid rgba(0,0,0,0.5);
 -moz-transform:rotate(150deg); -webkit-transform:rotate(150deg); transform:rotate(150deg);}
.cta p.title + p{ font-weight:600; width:90%; margin:0 auto 15px; text-align:left;}
.cta ul{ margin:0px auto 0;}
.cta ul li{ line-height:1; margin-bottom:10px;vertical-align: middle;}
.cta ul li.tel a{ background:url(../img/cmn_img/ctaIcTel.png) no-repeat center left; background-size:31px 31px; font-size:28px; color:#d7458c; padding:5px 0 5px 40px; display:block; }
.cta ul li.mail{ display:block; margin-top:20px;}
.cta ul li.mail a{ background: url(../img/cmn_img/ctaIcMail.png) no-repeat 25px 12px #fff; background-size:25px 17px; color:#d7458c; font-size:16px; font-weight:600 !important; padding:10px 40px 10px 60px;
-moz-border-radius:20px; -webkit-border-radius:20px;border-radius:20px;}
.cta ul li.mail a:hover{ opacity:0.7;}

.cta p.title,.cta p.title + p,.cta ul{ position:relative; z-index:10;}
.cta:before{ background:url(../img/cmn_img/ctaPh01.png) no-repeat; width:80px; height:144px;left:0%; right:0; margin:auto; background-size:100% auto; bottom:calc(100% - 20px); z-index:-1; }
.cta:after{ background:url(../img/cmn_img/ctaPh02.png) no-repeat; width:360px; height:230px; bottom:0; right:0;}
.cta:before,
.cta:after{ content:""; position:absolute;}



/* androidのみ */
/*body.Android #footer .sp ul li{ width:49.9% !important;}*/

img{ width:100%; /*height:100%;*/ height:auto;}
.sp{ display:inline-block !important; /display:inline !important; /zoom:1 !important; vertical-align:top !important;}
.pc{ display:none !important; margin:0; padding:0; width:0; height:0;}

/* TELリンク */
.tel-link {/* color: #06F; font-size: 16px; font-weight: bold;*/}

/* スマホドロワーメニュー */
.spMenu a{ display: block; width:32px; height:40px;	/*position:absolute; top:10px; right:10px;*/ z-index:100;}


/* ▽▽開閉ボタンのライン▽▽ */
.spMenu { position:relative; width:32px; height:17px; cursor:pointer; display:block; float:right; z-index: 2;}
.spMenu::before { -webkit-box-shadow:#eec4b9 0 8px 0; box-shadow:#eec4b9 0 8px 0;}
.spMenu::after { bottom: 0;}
.spMenu::before,.spMenu::after { width:32px; height:1px; background:#eec4b9; display:block; content:''; position:absolute;}
.spMenu span{ /*font-family: 'Poppins', sans-serif;*/  font-family: 'Noto Serif SC', serif; font-weight:500; font-size:9px; color:#eec4b9; position:absolute; top:25px; left:0; right:0; margin:auto; text-align:center; letter-spacing:0.1em;}
#home .spMenu::before {-webkit-box-shadow:#fff 0 8px 0; box-shadow:#fff 0 8px 0; background:#fff;}
#home .spMenu::after{ background:#fff;}
#home .spMenu span{ color:#fff; }

ul.mm-listview li a{ background-color:rgba(255,255,255,0.6); color:#333; padding-top:15px !important; padding-bottom:15px !important;}
ul.mm-listview li a:hover{ background-color:rgba(255,255,255,0.6);}
div#menu{ background-color:#232323; }
.mm-navbar .mm-title{ color:#d7458c !important; font-size:11px;}
/*div.mm-navbar{ display:none !important;}*/
#menu{ display: none !important;}
.mm-menu{ background: -webkit-linear-gradient(0deg, rgba(238,177,219,0.2), rgba(239,217,148,0.2)) !important;}

/* 固定ボトム */
.mm-navbar-bottom{ }
.mm-navbar-bottom a{ width:33.3%; height:40px;
-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.mm-navbar-bottom a:hover{ opacity:0.5;}

/* 下部アイコンをオリジナルにする場合 */
.spFb{ background:url() center no-repeat;}
.spInst{ background:url() center no-repeat;}
.spPin{ background:url() center no-repeat;}
.spFb,.spInst,.spPin{ background-size:15px;}


background: -webkit-linear-gradient(0deg, rgba(238,177,219,0.2), rgba(239,217,148,0.2));

}


/* hover
----------------------------------------------------------------------------------*/
a,a:link, a:visited { color:inherit; text-decoration:none; outline: none;
-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
a:hover { color:#d7458c; text-decoration:none;}



/* common style 
----------------------------------------------------------------------------------*/
html,body,#wrapper { width: 100%; max-height: 100%; /* android対策 意図しない文字が大きくなったりする問題FIX */ }
body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin:0; padding:0; border:0; outline:0; vertical-align:baseline; line-height:1; word-break:break-all;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic';
color: #292929;

/*
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",serif;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;

Google font 候補
font-family: 'Montserrat', sans-serif;
font-family: 'Julius Sans One', sans-serif;
font-family: 'Mr Dafoe', cursive;
font-family: 'Amatica SC', cursive;
font-family: 'Seaweed Script', cursive;
font-family: 'Delius Swash Caps', cursive;
font-family: 'Mrs Sheppards', cursive;
font-family: 'Modak', cursive;
Josefin Sans CenturyGothic風
Lato
Yanone Kaffeesatz 
Gruppo
Wire One
Chathura
NTR
Montaga
Mada 超ベーシック
Source Sans Pro　Helvetika風
*/
}

/* ISO設定 */
p,li,em,span,dt,dd{ letter-spacing:0.05em;}
ul,ol{ font-size:0 !important;}
ul li,ol li{ display:inline-block; /display:inline; /zoom:1; vertical-align:top; font-size:14px;}
ul li:last-child,ol li:last-child{ margin-right:0 !important;}
p,p a,div,ul,ol,li,li a,dl,dt,dt a,dd,dd a,section,span,em,i,strong,b{ box-sizing:border-box; /*position:relative;*/}
/* テキスト両端揃え
p { text-align: justify; text-justify: inter-ideograph; line-break: normal; }
*/


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, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea { 
margin: 0; padding: 0; border: none; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent;}
img { vertical-align: top;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, div, address, iframe, canvas, hr, textarea { display: block; /*  line-height: 1;*/ }
a, label { cursor: pointer;}
blockquote { padding: 0; margin: 0; display: block;}
address, em { font-style: normal;}
hr { border: 0; margin: 0; padding: 0;}
ul, ol, li { list-style: none;}
table { border-collapse: collapse;}

*:before,*:after { padding:0; margin:0; line-height:1;}

.clr:before,.clr:after{ content: " "; display: table; overflow: hidden;}
.clr:after{ clear: both; overflow: hidden; }
.clr{ *zoom: 1; overflow: hidden; }
.clear { clear:both; }  
.clear hr { display:none; }  

/*Android、Xperiaで途中改行されるバグfix*/
p { background-image:url(1px-transparent.gif);}


/* tools 
----------------------------------------------------------------------------------*/
.mt05{ margin-top:5px !important;}.mt10{ margin-top:10px !important;}.mt15{ margin-top:15px !important;}.mt20{ margin-top:20px !important;}.mt30{ margin-top:30px !important;}.mt40{ margin-top:40px !important;}.mt50{ margin-top:50px !important;}.mt60{ margin-top:60px !important;}.mt70{ margin-top:70px !important;}.mt80{ margin-top:80px !important;}.mt90{ margin-top:90px !important;}.mt100{ margin-top:100px !important;}.mb05{ margin-bottom:5px !important;}.mb10{ margin-bottom:10px !important;}.mb15{ margin-bottom:15px !important;}.mb20{ margin-bottom:20px !important;}.mb30{ margin-bottom:30px !important;}.mb40{ margin-bottom:40px !important;}.mb50{ margin-bottom:50px !important;}.mb60{ margin-bottom:60px !important;}.mb70{ margin-bottom:70px !important;}.mb80{ margin-bottom:80px !important;}.mb90{ margin-bottom:90px !important;}.mb100{ margin-bottom:100px !important;}

.ml05{ margin-left:5px !important;}.ml10{ margin-left:10px !important;}.ml15{ margin-left:15px !important;}.ml20{ margin-left:20px !important;}.ml30{ margin-left:30px !important;}.ml50{ margin-left:50px !important;}.mr05{ margin-right:5px !important;}.mr10{ margin-right:10px !important;}.mr15{ margin-right:15px !important;}.mr20{ margin-right:20px !important;}.mr30{ margin-right:30px !important;}.mr50{ margin-right:50px !important;}