@charset "utf-8";
@import url(default.css);

/*----------------------------------------------------
 elements
----------------------------------------------------*/
.hotel_tour_lineup_title {margin-bottom: -10px;}
body {
	color: #333;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
	position: relative;
	width: 100%;
}

a {
	color: #424242;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

img {
	vertical-align: top;
}

/*
img:not([width]) {
	zoom: .5; 
}
*/

p, dl, ol, ul {
	margin-bottom: 0px;
}

ol, ul {
	list-style: none;
}

nav {
	position: relative;
}

#shade {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #333;
	z-index: 3;
}

#open_ph_box {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 4;
}

#open_ph_box img {
	
}

/*-- クリア --*/
.clearfix:after{
content:"";
display:table;
clear:both;
}
.clearfix{
/zoom:1;
}

.contents:after{
content:"";
display:table;
clear:both;
}

.phbox01 img {
	width: 100%;
}

.clr {
	clear: both;
}

.fll {float:left;}
.flr {float: right;}
.clr {clear: both;}


/*----------------------------------------------------
 #body
----------------------------------------------------*/
#body {
	width: 100%;
}

header h1 {
	position: relative;
	margin: 5px auto;
}

header h1 span {
	position: absolute;
	top: 28px;
	left: 53px;
}

header nav {
	width: 100%;
	border-bottom: 1px solid #ccc;
}

header nav li {
	float: left;
	position: relative;
	text-align: center;
	font-size: 0.8em;
	padding: 3px;
	padding-top: 14px;
	min-height: 38px;
	display: block;
	border-top: 4px #fff solid;
}

header nav li.activ {
	border-top: 4px #fa9800 solid;
}


header nav li.trx {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 23px;
	min-height: 29px;
}

