@charset "utf-8";

/* 
border: 1px solid #333;
----------------------------------------------- */

/* ■メイン開始■
h1.page-title {
font-size: 20px;
color: #222;
line-height: 1.3;
font-weight:bold;
letter-spacing:1px;
padding: 0.7em 0.7em 0.6em; 
margin: 5px 0 20px -15px;
border-left: 4px solid #058DC7;
}


 */

h1.page-title {
font-size: 20px;
font-weight:bold;
line-height: 1.3;

color: #d3217d;
color: #111;
padding: 12px 15px 9px; 
margin: 0px 0 15px -3px;

border:1px solid #d3217d;
border:1px solid #ccc;
}


/* 766px以下用（タブレット／スマートフォン用）の記述 */
@media only screen and (max-width: 780px) {

h1.page-title {
font-size: 18px;
padding: 11px 15px 10px; 
margin: 0px 0 15px -3px;
border:1px solid #ccc;
}
}

#main h2{
font-size: 18px;
color:#111;
font-weight: 900;
font-weight: normal;
font-weight:bold;
line-height: 1.3;
text-align: left;
letter-spacing:1px;
padding: 7px 5px 6px 12px;
margin: 20px 0 20px -2px;
background: none ;
border-right: 1px solid #ccc;
border-bottom: 1px solid #bbb;
	box-shadow: 0px 3px 3px #eee; /*CSS3*/
	-moz-box-shadow: 0px 3px 3px #ededed; /* Firefox用*/
	-webkit-box-shadow: 0px 3px 3px #ededed; /* Google Chrome, Safari用*/
border-left: 5px solid #d6207b;

/*Other Browser*/
background-color: #eeeeee;
/*For Old WebKit*/
background: -webkit-linear-gradient(
	#fff 60%,
	#ededed 100%
);
/*For Modern Browser*/
background: linear-gradient(
	#fff 60%,
	#ededed 100%
);
}


#main h3{
height: auto;
color:#111;
font-size: 16px;
line-height: 1.3;
text-align: left;
font-weight:normal;
font-weight:bold;
letter-spacing:0px;
padding: 7px 0px 6px 10px;
margin: 25px 0px 20px -2px;
border-left: 5px solid #0072bc;
border-left: 5px solid #d6207b;
}

#main h4{
height: auto;
color:#111;
font-size: 16px;
line-height: 1.3;
text-align: left;
font-weight:bold;
letter-spacing:0px;
padding: 7px 0px 6px 10px;
margin: 15px 0px 15px 0px;
background-color:#f7f7f7;
}


/* 

div.kadomaru{
padding: 0.5em 10px;
margin: 0.8em 0 ;
border: 1px solid #ddd;
border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

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








#main strong{
color:#f00;
font-weight:bold;
margin: ;
padding:;

}

#main p {
color:#121212;
font-size: 16px;
line-height: 1.7;
margin: 0px 10px 1em 0px;
padding: 0px 0px 0px 0px;
}

blockquote
{
color:#222;
font-size: 16px;
line-height: 1.7;
margin: 0px 10px 1em 0em;
padding: 10px 0px 10px 1em;
border-left:5px solid #999;
}


/*-- 追加 --*/
.rwd_embed {
position: relative;
margin: 20px 0;
padding-bottom: 56.25%;
padding-top: 30px;
overflow: hidden;
max-width: 100%;
height: auto;
}
 
.rwd_embed iframe, .rwd_embed object, .rwd_embed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.photo { 
margin: 15px 0px;
padding: 0px 0px 0px 0px;
}

