html{
}

body{
width: 100%;
height: 100%;
font-size: 22px;
letter-spacing: 2px;
color: #595757;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

.dot{
background: url('images/img_dot.png');
}

#header{
}

form#mailformpro dl{
margin: 0;
width: 97%;
}

.content_block,.content_block_01,.content_block_02,.content_block_03{
background: #ffffff;
max-width: 898px;
margin: 0 auto;
border: 1px solid #cfcfcf;
}

img{
width: 100%;

}

.header_block{
}

.header_block .logo{
float: left;
margin: 20px;
}

.header_block .logo img{
width: 100%;
}

.header_block p{
margin: 28px 20px 0 0;
}

.header_block p img{
width: 100%;
}

#content{
background: #ffffff;
text-align: center;
}

#content_01{
background: url(images/bg_main.png);
}

.info_text{
border-left: 30px solid #C4004F;
border-right: 30px solid #C4004F;
margin-top:40px;
}

.info_text img{
width: auto;
}

.info_text h3{
font-size: 56px;
font-weight: bold;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.info_text h4{
clear: both;
font-size: 42px;
font-weight: normal;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.info_text_box{
width: 80%;
margin: 0 auto;
padding: 1em 0;
}

.info_text_box img{
float:left;
margin:20px 10px 0 0;
}

.info_tel{
font-size: 42px;
}

.info_time_r{
float:left;
padding:2px 10px;
margin:0 10px 0 0;
color:#C4004F;
border:2px solid #C4004F;
}

.info_time_b{
float:left;
padding:2px 10px;
margin:0 10px 0 0;
color:#674794;
border:2px solid #674794;
}

.info_map_r{
float:right;
padding:2px 10px;
color:#ffffff;
background:#C4004F;
}

.info_map_b{
float:right;
padding:2px 10px;
color:#ffffff;
background:#674794;
}

.img_map{
z-index:1;
position:absolute;
right:-10px;top:-50px;
width:160px
}

.dot{
height: 7px;
background: url(images/img_dot.png);
margin: 2em 0 1em 0;
}

#footer {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #ffffff;
}

.footer_block_r img{
width: 48%;
float: left;
padding:2% 1%;
}

.footer_block_t img{
width: 98%;
float: right;
text-align: right;
padding:1.5% 1%;
}

#mailformpro{
margin-bottom: 100px;
}

#mfp_phase_confirm{
padding:0 3em;
}

.mfp_buttons{
margin: 1em 0;
}

form#mailformpro dl dt,form#mailformpro dl dd{
padding:1em;
width: 100%
}

#reserve{
margin-top: 1em;
text-align: center;
font-size: 42px;
}

div#floating-menu {
position: fixed;
top: 40px;
/*
left: 0px;
*/
right: 40px;
background-color: #EB617D;
padding: 10px;
z-index: 9999;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
font-size: 14px;
color: #ffffff;
font-weight: bold;
}

div#floating-menu{
	background-color: #EB517D;
	border: 2px solid #fff;
	color: #fff;
	line-height: 50px;
}

div#floating-menu:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}



div#floating-menu_2 {
position: fixed;
top: 130px;
/*
left: 0px;
*/
right: 40px;
background-color: #59b1eb;
padding: 10px;
z-index: 9999;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
font-size: 14px;
color: #ffffff;
font-weight: bold;
}

div#floating-menu_2{
	background-color: #59b1eb;
	border: 2px solid #fff;
	color: #fff;
	line-height: 50px;
}

div#floating-menu_2:hover {
	background-color: #fff;
	border-color: #EB517D;
	color: #EB517D;
}


/*************************/

@media screen and (max-width: 1024px) {

body{
font-size: 16px;
}
    
.header_block,.content_block,.content_block_01,.content_block_02,.content_block_03,.footer_block{
width: 100%;
margin: 0 auto;
}


.header_block .logo{
float: left;
margin: 1em;
width: 20%;
}

.header_block .logo img{
width: 100%;
}

.header_block p{
margin: 2em 1em 0 0;
width: 60%;
}

.header_block p img{
width: 100%;
float: right;
}


.img_map{
display: none;
}

.taiken{
width: 75%;
font-size: 11px;
padding: 2em;
}

.taiken img{
width: 25%;
}

#footer {
    display:inherit;
}

.footer_block{
margin: 0 auto;
}

input,select{
font-size: 17spx;
padding: 0.5em;
}

.info_text h3{
font-size: 30px;
}

.info_text h4{
font-size: 28px;
}

.info_tel{
font-size: 18px;
}

.info_text_box img{
display: none;
}


.info_text_box p img{
display: inherit;
width: 100%;
}


.info_time_detail,.info_time_detail:after{
content:"\A";
white-space: pre;
clear: both;
}

.info_map_r,.info_map_b{
clear: both;
float:left;
width: 90%;
text-align: center;
margin: 1em 0;
}

.dot{
clear: both;
}

.button{
display: none;
}

#mfp_phase_confirm{
padding:0 2em;
}

}