@charset "utf-8";
/*
THEME NAME:スナック白馬
THEME URI:http://hakuba.nagoya
DESCRIPTION:スナック白馬は名古屋にある老舗のゲイバーです。中年・熟年層の太めのお客様を中心にご来店いただいております。
VERSION:1.0
AUTHOR:どんどん
AUTHOR URI: dondon
TAGS: スナック白馬,ゲイバー,ホモバー,名古屋,としひろ,中年,熟年,親父
*/



/*******************************
基本設定
*******************************/
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}



body {
	font-family: 'Sawarabi Mincho', sans-serif;
　　width:100%;
   line-height:2;
   margin:0;
   padding:0;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#74959b+0,23538a+100 */
background: #74959b; /* Old browsers */
background: -moz-linear-gradient(45deg, #74959b 0%, #23538a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #74959b 0%,#23538a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #74959b 0%,#23538a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74959b', endColorstr='#23538a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#FFFFFF;
font-size:1.3rem;

}

@media screen and (max-width : 480px){
	html,
	body {
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		font-size:1rem;
	}
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	clear:both;
	
}

ol, ul {
	list-style: none;
	margin:0;
	padding:0;
}

blockquote {
	quotes: none;
}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}

del {
	text-decoration: line-through;
}



pre { word-wrap: break-word;
}



hr{
	border-top:1px dotted;
	clear:both;
	margin:2rem 0rem;
}





.dotted{
	border-top:1px dotted;
	margin:0.5rem 0;
}

a img {
	border: none;
}



a img:hover {
	opacity: 0.7 ;
	transition: 0.5s ;
}

a {
    #color:#EDFF8A;
	text-decoration:none;
	transition: 0.25s ;
}


p{
 margin-bottom:0;
 margin-top:0;
}


.br::before {
	content: "\A" ;
	white-space: pre ;
	line-height:0.5;
}





.bold_font{
	font-size:1.1rem;
	font-weight:bold;
}


.green{
	color:#8cc11f;
}

.red{
	color:#FF0000;
}


.white{
	
	color:#FFFFFF;
}


.orage{
	color:#ff6600;
}


.pink{
	color:#e698ac;
}


.pink_bold{
	font-weight:bold;
	color:#e698ac;
	font-size:1.3rem;
	line-height:1.5;
}


.pink_line{
	border:solid 1px #e698ac;
	border-radius:1rem;
}


.yellow{
	color: #fff000;
}



.radius {
	border-radius:20px;
}

.radius img{
	border-radius:20px;
}




.text_left{
	text-align:left !important;
}

.text_center{
	text-align:center !important;
}


.text_right{
	text-align:right !important;
}




.spacer{
	display:block;
	height:2rem;
	clear:both;
}

.clear{
	clear:both;
}


.float_left{
	float:left;
	margin-right:1rem;
	margin-bottom:1rem;
}


.float_right{
	float:right;
	margin-left:1rem;
	
}

@media only screen and (max-width: 414px) {
	.float_left{
	float:none;
	margin-right:0;
	margin-bottom:1rem;
}


.float_right{
	float:left;
	margin-left:0;
	
}

}


.post-image{
	display:block;
	width:40%;
	height:auto;
	margin-bottom:1rem;
	border-radius:10px;
}



.full_image{
	width:100%;
	height:auto;
}






.top_image{
	width:90%;
	margin:0 auto;
	margin-bottom:2rem;

}



.top_image img{
	width:100%;
	height:auto;
	display:block;
	
}


@media only screen and (max-width: 414px) {
	
	.top-image{
	width:80%;
	
}
}






@media only screen and (max-width: 599px) {
.sp_hidden{
	display: none !important;
}
}



@media screen and (min-width:600px) and ( max-width:960px) { 
.tablet_hidden{
	display: none !important;
}

}

@media only screen and (min-width: 961px) {
.pc_hidden{
	display: none !important;
	
}
}







.breadcrumbs{
	padding:0;
	font-size:0.9em;
}



.inner{
	width:960px;
	margin:0 auto;
}

@media only screen and (max-width: 1023px) {
	.inner{
	width:94%;
}
}



.en{
	font-size:1.1rem;
	text-align:center;
	margin:1rem 0;
}



