@charset "UTF-8";
/* ===================================================================
CSS information
file name  :homepage.css
style info  :トップページ
=================================================================== */
/*----------------------------------------------------
	汎用		
----------------------------------------------------*/
.padding-side {padding : 0 20px;}
.padding-all {padding : 20px;}

/*----------------------------------------------------
	.con_mainimages		メインイメージ
----------------------------------------------------*/
#contents .con_mainimages {
position: relative;
overflow: hidden;
}
#contents .con_mainimages img  { 
width : 100%; 
} 

/*----------------------------------------------------
	.con_btn		トップページメイン下ボタン
----------------------------------------------------*/
#contents .con_btn {
padding: 0%;
background: #E4DCCA;
}
#contents .con_btn ul li {
width : 100%;
text-align: center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EDE8DA), color-stop(0.00, #FDFDFB));
background: -webkit-linear-gradient(top, #FDFDFB 0%, #EDE8DA 100%);
background: -moz-linear-gradient(top, #FDFDFB 0%, #EDE8DA 100%);
background: -o-linear-gradient(top, #FDFDFB 0%, #EDE8DA 100%);
background: -ms-linear-gradient(top, #FDFDFB 0%, #EDE8DA 100%);
background: linear-gradient(top, #FDFDFB 0%, #EDE8DA 100%);
border-bottom: 1px solid #E0D7C0;
}
#contents .con_btn ul li a {
padding : 4.2% 5%;
display : block;
text-decoration : none;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
font-size: 110%;
}
#contents .con_btn ul li img {
display : inline;
margin-right : 4%;
padding : 0%;
width : 6.4%; 
} 

/*----------------------------------------------------
	.con_concept		ミロワールのポイント
----------------------------------------------------*/
#contents .con_concept {
background-color: #FFFFFF;
padding: 12% 3.12% 0%;
}
@media only screen and (max-width: 450px) {
#contents .con_concept {
padding: 12% 3.12%;
}
}
#contents .con_concept h2 {
text-align: left;
padding: 0 0 5%;
}
#contents .con_concept .box{
width: 100%;
overflow: hidden;
padding: 0 0 12%;
}
#contents .con_concept .box img {
float: left;
width: 36.16%;
margin: 0 3% 0 3%;
}

/*----------------------------------------------------
	.con_plan		宿泊プラン
----------------------------------------------------*/
#contents .con_plan {
padding: 0;
background-color: #FFFFFF;
}
#contents .con_plan h2 {
text-align: left;
}
#contents .con_plan .box{
padding: 5% 3.12%;
overflow: hidden;
}
#contents .con_plan h3 {
font-weight: bold;
color: #275D27;
padding: 3.2% 0 3.2%;
font-size: 120%;
}
#contents .con_plan .planphoto  {
margin-top: 3.12%;
margin-bottom: 3.12%;
} 
#contents .con_plan .planphoto img  { 
width : 100%; 
} 
#contents .con_plan .txt_det  { 
margin : 4% 0; 
} 
#contents .con_plan .txt_price  {
font-weight: bold;
color: #8D2929;
margin : 4% 0; 
} 
#contents .con_plan .btn_reserve  { 
background : #36770F; 
border-radius : 5px; 
margin : 10% 5%; 
}
#contents .con_plan .btn_reserve a  {
padding : 5% 0;
color : #fff;
text-decoration : none;
display : block;
text-align: center;
font-weight: bold;
}

/*----------------------------------------------------
	.con_covid		コロナウィルスボタン
----------------------------------------------------*/
#contents .con_covid {
padding: 10% 0;
background: #ffffff;
border-top: 21px solid #DFE0DF;
text-align: center;
}
#contents .con_covid p {
margin-top: 10.12%;
margin-bottom: 10.12%;
}
#contents .con_covid img  { 
width : 80%; 
} 
/*----------------------------------------------------
	.con_sns		facebookボタン
----------------------------------------------------*/
#contents .con_sns {
padding: 10% 0;
background: #ffffff;
border-top: 21px solid #DFE0DF;
text-align: center;
}
#contents .con_sns p {
	width : 35.93%;
	max-width : 230px;
	padding-right: 32.03%;
	padding-left: 32.03%;
	padding-bottom: 5%;
}

