/*========================================
型は決まっているけどそのサイトで微調整するもの系

　●　サイト基本定義
　●　横幅設定
　●　上へ
　●　シンプルモジュール類
　●　スライドで全体表示
　●　電話番号リンク対策

========================================*/

/*========================================
　●　サイト基本定義
========================================*/
:root{
 --main-pink: #f7a6b5;
 --main-ac_pink: #e75163;
 --main-green: #66CC33;
 --main-orange: #ff6600;

 --main-brown: #633000;

 --main-textcolor1: #877248;
 --main-textcolor2: #666666;

 --main-cream: #fcfce8;
}

body{ /* overflow: hidden; */ color: var(--main-textcolor1);}

body{
 font-size: 16px;
 padding-top: 50px;
/* background: #f26d7d;*/
}

.mainbg01{
 width: 100%;
 height: 100%;
 padding-bottom: 20px;
 background: url("../images/parts/mainbg01.jpg") repeat-x center bottom fixed;
}

// 最新のsafari用
_::-webkit-full-page-media, _:future, :root .mainbg01{
 background: url("../images/parts/mainbg01.jpg") repeat-x center bottom scroll;
}/*----- media -----*/

// 古いsafari用
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, .mainbg01{
 background: url("../images/parts/mainbg01.jpg") repeat-x center bottom scroll;
}
}/*----- media -----*/

.mainbg01::before{
/*
 position: fixed; top: 0; left: 0; z-index: -1;
 width: 100%;
 height: 100%;
 content: "";
 background-image: url("../images/parts/mainbg01.jpg");
 background-repeat: repeat-x;
 background-position: center bottom;
 background-size: contain;
 background-attachment: fixed;
*/
}

main{}

/*============================== ■ max-width 960 */
@media screen and (max-width: 960px){
body{
 font-size: 16px;
 padding-top: 80px;
}

.mainbg01{
 width: 100%;
 height: 100%;
 background: url("../images/parts/mainbg01.jpg") repeat-x center bottom scroll;
}

}/*----- media -----*/

/*============================== ■ max-width 767 */
@media screen and (max-width: 767px){}/*----- media -----*/

/*============================== ■ max-width 520 */
@media screen and (max-width: 520px){}/*----- media -----*/

/*========================================
　●　横幅設定
========================================*/
.m-mainblock{
 padding-bottom: 24px;
 padding-right: 8px;
 padding-left: 8px;
}

.m-mainblock__0space{
 padding-right: 0px;
 padding-left: 0px;
}


/*========================================
　●　上へ
========================================*/
#js-toTOP{
 display: none;
 position: fixed;
  bottom: 40px;
  right: 12px;
  z-index: 500;
 font-size: 18px;
}

#js-toTOP a{ transition: all 0.3s ease-out;}
#js-toTOP a:hover{ opacity: 0.4;}

/*============================== □ max-width xxx */
@media screen and (max-width: 1280px){
#js-toTOP{ width: 60px;}
#js-toTOP img{ width: 100%;}

}/*----- media -----*/

/*============================== ■ max-width 1087 */
@media screen and (max-width: 1087px){}/*----- media -----*/

/*============================== ■ max-width 767 */
@media screen and (max-width: 767px){
#js-toTOP{
 display: none;
 position: fixed;
  bottom: 40px;
  right: 12px;
  z-index: 500;
 font-size: 18px;
}

#js-toTOP img{
 width: 100%;
}

}/*----- media -----*/

/*========================================
　●　シンプルモジュール類
========================================*/
.m-gmap{
 width: 100%;
 max-width: 1096px;
 height: 420px;
 margin-bottom: 16px;
 margin-left: auto;
 margin-right: auto;
 padding-left: 8px;
 padding-right: 8px;
}

.m-zei{
 padding-bottom: 8px;
 text-align: right;
}

a.m-banner{ transition: all 0.3s ease-out;}
a.m-banner:hover{ opacity: 0.6;}

}/*----- media -----*/

/*========================================
　●　スライドで全体表示（ベース）
========================================*/
.sp_attention{
 display: none;
 width: 100%;
 padding-bottom: 20px;
 padding-left: 8px;
 padding-right: 8px;
 color: #ff4040;
 text-align: center;
}

/*============================== □ max-width xxx */
@media screen and (max-width: 750px){/* クエリ幅は調整,セレクタ等追加で個別指定 */
/*
.overflowWrap{
 display: block;
 overflow-x: scroll;
 white-space: nowrap;
 -webkit-overflow-scrolling: touch;
 border-right: 2px solid #333333;
}
.sp_attention{
 display: block;
}
*/

}/*----- media -----*/

/*========================================
　●　電話番号リンク対策
========================================*/
.nolink{}
.nolink a{
 display: inline-block;
 color: var(--main-textcolor) !important;
 pointer-events: none !important;
 text-decoration-line: none !important;
}