@media only screen and (max-width: 480px) {
	
	.en{
	font-size:0.95rem;
	width:90%;
	margin:1rem auto;
}

}

/*******************************
ボタン
*******************************/
.girly_btn{
	margin:2rem auto;
	width:40%;
    display: block;
    text-align: center;
    text-decoration: none;
    outline: 0;
    overflow: hidden;
    color: #fff;/* 文字の色 */
    background: #ef9d9d;/* ボタン背景色 */
    border-radius: 8px;/* 角丸サイズ */
    box-shadow: 0 0 0 5px #ef9d9d, 0 1px 2px 4px rgba(0,0,0,0.4);/* 縁取り・影 */
    border: 2px dashed #fff;/* 点線の色・サイズ */
    padding: .5em 1em;/* 余白 */
}


.contact_girly_btn{
	width:40%;
    display: block;
    text-align: center;
    text-decoration: none;
    outline: 0;
    overflow: hidden;
    color: #fff;/* 文字の色 */
    background: #ef9d9d;/* ボタン背景色 */
    border-radius: 8px;/* 角丸サイズ */
    box-shadow: 0 0 0 5px #ef9d9d, 0 1px 2px 4px rgba(0,0,0,0.4);/* 縁取り・影 */
    border: 2px dashed #fff;/* 点線の色・サイズ */
    padding: .5em;/* 余白 */
}

.contact_girly_btn a{
	color:#FFFFFF;
	display:block;
	width:100%;
}

@media only screen and (max-width: 360px) {
	
	.contact_girly_btn{
		font-size:0.8rem;
}
}
/*******************************
ヘッダー
*******************************/

header{
	width:100%;
	padding-bottom:2rem;

}



.description{
	background-color:#e698ac;
	padding:0.5rem 1rem;
	margin-bottom:0.5rem;
	text-align:center;
	
}


@media only screen and (max-width: 414px) {
	
	.description{
		height:40px;
		padding:6px 1rem;
		padding-right:62px;
	
}


}

.description h2{
	font-size:0.8em !important;
	color:#FFF;
	margin:0;
}

.top_header{
	display:flex;
	margin-right: auto;
	padding:1rem 0;
	justify-content: space-between;
}

@media only screen and (max-width: 600px) {
	.top_header{
	display:block;
	margin-right: auto;
	padding:1rem 0;
	justify-content: space-between;
}

}

.logo_area{
	width:350px;
	margin:0;
	position:relative;
}

@media only screen and (max-width: 360px) {
	.logo_area{
	width:90%;
	margin:0 auto;
}
	
}

.logo_area img{
	width:100%;
	height:auto;
	display:block;
	
}


.ribbon_wrap{
	position:absolute;
	margin:0;
	left:130px;
	top:0;
}

.ribbon {
    display: inline-block;
    position: relative;
    height: 40px;/*リボンの高さ*/
    line-height: 40px;/*リボンの高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;/*横の大きさ*/
    font-size: 0.9rem;/*文字の大きさ*/
	background-color:#b0714a;
    color: #FFF;/*文字色*/
    box-sizing: border-box;
}

@media only screen and (max-width: 360px) {
	
	.ribbon_wrap{
	left:95px;
}
	
	
	.ribbon {
		font-size: 0.7rem;
		height: 35px;
}
}

.ribbon:before, .ribbon:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.ribbon:before{
    top: 0;
    left: 0;
    border-width: 20px 0px 25px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}

.ribbon:after{
    top: 0;
    right: 0;
    border-width: 20px 15px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}


@media only screen and (max-width: 360px) {
	
	.ribbon:before{
    border-width: 18px 0px 25px 15px;
}

.ribbon:after{

    border-width: 18px 15px 25px 0px;
}
}

.logo_title h2{
	display:block;
	font-size:0.8rem;
	background-color:#e698ac;
	padding:0.5rem 1rem;
	border-radius:1rem;
	margin-bottom:0.5rem;
	color:#ffffff;
}


.logo_title h1{
	font-size:1.8rem;
	color:#e698ac;
	font-weight:bold;
	margin:0;
}



.contact_area{
	width:40%;
	display:flex;
	align-items: center;
	justify-content: space-between;
}


