@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      style.css

----------------------------------------------------------- */


body {
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	overflow-x:hidden;
	text-align:center;
	font-size:90% !important;
	}
	
/* カラム指定
********************************************************/
.flexboxL { /* スマホ縦並び */
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
}
@media only screen and (max-width: 768px) {
.flexboxL { /* スマホ縦並び */
		-webkit-flex-direction: column;
		flex-direction: column;}
		
.gNvAreaSp {
    background: #395064;
    padding: 65px 0;
}		
}



/* ----------------------------------------


↓ページ設定


------------------------------------------- */

/* トップビジュアル
************************************************/
@media only screen and (max-width: 768px) {
#slider_home {
	margin-top:50px
}
}

/* コンテンツサイズ
************************************************/
.area{
	max-width:1140px;
	margin:0 auto;
}
@media only screen and (max-width: 1140px) {
.area{
	width:94%;
}
}
.contBox { /* スマホ縦並び */
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
}


.special_contBox { /* スマホ縦並び */
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	 -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
   　
}




@media only screen and (max-width: 768px) {
.contBox { /* スマホ縦並び */
		-webkit-flex-direction: column;
		flex-direction: column;}

.special_contBox  { /* スマホ縦並び */
		-webkit-flex-direction: column;
		flex-direction: column;}


}

/* タイトル
*****************************************************/
#plan h1{
	margin:0 auto;
	padding:0 0 30px 0;
	font-size:150%;
	font-weight:normal;
}
#plan h2{
	margin:0 auto;
	padding:0px;
	font-size:110%;
}
#plan h3{
	margin:0 auto;
	padding:0px;
	font-size:100%;
}
#plan h1,
#plan h2,
#plan h3{
	color:#736357;
}

