/***
common 
***/
/* 日、min */
.demo{
font-family:'Noto Sans JP', sans-serif;
}
/* 日、go */
.demo{
font-family:'Sawarabi Mincho', sans-serif;
}
/* 英、min */
.weather .w_txt,
#mv ul li p,
#greetings01 p,
#greetings02 p,
section h2,
section h3,
#contents01 ul li p,
.map_area h3,
.activity .tab-group .tab_area{
font-family:'Lora', serif;
letter-spacing:0.1em;
}
#contents01 ul li p,
.map_area h3{
letter-spacing:0;
}
/* 英、go */
#contents02 ul li p,
.map_area dl{
font-family:'Open Sans', sans-serif;
}
body{
position:relative;
background-image:url(/image/common/bk_pc.jpg);
word-wrap:break-word;
overflow-wrap:break-word;
}
header{
position:absolute;
top:0;
left:0;
z-index:500;
background:-moz-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,0.9) 100%);
background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,0.9) 100%);
background:linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,0.9) 100%);
}
header{
position:static;
z-index:500;
background:#ffffff;
}

/*-- slick.js / #mv --*/
#mv{
width:100%;
overflow:hidden;
}
#mv .slider {
margin:0;
}
#mv .single-item {
max-width:600px;
margin:0 auto 50px;
}
#mv .slick-initialized .slick-slide{
background:#000000;
}
#mv .slick-initialized .slick-slide img{
opacity:0.4;
}
#mv .slick-initialized .slick-slide.slick-active img{
opacity:1.0;
}
#mv .center-item .slick-prev,
#mv .center-item .slick-next{
display:none;
}
#mv ul li{
position:relative;
}
#mv ul li p{
width:96%;
position:absolute;
top:8%;
left:2.66%;
color:#FFFFFF;
font-size:3.2vw;
line-height:1.5;
text-shadow:
black 1px 1px 5px,
black -1px 1px 5px,
black 1px -1px 5px,
black -1px -1px 5px;
}
#mv ul li.textBottom p{
top:initial;
bottom:15%;
}
#mv ul.slick-dots {
bottom:4.5%;
}
#mv ul.slick-dots li{
width:10px;
height:10px;
margin:0 20px 0 0;
}
#mv ul.slick-dots li button{
width:10px;
height:10px;
padding:0;
}
#mv ul.slick-dots li button::before{
content:" ";
opacity:1;
width:10px;
height:10px;
background:url(/image/top/main_off.png) no-repeat;
background-size:100% auto;
}
#mv ul.slick-dots li.slick-active button::before{
content:" ";
background:url(/image/top/main_on.png) no-repeat;
background-size:100% auto;
}
@media screen and (min-width:751px){
	#mv ul li p{
	font-size:2.16vw;
	left:12%;
	top:12%;
	}
	#mv ul li.textBottom p{
	top:initial;
	bottom:12%;
	}
}
@media screen and (min-width:1200px){
	#mv .slider{
	width:2400px;
	}
	#mv ul li p{
	font-size:26px;
	}
}

/*-- greetings01 --*/
#greetings01{
width:100%;
}
#greetings01 div{
width:100%;
margin:0;
}
div.kokuchi{
max-width:960px;
width:92%;
margin:0 auto;
}
div.kokuchi p{
margin-top:2.5%;
padding:3%;
color:#000;
font-size:3.25vw;
line-height:175%;
letter-spacing:-0.035em;
text-align:left;
border:1px solid #ff0000;
background:#fff;
}
div.kokuchi a{
display:inline-block;
font-weight:bold;
text-decoration:underline;
color:#ff0000;
}
div.kokuchi a:hover{
text-decoration:none;
}
#greetings01 .awards{

}
#greetings01 .awards ul{
display:flex;
width:80%;
margin:9% auto 0;
}

#greetings01 .awards01 ul{
width:40%;
}