.photo img { 
width: 100%;
max-width: 500px;
border: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.photo-left img { 
float: left;
border: none;
margin: 0px 15px 10px 0px;
padding: 0px 0px 0px 0px;
}

.photo640 { 
margin: 15px 0px;
}

.photo640 img { 
width:100%;
max-width:640px;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.photo500 img { 
width:100%;
max-width: 500px;
margin: 15px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.photo400 img { 
width:100%;
max-width: 400px;
margin: 15px 10px 0px 0px;
padding: 0px 0px 0px 0px;
}

.photo300 img { 

margin: 5px 10px 5px 0;
padding: 0px 0px 0px 0px;
}


br.clear  {
clear: both;
margin: 0 ;
padding: 0;
}


dl{
padding: 2px 14px 5px;
margin: 0.5em 0  1em;
border: 1px solid #ddd;
border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

dl dt{ 
color:#0066aa;
font-size: 16px;
font-weight:bold;
line-height: 1.6;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display:block;
}

dl dd{ 
color:#232323;
font-size: 16px;
line-height: 1.6;
margin: 0;
padding: 6px 0px 5px 0px;
border-bottom: 1px dotted #dedede;
}

.red{
color: #d32121;
}

.orange{
color: #ff7d13;
}


dt.red{ 
color:#f30;
}


#feed-event{
margin: -15px 0 1em 0;
}

#feed-event dl{
color:#232323;
font-size: 16px;
line-height: 1.7;
padding: 0 0 1em 0;
margin: 0px 0 0 0;
border: none
}

#feed-event dl dt{ 
margin: -10px 0px 25px 0px;
padding: 0px 0px 20px 0px;
display:block;
}


#feed-event dd{ 
font-size: 16px;
color:#330077;
background:  url(../image/icon/icon_arrow05.gif) no-repeat 0px 5px ;
margin: 5px 0px 8px 0px;
padding: 0px 0px 0px 14px;
display:block;
}

#feed-event a{ 
text-decoration: none ; } 

#feed-event a:hover{ 
text-decoration: underline ; } 


#main ul, #main ol{ 
margin: 15px 0 30px;
padding: 0px 0px 0px 10px;
border: none;
}


#main ul li, #main ol li{ 
list-style-type: none;
color:#222;
font-size: 16px;
line-height: 1.5;
background:  url(../image/icon/icon_arrow05.gif) no-repeat 0px 7px ;
margin: 1em 0px ;
padding: 0px 11px 0px 16px;
}

#main ul li img { 
float: right;
}

#main ul ul li { 
margin: 0px 0px 0px 0px;
}


#main  ul.yoko  {
list-style-type: none;
text-align:left;
padding: 0.5em 10px;
margin: 0.5em 0  0;
}

#main  ul.yoko li { 
clear: both;
font-size: x-small;
font-size: 1em;
line-height: 1.7;
border-bottom: none;
background:  url(../image/icon/icon_check01.gif) no-repeat 0px 50% ;
margin: 10px 1em 10px 0px;
padding: 0px 0px 0px 16px;
display: inline;
}


table.policy, table.basic{
width: 100%;
border-collapse: collapse;
background: #fff;
border: 1px solid #217dd3;
border: 1px solid #d6207b;
margin: 15px 0 15px 0px;
padding: 0;
}

.policy th, .basic th {
width: 110px;
color:#333;
text-align: center;
font-size: 16px
font-weight:normal;
line-height: 1.5;
background: #CAEAFF;

background: #ffdbe7;
border-top: none;
border-right: 1px solid #217dd3;
border-bottom: 1px solid #217dd3;

border-right: 1px solid #d6207b;
border-bottom: 1px solid #d6207b;
border-left: none;
margin: 0;
padding: 10px 5px 8px 5px;
voice-family: "\"}\"";
voice-family: inherit;
width: 110px;
}

.policy td, .basic td {
width: auto;
font-size: 16px;
text-align: left;
line-height: 1.5;
border: 1px solid #217dd3;

border: 1px solid #d6207b;
margin: 0;
padding: 10px 8px 8px 12px;
}

table.flag{
width: auto;
border-collapse: collapse;
color:#232323;
background: #fff;
border: 1px solid #555;
margin: 5px 0 15px 8px;
padding: 0;
}


table{
width: auto;
width: 100%;
border-collapse: collapse;
background: #fff;
border: 1px solid #0072bc;
border: 1px solid #d6207b;
margin: 0px 0 30px 0px;
padding: 0;
}

th {
width: auto;
text-align: center;
font-weight:normal;
font-size: 14px;
line-height: 1.3;

background: #CAEAFF;

background: #F9D9E4;

border-top: none;
border-right: 1px solid #0072bc;
border-bottom: 1px solid #0072bc;

border-right: 1px solid #d6207b;
border-bottom: 1px solid #d6207b;
border-left: none;
margin: 0;
padding: 6px 5px 5px 5px;
}

td {
width: auto;
font-weight:normal;
text-align: left;
font-size: 14px;
line-height: 1.3;

border-top: 1px solid #0072bc;
border-right: 1px solid #0072bc;
border-bottom: 1px solid #0072bc;

border-top: 1px solid #d6207b;
border-right: 1px solid #d6207b;
border-bottom: 1px solid #d6207b;

margin: 0;
padding: 7px 8px 5px 8px;
}


th.bikou{
width: 25%;
}

td.c1{
background: #eee;
}