@media only screen and (max-width: 600px) {
	
	.contact_area{
	width:85%;
	margin:1rem auto;
	display:flex;
	align-items: center;
	justify-content: space-between;
}

}

@media only screen and (max-width: 360px) {
	
	.contact_area{
	width:90%;
}

}

/*******************************
グローバルナビ
*******************************/


#sp_menu{
	position:absolute;
	top:1rem;
	right:1.5rem;
}


@media only screen and (max-width: 414px) {
	
	#sp_menu{
	top:0;
	right:0;
}

}

.icon-hamburger {
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  height: 50px;
  position: relative;
  width: 50px;
  display: none;
  margin-bottom: 0.4em;
}

.icon-hamburger span {
  background: #cccccc;
  display: block;
  height: 16%;
  left: 50%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 50%;
  width: 84%;
}

.icon-hamburger span::before,
.icon-hamburger span::after {
  background: #cccccc;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -50%;
  position: absolute;
  top: 50%;
  width: 100%;
}

.icon-hamburger span::before {
  margin-top: -38%;
}

.icon-hamburger span::after {
  margin-top: 19%;
}

@media screen and (max-width: 768px) {
  .icon-hamburger {
    display: inline-block;
  }
}

.menu-container {
  margin: 0;

}

.menu-container .menu {
  font-size:0.9rem;
  font-weight:bold;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-container .menu .menu-item {
  flex: 1;
}

.menu-container .menu .menu-item a {
  color: #333;
  display: block;
  padding: 0.6em 0.4em;
  text-align: center;
  text-decoration: none;
}





.menu-container .menu .menu-item a img {
	width:40%;
	height:auto;
	display:block;
	margin-bottom:0.5rem;
	margin-left:auto;
	margin-right:auto;
}

.menu-container .menu .menu-item a:hover {
  background: #ffe3ea;
  color: #333333;
  border-radius:1rem;
}


.menu-container .menu .menu-item a img:hover {
	opacity:1.0;
}

.menu-container .menu .menu-item:last-child a {
  border-right: none;
}

@media screen and (max-width: 768px) {
	
	.menu-container .menu .menu-item a img {
	width:3rem;
	height:auto;
	margin-left:none;
	margin-right:none;
}
	
  .menu-container .menu {
    display: none;
    width: 100%;
  }
  .menu-container .menu .menu-item a {
    border-bottom: 1px solid #ccc;
    border-right: none;
  }
  .menu-container .menu .menu-item:last-child a {
    border-bottom: none;
  }
}

/*******************************
レイアウト
*******************************/
main{
	width:100%;
	padding-bottom:2rem;
	
}



@media only screen and (max-width: 1023px) {
main{
	width:97.5%;
	margin:0 auto;
}
}



@media only screen and (max-width: 480px) {
	
	main{
		padding-bottom:0rem;
	margin-bottom:0;
}

}




/*******************************
ul li設定
*******************************/



ul.two_column{
	overflow:hidden;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right: -3.9548%;
    padding:0;
}

ul.two_column:before,
ul.two_column:after {
    display: block;
    overflow: hidden;
    content: "";
}

ul.two_column:after {
    clear: both;
}

ul.two_column li {
    float: left;
    margin-right:3.9548%;
    width: 45.5%;
	margin-bottom:1.5rem;
}


ul.two_column li img{
	width:100%;
	height:auto;
	display:block;
	border-radius:1rem;

	
}


@media only screen and (max-width: 414px) {
	

ul.two_column{
    margin-right: 0;

}

	
	ul.two_column li {
		width:100%;
		margin:0 auto 1.5rem auto;

}




.wide80{
	width:80% !important;
	margin:0 auto;
}

}




ul.three_column{
	overflow:hidden;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	margin-right: -3.9548%;
    padding:0;
}

ul.three_column:before,
ul.three_column:after {
    display: block;
    overflow: hidden;
    content: "";
}

ul.three_column:after {
    clear: both;
}

ul.three_column li {
    float: left;
    margin-right: 3.9548%;
    width: 28.75%;
	margin-bottom:1.5rem;
}




ul.three_column li img{
	width:100%;
	height:auto;
	display:block;
	border-radius:1rem;

	
}



@media only screen and (max-width: 414px) {
	
ul.three_column{
    margin-right: 0;

}



ul.three_column li{
	width:75%;
	margin: 0 auto 1rem auto;

	
}

	
}



ul.four_column{
	overflow:hidden;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right: -3.8461%;
    padding:0;
}

ul.four_column:before,
ul.four_column:after {
    display: block;
    overflow: hidden;
    content: "";
}

ul.four_column:after {
    clear: both;
}

ul.four_column li {
    float: left;
    margin-right: 3.8461%;
    width: 21.1538%;
	margin-bottom:1.5rem;

}

ul.four_column li img{
	width:100%;
	height:auto;
	display:block;
	margin-bottom:10px;
	
}


@media only screen and (max-width: 414px) {
	ul.four_column li {
    float: left;
    margin-right:3.9548%;
    width: 46.0451%;
	margin-bottom:1.5rem;

}
}


ul.voice{
	margin: 1rem auto 2rem auto;
}

.voice li{
	padding-left:15px;
	padding-bottom:10px;
	border-bottom:dotted 1px;
	margin-bottom:1rem;
	font-size:0.95em;

}


.voice li:last-child{
	border:none;

}


/*******************************
タイトル
*******************************/
.main_title {
display:flex;
color: #ff6a6a;
border-top: dashed 2px gray;
border-bottom: dashed 2px gray;
background: #fffff4;
justify-content: center; 
align-items: center;
font-size:1.5rem;
font-weight:bold;
padding:0.5rem 1rem;
}


.main_title img {
	height:3rem;
	width:auto;
	display:block;
	margin-right:1rem;
}




.sub_title{
	display:block;
	font-size:1.3rem;
	text-align:center;
	margin-bottom:2rem;
}



.tab_title{
position: relative;
border-top: solid 2px #80c8d1;
border-bottom: solid 2px #80c8d1;
background: #f4f4f4;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
}

.tab_title:after {/*タブ*/
position: absolute;
font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
content: '\f0a7\ POINT';
background: #80c8d1;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
  }


.ribbon_title{
    font-size: 1.2rem;/* 文字の大きさ */
    font-weight: bold;/* 文字の太さ */
    color: #fff;/* 文字の色 */
    background: #f9b8cd;/* 背景色 */
    border-radius: 8px;/* 四隅の丸み */
    position: relative;
    margin: 1rem 0 1rem 0;
    padding: 0.4em 0.4em 0.4em 2em;
}
.ribbon_title:before,
.ribbon_title:after {
     content: "";
    position: absolute;
    display: block;
}
.ribbon_title:before{
    top: -0.1em;
    left: 0.5em;
    width: 20px;
    height: 23px;
    padding: 5px 0 0 0;
    background: #f69;/* リボン部分の色 */
    text-align: center;
}
.ribbon_title:after{
    top: 0.8em;
    left: 0.5em;
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent #f69;/* リボンの切りっぱなし部分の色 */
}


.circle_title{
    margin:1.5rem auto;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 3px 0 3px 0;
	text-align:center;
	width:85%;
}
.circle_title:before,.circle_title:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #ffcb8a;
    border-radius: 50%;
}
.circle_title:after {
    top:-12px;
    left:-12px;
}
.circle_title:before {
    bottom:-12px;
    right:-12px;
}