#greetings01 .awards ul li{
margin:0 2%;
}
#greetings01 h2{
width:21.2%;
margin:0 auto;
padding:5.8% 0 5.2%;
}
#greetings01 p{
width:92%;
margin:7% auto 0;
padding:0 0 2em;
font-weight:bold;
font-size:3.73vw;
text-align:center;
line-height:1.55;
color:#053a77;
letter-spacing:-0.025em;
}
#en #greetings01 p{
letter-spacing:0;
}
#container .summer_bnr a{
display:block;
margin-top:7%;
}
@media screen and (min-width:751px){
	#greetings01 div{
	max-width:1200px;
	margin:0 auto;
	}
	#greetings01 .awards ul{
	width:40%;
	margin:6% auto 0;
	}
	#greetings01 .awards01 ul{
	width:20%;
	}
	#greetings01 h2{
	width:30.83%;
	margin:0;
	padding:2.33% 0 4.16% 17.83%;
	}
	#greetings01 p{
	width:92%;
	max-width:960px;
	padding:0 0 2.5em 17.83%;
	text-align:center;
	color:#053a77;
	font-weight:bold;
	padding:5% 0 0 0;
	margin:0 auto;
	font-size:1.66vw;
	letter-spacing:0em;
	}
	div.kokuchi p{
	margin-top:7%;
	font-size:1.5vw;
	text-align:center;
	letter-spacing:0;
	}
	#container .summer_bnr{
	max-width:980px;
	margin:0 auto;
	}
	#container .summer_bnr a{
	display:block;
	margin-top:5%;
	}
}
@media screen and (min-width:1200px){
	#greetings01{
	background-size:auto auto;
	}
	#greetings01 p{
	font-size:20px;
	color:#053a77;
	}
	div.kokuchi p{
	font-size:18px;
	}
}

/*-- notice --*/
.notice{
width:92%;
margin:0 auto;
}
.notice ul{
border-top:1px solid #000;
}
.notice ul li{
position:relative;
color:#000;
font-size:3.5vw;
line-height:1.55;
padding:3% 2.5%;
border-bottom:1px solid #000;
letter-spacing:-0.025em;
}
.notice ul li a{
text-decoration: underline;
}
.notice ul li span{
color:#6f6f6f;
display:block;
}
@media screen and (min-width:751px){
	.notice{
	margin-top:3%;
	}
	.notice ul li{
	font-size:1.25vw;
	padding:2.1% 2.1% 2.1% 16.2%;
	}
	.notice ul li span{
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	margin-left:2.1%;
	margin-top:2.1%;
	}
}
@media screen and (min-width:1200px){
	.notice{
	margin-top:30px;
	}
	#en .notice{
	margin-top:45px;
	}
	.notice ul li{
	font-size:15px;
	padding:20px 20px 20px 155px;
	}
	.notice ul li span{
	margin-left:20px;
	margin-top:20px;
	}
}

/*-- greetings02 --*/
#greetings02{
padding:9.6% 0;
}
#greetings02 p{
font-size:3.73vw;
text-align:center;
line-height:1.5;
color:#053a77;
}
@media screen and (min-width:751px){
	#greetings02{
	padding:5.83% 0 1.66%;
	}
	#greetings02 p{
	font-size:1.66vw;
	}
}
@media screen and (min-width:1200px){
	#greetings02{
	padding:70px 0 20px;
	}
	#greetings02 p{
	font-size:20px;
	}
}

/*-- section --*/
section{
width:100%;
}
section h2{
width:100%;
font-size:4vw;
text-align:center;
padding:1em 0;
margin-bottom:1.75em;
position:relative;
font-weight:bold;
}
section h2::after{
content:" ";
width:6.15%;
height:1px;
background:url(/image/top/ttl_line.jpg);
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
}
@media screen and (min-width:751px){
	section h2{
	font-size:1.66vw;
	padding:1.5em 0;
	}
	section h2::after{
	width:3.15%;
	}
}
@media screen and (min-width:1200px){
	section h2{
	font-size:20px;
	}
}

