@charset "utf-8";
/* CSS Document */

* {
	font-size:100%;
	margin: 0;
	padding: 0;
	background-repeat:no-repeat;
}

img{
	margin: 0;
	padding: 0;
	vertical-align:bottom;
}

.clear{
	clear:both;
}


ul li{
	list-style-type:none;
}

/*clearfix*/

.cf{
	zoom: 1;
}

.cf:before, .cf:after{
	content:"";
	display: table;
}

.cf:after{
	clear:both;
}



/*
全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
*/

body{
	background-image:url("../img/back.jpg");
	background-repeat:repeat;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}






/*
メディアクエリによる切り替え
*/

@media screen and (max-width:639px) {
/*スマホ用のcssを記述*/

 #header_con{
	display:none; 
 }
 
 #header_sm{
	width:100%;
	margin:0 auto;
	text-align:center;
 }
 
 .clImg{
    position:relative;
    width:100%;
    margin:0 auto;
}
.clImg img {
    position:absolute;
    left:0;
    top:0;
}
 
 .logo_sm{
	 width:80%;
	 max-width:276px;
 }
 
 #main{
	 width:100%;
	 height:180px;
	 margin:0 auto; 
 }
 
 #main img{
	 width:100%;
	 max-width:1000px;
 }
 
 #left_box{
	display:none;
 }
 
 #right_box{
	width:90%;
	margin:0 auto;
	margin-bottom:30px;
 }
 
 #right_box img{
	width:100%;
	max-width:750px;
 }
 
 
 #fix-phone-under-menu{
  position: fixed;
  width: 100%;
    background: #fff8dc;
  bottom: 0px;
  font-size: 0;
  opacity: 0.9;
  z-index: 2;
}

#fix-phone-under-menu li{
  display: inline-block;
  width: 33.33333%;
  font-size: 1.2rem;
  padding-top:5px;
  padding-bottom:5px;
}

#fix-phone-under-menu li a{
  color: #b22222;
  width: 33.33333333%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height: 60px;
  text-decoration:none;
}
 
 
.copy{
	min-height: 20vh;
	}
 
 .sm_midashi {
	color: #d04255; /* 文字色 */
	font-size:1.3rem;
	font-family: "Sawarabi Mincho";
	padding: 10px 10px 10px 60px; /* 上・右・下・左の余白 */
	position: relative;
}
.sm_midashi:before {
	content: '＊*'; /*花に見せかけるためのアスタリスク*/
	color: #fff; /* アスタリスクの色 */
	display: inline-block;
	font-size: 2.2rem; /* アスタリスクの大きさ */
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 0px;
	transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	text-shadow: 0px 0px 6px #EAA8BF, 0px 0px 4px #EAA8BF, 0 0 0.5px #EAA8BF; /* アスタリスク周りの影 */
}
.sm_midashi:after {
	border-bottom: 2px dotted #EAA8BF; /* 下線 */
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

.pc_midashi1{
	display:none;
	}
	
.right_concept{
	font-size:1.1rem;
	line-height:27px;
	padding-top:10px;
	}
	
#sm_block1{
	width:95%;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:20px;
	text-align:center;
}

.left_ba1,.tel{
	width:100%;
	max-width:230px;
}

#footer{
	width:95%;
	margin:0 auto;
	color:#ffffff;
}

.fo_navi{
	display:none;
}

#footer_bg{
	background:#59493f;
	padding-top:10px;
	padding-bottom:10px;
	}
	
.fo_text1{
	line-height:25px;
	padding-top:10px;
	}
	
.copy{
	padding-top:15px;
}

.menu_td1{
	width:75%;
	padding-top:10px;
	padding-bottom:5px;
	font-size:1.1rem;
	border-bottom:1px solid #ccc;
}

.menu_td2{
	width:23%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.1rem;
	border-bottom:1px solid #ccc;
}

#menu_box table{
	width:100%;
	margin:0 auto;
	}
	
.map{
	width:100%;
	margin:0 auto;
	margin-top:20px;
}

.map iframe{
	width:100%;
	max-width:600px;
	border:1px solid #b22222;
	}
	
.sub_td1{
	width:23%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.1rem;
	color:#666;
}

.sub_td2{
	width:75%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.1rem;
}


}



@media only screen and (min-width:640px) and (max-width:1023px) {
/*tablet用のcssを記述*/

body{
	min-width:1000px;
}

#header{
	background-image:url("../img/top_back.png");
	background-repeat:repeat-x;
	height:160px;
	}
	
#header_con{
	width:1000px;
	margin:0 auto;
}


#gloval article{
	float:left;
}


#main{
		width:1000px;
		margin:0 auto;
		height:450px;
	}

.clImg{
    position:relative;
    width:1000px;
    margin:0 auto;
}
.clImg img {
    position:absolute;
    left:0;
    top:0;
}


