@CHARSET "UTF-8";


/* ---------Webfont set--------- */



body{
  font-family: MyFont, sans-serif;
}

/* ---------Margin&Padding set--------- */

/* ---------Margin--------- */
.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}

/* ---------Margin-Top--------- */
.mgT5 {margin-top:5px !important;}
.mgT10 {margin-top:10px !important;}
.mgT15 {margin-top:15px !important;}
.mgT20 {margin-top:20px !important;}
.mgT25 {margin-top:25px !important;}
.mgT30 {margin-top:30px !important;}
.mgT60 {margin-top:60px !important;}

/* ---------Margin-Right--------- */
.mgR5 {margin-right:5px !important;}
.mgR10 {margin-right:10px !important;}
.mgR15 {margin-right:15px !important;}
.mgR20 {margin-right:20px !important;}
.mgR25 {margin-right:25px !important;}
.mgR30 {margin-right:30px !important;}
.mgR40 {margin-right:40px !important;}
.mgR50 {margin-right:50px !important;}

/* ---------Margin-Bottom--------- */
.mgB0 {margin-bottom:0px !important;}
.mgB5 {margin-bottom:5px !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB15 {margin-bottom:15px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB25 {margin-bottom:25px !important;}
.mgB30 {margin-bottom:30px !important;}
.mgB35 {margin-bottom:35px !important;}
.mgB40 {margin-bottom:40px !important;}
.mgB45 {margin-bottom:45px !important;}
.mgB50 {margin-bottom:50px !important;}
.mgB55 {margin-bottom:55px !important;}
.mgB60 {margin-bottom:60px !important;}
.mgB65 {margin-bottom:65px !important;}
.mgB70 {margin-bottom:70px !important;}


/* ---------Margin-Left--------- */
.mgL5 {margin-left:5px !important;}
.mgL10 {margin-left:10px !important;}
.mgL15 {margin-left:15px !important;}
.mgL20 {margin-left:20px !important;}
.mgL25 {margin-left:25px !important;}
.mgL30 {margin-left:30px !important;}

/* ---------Padding--------- */
.pd0 {padding:0px !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}

/* ---------Padding-Top--------- */
.pdT5 {padding-top:5px !important;}
.pdT10 {padding-top:10px !important;}
.pdT15 {padding-top:15px !important;}
.pdT20 {padding-top:20px !important;}
.pdT25 {padding-top:25px !important;}
.pdT30 {padding-top:30px !important;}

/* ---------Padding-Right--------- */
.pdR5 {padding-right:5px !important;}
.pdR10 {padding-right:10px !important;}
.pdR15 {padding-right:15px !important;}
.pdR20 {padding-right:20px !important;}
.pdR25 {padding-right:25px !important;}
.pdR30 {padding-right:30px !important;}
.pdR35 {padding-right:35px !important;}
.pdR40 {padding-right:40px !important;}
.pdR50 {padding-right:50px !important;}
.pdR60 {padding-right:60px !important;}
.pdR70 {padding-right:70px !important;}
.pdR80 {padding-right:80px !important;}

/* ---------Padding-Bottom--------- */
.pdB5 {padding-bottom:5px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdB25 {padding-bottom:25px !important;}
.pdB30 {padding-bottom:30px !important;}
.pdB40 {padding-bottom:40px !important;}
.pdB50 {padding-bottom:50px !important;}
.pdB60 {padding-bottom:60px !important;}

/* ---------Padding-Left--------- */
.pdL5 {padding-left:5px !important;}
.pdL10 {padding-left:10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdL25 {padding-left:25px !important;}
.pdL30 {padding-left:30px !important;}
.pdL40 {padding-left:40px !important;}
.pdL50 {padding-left:50px !important;}



/* ------------------全体のbgcolor------------------ */

.bg_all{
	background: #f3f1f2;
}

/* ------------------固定header部分------------------ */

.head_box{
/* 	height:100px; */
	width:100%;
	background: #fff;
	text-align:center;
}

.head_link{
  width: 80%;
  margin: 0 auto;
  max-width: 963px;
}

@media screen and (max-width: 767px) {
	.head_link{
  width: 97%;
  margin: 0 auto;
  max-width: 963px;
}
}

.flex_con {
  display: flex;
}

.logo_k{
	padding-right:380px;
}

.hed_menu_border_left{
	border-left: 1px solid #ffb5c6;
	padding-left:20px;
}

.hed_menu_border_right{
	border-right: 1px solid #ffb5c6;
	padding-right:20px;
}

.ttl_logo{
	width:auto;
}

/* ------------------Main Img------------------ */

.MainImg_bg{
	width:100%;
	background: #fffbf5;
}

.Con_Box{
  width: 100%;
  margin: 0 auto;
  max-width: 968px;
}


.Con_SubBox_01{
	background: #fff;
	width: 100%;
	padding:0px;
}

.Con_SubBox_pd{
	padding:0 25px;
}

@media screen and (max-width: 767px) {
	.Con_SubBox_pd{
	padding:0 10px;
	}
	.Con_Box{
	  width: 96%;
	  margin: 0 2%;
	  max-width: 968px;
	}
}




/* ------------------Fotter Menu------------------ */

.fotter_menu ul{
    padding: 0;
    margin: 0;
    width: 100%;
}
.fotter_menu li {
    padding:5px 5px;
    margin: 0 10px;
    float: left;
    display: block;
    text-align: center;
}

.fotter_menu_2 ul{
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}
.fotter_menu_2 li {
	list-style-type:none;
	background-image:url("../front/img/ico_fotter.png");
	background-repeat:no-repeat;
	background-position:left center;
	margin-left:20px;
	padding-left:12px;
    float: left;
}




/* ---------Line 装飾用--------- */

.fotter_line{
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: #ff7797;
}




/* ------------------Fontサイズ・レイアウト微調整------------------ */


.Txt-BK-S{
	font-family :"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color: #222222;
	font-size:12px;
	letter-spacing: 0.1em;
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
	.Txt-BK-S{
	font-family :"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color: #222222;
	font-size:10px;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
}


.Txt-BK-M{
	font-family :"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color: #222222;
	font-size:16px;
	letter-spacing: 0.1em;
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
	.Txt-BK-M{
	font-family :"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color: #222222;
	font-size:14px;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
}

.Txt-BK-L{
	font-family :"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color: #222222;
	font-size:19px;
	letter-spacing: 0.1em;
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
	.Txt-BK-L{
	font-family :"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color: #222222;
	font-size:16px;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
}

.Txt-BK-LL{
	font-family :"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color: #222222;
	font-size:24px;
	letter-spacing: 0.1em;
	line-height: 1.5;
}

@media screen and (max-width: 767px) {
	.Txt-BK-LL{
	font-family :"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color: #222222;
	font-size:21px;
	letter-spacing: 0.1em;
	line-height: 1.5;
}
}

.Txt70 {
	font-size: 70%;
}

.Txt-PK{
	color: #ff81b3;
}

.Txt-MGR{
	color: #3ecdc7;
}


.TxtL{
	text-align:left;!important;
}

.TxtR{
	text-align:right;!important;
}

.TxtC{
	text-align:center;!important;
}

.indent-1 {
padding-left:1em;
text-indent:-1em;
}

.TxtB{
	font-weight: bold;
}

.TxtM{
	vertical-align: middle;
}

.Txt-WH-Btn-01{
	font-family :"メイリオ", sans-serif;
	color: #FFF;
	font-size:16px;
	letter-spacing: 0.2em;
	padding: 0px 30px;
}




/* ---------Float解除--------- */

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}
.clearfix {
    zoom: 1; /* for IE6/7 */
}




/* --------- table 装飾用 --------- */



/* --------- FlexBox 装飾用 --------- */

/* FlexBox 3段 -TOPメニュー用 */

.contents-wrap0 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box0a {
	padding: 0px;
	width: 52%;
	text-align:left;
}

.contents-box0b {
	padding: 0px;
	width: 24%;
}

.contents-box0 img {
	display: block;
	height: auto;;
}

.contents-wrap1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box1 {
	padding: 0px;
	width: 49%;
}

.contents-box1 img {
	display: block;
	width: 100%;
	height: auto;;
}

@media screen and (max-width: 768px){
	.contents-wrap1 {
		flex-direction: column;
	}

	.contents-box1 {
		width: 100%;
	}
}


/* FlexBox 3段 -TOPメニューSP用 */

.contents-wrap0sp {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box0asp {
	padding: 0px;
	width: 70%;
	text-align:left;
}

.contents-box0bsp {
	padding: 0px;
	width: 15%;
}

.contents-box0sp img {
	display: block;
	height: auto;;
}




/* FlexBox 2段 4:6  */

.contents-wrap2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box2a {
	width: 40%;
}

.contents-box2b {
	width: 60%;
}

.contents-box2a img {
	display: block;
	height: auto;;
}

.contents-box2b img {
	display: block;
	width: 100%;
	height: auto;;
}

@media screen and (max-width: 768px){
	.contents-wrap2 {
		flex-direction: column;
	}

	.contents-box2a {
		width: 100%;
	}

		.contents-box2b {
		width: 100%;
	}
}

/* FlexBox 3段 1:1:1  */

.contents-wrap3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box3 {
	margin-bottom: 15px;
	padding: 0px;
	width: 32%;
}

.contents-box3 img {
	display: block;
	width: 100%;
	height: auto;;
}


@media screen and (max-width: 768px){
	.contents-wrap3 {
		flex-direction: column;
	}

	.contents-box3 {
		width: 100%;
	}

}

/* FlexBox 2段 1:1  */

.contents-wrap4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box4 {
	padding: 0px;
	width: 49%;
}

.contents-box4 img {
	display: block;
	width: 100%;
	height: auto;;
}


@media screen and (max-width: 768px){
	.contents-wrap4 {
		flex-direction: column;
	}

	.contents-box4 {
		width: 100%;
	}

}

.flex_pd_LR{
	padding:0 152px;
}

@media screen and (max-width: 768px){
	.flex_pd_LR{
	padding:0px;
}
}






















/* --------- GoogleMap 埋め込み用 --------- */

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* --------- TOP Menu SP切り替え --------- */

/* パソコンで見たとき */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たとき */
@media only screen and (max-width: 768px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

/* ---------画像hover--------- */

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* ---------画像レスポンシブ対応--------- */

.Img100 {
	width: 100%;
}

.Img80 {
	width: 80%;
}

.Img70 {
	width: 70%;
}

.Img60 {
	width: 60%;
}

.Img50 {
	width: 50%;
}

.Img40 {
	width: 40%;
}

.Img30 {
	width: 30%;
}


/* --------- SP用bg切り替え --------- */

.bg_04{
	background-image: url("../front/img/04_bg_01.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}

/* --------- SP用Padding調整 --------- */

.con_pd{
	padding-left:20px !important;
	padding-right:20px !important;
}

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

	.con_pd{
	padding-left:5px !important;
	padding-right:5px !important;
}
}

.line_pd{
	padding-top:20px !important;
	padding-bottom:20px !important;
}

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

	.line_pd{
	padding-top:10px !important;
	padding-bottom:10px !important;
}
}

@media only screen and (max-width: 768px) {
	.header_sp{
	position: fixed;
    z-index: 2;
}
}

@media only screen and (max-width: 768px) {
	.header_pd{
	padding-top: 153px;
	}
}

.respo_pdB_M{
	padding-bottom:20px !important;
}

@media only screen and (max-width: 768px) {
	.respo_pdB_M{
	padding-bottom:10px !important;
}
}

/* 追加 */
@media screen and (max-width: 767px) {
	.moto-text_normal.pdB15{
		padding-bottom: 5px !important;
	}
	.pdB30.sp{
		padding-bottom: 15px !important;
	}
	.contents-box3 {
	    margin-bottom: 3%;
	    padding: 0px;
	}
	.spTop20{
		margin-top:20px;
	}
	.Con_SubBox_01.mgT30{
		margin-top: 10px !important;
	}
	.Con_SubBox_01.mgB30{
		margin-bottom: 10px !important;
	}
	.moto-widget.moto-widget-container.pdB30{
		padding-bottom: 10px !important;
	}
}

.spFooter{
	display:none;
}
@media screen and (max-width: 767px) {
	.spFooter{
		display:block;
		background-color: #ff7797;
		text-align:center;
		line-height:1.6;
		padding:5px 0;
		color:#fff;
		font-size:10px;
	}
	.fotter_line {
		display:none;
	}
}
@media (max-width:767px){.hidden-xs{display:none!important}}
@media (min-width:768px){.visible-xs{display:none!important}}