/*-- contents01 --*/
#contents01 ul li{
width:100%;
margin-bottom:3.09%;
position:relative;
overflow:hidden;
background-image:url(/image/top/hospitality_bg.jpg);
background-size:50% auto;
}
#contents01 ul li div{
width:50%;
}
#contents01 ul li p{
color:#fff;
font-size:3.46vw;
line-height:1.7;
position:absolute;
top:50%;
left:58.58%;
transform:translateY(-50%);
}
#contents01 ul li::after{
content:" ";
width:12.95%;
height:10px;
background:url(/image/top/hospitality_line.png) no-repeat;
background-size:100% auto;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,0);
}
@media screen and (min-width:751px){
	#contents01 ul li{
	width:48.33%;
	float:left;
	}
	#contents01 ul li:nth-of-type(2n){
	float:right;
	}
	#contents01 ul li p{
	font-size:1.5vw;
	}
}
@media screen and (min-width:1200px){
	#contents01 ul li p{
	font-size:18px;
	}
}

/*-- contents02+activity --*/
.activity ul,
#contents02 ul{
width:auto;
margin:0 auto;
}
.activity ul li,
#contents02 ul li{
width:auto;
margin-bottom:4.4%;
overflow:hidden;
border:1px solid #053a77;
background-color:#FFF;
position:relative;
}
.activity ul li div.imglist,
#contents02 ul li div.imglist{
width:26.8%;
}
.activity ul li p,
#contents02 ul li p{
font-size:3.2vw;
line-height:1.5;
position:absolute;
left:30.8%;
top:50%;
transform:translateY(-50%);
}
.facility{
margin-top:12%;
}
.facility h2 {
position:relative;
}
.facility h2 span{
display:block;
width:14%;
position:absolute;
left:46.8%;
top:0;
margin-left:25%;
margin-top:2.5%;
}
.ico_block ul li{
background-image:url(/image/top/facility_arrow.jpg);
background-repeat:no-repeat;
background-position:right bottom;
background-size:5.6% auto;
}
ul li.noArrow{
background-image:none;
background:#fff;
}
.ico_block ul li p span{
display:inline-block;
font-size:2.5vw;
letter-spacing:-0.05em;
}
.facility ul li a,
.facility ul li a:hover,
.activity ul li a,
.activity  ul li a:hover{
color:#000000;
}
.ico_block ul li .movie_img img{
vertical-align:middle;
}
.ico_block ul li p span.f11{
letter-spacing:-0.085em;
}
	
@media screen and (min-width:751px){
	.activity ul,
	#contents02 ul{
	width:100%;
	}
	.activity ul li,
	#contents02 ul li{
	float:left;
	width:31.25%;
	margin:0 2.6% 3.12% 0;
	}
	.activity ul li:nth-of-type(3n),
	#contents02 ul li:nth-of-type(3n){
	margin-right:0;
	}
	.activity ul li p,
	#contents02 ul li p{
	font-size:1.25vw;
	}
	.facility{
	margin-top:7%;
	}
	.facility h2 span{
	width:6.85%;
	margin-left:4.5%;
	margin-top:2.2%;
	left:50%;
	}
	.ico_block ul li{
	background-size:5.1% auto;
	}
	.ico_block ul li p span{
	font-size:1vw;
	}
}
@media screen and (min-width:1200px){
	.activity ul li p,
	#contents02 ul li p{
	font-size:15px;
	}
	.facility h2 span{
	width:65px;
	margin-left:50px;
	margin-top:21px;
	}
	#en .facility h2 span{
	margin-left:65px;
	margin-top:25px;
	}
	.ico_block ul li p span{
	font-size:12px;
	}
	.ico_block ul li{
	background-size:15px auto;
	}
	.ico_block ul li p span.f11{
	font-size:11px;
	}
}

/*-- seasonMeal --*/
.meal{
margin:12% auto 0;
}
.seasonMeal{

}
h3.centerLine{
position:relative;
text-align:center;
font-size:4vw;
margin-bottom:5.5%;
}
h3.centerLine span{
line-height:1.25;
display:inline-block;
color:#000;
font-weight:bold;
padding:0 3.5%;
background-image:url(/image/common/bk_pc.jpg);
position:relative;
z-index:10;
}
h3.centerLine::after{
content:"";
width:100%;
height:1px;
position:absolute;
top:50%;
left:0;
border-bottom:1px solid #000;
}
.seasonMeal dl{
width:auto;
margin:0 auto;
}
.seasonMeal dl dd{
font-size:3.1vw;
line-height:1.65;
margin-top:2.5vw;
margin-bottom:5vw;
letter-spacing:0;
}
#en .seasonMeal dl dd{
letter-spacing:0;
}
.summerMeal{
margin-top:8vw;
}
.seasonMeal dl dt .movieMain{
position:relative;
}
.seasonMeal dl dt .movieMain:before{
content:"";
position:absolute;
right:0;
bottom:1px;
width:5.6%;
height:10%;
background-image:url(/image/top/facility_arrow.jpg);
background-repeat:no-repeat;
background-position:right bottom;
background-size:100% auto;
z-index:10;
}