@media only screen and (max-width: 414px) {
	
	.circle_title{
	width:80%;
}
}



.h3_box {
    position: relative;
    padding:0.25em 1em;
	text-align:center;
	font-size:1.2rem;
}
.h3_box:before,.h3_box:after{ 
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.h3_box:before{
    border-left: solid 1px #5767bf;
    border-top: solid 1px #5767bf;
    top:0;
    left: 0;
}
.h3_box:after{
    border-right: solid 1px #5767bf;
    border-bottom: solid 1px #5767bf;
    bottom:0;
    right: 0;
}
.h3_box p {
    margin: 0; 
    padding: 0;
}






.stripe_title {
color: #d1508f;
font-weight:bold;
text-align: center;
padding: 0.25em;
border: solid 2px #e698ac;
border-radius:1rem;
background: -webkit-repeating-linear-gradient(-45deg, #fff3f7, #fff3f7 3px,#ffe9f1 3px, #ffe9f1 7px);
background: repeating-linear-gradient(-45deg, #fff3f7, #fff3f7 3px,#ffe9f1 3px, #ffe9f1 7px);
}


.kakumaru_title{
 border: 1px solid #f0b8bf;	/* 線の太さ・種類・色 */
 border-radius: 5px;
 padding: 10px;	/* 内側の余白 */
 position: relative;
}
.kakumaru_title:before{
 background-color: rgba(255,255,255,0.7);  /* 文字部分背景色・透過度 */
 border-radius: 5px;
 content: '';
 display: block;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: 5px;
 z-index: -1;
}
.kakumaru_title:after{
 background: repeating-linear-gradient(-45deg, #f5d5da, #f5d5da 5px, #fcf0f1 0, #fcf0f1 10px); /* ストライプの色 */
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: -2;
}


.orange_title {
	padding-bottom:5px;
	font-size:1.1rem;
	font-weight:bold;
	color: #ff9933;
}

.orange_title::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight:bold;
  color:#e698ac;
  font-size:1.5rem;
  margin-right:1rem;
  display:inline-block;
}




.mini_title{
	background-color:#FFA8A9;
	padding:0.3rem 1rem;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	margin:0.5rem 0;
	display:inline-block;
	border-radius:1rem;
	
}


/*******************************
dl dt dd設定
*******************************/


dl.information{
	margin: 1rem auto 2rem auto;
	width:100%;
}




.information dt {
	padding-left:15px;
	padding-bottom:5px;
	font-size:1.1rem;
	font-weight:bold;
	color: #ff9933;
}

.information dt::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight:bold;
  color:#e698ac;
  font-size:1.5rem;
  margin-right:1rem;
  display:inline-block;
}



.information dd {
	padding-left:15px;
	padding-bottom:10px;
	border-bottom:dotted 1px;
	margin-bottom:1rem;
	font-size:0.95em;
}

.information dd:last-child {
	border-bottom:none;
	padding-bottom:0;
}



@media only screen and (max-width: 414px) {
	
	
dl.information{
	width:95%;
}

	
	
	.information dt {
	margin-left:0;
	padding-left:0;
}
	
	.information dd {
	margin-left:0;
	padding-left:0;
	
}
}


/*******************************
ul li設定
*******************************/


ul.list{
	margin: 1rem auto 2rem auto;
}



ul.list li {
	width:100% !important;
	padding-left:15px;
	padding-bottom:10px;
	border-bottom:dotted 1px;
	margin-bottom:1rem;

}


ul.list li:last-child {
	border-bottom:none;
	padding-bottom:0;
}


@media only screen and (max-width: 414px) {
	
	
	ul.list{
		width:95%;
}
	
	
ul.list li {
	padding-left:0;

}

}





ul.item{
	margin:1rem 2rem;
}

ul.item li{
	list-style:circle;
	margin-bottom:0.2rem;
	border:none;
}




.brand_new{
	width:auto;
	margin-bottom:0;
	display:inline-block;
}

.brand_new img{
	display:block;
	width:50px !important;
	height:auto;
	margin-right:1rem !important;
	margin-bottom:0 !important;
}



dl.news{
	overflow:hidden;
	margin:0 auto;
	

}

dl.news dt{
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;

	
}


.news dd{
	border-bottom:dotted 1px #666666;
	padding-bottom:0.5em;
	margin-bottom:1em;
	font-size:0.9rem;
}

.news dd:lastchild{
	border-bottom:none;
	padding-bottom:none;
	margin-bottom:none;
	
}



/*******************************
ボックス
*******************************/

.contents{
	width:90%;
	margin:0 auto;
}



.white_box{
	 position: relative;
	background:#FFFFFF;
	border:2px dashed #f7c2cf;
	border-radius:1rem;
    box-shadow: 0px 0px 0px 10px #fff0cd;
	padding:2rem 4rem;
}

.white_box:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 50px 50px 0;
    border-style: solid;
    border-color: #fff0cd #fff #fff0cd;
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5);
}