header nav li.line:before {
	content: url(https://www.ars-g.com/sp/common/images/nvi_line.png);
	width: 1px;
	height: 51px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.contents {
	margin-bottom:0px;
}

.main {
	padding: 0px 15px;
}

.maintxt {
	margin-bottom: 15px;
}
.maintxt p {
	margin-top: 7px;
}

.title_obi {
	padding: 7px;
	padding-left: 80px;
	background-color: #fa9800;
	border-top: 4px solid #faba4b;
	color: #fff;
	margin: 10px auto;
	position: relative;
	font-size: 1.2em;
}
.title_obi span {
	padding: 5px 7px;
	display: block;
	background-color: #fff;
	position: absolute;
	top: -4px;
	left: 15px;
}

.arsg {
	margin-left: -4%;
	margin-bottom: 20px;
	margin-top: 15px;
	position: relative;
}

.arsg dl {
	margin: 10px auto;
	margin-top: 0px;
}
.arsg dl dt {
	margin-bottom: 10px;
}

.arsg dl,
.arsg ul li {
	float: left;
	width: 46%;
	padding-left: 4%;
}

.arsg dl dt img {
	width: 100%;
}

.arsg dl dd p {
	color: #fa9800;
	line-height: 1.2em;
	margin: 5px auto;
	min-height: 4.5em;
}

.arsg dl dd h3 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 7px auto;
}


.btn01 {
	color: #fff;
	display: block;
	padding: 5%;
	padding-left: 25%;
	background-color: #fa9800;
	border-radius: 2px; 
	width: 70%;
	position: relative;
}
.btn01 img {
	position: absolute;
	top: 26%;
	left: 5%;
	padding-right: 4px;
	border-right: 1px solid #faba4b;
}

.btn02 {
	color: #5a5a60;
	display: block;
	padding: 5%;
	padding-left: 20%;
	background-color: #e8e8e8;
	border-radius: 2px; 
	width: 76%;
	position: relative;
}
.btn02 img {
	position: absolute;
	top: 26%;
	left: 5%;
	padding-right: 4px;
	border-right: 1px solid #ccc;
}

.btn03 {
	color: #5a5a60;
	border: 2px solid #e8e8e8;
	display: block;
	padding: 5px;
	padding-left: 28px;
	padding-right: 7px;
	background-color: #f2f2f2;
	border-radius: 2px; 
	position: relative;
	font-size: 0.8em;
	display: inline;
	float: right;
	top: -5px;
}

.btn04 {
	color: #5a5a60;
	border: 2px solid #e8e8e8;
	display: block;
	padding: 1px 1px;
	background-color: #f2f2f2;
	border-radius: 2px; 
	position: relative;
	font-size: 0.8em;
	display: inline;
	float: right;
}
.btn05 {
	color: #5a5a60;
	border: 2px solid #e8e8e8;
	display: block;
	padding: 1px 1px;
	background-color: #f2f2f2;
	border-radius: 2px; 
	position: relative;
	font-size: 0.8em;
	position: absolute;
	top: -1px;
	right: 5px;
}
                 
.btn05_02 {
    color: #5a5a60;
    border: 2px solid #e8e8e8;
    display: block;
    padding: 1px 1px;
    background-color: #f2f2f2;
    border-radius: 2px;
    position: relative;
    font-size: 0.8em;
    position: absolute;
    top: -1px;
    right: 105px;
}


.btn06 {
	color: #5a5a60;
	display: block;
	padding: 5%;
	padding-left: 30%;
	background-color: #e8e8e8;
	border-radius: 2px; 
	width: 66%;
	position: relative;
}
.btn06 img {
	position: absolute;
	top: 26%;
	left: 5%;
	padding-right: 4px;
	border-right: 1px solid #ccc;
}

.btn07 {
	color: #5a5a60;
	display: block;
	padding: 5%;
	padding-left: 10%;
	padding-right: 30%;
	background-color: #e8e8e8;
	border-radius: 2px; 
	width: 66%;
	position: relative;
}
.btn07 img {
	position: absolute;
	top: 26%;
	right: 5%;
	padding-left: 4px;
	border-left: 1px solid #ccc;
}

.ent_cbtn {
	width: 80%;
	float: right;
}
.blog_lbtn {
	width: 35%;
	float: left;
}
.blog_rbtn {
	width: 35%;
	float: right;
}

.switchHat .btn03:after{
	content: url(https://www.ars-g.com/sp/common/images/icon_open.png);
	position: absolute;
	top: 2px;
	left: 2px;
	border-right: 1px solid #e8e8e8;
}
.nowOpen .btn03:after {
	content: url(https://www.ars-g.com/sp/common/images/icon_close.png);
	position: absolute;
	top: 2px;
	left: 2px;
	border-right: 1px solid #e8e8e8;
}



.couponBox {
	border: 4px solid #eee;
	padding: 10px;
	margin-bottom: 20px;
	position: relative;
}
.couponBox .top {
	position: relative;
}
.couponBox .bottom {
	position: relative;
	padding-top: 10px;
}
.couponBox .top .logo {
	position: absolute;
	top: 0px;
	left: 0px;
}
.couponBox .top .coupon01 {
	position: absolute;
	top: -10px;
	right: -10px;
}
.couponBox .bottom .coupon02 {
	position: absolute;
	bottom: -10px;
	left: -10px;
}

.couponBox .top h2 {
	font-size: 1.2em;
}
.couponBox .top h2,
.couponBox .top p.coupontxt {
	padding-left: 70px;
	padding-right: 20px;
}


.bloglist {
	margin-bottom: 20px;
}
.bloglist li p {
	font-size: 0.8em;
	text-align: right;
}

.bloglist li a span {
	color: #fa9800;
}

.bloglist li {
	border-bottom: 1px dotted #ccc;
	padding: 10px 0px;
	
}


.shoplist dt {
	padding: 10px 15px;
	padding-bottom: 5px;
	padding-top: 15px;
	border-bottom: 2px solid #eee;
	font-size: 1.2em;
}


.shoplist li .shop {
	width: 30%;
	float: left;
	padding-right: 5%;
}

.shoplist li {
	padding: 10px 15px;
	padding-right: 20px;
	border-bottom: 2px solid #eee;
	position: relative;
}
.shoplist .switchDetail li .icon {
	position: absolute;
	top: 40%;
	right: 2%;
}
.shoplist li:after{
	content:"";
	display:table;
	clear:both;
}



.menulist {
	border: 4px solid #eee;
	position: relative;
	margin: 20px auto;
	margin-bottom: 7px;
}

.menulist li {
	position: relative;
}
.menulist li a {
	padding: 14px;
	padding-left: 15%;
	background-image: url(../common/images/nvi_bk.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	position: relative;
	border-bottom: 1px solid #e8e8e8;
	display: block;
}

.menulist li img {
	position: absolute;
	top: 20%;
	left: 3%;
}



footer {
	background-color: #f2f2f2;
	padding: 15px;
	margin-top: 70px;
	position: relative;
}

footer li {
	float: left;
}

footer li:after {
	content:"";
	display:table;
	clear:both;
}

footer ul {
	margin: 10px auto;
}

footer .pagetop {
	text-align: center;
	position: absolute;
	top: -22px;
	left: 37%;
}

/* センタリングさせるために必要なCSS [ここから] */
.centering {
	overflow: hidden;
	position: relative;
}

.centering ul {
	float: left;
	left: 50%;
	position: relative;
    margin-top: 12%;
}

.centering ul li {
	float: left;
	left: -50%;
	position: relative;
}

.cp {
	text-align: center;
}

/* 追加分 */
p.red {
    color: #d91e0c;
    font-weight: bold;
    display: inline;
}
p.red a {
    color: #d91e0c;
}