@media screen and (min-width:751px){
	.meal{
	margin-top:4%;
	}
	.summerMeal{
	margin-top:0;
	}
	h3.centerLine{
	font-size:1.65vw;
	margin-top:-0.8vw;
	margin-bottom:0.8vw;
	}
	h3.centerLine span{
	padding:1.25vw;
	}
	.seasonMeal,
	.winterMeal .mealBox{
	overflow:hidden;
	}
	.winterMeal{
	width:65.7%;
	float:left;
	}
	.winterMeal .mealBox dl{
	float:left;
	width:47.6%;
	margin-left:4.8%;
	}
	.winterMeal .mealBox dl:first-child{
	margin-left:0;
	}
	.seasonMeal dl{
	width:70%;
	}
	.seasonMeal dl dd{
	font-size:1.27vw;
	line-height:1.55;
	margin-top:6.5%;
	margin-bottom:0;
	letter-spacing:-0.05em;
	}
	#en .seasonMeal dl dd{
	letter-spacing:0;
	}
	.summerMeal{
	width:31.22%;
	}
	.summerMeal dl{
	width:auto;
	}
	.seasonMeal dl dt .movieMain:before{
	width:5.1%;
	height:9%;
	}
	
	#ja .summerMeal{
	float:left;
	}
	#en .summerMeal{
	float:right;
	}
	
	#ja .winterMeal{
	float:right;
	}
	#en .winterMeal{
	float:left;
	}
}
@media screen and (min-width:1200px){
	h3.centerLine{
	font-size:20px;
	margin-top:-10px;
	margin-bottom:10px;
	}
	h3.centerLine span{
	padding:15px;
	}
	.seasonMeal dl dd{
	font-size:15px;
	}
	.seasonMeal dl dt .movieMain:before{
	width:15px;
	height:15px;
	}
}

/*-- activity --*/
.activity{
margin-top:12%;
}
.activity .tab-group{
overflow:hidden;
width:auto;
margin-bottom:6%;
text-align:center;
border-bottom:1px solid #053a77;
}
.activity .tab-group .tab_area{
float:none;
width:42.1%;
font-size:3.2vw;
padding:2.3% 0;
display:inline-block;
vertical-align:middle;
margin:0 1%;
margin-bottom:-1px;
text-align:center;
font-weight:bold;
background:#fff;
cursor:pointer;
}
.activity .tab-group .tab_area.is-active{
color:#fff;
background:url(/image/top/activity_tab_bg.jpg);
}
.activity .panel-group .panel{
display:none;
}
.activity .panel-group .panel.is-show{
display:block;
}
.activity p{
width:auto;
margin:0 auto;
font-size:3.1vw;
line-height:1.65;
letter-spacing:-0.05em;
}
#en .activity p{
letter-spacing:0;
}
.notes{
font-size:3.15vw;
}
@media screen and (min-width:751px){
	.activity{
	margin-top:8%;
	}
	.activity .tab-group{
	margin-bottom:3.12%;
	}
	.activity .tab-group .tab_area{
	width:31.1%;
	padding:1.1% 0;
	font-size:1.65vw;
	margin:0 0.65% -1px;
	}
	.activity p{
	width:auto;
	font-size:1.27vw;
	line-height:1.55;
	}
	.notes{
	font-size:1vw;
	}
}
@media screen and (min-width:1200px){
	.activity .tab-group .tab_area{
	font-size:20px;
	}
	.activity p{
	font-size:15px;
	}
	.notes{
	font-size:12px;
	}
	#en .notes{
	font-size:13px;
	}
}