@media only screen and (max-width: 1023px) {
	.white_box{
	padding:2rem 1.5%;
}
}


.box25{
    position: relative;
    background: #f7c2cf;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
	font-size:1.8rem;
	font-weight:bold;
}
.box25:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #fff0cd #fff #fff0cd;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.3);
}

.box90{
	width:90%;
	margin:0 auto;
}

.for_list_wrap{
	text-align:right;
}

.for_list{
	display:inline-block;
	border:#e698ac solid 1px;
	padding:0.5rem 1rem;
	font-size:0.9rem;
	
}



.for_list::after{
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight:bold;
  margin-left:0.5rem;
  color:#e698ac;

}

.category_name{
	background-color:#e698ac;
	color:#FFFFFF;
	padding:0.2rem 0.3rem;
	border-radius:0.5rem;
	text-align:center;
	margin-bottom:0.5rem;
	
}

.time{
	text-align:right;
	padding:0.2rem 0;
}

/*******************************
各ページ
*******************************/


.sns {
	width:30%;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	margin:2rem auto;
}


@media only screen and (max-width: 480px) {
	
	.sns {
		margin:1rem auto;
	width:50%;
}
}


.sns li{
	width:3rem;
}


@media only screen and (max-width: 480px) {
	
.sns li{
	width:2rem;
}
}