/* ぱんくず
************************************************/
.panNav {
	text-align:right;
	margin:20px auto;
	font-size:70%;
	color:#736357;
}
.panNav a:link, .panNav a:visited, .panNav a:active {text-decoration: none;color:#333;}
.panNav a:hover {text-decoration: underline;color:#333;}

.panNav li{
  display: inline-block;
}
.panNav li + li:before{
  content: ">";
  color:#333;
  margin: 0 1em;
}
@media only screen and (max-width: 768px) {
.panNav {
	text-align:left;
}
}


/* スペックPC
************************************************/
.spec{
	max-width:645px;
	text-align:left;
	margin-right:40px;
}

@media only screen and (max-width: 768px) {
.spec{
	margin-right:0px;
	margin:0 auto 20px;
}
}

/* スペックSP
************************************************/
.specSp{
	display:none;
}
@media only screen and (max-width: 768px) {
.specSp {
	display:block;
	max-width:645px;
	text-align:left;
}
}


/* スペックテキスト
************************************************/
.specTxt{
	max-width:525px;
	text-align:left;
}
.specTxtA{
	padding-bottom:30px;
}
.specTxtA span{
	font-size:70%;
}
.specTxtB{
	font-size:70%;
	margin-bottom:10px;
}
.specTxtB span{
	font-size:120%;
	font-weight:bold;
	color:#736357;
}
.specTxt p.detailsBtn{
	text-align:right;
	margin-bottom:20px;
}
.specTxt p.detailsBtn a{
	width:70%;
	text-align:center;
    display: block;
    padding: 5px 0;
	font-size:70%;
	border-top:1px solid #CAC5D0;
	border-bottom:1px solid #CAC5D0;
}

.specTxt h3 a{
	text-decoration:none;
	color:#D8BA17;}




@media only screen and (max-width: 600px) {
.specTxt p.detailsBtn a{
	width:100%;
	margin:0 auto;
}
}
.specTxt p.detailsBtn a:link, .specTxt p.detailsBtn a:visited, .specTxt p.detailsBtn a:active {text-decoration: none; color:#333;}
.caption {
	font-size:70%;
	margin-bottom:10px;
	display: none;
}

.cap {
	font-size:70%;
	margin-bottom:10px;
	
}
.info{
	width:50%;
	text-align:left;
    display: block;
    padding: 5px 0;
	font-size:70%;
	border-top:1px solid #CAC5D0;
	border-bottom:1px solid #CAC5D0;
}

.specTxtB.spec_l {
    width: 40%;
    float: left;
    margin: 10px 10px 30px 0;
	line-height:1.2;	
}
.specTxtB.spec_r{
	width:53%;
border-left:#736357 1px solid;
padding-left:20px;
margin: 10px 0 30px 0;
line-height:1.2;
float:left;}
.ticketBtn a {
    color: #fff;
    display: block;
    padding: 7px 0;
    background: #736357;
    margin-top: 7px;
	width:120px;
	text-align:center;
	text-decoration:none;}
	
	
@media only screen and (max-width: 1210px) {
	.specTxtB.spec_l {
    width: 38%;
   
}

	.specTxtB.spec_r{
	width:53%;
	padding-left:10px;
}
.ticketBtn a {
    
	width:80px;
	}}
	
@media only screen and (max-width: 768px) {
.specTxtB.spec_l {
	font-size: 12px;
    width: 100%;
    float: none;
    margin-right: 0px;
	
}
.specTxtB.spec_r{
	font-size: 12px;
	width: 100%;
    float: none;
    padding-left: 0px;
	border-left:none}
	
.specTxtB.spec_l br{display:none;}
.specTxtB.spec_r br{display:none;}
	
	
	}


@media only screen and (max-width: 550px) {
.info{
	width:70%;
}
}


/* 客室を選ぶ
************************************************/
.flexRoom {
	max-width:1122px;
	padding:20px 0 30px;
}
.flexRoomBox {
	position: relative;
}
.flexRoomBox a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.flexRoomBox a:hover {
	background:#fff;
}
@media only screen and (max-width: 1280px) {
.flexRoom {
	max-width:90%;
}
}
@media only screen and (max-width: 768px) {
.flexRoom {
	max-width:86%;
}
}
/* ルームデータ */
.flexRoom .roomDataBox {
	width:80%;
	margin:0 auto;
}
.flexRoom .roomDataBox .roomDataBoxA {
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	margin:0 auto;
}
.flexRoom .roomDataBox .roomDataBoxA {
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	margin:0 auto;
}
.flexRoom .roomDataBox .roomDataBoxA p {
	width:33%;
	border-left:solid 1px #000;
	font-size:65%;
	line-height:1.2;
}
.flexRoom .roomDataBox .roomDataBoxA p:last-child {
	border-right:solid 1px #000;
}
.flexRoom .roomDataBox .roomDataBoxA p span {
	font-weight:bold;
	font-size:120%;
}
.flexRoom .roomDataBox p.roomName{
	font-size:120%;
	margin:15px auto 0px;
}
.flexRoom .roomDataBox p.price{
	font-size:120%;
	margin-bottom:10px;
}
.flexRoom .roomDataBox p.price span{
	font-weight:bold;
	font-size:130%;
}
.flexRoom .roomDataBox p.moreBtn{
	width:100%;
	margin:15px auto;
}
.flexRoom .roomDataBox p.moreBtn{
	text-align:center;
    display: block;
    padding: 5px 0;
	font-size:70%;
	border-top:1px solid #CAC5D0;
	border-bottom:1px solid #CAC5D0;
}



/* ルームセレクト */

.roomDataBox{width:80%;
margin:0 auto;}
.roomselect {
	max-width:1140px;
	width:100%;
	margin:30px auto 30px;
}
.roomselect ul{
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	margin:20px auto;
	 -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: space-between;
}

.roomselect li{width:30%;}
.roomselect .roomDataBox .roomDataBoxA  {
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	margin:0 auto;}

.roomselect .roomDataBox .roomDataBoxA p {
	width:33%;
	border-left:solid 1px #000;
	font-size:65%;
	line-height:1.2;
}
.roomselect .roomDataBox .roomDataBoxA p:last-child {
	border-right:solid 1px #000;
}
.roomselect .roomDataBox .roomDataBoxA p span {
	font-weight:bold;
	font-size:120%;
}
.roomselect .roomDataBox p.roomName{
	font-size:100%;
	margin:15px auto 0px;
}
.roomselect .roomDataBox p.price{
	font-size:100%;
	margin-bottom:10px;
}
.roomselect .roomDataBox p.price span{
	font-weight:bold;
	font-size:110%;
}
.roomselect .roomDataBox p.moreBtn{
	width:100%;
	margin:15px auto;
}
.roomselect .roomDataBox p.moreBtn{
	text-align:center;
    display: block;
    padding: 5px 0;
	font-size:70%;
	border-top:1px solid #CAC5D0;
	border-bottom:1px solid #CAC5D0;
}

.roomselect .roomDataBox p.moreBtn a{display: block;
text-decoration:none;
color:#333;}

@media only screen and (max-width: 768px) {
	.roomselect li{width:49%;}}
@media only screen and (max-width: 436px) {
.roomselect li{width:95%;
margin:0 auto;}}


/* インデックスページ
************************************************************************************************/

/* コンテンツサイズ
************************************************/
.areatop{
	max-width:1180px;
	margin:0 auto;
}
.areatop2{
	max-width:1104px;
	margin:0 auto;
}
@media only screen and (max-width: 1140px) {
.areatop,
.areatop2{
	width:94%;
}
}

.gNvArea {
	background:#395064;
	padding:70px 0;
	position:relative;
}
.topLinkBox {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	width:100%;
	margin:50px auto 30px;
	justify-content: center;
	position:relative;
}

/*.topLinkBox {
    width:100%;
	margin:50px auto 30px;
	
}*/


@media only screen and (max-width: 768px) {
.topLinkBox {
-webkit-flex-direction: column;
		flex-direction: column;
}
}
.topLink {
	width:80%;
	margin:0 auto;
	text-align:center;
	position:relative;
}
.topLink ul li{
	position:relative;
}
@media only screen and (max-width: 768px) {
.topLink {
	width:100%;
	margin:0 auto 20px;
}
}
@media only screen and (max-width: 436px) {
.topLink ul li{
	margin-bottom:5px;
}
}
.topLink ul a:link, .topLink ul a:visited, .topLink ul a:active {text-decoration: none;color:#333;}
.topLink ul a:hover {text-decoration: none;color:#D8BA17; font-weight:bold;}
.topLink ul a.orderLinkOn {text-decoration: none;color:#D8BA17; font-weight:bold;}
.topLink ul li{
  display: inline-block;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  padding:0.1em 1em;
  font-size:80%;
}
.topLink ul li+ li{
  border-left: 0;
  border-right: 1px solid #333;
  padding:0.1em 1em;
}

.topLink.plan_link ul li{
 font-size:100%;
 font-weight:bold;
}

.topLink li img {
	display:block;
}
@media only screen and (max-width: 768px) {
.topLink ul li+ li{
  padding:0.1em 0.3em;
}

.topLink.plan_link ul li{
 font-size:78%;
}
}
/* アイコン */
.topLink ul li.iconPop:before {
content:"";
background: url(../img/top/icon_pop.png) no-repeat;
width: 44px;
height: 39px;
position:absolute;
top:-40px;
left:40%;
}
.topLink ul li.iconNew:before {
content:"";
background: url(../img/top/icon_new.png) no-repeat;
width: 44px;
height: 39px;
position:absolute;
top:-40px;
left:30%;
}

/* 右spgリンクボタン */
.topLinkBtn {
	position:absolute;
	right:0;
	top: -40px;
}

/*.topLinkBtn {
    position: relative;
    display: block;
    margin-top: 10px;
}*/

@media only screen and (max-width: 768px) {
.topLinkBtn {
	position:relative;
	display:block;
	top:0px;
	
}
}
@media only screen and (max-width: 500px) {
.topLinkBtn {
	position:static;
	display:block;
}
}


/* 順番リスト
************************************************/
.orderLink {
	margin:15px auto 30px;
	text-align:center;
}
.orderLink li{
  display: inline-block;
  padding:0.1em 1em;
  font-size:80%;
}
.orderLink a:link, .orderLink a:visited, .orderLink a:active {text-decoration: none;color:#333;}
.orderLink a:hover {text-decoration: none;color:#D8BA17; font-weight:bold;}
.orderLink a.orderLinkOn {text-decoration: none;color:#D8BA17; font-weight:bold;}


/* タイトル
************************************************/
.topTit{
  overflow: hidden;
  text-align: center;
  margin-bottom:40px;
}
.topTit span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
  font-weight:bold;
}
.topTit span::before,
.topTit span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 400%;
  height: 1px;
  background-color: #ccc;
}
.topTit span::before {
  right: 100%;
}
.topTit span::after {
  left: 100%;
}


.topTit2{
  padding:25px 0 25px 0;
  border-bottom:1px solid #696C71;
  margin-bottom:20px;
  font-size:120%;
}


#plantop h2{
	margin:0 auto;
	padding:0px;
	font-size:110%;
	color:#D8BA17;
}


/* 各プラン
********************************************************/
.planBoxArea { /* スマホ縦並び */
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1180px;
	margin:0 auto;
}

.line{
    max-width: 1280px;
    margin: 15px auto 0;
    padding: 30px 0 0 0;
    border-top: solid 1px #9E9E9F;
}
@media only screen and (max-width: 500px) {
.planBoxArea { /* スマホ縦並び */
		-webkit-flex-direction: column;
		flex-direction: column;}
}
.planBox {
	width:374px;
	padding:0 8px 10px 8px;
	border-right:1px dotted #333;
	margin-bottom:100px;
}
.planBoxArea::after{ /* Flexbox最後の行用 */
  content:"";
  display: block;
  width:374px;
}
@media only screen and (max-width: 1180px) {
.planBox {
	width:31%;
}
.planBoxArea::after{
	width:31%;
}
}
@media only screen and (max-width: 776px) {
.planBox {
	width:30%;
}
.planBoxArea::after{
	width:30%;
}
}
@media only screen and (max-width: 580px) {
.planBox {
	width:100%;
	margin:0 auto 50px;
	border-right:none;
	padding:0 0px 0px 0px;
}
}
.planBox:nth-child(3n) {
	border-right:none;
}

/* 写真ホバー */
.imgHv {
	width:auto;
	height:auto;
	overflow:hidden;
	margin:0;
	position:relative;
}
.imgHv .caption {
	font-size:130%;
	text-align:center;
	color:	#fff;
}
.imgHv .mask {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);
	background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1.0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1.0)));
	-webkit-transition:	all 0.6s ease;
	transition:	all 0.6s ease;
}
.imgHv:hover .mask {
	/*opacity:1;*/	/* マスクを表示する */
	opacity:0;	/* マスクを表示しない */
	padding-top:30%;	/* ホバーで下にずらす */
}
/* 客室から選ぶよう */
.imgHv .mask2 {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background:	rgba(0,0,0,0.7);
	-webkit-transition:	all 0.6s ease;
	transition:	all 0.6s ease;
}
.imgHv img a.link:hover {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}
.imgHv:hover .mask2 {
	opacity:1;	/* マスクを表示する */
	padding-top:55%;	/* ホバーで下にずらす */
}

.planBox .planName {/* 2行 */
	padding:10px 0 5px;
	line-height:1.2;
	letter-spacing:-0.05em;
}
.planBox .planName1 { /* 1行 */
	padding:20px 0 15px;
	line-height:1.2;
	letter-spacing:-0.05em;
}
.planBox .planTxt {
	padding:10px 0 20px;
	font-size:70%;
	line-height:1.2;
	letter-spacing:-0.05em;
}
.planBox .planBtn{
	text-align:center;
	margin:0 auto 10px;
}
.planBox .planBtn a{
	width:50%;
	margin:0 auto;
	text-align:center;
    display: block;
    padding: 5px 0;
	font-size:70%;
	border-top:1px solid #CAC5D0;
	border-bottom:1px solid #CAC5D0;
}
.planBox .planBtn a:link, .planBox .planBtn a:visited, .planBox .planBtn a:active {text-decoration: none; color:#333;}

.planBox ul {
}
.planBox ul li{
  display: inline-block;
  width:47%;
}
.planBox ul li.planBoxBtn a{
	width:100%;
	margin:0 auto;
	text-align:center;
    display: block;
    padding: 5px 0;
	font-size:70%;
	background:#D8BA17;
	color:#fff;
	letter-spacing:-0.1em;
	line-height:1.2;
}
.planBox ul li.planBoxBtn a:link, .planBox ul li.planBoxBtn a:visited, .planBox ul li.planBoxBtn a:active, .planBox ul li.planBoxBtn a:hover {text-decoration: none;color:#fff;}
.planBox ul li.planBoxBtn2 a{
	width:100%;
	margin:0 auto;
	text-align:center;
    display: block;
    padding: 5px 0;
	font-size:70%;
	border-top:1px solid #CAC5D0;
	border-bottom:1px solid #CAC5D0;
}
.planBox ul li.planBoxBtn2 a:link, .planBox ul li.planBoxBtn2 a:visited, .planBox ul li.planBoxBtn2 a:active, .planBox ul li.planBoxBtn2 a:hover {text-decoration: none;color:#333;}



/* 朝食
************************************************/
.bfBox {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1180px;
	margin:30px auto 10px;
}
@media only screen and (max-width: 500px) {
.bfBox {
		-webkit-flex-direction: column;
		flex-direction: column;}
.bfBox div {
		margin-bottom:20px;
}
}
.linkBtn{
	text-align:right;
	margin-bottom:30px;
}
.linkBtn a:link, .linkBtn a:visited, .linkBtn a:active {text-decoration: none; color:#D8BA17; font-weight:bold;}
@media only screen and (max-width: 500px) {
.linkBtn{
	text-align:center;
}
}

/* 朝食付きのおすすめプラン
************************************************/
.flexReco {
	max-width:400px;
	padding:20px 0;
}
.flexReco li.flexPlanBox {
	width:96px;
	font-size:70%;
	line-height:1.2;
	letter-spacing: -1.8px;
}
.flexReco li.flexPlanBox img {
	padding-bottom:3px;
}
@media only screen and (max-width: 650px) {
.flexReco {
	max-width:86%;
}
}

.listBtn{
	width:100%;
	margin:0 auto;
	padding-bottom:40px;
}
.listBtn a{
	text-align:center;
    display: block;
    padding: 5px 0;
	font-size:70%;
	border-top:1px solid #CAC5D0;
	border-bottom:1px solid #CAC5D0;
}
.listBtn a:link, .listBtn a:visited, .listBtn a:active {text-decoration: none; color:#D8BA17; font-weight:bold;}


p.specResBtn{
	text-align:right;
	margin-bottom:20px;
}
p.specResBtn a{
	width:30%;
	text-align:center;
    color: #fff;
    display: block;
    padding: 5px 0;
	background:#D8BA17;
	font-size:70%;
	margin-top:7px;
}
p.specResBtn a:link, p.specResBtn a:visited, p.specResBtn a:active {text-decoration: none;}
@media only screen and (max-width: 500px) {
p.specResBtn a{
	width:80%;
}
}


/* 文字色 */
.colPink {color:#FF93BB;}
.colPink2 {color:#FF7BAC;}
.colBeige {color:#C69C6D;}






/* コンテンツフッター
************************************************/
.coFtrLine{
	max-width:1280px;
	margin:15px auto 0;
	padding:30px 0 0 0;
	border-top: solid 1px #9E9E9F;
}
.coFtr {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	max-width:1200px;
	margin:0 auto;
}
@media only screen and (max-width: 500px) {
.coFtr {
		-webkit-flex-direction: column;
		flex-direction: column;
}
.coFtr div {
	width:94%;
	margin:0 auto;
}
}
.coFtrTxt {
	/*font-size:70%;*/
	text-align:left;
	color:#717071;
}
.coFtrTxt span {
	font-size:130%;
}



/* 英語日本語切り替え
************************************************/

.select-box01 select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* フォント指定 */
.select-1, .select-1 * {
    font-family: "Helvetica Neue","メイリオ",Meiryo,Helvetica,Arial,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
/* labelタグのスタイル */
.select-1 {
    position: absolute;
    left: 80%;
    display: inline-block;
    background: #202020;
    background: linear-gradient(
        to bottom,
        #525252 0%,
        #272727 70%,
        #1c1c1c 100%);
    border-radius: 2em;
    box-shadow: 1px 1px 5px #000;
    font-size: 1em;
    overflow: hidden;
    z-index: 0;
}
/* 下三角の表示 */
.select-1:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    right: .6em;
    margin-top: -.2em;
    border-width: .45em .3em;
    border-style: solid;
    border-color: #fff transparent transparent;
    z-index: -1;
}
/* selectタグのスタイル */
.select-1 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .4em 2em .4em 1.5em;
    color: #fff;
    background: transparent;
    border: 1px solid #242424;
    border-radius: 2em;
    font-size: 1em;
    text-shadow: 1px 1px 2px #000;
    outline: none;
}
/* selectタグ選択中のスタイル */
.select-1 select:focus {
    text-shadow: 0 0 1px #b5b5b5;
}
/* IEの下三角非表示 */
.select-1 select::-ms-expand {
    display: none;
}
/* Firefoxの点線非表示 */
.select-1 select::-moz-focus-inner {
    border: 0;
}
/* 表示されるオプションスタイル */
.select-1 select * {
    background: #242424;
    color: #fff;
    text-shadow: none;
}

@media only screen and (max-width: 600px) {
	
	
	.select-1 {
    position: absolute;
   left: 65%;
   bottom:7%;
    display: inline-block;
    background: #202020;
    background: linear-gradient(
        to bottom,
        #525252 0%,
        #272727 70%,
        #1c1c1c 100%);
    border-radius: 2em;
    box-shadow: 1px 1px 5px #000;
    font-size: 1em;
    overflow: hidden;
    z-index: 0;
}
	
	
	
	}


.select_none{display: none;}

.sp_event div{
	width:48%;
	text-align:left;}
	
.sp_event_day {
	font-weight:bold;
    color: #D8BA17;
    text-align: center;
    display: block;
}
@media only screen and (max-width: 600px) {	
.sp_event div{
	width:100%;
	margin:0 auto 20px;}}	
	
	
/*メルマガ*/
.mailmagazine_btn {
    font-size: 14px;
    color: #fff;
    border: 1px solid;
    padding: 5px;
    box-sizing: border-box;
}
.mailmagazine_btn:hover{
	opacity: 0.6;
	transition-duration: 0.5s;
}

@media only screen and (max-width:768px) {
	.mailmagazine_btn {
		display: block;
		margin-top: 10px;}
}