/*-- fee --*/
.fee{
position:relative;
margin-top:12%;
}
.fee .btn_reservation{
max-width:231px;
width:45vw;
margin:0 auto 5%;
}
.fee p.lead_txt{
text-align:center;
font-size:3.1vw;
line-height:1.65;
letter-spacing:0;
}
#en .fee p.lead_txt{
letter-spacing:0;
}
.fee .rates_list{
font-size:3.15vw;
}
.fee .rates_list table{
width:100%;
margin-bottom:0.5em;
}
.fee .rates_list table th{
text-align:left;
font-weight:bold;
padding:1em 0.5em 0.5em 0;
line-height:150%;
}
.fee .rates_list table td{
text-align:center;
width:10.0%;
line-height:1.25;
padding:0.5em 0;
vertical-align:middle;
border-collapse:collapse;
}
#en .fee .rates_list table td{
letter-spacing:-0.035em;
}
/*
.fee .rates_list table td:nth-of-type(2){
background:#ffffe1;
}
*/
.fee .rates_list table td:nth-of-type(2){
background:#fff7ec;
}
.fee .rates_list table td:nth-of-type(3){
background:#f1f8ff;
}
.fee .rates_list table td:nth-of-type(4){
background:#fff1f1;
}
.fee .rates_list table .room01 th{
color:#7d4f7d;
}
.fee .rates_list table td.room_tit,
.fee .rates_list table .room02 th{
color:#6f874a;
font-weight:bold;
text-align:left;
padding-left:0;
letter-spacing:-0.085em;
}
.fee .rates_list table .room03 th{
color:#aa7938;
}
.fee .rates_list table .room01 td{
border:1px solid #7d4f7d;
}
.fee .rates_list table .room02 td{
border:1px solid #6f874a;
}
.fee .rates_list table .room03 td{
border:1px solid #aa7938;
}
.fee .rates_list table td.list01,
.fee .rates_list ul li.list01 p{
background:#fbfc96;
}
.fee .rates_list table td.list02,
.fee .rates_list ul li.list02 p{
background:#ffe0b1;
}
.fee .rates_list table td.list03,
.fee .rates_list ul li.list03 p{
background:#b0daff;
}
.fee .rates_list table td.list04,
.fee .rates_list ul li.list04 p{
background:#ffb1b1;
}
.fee .rates_list ul{
margin:1.25em 0 1em;
}
.fee .rates_list ul li{
overflow:hidden;
line-height:2;
}
.fee .rates_list ul li p{
width:2em;
float:left;
text-align:center;
margin:0 0.5em 0.2em 0;
}
.fee h3{
margin:6% 0 4.5%;
}
.fee p.txtC{
text-align:center;
font-size:4vw;
margin-bottom:2.5%;
line-height:1.35;
}
.fee .notes{
padding-left: 1em;
text-indent: -1em;
line-height: 175%;
letter-spacing: -0.005em;
}
#en .fee .notes{
letter-spacing:0;
}
.fee .tex_notes{
margin-top:4%;
border:1px solid #053a77;
background:#fff;
}
.fee .tex_notes p{
text-align:center;
font-size:3.2vw;
line-height:1.65;
padding:0.95em;
letter-spacing:-0.025em;
}
@media screen and (min-width:751px){
	.fee{
	margin-top:8%;
	}
	.fee .btn_reservation{
	position:absolute;
	right:0;
	top:1.85%;
	}
	.fee .rates_list{
	font-size:1.5vw;
	}
	.fee p.lead_txt{
	width:auto;
	font-size:1.27vw;
	line-height:1.55;
	}
	.fee .btn_reservation{
	width:25%;
	}
	.fee h3{
	margin:2% 0 1%;
	}
	.fee p.txtC{
	font-size:1.65vw;
	}
	.fee .notes{
	letter-spacing:0;
	}
	.fee .tex_notes p{
	font-size:1.5vw;
	line-height:1.5;
	padding:1em;
	}
}
@media screen and (min-width:1200px){
	.fee .rates_list{
	font-size:18px;
	}
	.fee p.lead_txt{
	font-size:15px;
	}
	.fee p.txtC{
	font-size:20px;
	}
	.fee .tex_notes p{
	font-size:18px;
	}
}