/* Table


table {
width: auto;
width: 100%;
font-size: 0.9em;
	margin: 0.5em 0 1em;
	border-width: 1px;
	border-style: solid;
	border-color: #ddd #ccc #ccc #ddd;
	background-color: #fff;
}

caption {
	padding-bottom: 0.3em;
}

th,
td {
font-weight:normal;
font-size: 0.9em;
text-align:center;
	padding: 0.4em 3px;
	border-collapse: separate;
	border-spacing: 1px;
}

th {
font-size: 0.9em;
	border-right: 1px solid #ddd;
	color: #333;
	background-color: #f0f0f0;
}

td {
font-size: 0.9em;
	border-right: 1px solid #eee;
	border-top: 1px solid #eee;
}
---------------*/

table.basic {
line-height:1.6;
}

table.basic th {
font-size: 15px;
width: 120px;
background: #F9D9E4;
}

table.basic td {
font-size: 15px;
text-align:left;
padding: 0.4em 8px;

}



/* ■ホテル開始■ */

dl.hotel{
width: 100%;
padding:0px;
border: none;
margin:0px 0px 20px 0;
overflow:hidden;


}

dl.hotel dt{
float:left;
clear:both;
width:156px;
height: auto;
font-size: 15px;
line-height:1.7;
text-align:center;
background-color:#fff;
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
overflow:hidden;
}

dl.hotel dt img{
width:150px;
height:113px;
padding: 2px;
margin: 0px 0px 10px 0;
border: 1px solid #ccc;
}

dl.hotel dd{
width:auto;
line-height:1.3;
padding: 0px 0px 0px 0px;
margin: 1px 0px 1px 170px;
border-bottom: none;
}


dl.hotel dd.review{
background:  url(../image/icon/icon_review_s.png) no-repeat 0px 2px ;
padding: 1px 0px 1px 25px;
}

dl.hotel dd img{
margin:  0 0;
}

.book { 
clear:both;
width: auto;
height: 1%;
font-size: 16px;
color:#333;
text-align:left;
line-height: 1.7;
margin: 0 0px 15px;
padding: 0 0px 15px;
border-bottom: 1px dotted #cdcdcd;
}

.book img{ 
float: left;
margin: 0 12px 15px 0;
padding: 0px 0  15px;
border:none;
}

.book img a{ 
color:#fff;
border: none;
background: #transparent;
}

.clear{ 
clear:both;
}

.g-map iframe, .gmap iframe{ 
width:100%;
max-width: 640px;
height: 350px;
text-align: left; 
margin: 10px 0px 10px 0px;
}

.sns{ 
text-align: center;
margin: 40px auto 40px;
padding: 0px;
}

.ninja_onebutton{
text-align: center; 
padding:0px;
margin: 20px auto 20px ;
text-decoration: none ;
}


.admain{ 
text-align: left;
margin: 25px 0 30px 0px;
padding: 0px;
}

/* 768px以下用（スマートフォン用）の記述 */
@media screen and (max-width: 768px) {
.admain{ 
text-align:center;
margin: 25px auto 30px;
padding: 0px;
}
}

.admain-left{ 
text-align: left;
margin: 0px 0 20px 0x;
padding: 0px;
}


/* 768px以下用（スマートフォン用）の記述 */
@media screen and (max-width: 768px) {
.admain-left{ 
text-align: center;
margin: 30px auto 30px;
padding: 0px;
}
}

/* 359px以下用（スマートフォン用）の記述 */
@media screen and (max-width: 359px) {
.admain-left{ 
text-align: left;
margin: 25px 0px 25px -10px;
padding: 0px;
}
}


.clear{
clear: both;
}

#bookmark{
text-align: center;
margin: 15px auto 15px;
padding: 0;
}

/* 
border: 1px solid #333;
----------------------------------------------- */

.drk{
text-align:left;
margin: 40px 0 0 0;
padding: 0px;
}

.drk7jpSimilarityHeader{ 
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0 0px 0px;
}