.sns li img{
	width:100%;
	height:auto;
	display:block;
}


.users_detail{
	padding:1rem 0;
	font-weight:bold;
	text-align:right;
}


.google-map {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
	margin:1rem auto;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*******************************
ペイン
*******************************/
div.pain1 img{
	display:hidden !important;
	position:absolute;
	z-index:100;
	height:10% !important;
	width:auto !important;
	display:block;
	top:25%;
	left:50%;
	
}

.pain1_btn:hover + div.pain1 img{
	display:block;
}

/*******************************
フッター
*******************************/


.up_button{
	width:70px;
	height:auto;
	position:fixed;
	bottom:10%;
	right:10%;
	z-index:99999;
}


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


@media only screen and (max-width: 960px) {
	
	.up_button{
	width:10%;
	right:5%;
}

}



@media only screen and (max-width: 599px) {
	
	.up_button{
	width:15%;
	right:5%;
}

}



footer{
	background-image:url(images/footer_bg.png);
	background-repeat:repeat-x;
	background-position:top center;

}

footer img{
	width:350px;
	height:auto;
	padding:2rem 0  0.2rem 0;
	margin:0rem auto;
	display:block;
}


@media only screen and (max-width: 414px) {
	footer img{
	width:80%;
	height:auto;
}
}





footer h1{
	font-size:2.5rem;
	font-weight:bold;
	color:#EDFF8A;
	text-align:center;
	display:block;
	margin:0;
}




footer address{
	text-align:center;
	font-style:normal;
	padding:1rem 0.5rem;
}


@media only screen and (max-width: 414px) {
	
	
	footer h1{
	font-size:1.6rem;

}




footer address{
	font-size:0.8rem;
}

}





.footer_navi{
	font-size:0.9rem;
	display:flex;
	margin:1rem auto;
	width:70%;
	justify-content: space-between;
	
}

@media only screen and (max-width: 850px) {
	
	.footer_navi{
	width:80%;
}

}


@media only screen and (max-width: 750px) {
	
	.footer_navi{
	width:90%;
}

}


@media only screen and (max-width: 650px) {
	
	.footer_navi{
	width:100%;
}

}




.footer_navi li{
 text-align: center;
}


@media only screen and (max-width: 599px) {
	
	.footer_navi{
		display:block;
		overflow:hidden;
}

.footer_navi li{
	float:left;
	width:50%;
	padding:0.5rem 0;
}


}

.footer_navi li a{
	color:#000000;
}


.footer_navi li img{
	width:auto;
	height:42px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0.5rem;
}


.footer_navi li::before{
  font-family: "Font Awesome 5 Free";
  content: "\f0da";
  font-weight:bold;
  margin-right:0.5rem;
  color:#e698ac;

}


.googlemap{
	display:inline-block;
	border:#ffffff 1px solid;
	padding:0.3rem 1rem;
	margin:1rem auto;
}



.googlemap a{
	color:#ffffff;

}




footer small{
	display:block;
	background-color:#FFFFFF;
	text-align:center;
	padding:0.3rem 1rem;
	color:#000000;
}

@media only screen and (max-width: 414px) {
	
	footer small{
		font-size:0.8rem;
}
}