/*-- map_area --*/
.map_area{
margin-top:14%;
}
.map_area h3{
font-weight: bold;
font-size:3.73vw;
color:#053a77;
position:relative;
letter-spacing:0;
margin-bottom:0.5em;
}
.map_area h3 img{
width:7.88%;
}
.map_area h3 span{
position:absolute;
top:50%;
left:9.5%;
transform:translateY(-50%);
}
.map_area p{
font-size:3.1vw;
line-height:1.65;
text-align:center;
margin-bottom:3%;
}
.map_area div{
margin-bottom:2%;
}
.map_area dl{
font-size:3.1vw;
line-height:1.5;
margin-top:1.5em;
}
.map_area dl dt{
color:#053a77;
font-weight:bold;
margin-top:1em;
}
.map_area dl dd{
margin-bottom:0.5em;
}
.map_area dl dd:last-of-type{
margin-bottom:1.5em;
}
.map_area .map{
position:relative;
margin-bottom:6.66%;
}
.map_area .map p{
width:21.97%;
position:absolute;
top:26.5%;
left:28.5%;
}
#en .map_area .map p{
top:23.75%;
left:30.25%;
}
.map_area .g_map{
width:32.2%;
margin:0 auto;
}
@media screen and (min-width:751px){
	.map_area{
	margin-top:8%;
	}
	.map_area h3{
	font-size:1.5vw;
	}
	.map_area h3 img{
	width:3.75%;
	}
	.map_area h3 span{
	left:4.58%;
	}
	.map_area p{
	font-size:1.27vw;
	line-height:1.65;
	margin-bottom:3%;
	}
	.map_area div{
	margin-bottom:3.5%;
	}
	.map_area .map{
	width:92%;
	margin:7.29% auto 4.16%;
	}
	.map_area .g_map{
	width:15.35%;
	}
}
@media screen and (min-width:1200px){
	.map_area h3{
	font-size:18px;
	}
	.map_area p{
	font-size:15px;
	}
}

/*-- voice_area --*/
.voice_area{
margin-top:12%;
}
.voice_area ul{
border-top:1px solid #053a77;
}
.voice_area ul li{
padding:1.25em;
letter-spacing:-0.05em;
border-bottom:1px solid #053a77;
}
#ja .voice_area ul li div{
letter-spacing:-0.05em;
-webkit-transform:skewX(-5deg);
-moz-transform:skewX(-5deg);
-o-transform:skewX(-5deg);
transform:skewX(-5deg);
-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.26794919243112214, M21=0, M22=1, SizingMethod='auto expand')";
}
#en .voice_area ul li div{
letter-spacing:0;
}
.voice_area ul li div span{
position:relative;
}
#en .voice_area ul li div span{
/*
font-style:italic;
font-style:oblique;
*/
}
.voice_area ul li .v_tit{
display:block;
font-size:3.2vw;
line-height:1.65;
font-weight:bold;
margin-bottom:1.5%;
left:-2%;
}
#en .voice_area ul li .v_tit{
left:0;
}
.voice_area ul li .txt01{
left:-1.5%;
}
.voice_area ul li .txt02{
left:-0.25%;
}
.voice_area ul li .txt03{
left:0.5%;
}
.voice_area ul li.natu .txt01{

}
.voice_area ul li.natu .txt02{
left:-1%;
}
.voice_area ul li.natu .txt02_2{
left:1%;
}
.voice_area ul li.nlast{
padding-left:1em;
}
.voice_area ul li,
.voice_area ul li .v_name{
font-size:3.1vw;
line-height:1.65;
}
.voice_area ul li .v_name{
text-align:right;
margin-top:0.25em;
}
.voice_area ul li .v_name span{
display:inline-block;
font-size:3vw;
color:#fff;
padding:0.25em 0.35em;
margin-right:0.75em;
line-height:120%;
vertical-align:middle;
background:#053a77;
}
#en .voice_area ul li .v_name{
/*
text-align:left;
margin-bottom:1.5%;
*/
font-weight:bold;
line-height:100%;
margin-top:0.65em;
}
#en .voice_area ul li .v_name span{
font-size:3.1vw;
padding:0;
background:none;
margin-left:2%;
position:relative;
top:-2px;
width:6%;
}
#en .voice_area ul li .v_name span img{
width:100%;
vertical-align:middle;
}
.voice_area .last_txt{
font-size:4vw;
text-align:center;
line-height:1.5;
margin-top:6%;
}
@media screen and (min-width:751px){
	.voice_area{
	margin-top:8%;
	}
	.voice_area ul li .v_tit{
	font-size:1.5vw;
	line-height:1.5;
	left:-0.75%;
	}
	.voice_area ul li .txt01{
	left:-0.35%;
	}
	.voice_area ul li .txt02{
	left:-0.25%;
	}
	.voice_area ul li .txt03{
	left:0.15%;
	}
	.voice_area ul li.natu .txt01{
	
	}
	.voice_area ul li.natu .txt02{
	left:0;
	}
	.voice_area ul li.natu .txt02_2{
	left:0;
	}
	.voice_area ul li.nlast{
	padding-left:1em;
	}
	.voice_area ul li,
	.voice_area ul li .v_name{
	font-size:1.27vw;
	line-height:1.65;
	}
	.voice_area ul li .v_name span{
	font-size:1vw;
	padding:5px;
	}
	#en .voice_area ul li .v_name span{
	font-size:1.27vw;
	width:3%;
	margin-left:1.25%;
	display:inline-block;
	margin-right:0;
	}
	.voice_area .last_txt{
	font-size:1.5vw;
	margin-top:3.5%;
	}
	#en .voice_area ul li .v_name span img{
	width:100%;
	}
}
@media screen and (min-width:1200px){
	.voice_area ul li .v_tit,
	.voice_area .last_txt{
	font-size:18px;
	}
	.voice_area ul li,
	.voice_area ul li .v_name{
	font-size:15px;
	}
	#en .voice_area ul li .v_name{
	font-size:18px;
	}
	.voice_area ul li .v_name span{
	font-size:12px;
	}
}