#contents{
	width:1000px;
	margin:0 auto;
	margin-bottom:50px;
}

#left_box{
	float:left;
	width:230px;
	margin-top:15px;
}


#right_box{
	float:right;
	width:750px;
	margin-top:15px;
}

.left_ba1{
	margin-top:10px;
}

.left_news{
	padding:3px;
	font-size:14px;
	line-height:22px;
}

.right_concept{
	font-size:14px;
	line-height:22px;
	padding:3px;
}

#footer_bg{
	background-color:#59493f;
	width:100%;
}

#footer{
	width:1000px;
	margin:0 auto;
	padding:5px;
}

#footer h2{
	font-size:13px;
	color:#fff;
	margin-top:5px;
}

.fo_text1{
	font-size:13px;
	line-height:20px;
	color:#fff;
	margin-top:5px;
}

.fo_navi{
	margin-top:5px;
	font-size:13px;
	line-height:20px;
	color:#fff;
}

.fo_navi a{
	color:#fff;
}

.fo_navi a:hover{
	color:#fff;
	text-decoration:none;
}


.copy{
	margin-top:5px;
	font-size:13px;
	line-height:20px;
	color:#fff;
}

#menu_box table{
	width:750px;
	margin-top:20px;
}

#menu_box tr{
	border-bottom:1px dotted #666666;
}

.menu_td1,.menu_td2{
	padding:15px;
	font-size:15px;
}

.menu_td2{
	text-align:right;
}

.sub_td1,.sub_td2{
	padding:20px;
}

.map iframe{
	border:1px solid #666;
}


.sub_td1 a,.sub_td2 a{
	text-decoration:none;
	color:#000;
}


.sub_td1 a,.sub_td2 a{
	text-decoration:none;
	color:#000;
}

.sub_td1 a:hover,.sub_td2 a:hover{
	text-decoration:none;
	color:#666;
}

.m th{
	padding:15px;
}

.touroku_td1{
	padding:50px;
}

#header_sm{
	display:none;	
}

.sm_midashi{
	display:none;
	}
	
#sm_block1{
	display:none;
}

.pc-none{
	display:none;
	}


}


@media screen and (min-width:1024px) {
/*pc用のcssを記述*/

#header{
	background-image:url("../img/top_back.png");
	background-repeat:repeat-x;
	height:160px;
	}
	
#header_con{
	width:1000px;
	margin:0 auto;
}


#gloval article{
	float:left;
}


#main{
		width:1000px;
		margin:0 auto;
		height:450px;
	}

.clImg{
    position:relative;
    width:1000px;
    margin:0 auto;
}
.clImg img {
    position:absolute;
    left:0;
    top:0;
}


#contents{
	width:1000px;
	margin:0 auto;
	margin-bottom:50px;
}

#left_box{
	float:left;
	width:230px;
	margin-top:15px;
}


#right_box{
	float:right;
	width:750px;
	margin-top:15px;
}

.left_ba1{
	margin-top:10px;
}

.left_news{
	padding:3px;
	font-size:14px;
	line-height:22px;
}

.right_concept{
	font-size:14px;
	line-height:22px;
	padding:3px;
}

#footer_bg{
	background-color:#59493f;
	width:100%;
}

#footer{
	width:1000px;
	margin:0 auto;
	padding:5px;
}

#footer h2{
	font-size:13px;
	color:#fff;
	margin-top:5px;
}

.fo_text1{
	font-size:13px;
	line-height:20px;
	color:#fff;
	margin-top:5px;
}

.fo_navi{
	margin-top:5px;
	font-size:13px;
	line-height:20px;
	color:#fff;
}

.fo_navi a{
	color:#fff;
}

.fo_navi a:hover{
	color:#fff;
	text-decoration:none;
}


.copy{
	margin-top:5px;
	font-size:13px;
	line-height:20px;
	color:#fff;
}

#menu_box table{
	width:750px;
	margin-top:20px;
}

#menu_box tr{
	border-bottom:1px dotted #666666;
}

.menu_td1,.menu_td2{
	padding:15px;
	font-size:15px;
}

.menu_td2{
	text-align:right;
}

.sub_td1,.sub_td2{
	padding:20px;
}

.map iframe{
	border:1px solid #666;
}


.sub_td1 a,.sub_td2 a{
	text-decoration:none;
	color:#000;
}


.sub_td1 a,.sub_td2 a{
	text-decoration:none;
	color:#000;
}

.sub_td1 a:hover,.sub_td2 a:hover{
	text-decoration:none;
	color:#666;
}

.m th{
	padding:15px;
}

.touroku_td1{
	padding:50px;
}

#header_sm{
	display:none;	
}

.sm_midashi{
	display:none;
	}
	
#sm_block1{
	display:none;
}

.pc-none{
	display:none;
	}


}