/*温泉まんじゅうゲーム*/

#none_pc { display: none; overflow: hidden; }/*ＰＣ表示させない*/
#none_smart { }/*スマフォ表示させない*/

smart_br {/*改行*/
display: block;
}

@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:block; }
}


/* ページトップへ戻るボタン */
#pagetop { position:fixed; bottom:81px; right:0px; padding:0; z-index: 900;}
#pagetop img { width: 100px; }


html,body,table,th,td,div,span {
font-size: 100%;
line-height: 130%;
font-family: tbudrgothic-std, sans-serif;
font-weight: 400;
font-style: normal;
}


font.red {color: #A10002;}/*レッド文字*/


/* -- 改行先頭空白-- */
.indent-1 { padding-left:1em; text-indent:-1em; margin: 5px 0px 10px 0px;/*上・右・下・左*/}
.indent-2 { padding-left:2em; text-indent:-2em; line-height: 150%; margin: 5px 0px 5px 0px;/*上・右・下・左*/}
.indent-3 { color: #285b99; font-size: 110%; line-height: 130%; font-weight: 700; }
.indent-4 { color: #285b99; font-size: 110%; line-height: 130%; font-weight: 700; margin: 20px 0px 5px 0px;/*上・右・下・左*/}
.indent-5 { padding-left:1em; text-indent:-1em; margin: 5px 0px 5px 10px;/*上・右・下・左*/}



#Background_Motion_Main {/*モーション*/
background: lightgray;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
}
#Motion_SS {/* ー THESPAKUSATSU GUNMA OFFICIAL FANCLUB ー */
font-family: montserrat, sans-serif;
font-weight: 500;
font-style: italic;
max-width: 100%;
color: #FFFFFF;/*文字色*/
font-size: 80%;
line-height: 100%;
text-align: center;
margin: 60px 0px 0px 0px;/* 上・右・下・左*/
}
#Motion_L {/* YUTO GAME */
font-family: montserrat, sans-serif;
font-weight: 900;
font-style: italic;
max-width: 100%;
color: #FFFFFF;/*文字色*/
font-size: 300%;
line-height: 100%;
text-align: center;
margin: 0px 0px 15px 0px;/* 上・右・下・左*/
}
#Motion_S {/* YUTO ONSENMAJU GAME */
font-family: montserrat, sans-serif;
font-weight: 900;
font-style: italic;
max-width: 100%;
color: #f5cb1e;/*文字色*/
font-size: 100%;
line-height: 100%;
text-align: center;
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
}


#Main_Top_Title_1 {/* ー THESPAKUSATSU GUNMA OFFICIAL FANCLUB ー */
font-family: montserrat, sans-serif;
font-weight: 500;
font-style: italic;
max-width: 100%;
color: #003366;/*文字色*/
font-size: 80%;
line-height: 100%;
text-align: center;
margin: 0px 0px 0px 0px;/* 上・右・下・左*/
}
#Main_Top_Title_2 {/* 湯友の温泉まんじゅうゲーム*/
font-family: tbudmincho-std, sans-serif;
font-weight: 500;
font-style: normal;
color: #003366;/*文字色*/
font-size: 2.3em;
line-height: 110%;
text-align: center;
font-feature-settings: "palt";/*文字詰める*/
padding: 5px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#Main_Top_Title_3 {
font-family: tbudmincho-std, sans-serif;
font-weight: 500;
font-style: normal;
color: #003366;/*文字色*/
font-size: 1em;
line-height: 100%;
text-align: center;
font-feature-settings: "palt";/*文字詰める*/
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 10px auto 0px auto;/*上・右・下・左*/
}

/* -- 2022・ベース -- */
#Background_maine_White {
text-align: center;
max-width: 100%;
padding: 30px 0px 30px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
background-color: #FFFFFF;/*背景色*/
}
#Grid_maine {
max-width: 1000px;
padding: 0px 10px 0px 10px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#Grid_grey {
max-width: 100%;
color: #666666;
text-align: Left;
display: table;
border: 0px solid #D5D5D5;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}





/* 2022・テキスト */
.txt {
max-width: 100%;
text-align: Left;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 20px 0px;/*上・右・下・左*/
}
.txt_2 {
max-width: 100%;
text-align: Left;
border: 3px solid #D5D5D5;
background-color: #FFFFFF;/*背景色*/
padding: 0px 5px 5px 5px;/*上・右・下・左*/
margin: 0px 0px 20px 0px;/*上・右・下・左*/
}