/*-- cp_approach --*/
.cp_approach{
margin-top:12%;
}
.cp_approach p{
text-align:center;
line-height:1.65;
font-size:3.25vw;
}
#en .cp_approach .cp_txt{
text-align:left;
}
.cp_approach .cp_link{
margin-top:0.5em;
}
.cp_approach .cp_link a{
display:inline-block;
text-decoration:underline;
}
@media screen and (min-width:751px){
	.cp_approach{
	margin-top:8%;
	}
	.cp_approach .cp_txt{
	font-size:1.5vw;
	}
	.cp_approach .cp_link{
	font-size:1.27vw;
	margin-top:0.5em;
	}
	.cp_approach .cp_link a:hover{
	text-decoration:none;
	}
}
@media screen and (min-width:1200px){
	.cp_approach .cp_txt{
	font-size:18px;
	}
	.cp_approach .cp_link{
	font-size:15px;
	}
}

/*-- sns --*/
#sns{
margin-top:12%;
}
#sns ul{
width:auto;
margin-bottom:6.66%;
overflow:hidden;
text-align:center;
}
#sns ul li{
display:inline-block;
width:11.97%;
margin-left:10.7%;
}
#sns ul li:first-of-type{
margin-left:0;
opacity:0.7;
}
@media screen and (min-width:751px){
	#sns{
	margin-top:7%;
	}
	#sns ul{
	margin-bottom:3.95%;
	}
	#sns ul li{
	width:4.89%;
	margin-left:1.66%;
	}
	#sns ul li:first-of-type{
	margin-left:0;
	}
}

/*-- info.html --*/
#info .infoHead{
text-align:center;
background:none !important;
}
#info h1{
font-size:4vw;
text-align:center;
border-bottom:1px solid #053a77;
display:inline-block;
margin:0 auto 10px;
padding:1em 0 0.5em;
}
#info table{
width:90%;
max-width:450px;
margin:0 auto;
overflow:hidden;
}
#info table th{
color:#053a77;
font-weight:bold;
text-align:left;
width:8em;
}
#info table th,
#info table td{
font-size:2.93vw;
padding:0.5em;
line-height:1.2;
}
#info div{
background:#f2f2f2;
border-top:2px solid #7490b0;
font-size:2.66vw;
line-height:1.5;
color:#053a77;
text-align:center;
padding:1em;
}
#info div img{
min-width:100px;
width:28%;
padding:0 0 1em;
}
#info .close{
font-size:2.93vw;
text-align:center;
}
#info .close input{
width:5em;
margin:1em auto;
}
@media screen and (min-width:500px){
	#info h1{
	font-size:20px;
	}
	#info table th,
	#info table td,
	#info .close{
	font-size:14px;
	}
	#info div{
	font-size:12px;
	}
}