/*----------------------------------------------------
	.con_news		お知らせ
----------------------------------------------------*/
#contents .con_news {
padding: 0%;
background: #ffffff;
}
#contents .con_news h3 {
text-align: center;
padding: 2% 0;
text-align: center;
color: #FFFFFF;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #184E18), color-stop(0.00, #316731));
background: -webkit-linear-gradient(top, #316731 0%, #184E18 100%);
background: -moz-linear-gradient(top, #316731 0%, #184E18 100%);
background: -o-linear-gradient(top, #316731 0%, #184E18 100%);
background: -ms-linear-gradient(top, #316731 0%, #184E18 100%);
background: linear-gradient(top, #316731 0%, #184E18 100%);
}
#contents .con_news .padding-news {padding : 10px 20px;}
#contents .con_news dl dt {
padding-bottom: 1.4%;
}
#contents .con_news dl dd {
padding-bottom: 1.4%;
border-bottom: solid 1px #CCCCCC;
margin-bottom: 2%;
}
#contents .con_news ul dt {
padding-bottom: 1.4%;
}

/*-- php ----*/

#contents .con_news .padding-news {padding : 20px 20px;}

#contents .con_news ul li {
	padding-bottom: 3.2%;
	border-bottom: solid 1px #CCCCCC;
	margin-bottom: 2%;
	padding-top: 3.8px;
}

/*----------------------------------------------------
	.con_fmenu		メニュー
----------------------------------------------------*/
#contents_common .con_fmenu {
padding: 0%;
background: #EFEFEF
}
#contents_common .con_fmenu h2 {
text-align: center;
padding: 2% 0;
text-align: center;
color: #FFFFFF;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #184E18), color-stop(0.00, #316731));
background: -webkit-linear-gradient(top, #316731 0%, #184E18 100%);
background: -moz-linear-gradient(top, #316731 0%, #184E18 100%);
background: -o-linear-gradient(top, #316731 0%, #184E18 100%);
background: -ms-linear-gradient(top, #316731 0%, #184E18 100%);
background: linear-gradient(top, #316731 0%, #184E18 100%);
}
#contents_common .con_fmenu ul li {
float : left;
width : 50%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EFEFEF), color-stop(0.00, #FEFEFE));
background: -webkit-linear-gradient(top, #FEFEFE 0%, #EFEFEF 100%);
background: -moz-linear-gradient(top, #FEFEFE 0%, #EFEFEF 100%);
background: -o-linear-gradient(top, #FEFEFE 0%, #EFEFEF 100%);
background: -ms-linear-gradient(top, #FEFEFE 0%, #EFEFEF 100%);
background: linear-gradient(top, #FEFEFE 0%, #EFEFEF 100%);
border-bottom: 1px solid #CCCCCC;
}
#contents_common .con_fmenu ul li a {
padding : 16px 10px 16px 38px;
display : block;
background : url(../img/ar001.png) 18px 50% no-repeat;
text-decoration : none;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
#contents_common .con_fmenu ul li:nth-child(odd) a {
border-right : 1px solid #CCCCCC;
}
#contents_common .con_fmenu ul li a:hover {
color : #775944;
}
#contents_common .con_fmenu ul li span {
padding : 5px 0; 
}

/*----------------------------------------------------
	.con_info		お問い合わせ
----------------------------------------------------*/
#contents_common .con_finfo {
padding: 0%;
background: #cccccc;
}
#contents_common .con_finfo h2 {
text-align: center;
padding: 2% 0;
text-align: center;
color: #FFFFFF;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #184E18), color-stop(0.00, #316731));
background: -webkit-linear-gradient(top, #316731 0%, #184E18 100%);
background: -moz-linear-gradient(top, #316731 0%, #184E18 100%);
background: -o-linear-gradient(top, #316731 0%, #184E18 100%);
background: -ms-linear-gradient(top, #316731 0%, #184E18 100%);
background: linear-gradient(top, #316731 0%, #184E18 100%);
}
#contents_common .con_finfo ul li {
width : 100%;
text-align: center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EDE8DA), color-stop(0.00, #FDFDFB));
background: -webkit-linear-gradient(top, #FDFDFB 0%, #EDE8DA 100%);
background: -moz-linear-gradient(top, #FDFDFB 0%, #EDE8DA 100%);
background: -o-linear-gradient(top, #FDFDFB 0%, #EDE8DA 100%);
background: -ms-linear-gradient(top, #FDFDFB 0%, #EDE8DA 100%);
background: linear-gradient(top, #FDFDFB 0%, #EDE8DA 100%);
border-bottom: 1px solid #E0D7C0;
}
#contents_common .con_finfo ul li a {
padding : 4.2% 5%;
display : block;
text-decoration : none;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
font-size: 110%;
}
#contents_common .con_finfo ul li img {
display : inline;
margin-right : 4%;
padding : 0%;
width : 6.7%; 
}