/* -- 2022・タイトル・ブルー -- */
#Title_blue {
font-family: tbudrgothic-std, sans-serif;
font-weight: 700;
font-style: normal;
max-width: 100%;
color: #FFFFFF;
font-size: 1em;
text-align: center;
white-space:nowrap;/* wbr・改行 */
background-color: #285b99;
padding: 10px 5px 10px 5px;/* 上・右・下・左*/
margin: 30px 0px 20px 0px;/* 上・右・下・左*/
}





/* -- 2022・画像 -- */
#Grid_Photo {
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
margin: 10px auto 0px auto;/*上・右・下・左*/
}
#Grid_Photo_3 {
width: calc(100% / 3);/*3等分*/
display:flex;
}
#Grid_Photo_in {
position:relative;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 3px 3px 3px 3px;/*上・右・下・左*/
}
#Grid_Photo_in img {
width: 100%;
height: auto;
margin: 0px 0px 10px 0px;/*上・右・下・左*/
}

#Grid_Rule {
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
margin: 10px auto 0px auto;/*上・右・下・左*/
}
#Grid_Rule_3 {
position:relative;
width: calc(100% / 1);/*3等分*/
display:flex;
}
#Grid_Rule_in {
border: 3px solid #D5D5D5;
background-color: #FFFFFF;/*背景色*/
padding: 15px 20px 15px 20px;/*上・右・下・左*/
margin: 0px 0px 10px 0px;/*上・右・下・左*/
text-align:justify;/*両端揃える*/
border-radius: 20px;/*角を丸く*/
}
#Grid_Rule_in img {
width: 100%;
height: auto;
margin: 0px 0px 10px 0px;/*上・右・下・左*/
}
/* NEWリボン */
.ribbon {
width: 110px;
height: 110px;
overflow: hidden;
position: absolute;
}
.ribbon::before,
.ribbon::after {
position: absolute;
z-index: -1;
content: '';
display: block;
}
.ribbon span {
font-family: montserrat, sans-serif;
font-weight: 900;
font-style: italic;
position: absolute;
display: block;
width: 210px;
padding: 15px 0px 15px 0px;
background-color: #992727;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
color: #FFFFFF;
font-size: 100%;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
text-transform: uppercase;
text-align: center;
}
.ribbon-top-Left {
top: -5px;
Left: -5px;
}
.ribbon-top-Left::before,
.ribbon-top-Left::after {
border-top-color: transparent;
border-Left-color: transparent;
}
.ribbon-top-Left::before {
top: 0;
left: 0;
}
.ribbon-top-Left::after {
bottom: 0;
Left: 0;
}
.ribbon-top-Left span {
right: -30px;
top: 10px;
transform: rotate(-45deg);
}




/* -- メニューボタン -- */
#Background_Maine_Grid_Button {
position: fixed;
bottom: 0;
width: 100%;
z-index: 1000;
text-align: center;
background-color: #E1E1E1;/*背景色*/
border-top:5px solid #FFC000;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#Background_Grid_Button {
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#Grid_Button {
width: calc(100% / 5);/*2等分*/
display: flex;
border-left:1px solid #23528A;
border-right:1px solid #153152;
box-sizing: border-box;/*内側*/
}
#Grid_Button_box {
width: 100%;
text-align: center;
margin: 20px auto 20px auto;/*上・右・下・左*/
}
a.Button_Link {
width: 100%;
color: #FFFFFF;
text-align: center;
text-decoration: none;
background-image: linear-gradient(to bottom, #1E4675, #1E4675);
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
a.Button_Link:hover {
color: #114c96;
text-decoration: none;
background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
}
#Foot_icon {
display: none; overflow: hidden;
}
#Foot_S {
font-family: tbudrgothic-std, sans-serif;
font-weight: 400;
font-style: normal;
max-width: 100%;
text-align: center;
font-size: 0.5em;
line-height: 100%;
padding: 0px auto 0px auto;/*上・右・下・左*/
margin: 0px auto 5px auto;/*上・右・下・左*/
font-feature-settings: "palt";/*文字詰める*/
}
#Foot_L {
font-family: rift-soft, sans-serif;
font-style: normal;
font-weight: 500;
text-align: center;
font-size: 1.1em;
line-height: 100%;
padding: 0px auto 0px auto;/*上・右・下・左*/
margin: 0px 0px 30px 0px;/*上・右・下・左*/
font-feature-settings: "palt";/*文字詰める*/
}