.weather{
display:inline-block;
margin:0 auto;
position:absolute;
top:9.5%;
right:3.75%;
z-index:10;
margin-bottom:0;
text-align:right;
z-index:9999;
}
.weather #ppwj_8995c754-7fff-4d1d-ad68-95effff54acd{
display:inline-block!important;
width:auto!important;
height:auto!important;
padding:0!important;
vertical-align:middle;
}
.weather .ppwj_8995c754-7fff-4d1d-ad68-95effff54acd_tleft,
.weather .ppwj_8995c754-7fff-4d1d-ad68-95effff54acd_fleft,
.weather .ppwj_8995c754-7fff-4d1d-ad68-95effff54acd_tright,
.weather #ppwj_8995c754-7fff-4d1d-ad68-95effff54acd > span,
.weather .ppwj_8995c754-7fff-4d1d-ad68-95effff54acd_space,
.weather #ppwj_8995c754-7fff-4d1d-ad68-95effff54acd_footer{
display:none !important;
}
.weather #ppwj_8995c754-7fff-4d1d-ad68-95effff54acd_dailyT{
width:auto !important;
}
.weather #ppwj_8995c754-7fff-4d1d-ad68-95effff54acd_dailyT thead{
display:none !important;
}
.weather table tbody tr{
display:inline-block !important;
float:right !important;
}
.weather table tbody tr td{
width:auto !important;
padding:0 !important;
}
.weather .w_txt,
.weather table tbody tr td span{
font-size:3.25vw !important;
vertical-align:top;
}
.weather .w_txt{
display:inline-block;
vertical-align:middle;
}
.weather table tbody tr td span{
position:relative;
top:0.5vw;
}
.weather .ppwj_8995c754-7fff-4d1d-ad68-95effff54acd_iconTd div{
width:4.3vw !important;
height:auto !important;
position:relative;
left:1.2vw;
}
.weather .ppwj_8995c754-7fff-4d1d-ad68-95effff54acd_iconTd div a img{
width:100% !important;
height:100% !important;
}



.weather_area{
position:absolute;
top:50%;
right:17.5%;
z-index:100;
margin-top:-35px;
text-align:right;
}
.weather_area iframe{
width:145px;
height:65px;
}
@media screen and (min-width:751px){
	.weather_area{
	position:relative;
	top:0;
	right:0;
	max-width:1200px;
	margin:0 auto -65px;
	text-align:right;
	}
	.weather{
	top:12%;
	right:8%;
	}
	.weather .w_txt,
	.weather table tbody tr td span{
	font-size:1.2vw !important;
	}
	.weather .w_txt{
	position:relative;
	top:-2px;
	}
	.weather table tbody tr td span{
	top:5px;
	vertical-align:middle;
	}
	.weather .ppwj_8995c754-7fff-4d1d-ad68-95effff54acd_iconTd div{
	width:80% !important;
    left:5px;
	}
	.weather table tbody tr td{
	padding:2px 0!important;
	}
}
@media (min-width:960px) {
	.weather {
	top:15%;
	right:8%;
	}
}
@media screen and (min-width:1200px){
	.weather{
	top:17%;
	right:8%;
	}
	.weather .w_txt,
	.weather table tbody tr td span{
	font-size:14px !important;
	}
	.weather .w_txt{
	position:relative;
	top:-1px;
	}
}

@keyframes my-fade-in{
	from{
	    opacity: 0;
	    transform: translateY(20px);
	}
	to{
	    opacity: 1;
	    transform: translateY(0);
	}
}
body{
	position: relative;
	animation-name:my-fade-in;
	animation-duration: 1s;
}
footer .info ul li.footer_address a{
	display:block;
}
@media screen and (min-width:751px){
	footer .info ul li.footer_address a{
		display:inline-block;
	}
}