.drk7jpSimilarityHeader a{ font-weight:normal; text-decoration: none ; } 
.drk7jpSimilarityHeader a:link {color:#999; border-bottom : none ; } 
.drk7jpSimilarityHeader a:visited {color:#999; border-bottom: none ; } 
.drk7jpSimilarityHeader a:hover {color: #999; border-bottom: none ; } 
.drk7jpSimilarityHeader a:active {color:#999; }

.drk table{
width: auto;
border-collapse: collapse;
color:#333;
background: #fff;
border: 1px solid #ccc;
margin: 0 0 25px 0;
padding: 0;
}

.drk th {
width: 100px;
color:#333;
text-align:left;
text-align: center;
font-size: 0.9em;
font-weight:normal;
line-height: 1.4;
background: #F9D9E4;
border-top: none;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: none;
margin: 0;
padding: 6px 5px 5px 5px;
voice-family: "\"}\"";
voice-family: inherit;
width: 100px;
}

.drk td {
width: auto;
font-size: 0.9em;
font-weight:normal;
text-align: center;
text-align:left;
line-height: 140%;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 6px 8px 5px 8px;
}

#top{ 
text-align: center!important;
font-size: 14px!important;
margin: 50px auto 50px!important;
}

.top{ 
text-align: center!important;
font-size: 14px!important;
padding: 15px auto 15px;
margin: 50px auto 50px!important;
}

#go-top{ 
text-align: center ;
font-size: 14px ;
margin: 50px auto 50px ;
}

/* 右サブ */

#sub { 
height: 100%;
color:#333;
font-size: 1em;
hight: auto;
text-align: ; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#sub a{ 
text-decoration: none ; 
}


#sub img{
clear: both;
text-align: ; 
padding:0px;
border:none;
margin:5px 0px 10px 10px;
text-decoration: none ;
}





#sub h3{
color:#fff;
font-size: 0.8em;
text-align:center;
font-weight:normal;
letter-spacing: 1px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 3px 0px;
}

#sub h4 a{
color: #fff;
font-size: 0.8em;
display: block;
font-weight:normal; 
text-decoration: none ; 
text-align: left;
line-height: 1.25;
letter-spacing:1px;
text-align: center;
margin: 0;
padding: 5px 0px 4px 0px;
voice-family: "\"}\"";
voice-family: inherit;
width: 173px;
} 

.subBox{
width: 196px;
color:#333;
font-size: 0.9em;
text-align:left;
line-height: 1.4;
background: #efefef;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin:0px 0px 0px 0px;
padding: 6px 5px 6px 10px;
voice-family: "\"}\"";
voice-family: inherit;
width: 180px;
}

.subBoxEnd{
width: 196px;
color:#333;
font-size: 0.9em;
text-align:left;
line-height: 1.35;
background: #efefef;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin:0px 0px 15px 0px;
padding: 6px 5px 6px 10px;
voice-family: "\"}\"";
voice-family: inherit;
width: 180px;
}

.subBoxAd{
width: 188px;
font-size: 0.9em;
text-align:left;
line-height: 1.4;
background: #fff;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin:0px 0px 15px 0px;
padding: 9px 0px 6px 12px;
voice-family: "\"}\"";
voice-family: inherit;
width: 177px;
}



.indiangreen{background-color: #339933;}
.color01{background-color: #d3217d;}
.color02{background-color: #d32121;}
.color03{background-color: #d37d21;}
.color04{background-color: #d3d321;}

.color05{background-color: #7dd321;}

.color06{background-color: #21d321;}

.color07{background-color: #21d37d;}
.color08{background-color: #21d3d3;}

.color09{background-color: #217dd3;}
.color10{background-color: #2121d3;}
.color11{background-color: #7d21d3;}
.color12{background-color: #d321d3;}


.subTitle01{background-color: #d3217d;}
.subTitle02{background-color: #d37d21;}
.subTitle03{background-color: #7dd321;}
.subTitle04{background-color: #21d37d;}
.subTitle05{background-color: #217dd3;}
.subTitle06{background-color: #7d21d3;}

.f30{color: #ff3300;}

.submenu{
color:#333;
font-size:1em;
text-align:left;
background: #eee;
margin:0px 0px 15px 0px;
padding: 0px;
}

#sub ul {
list-style-type: none;
text-align:left;
margin: 0px 0px 0px 0px;
padding:0px;
}

#sub ul li { 
width: 180px;
font-size: 0.8em;
line-height: 1.3;
background: #efefef;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0px 0 0px 0px;
padding: 3px 5px 4px 10px;
voice-family: "\"}\"";
voice-family: inherit;
width: 174px;
}

#sub table{
color:#333;
font-size: 1em;
background: #fff;
margin: 0;
padding: 6px;
voice-family: "\"}\"";
voice-family: inherit;
}


#sub td {
width: auto;
font-size: 0.9em;
font-weight:normal;
text-align: center;
text-align:left;
line-height: 1.4;
margin: 0;
padding: 6px;
}