@charset "UTF-8";

/*============================
#common
============================*/

.text_got01{
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 1em;
	text-align: justify;
	line-height: 1.8em;
}
.text_min01{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 1em;
	text-align: justify;
	line-height: 1.8em;
}

/*============================
#common_PC
============================*/

@media screen and (min-width: 840px) {

/* パソコンで見たときは"sp"のclassがついた画像が消える */
.css_sp { display: none !important; }

.wrap{
	width:840px;
	margin:0 auto;
}
.flatbox01{
/*====折り返さない====*/
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:single;
	-moz-box-lines:single;
	-webkit-flex-wrap:nowrap;
	-moz-flex-wrap:nowrap;
	-ms-flex-wrap:none;
	flex-wrap:nowrap;
	justify-content:space-between;
}
.flatbox01_left{
/*====折り返さない 左揃え====*/
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:single;
	-moz-box-lines:single;
	-webkit-flex-wrap:nowrap;
	-moz-flex-wrap:nowrap;
	-ms-flex-wrap:none;
	flex-wrap:nowrap;
	justify-content:flex-start;
}
.flatbox01_right{
/*====折り返さない 右揃え====*/
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:single;
	-moz-box-lines:single;
	-webkit-flex-wrap:nowrap;
	-moz-flex-wrap:nowrap;
	-ms-flex-wrap:none;
	flex-wrap:nowrap;
	justify-content:flex-end;
}
.flatbox02{
/*====折り返す====*/
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:space-between;
}
}

/*============================
#common_SP
============================*/

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

/* スマートフォンで見たときは"pc"のclassがついた画像が消える */
.css_pc { display: none !important; }

.wrap{
	width:100%;
	margin:0 auto;
}
.flatbox_sp01{
/*====折り返さない====*/
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:single;
	-moz-box-lines:single;
	-webkit-flex-wrap:nowrap;
	-moz-flex-wrap:nowrap;
	-ms-flex-wrap:none;
	flex-wrap:nowrap;
	justify-content:space-between;
}
.flatbox_sp01_left{
/*====折り返さない 左揃え====*/
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:single;
	-moz-box-lines:single;
	-webkit-flex-wrap:nowrap;
	-moz-flex-wrap:nowrap;
	-ms-flex-wrap:none;
	flex-wrap:nowrap;
	justify-content:flex-start;
}
.flatbox_sp01_right{
/*====折り返さない 右揃え====*/
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:single;
	-moz-box-lines:single;
	-webkit-flex-wrap:nowrap;
	-moz-flex-wrap:nowrap;
	-ms-flex-wrap:none;
	flex-wrap:nowrap;
	justify-content:flex-end;
}
.flatbox_sp02{
/*====折り返す====*/
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:space-between;
}
.flatbox_sp02_left{
/*====折り返す====*/
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:space-around;
}
img {
	max-width: 100%;
}

}

/*============================
#header_PC
============================*/
@media screen and (min-width: 840px) {

header{
	width: 100%;
}
header h1 {
	height: 30px;
	line-height: 30px;
}
.Hwrap{
	background-color: #f5f5f6;
	border-top: solid 1px #722843;
	padding: 1%;
}
.Hlogo{
	position: relative;
}
.Hlogo img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.telbox{
	padding-right:10px;
}
.telbox li{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 1.2rem;
	color: #722843;
	border-bottom: dotted 1px #722843;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
.telbox li span{
	background: url(../images/common/Hicon_bg.jpg) no-repeat center center;
	display: inline-block;
	width:40px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color:#fff;
	font-size: 0.6rem;
	text-align: center;
	line-height: 16px;
	padding-right: 5px;
}
.mailbox{
	background: #dcd0cc;
	padding:10px;
	text-align: center;
	border-radius: 5px;
}
.mailbox01{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 5px;
}
.mailbox02{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 7px;
	line-height: 16px;
	color: #722843;
	padding-top: 5px;
}

nav{
	background: url(../images/common/Hmenun_bg.jpg) repeat-x center top;
}

}


/*============================
#header_SP
============================*/
@media screen and (max-width: 840px) {

header{
	width: 100%;
}
header h1 {
	height: 30px;
	line-height: 30px;
	text-align:center;
}
.Hwrap{
	background-color: #f5f5f6;
	border-top: solid 1px #722843;
	overflow: hidden;
}
.Hlogo{
	position: relative;
	width:50%;
	padding-left: 1%;
}
.Hlogo img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.menuBTN{
	width:40%;
}

.sp_menu{
	font-size: 1.2em;
	line-height:5em;
	text-align: center;
	background-color: #722843;
}
.sp_menu a{
	text-decoration: none;
	color: #fff;
}
.sp_menu li {
	border-bottom: solid 1px #fff;
}

}

/*============================
#index_slider
============================*/

.index_slider{
	background: linear-gradient(to top, gray, white);
}
#slider2 li img{
	width:100%!important;
}


/*============================
#footer_pc
============================*/

@media screen and (min-width: 840px) {

footer{
	background-color: #722843;
	padding-top: 30px;
	padding-bottom: 30px;
}
#copyright{
	color: #fff;
	font-size: 4px;
	font-weight: 200;
}
.Fmenu{
	width:370px;
	color:#fff;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.Fmenu01{
	background: url(../images/common/Ficon.jpg) center left no-repeat;
	font-size: 8px;
	font-weight: 600;
	padding-left: 12px;
	margin-right: 10px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
 }
.Fmenu01 a {
	text-decoration:none;
	color:#fff;
}
.Fmenu02{
	font-size: 8px;
	font-weight: 600;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
 }
.Fmenu02 a {
	text-decoration:none;
	color:#fff;
}

}

/*============================
#footer_sp
============================*/

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

footer{
	background-color: #722843;
	padding-top: 15px;
	padding-bottom: 15px;
}
.Flogo{
	text-align: center;
}
#copyright{
	color: #fff;
	font-size: 4px;
	font-weight: 200;
	text-align: center;
	padding-top:5px;
}

}