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

img {
     max-width: 100%;
     height: auto;
}

#wrapper {
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	overflow: hidden;
	background: #ffffff;
}

#contents {
	max-width: 100%;
	margin: 0 auto;
	padding-top:15%;
}

#contents_top {
	max-width: 100%;
	margin: 0 auto;
	padding-top:18%;
}


.basicbox {
	margin-left:2.5%;
	margin-right:2.5%;
	width:95%;
}

.innerbox {
	padding:6.2% 4.6%;
	width:85.8%;
}

.innerbox2 {
	padding:6.2% 4.6%;
	width:90.8%;
}

.innerbox3 {
	padding:6.2% 4.6%;
	width:100%;
}


.panelhead {
	padding:3.9% 0;
	display:block;
	cursor:pointer;
}

.panelbody {
	padding:0 4.6% 6.2%;
	width:85.8%;
}

.panelbody_reserve {
	padding:0 0 6.2%;
	width:95;
}

.listbody {
    padding: 2% 0 1.3% 4.7%;
    width: 90.8%;
}

.listbox_left {
	float:left;
	width:48.5%;
	margin-bottom:3.2%;
	position:relative;
}

.listbox_right {
	float:right;
	width:48.5%;
	margin-bottom:3.2%;
	position:relative;
}

.listbox_head {
	position: absolute;
	top:-0.5%;
	left:0;
	background:#b00000;
	color:#fff;
	border:1px solid #fff;
	padding:0.5% 2.6%;
}


.listbox_body {
	position: absolute;
	display:block;
	top:64.6%;
	left:0.8%;
	height:34.6%;
	width:98.4%;
	background-color: rgba(59,77,102,0.8);
	color:#fff;
}

.listbox_body_left {
	float:left;
	width:70%;
	padding:3%;
	font-size:0.9rem;
	line-height:1.1rem;
}

.listbox_body_left_tel {
	border:1px solid #fff;
	font-size:0.6rem;
	padding:0.1%;
	display:inline-block;
}

.listbox_body_right {
	float:right;
	height: 100%;
	width:20%;
	font-size:2.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.panelbtn {
	position: absolute;
	top:0;
	right:0;
	background:#2e4361;
	color:#fff;
	width:11.74%;
	height:100%;
	text-align:center;
	font-size:2.4rem;
}

.panelbtn i{
	margin-top:25%;
}

.panelbtn_c {
	background:#e20c44 !important;
}

.basicbox_l {
	margin-left:6.8%;
	margin-right:6.8%;
	width:86.4%;
}

.basicbox_s {
	margin-left:2.5%;
	margin-right:2.5%;

}

.basicbox_m {
	margin-left:4.6%;
	margin-right:4.6%;
	width:90.8%;
}

.inline {
	height:200px;
	overflow-y: scroll;
}

.rightsubtext {
	width:100%;
	margin-left:60%;
	margin-top:0.6%;
}

/* HEADER */

#header {
    position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
    z-index: 10000;
}

#header_top {
    position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
    z-index: 10000;
}

#header_inner {
	max-width: 100%;
	margin: 0 auto;
}

.fixed {
    position: fixed;
    top: 0;
	margin: 0 auto;
    z-index: 10000;
}

.fixed2 {
    position: fixed;
    top: 0;
	width: 100%;
    z-index: 10000;
}

#header_logo{
	float:left;
	width:29.8%;
    padding:3.7%;
    margin-right:1.9%;
}

#header_btn1 {
	float:left;
	width:20.8%;
    padding:1.3%;
}

#header_btn2 {
	float:left;
	width:20.8%;
	padding:1.3% 1.3% 1.3% 0;
}

#header_menu {
	float:left;
	width:14.1%;
	padding:1.3% 0 1.3% 0;
}

.icon_facebook {
	float:left;
	width: 12.3%;
	margin-left:4.4%;
	margin-right:1.3%;
}

.icon_facebook img{
	width: 100%;
}

.text_facebook {
	float:left;
	color:#3b5a9a;
	text-decoration: underline;
}

.block_facebook {

	width:500px;
}

.block_facebook iframe {
	height:20%;
	width:500px;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

.shopmenu {
	margin:0 auto;
	text-align:center;
}

.shopmenu li{
	margin:0 auto;
	border:1px solid #2e4361;
	width:23%;
	float:left;
	font-size:0.9rem;
	text-align:center;
	padding-top:2.6%;
	padding-bottom:2.6%;
	color:#2e4361;
}

.shopmenu li.active {
	background-color:#fffcd0;
}

.shopmenu li a {
	color:#2e4361;
	text-decoration:none;
}

.shopmenu li.box_shopmenu {
	margin-right:1.69%;
}


.shopmenu_new {
	margin:0 auto;
	text-align:center;
}

.shopmenu_new li{
	margin:0 auto;
	border:1px solid #2e4361;
	width:31.4%;
	float:left;
	font-size:1.05rem;
	text-align:center;
	padding-top:2.6%;
	padding-bottom:2.6%;
	color:#2e4361;
}

.shopmenu_new li.active {
	background-color:#fffcd0;
}

.shopmenu_new li a {
	color:#2e4361;
	text-decoration:none;
}

.shopmenu_new li.box_shopmenu {
	margin-right:2%;
}

.telbox_new {
	width:95%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 11.47%;
    background: url(../img_new2/tel_cv.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.telbox_text {
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width:100%;
	text-align:center;
	letter-spacing:0.2rem;
	font-size:2.2rem;
	font-weight:bold;
	color:#fff;
	font-family: "Noto Sans JP";

}

.campaign_new2 {
	margin-top:2.6%;
	position: relative;
}




.box_blognavi {
	background-color: #e5e5e5;
	color:#555555;
	text-align:center;
	padding:2.6% 3.9%;
	display:block;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;
	margin-bottom:1.3%;
}

.box_blognavi_shop {
	background-color: #c6c6c6;
	color:#555555;
	text-align:center;
	padding:2.6% 3.9%;
	display:block;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;
	margin-bottom:1.3%;
}

.shopreserve_step {
	background:#df9aa5;
	padding:1.3% 2.6%;
	color:#e9e9e9;
	font-weight:bold;
}

.shopreservebox {
	position: relative;
}

.shopreserve{
	padding:3.9% 0;
	float:left;
	width:22.75%;
	text-align:center;
}
.shopreserve_r{
	margin-right:3%;
}

.shopreserve_arrow1 {
 position: absolute;
  top: 41%;
  left: 23.5%;
}

.shopreserve_arrow2 {
 position: absolute;
  top: 41%;
  left: 49.3%;
}

.shopreserve_arrow3 {
 position: absolute;
  top: 41%;
  left: 75%;
}


.shopreserve_arrow i{
	color:#555555;
}


.shopreserve_hl {
	background:#df9aa5;
	color:#e9e9e9;
}

.shopreserve_nm {
	background:#c6c6c6;
}

.bb_left{
	float:left;
}

.bb_right{
	float:right;
}

.bb_category{
	float:left;
	margin-right:1.69%;
}

.color_pink {
	color:#e997a6;
}

.color_white {
	color:#ffffff;
}

.color_rinrin {
	color:#ed6881;
}

/* 各種ボックス */

.textbox1 {
	color:#b00000;
	font-size: 1.4rem;
	line-height:2.2rem;
	
	border:1px solid #b00000;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
	margin-left:2.8%;
	margin-right:2.8%;
	padding:4.4%;
	
}

.textbox2 {
	margin-left:2.5%;
	margin-right:2.5%;
	width:95%;
}

.textbox3 {
	margin:4.4%;
	padding:4.4% 0;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	width:91.2%;
}


.centerbox {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:91.2%;
	padding:0 4.4%;
}

.period_box	{
	border:dotted 1px #555555;
	padding:2.6% 0 2.6% 1.2%;

	width:93.5%;
}

.grayback {
	background:#f3f3f3;
}


.block_rightbanner {
	margin-right:51%;
	margin-left:4.4%;

}

.block_rightbanner img{
	padding:1.3%;
	border:1px solid #0baef0;
}

.relsection {
	position: relative;
}

.absosection1 {
	left:82%;
	top:0;
	width:8.3%;
	position: absolute;
}

.absosection2 {
	left:14.6%;
	top:15.3%;
	width:8.9%;
	position: absolute;
}

.img_faq {
	float:left;
	width:15.33%;
	position: relative;

}

.box_faq1 {
	float:right;
	text-align:left;
	width:81.42%;


}


/* タイトル */

.tit_back_line {
	background-color:#fcfc3f;
}

.tit_back_cyan {
	background-color:#baf7f8;
}

.tit_back_cream {
	background-color:#fff799;
}

.tit_head_pink {
    padding: 1.2% 0 1.3% 1.9%;
    border-left: 6px solid #b00000;
    margin-bottom: 1.3%;
}

.tit_head_pink_bold {
    padding: 1.2% 0 1.3% 1.9%;
    border-left: 6px solid #b00000;
    margin-bottom: 2.6%;
	font-weight:bold;
	font-size: 1.6rem;


}


.tit_left {
    text-align: left;
    padding-left: 5.9%;
}

.tit_center {
    text-align: center;
    padding-left: 5.9%;
}

.tit_under {
	display: inline-block;
	vertical-align: top;
	color:#2e4361;
	border-bottom: dotted 4px #2e4361;
	padding:0 0 5px 30px;	
	background: url(../img/midashi.png) 0 0 no-repeat;
}

.tit_under_w {
	display: inline-block;
	vertical-align: top;
	color:#ffffff;
	border-bottom: dotted 4px #ffffff;
	padding:0 0 5px 30px;	
	background: url(../img_new/midashi_w.png) 0 0 no-repeat;
}

.tit_under2 {
	display: inline-block;
	vertical-align: top;
	color:#2e4361;
	border-bottom: dotted 4px #2e4361;
}

.tit_campaign_c {
	width:100%;
	background-color:#707070;
	text-align:center;
	padding:1.9% 0;
	margin:0 auto;	
	color:#fff;
}

.tit_shop {
	padding:10% 0 1.3% 1.3%;
	width:93.7%;
	display: block;
	vertical-align: top;
	color:#2e4361;
	border-bottom: dotted 4px #2e4361;
}

.tit_shop_left {
	float:left;
	width:75%;
}

.tit_shop_right {
	float:left;
	width:25%;
}

.tit_shop_upper {
	position: absolute;
	width:35%;
	border-bottom: solid 1px #fff;
	top: 24%;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align:center;
	font-weight:bold;
	color:#fff;
	padding-bottom:0.9%;
	font-size: 1.2rem;
	font-family: "Noto Sans JP";
}

.tit_shop_bottom {
	position: absolute;
	width:35%;
	border-bottom: solid 1px #fff;
	top: 42%;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align:center;
	font-weight:bold;
	color:#fff;
	padding-bottom:2.6%;
	font-size: 2.2rem;
	font-family: "Noto Sans JP";
}

.tit_shop_telbox {
	position: absolute;
	width:76%;
	top: 73%;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.tit_shop_telinner {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 11.47%;
    background: url(../img_new2/tel_cv_new.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.tit_shop_teltext {
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width:100%;
	text-align:center;
	letter-spacing:0.2rem;
	font-size:1.6rem;
	font-weight:bold;
	color:#fff;
	font-family: "Noto Sans JP";

}

.shopnewinfobox {
	width:95%;
	margin: 0 auto;
	background-color:#ffcbc4;
	padding-bottom:3.3%;


}

.shopnewinfobox_inner {
	width:93.77%;
	margin: 0 auto;
	padding-top:3.9%;
}


.tit_shopnewinfobox{
	position:relative;
	line-height:2em;
	padding-left:8.4%;
	font-size:1.6rem;
	font-weight:bold;
	color:#000;
	font-family: "Noto Sans JP";

}
.tit_shopnewinfobox:before{
	position:absolute;
	left:0;
	top:10%;
	content:"";
	display:inline-block;
	width:8%;
	padding-top:120%;
	background:url(../img_new2/heart.png) no-repeat;
	background-size:contain;
}

.shopnewinfobox_main {
	margin-top:5.2%;
	background-color:#fff;

}

.shopnewinfobox_main_inner {
	width:92.8%;
	margin: 0 auto;
	padding-bottom:3.9%;

}

.tel_shopnewinfobox{
	position:relative;
	line-height:3.6rem;
	letter-spacing: 2px;
	padding-left:18.4%;
	font-size:3.2rem;
	font-weight:bold;
	color:#000;
	font-family: "Noto Sans JP";
	padding-top:3.9%;
	margin-bottom:5.2%;

}
.tel_shopnewinfobox:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:15%;
	padding-top:100%;
	background:url(../img_new2/tel.png) no-repeat;
	background-size:contain;
	
}

.tel_shopnewinfobox_sub {
	font-size:1.05rem;
	line-height:1.05rem;
	letter-spacing: 0.5px;
}

.shop_left_new {
	background-color:#e5355d;
	text-align:center;
	color:#fff;
	float:left;
	padding:0.3% 0;
	width:31%;
	margin-right:3%;
	font-size:1.2rem;
}

.shop_right_new {
	text-align:left;
	color:#000;
	float:left;
	width:66%;
}
.box_bloglist_left {
	text-align:left;
	float:left;
	width:49%;

}

.box_bloglist_leftbox {
	width:100%;
	height:0;
	padding-top:67%;
	position:relative;

}


.box_bloglist_leftbox img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	overflow: hidden;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}

.box_bloglist_right {
	text-align:left;
	color:#000;
	float:right;
	width:50%;

}

.box_bloglist_right2box {
	background-color:#e5355d;
	color: #fff;
	font-size: 1.05rem;
	padding: 0.9% 6%;
	border-radius: 10px;
	text-align:center;

}

.newbtn {
    width:55%;
	font-size: 1.4rem;
    font-weight:bold;
    text-decoration: none;
    display:block;
    text-align:center;
    padding:3.6% 0;
    color:#fff;
	background-color:#e5355d;
    border-radius:5px;
	margin: 0 auto;

}

.newbtn2 {
	font-size: 1.2rem;

    text-decoration: none;
    display:block;
    text-align:center;
    padding:0.9% 5% 0.9% 0%;
    color:#fff;
	background-color:#e5355d;
	position:relative;

	width:55%;
}

.newbtn2:after{
	position:absolute;
	right:10%;
	top:15%;
	content:"";
	display:inline-block;
	width:8%;
	padding-top:100%;
	background:url(../img_new2/pin.png) no-repeat;
	background-size:contain;


}



.box_bloglist_right3 {
	color:#e5355d;
	font-weight:bold;
}



.box_shopmenu_new li {
	background-color:#e5355d;
	width:50%;
	float:left;
	font-size:1.25rem;
	text-align:center;
	padding-top:3.9%;
	padding-bottom:3.9%;
	color:#fff;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}

.box_shopmenu_new1 {
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
}

.box_shopmenu_new2 {
	border-bottom: solid 1px #fff;
}

.box_shopmenu_new3 {
	border-right: solid 1px #fff;
}


.tit_blog {
	color:#b00000;	
	border-bottom: solid 2px #b00000;
	text-align:left;
	padding-bottom:1.3%;
}

.tit_blog_info {
	color:#777777;	
	margin:0 2.3% 0 2.3%;
	width:95.4%;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
	display: block;
}

.tit_blog_info_left {
	display: inline-block;
	margin:0 2.3% 0 2.3%;
}

.tit_blog_info_center {
	display: inline-block;
	margin:0 0 0 2.3%;
}

.tit_blog_info_right {
	display: inline-block;
}

.tit_bloglog {
	padding:0 0 1.3% 0;

	display: block;
	vertical-align: top;
	color:#555555;
	border-bottom: dotted 1px #555555;

}

.tit_faq1 {
	color:#555555;
	border-bottom: dotted 1px #555555;
	text-align:left;
	padding-bottom:3%;
	width:82.13%;
	position: relative;

}

.tit_faq2 {
	color:#555555;
	border-bottom: dotted 1px #555555;
	text-align:left;
	padding-bottom:3%;
	position: relative;


}

/* 背景テキスト複合ブロック */

.bg_top1 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 101.47%;
    background: url(../img/bg_top_why01.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bg_top2 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 74.27%;
    background: url(../img/bg_top_why02.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}
.bg_top_why03 {
	float:right;
	width:35.47%;
}

.btn_api {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:92.8%;
}

.btn_api_abs {
	position:absolute;
	bottom:-15%;
	left:3.6%;
	width:92.8%;
}

.bg_top4_1 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 60.53%;
    background: url(../img/bg_top_why04_1.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bg_top4_2 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 58.9%;
    background: url(../img/bg_top_why04_2.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bg_top5 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 54.93%;
    background: url(../img/bg_top_why05.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.dotunder {
	border-bottom:2px dotted #ffffff;
}

.why06_left {
	float:left;
	width:28.66%;
}

.why06_right {
	float:right;
	width:67.84%;

}

.btn_voice {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:77.2%;
}

.bg_datsumou1 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 131.6%;
    background: url(../img/bg1_datsumou.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bg_datsumou2 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 106.5%;
    background: url(../img/bg2_datsumou.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bgtext1 {
	font-size: 1.2rem;
	line-height:1.8rem;
}

.bgtext2 {
	color:#fff;
	font-size: 1.4rem;
	line-height:2.2rem;
	font-weight:bold;
	width:100%;
	text-decoration: underline;
}

.bgtext_datsumou1_1 {
	left:3.9%;
	top:3%;
	width:48%;
	position: absolute;
}

.bgtext_datsumou1_2 {
	left:43%;
	top:31%;
	width:52%;
	position: absolute;
}

.bgtext_datsumou1_3 {
	left:3.9%;
	top:78.3%;
	width:56%;
	position: absolute;
}

.bgtext_datsumou2_1 {
	left:42%;
	top:9.4%;
	width:55%;
	position: absolute;
}

.bgtext_datsumou2_2 {
	left:6%;
	top:42.2%;
	width:54%;
	position: absolute;
}

.bgtext_datsumou2_3 {
	left:44%;
	top:70%;
	width:52%;
	position: absolute;
}

.bgtext_datsumou2_4 {
	left:4.4%;
	top:87.0%;
	width:91.2%;
	position: absolute;
	text-align:center;
}

.bg_course1 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 143.73%;
    background: url(../img/bg1_course.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bg_course2 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 98.53%;
    background: url(../img/bg2_course.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bgarea_coures2_1{
	left:0;
	top:9%;
	width:100%;
	position: absolute;
}

.bgtext_coures2_1{
	text-align:center;
	margin-bottom:1%;
	margin-left:11%;
letter-spacing:0.2px;
	white-space: nowrap;
}

.bghead_coures2_1{
	margin:0 18.8% 1.9% 28.8%;
	width:52.4%;
}

.bgtext_coures2_2{
	text-align:teft;
	margin:0 10%;
	width:80%;
}

.bgarea_coures2_2{
	left:0;
	top:56.2%;
	width:100%;
	position: absolute;
}

.bgtext_coures2_3{
	text-align:center;
	margin-bottom:1%;
	white-space: nowrap;
}

.bghead_coures2_2{
    margin: 0 14.87% 1.9%;
    width: 72.27%;
}

.bgtext_coures2_4{
	text-align:teft;
	margin:0 10%;
	width:80%;
}

.bgarea_coures3_1{
	left:0;
	top:9.5%;
	width:100%;
	position: absolute;
}


.bgtext_coures3_1{
	text-align:center;
	margin-bottom:1%;
	margin-left:7%;
	white-space: nowrap;
}

.bghead_coures3_1{
	margin:0 22.87% 2.3% 26.87%;
	width:50.27%;
}

.bgtext_coures3_2{
	text-align:teft;
	margin:0 10%;
	width:80%;
}

.bg_course3 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 68.67%;
    background: url(../img/bg3_course.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bg_course4 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 63.07%;
    background: url(../img/bg4_course.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bg_course5 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 73.6%;
    background: url(../img/bg5_course.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bg_course6 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 92.53%;
    background: url(../img/bg6_course.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bg_course7 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 54.27%;
    background: url(../img/bg7_course.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bg_course8 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 62.93%;
    background: url(../img/bg8_course.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bg_course9 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 67.6%;
    background: url(../img/bg9_course.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bg_course10 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 100.27%;
    background: url(../img/bg10_course.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bg_course11 {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 28.67%;
    background: url(../img/bg11_course.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.img_about1bk {
	position: relative;
	width:28.34%;
	float:right;
}

.absosection1_about {
	left:73.6%;
	top:22%;
	width:19.47%;
	position: absolute;
}

.img_about2bk {
	position: relative;
	width:17.09%;
	float:left;
}

.absosection2_about {
	left:7%;
	top:35%;
	width:12.75%;
	position: absolute;
}

.absosection3_about {
	left:86%;
	top:12%;
	width:10.67%;
	position: absolute;
}

.absosection4_about {
	left:6%;
	top:24%;
	width:10.27%;
	position: absolute;
}

.absosection_faq {
	right:-28%;
	bottom:-30%;
	width:22.81%;
	position: absolute;
}

.absosection_faq_2 {
	right:-28%;
	bottom:0;
	width:22.81%;
	position: absolute;
}

.absosection_faq2 {
	left:-10%;
	top:0;
	width:100%;
	position: absolute;
}

.bg_esthe_outer {
    background: url(../img/esthemenubk.png) ;
    padding:2.6%;
	width:100%;


}

.bg_esthe_inner {
	 	background:#ffffff;
	 	padding:4.8% 3.9%;
	 	text-align:left;
}

.bg_esthe_innerbox {
	padding-bottom:7.4%;
	border-bottom:dotted 2px #555555;
}

.bg_esthe_innerbox_end {
	padding-bottom:7.4%;
}

.bg_esthe_head {
	color:#fb4e76;
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
	line-height:2.4rem;
}

.bg_esthe_head_underline {
	text-decoration: underline;
}

/* NEWS */

.news_area {
	color:#ffffff;
	margin-top:10.4%;
}


.news_box {
	padding-bottom:2.6%;
	border-bottom: dotted 2px #fff;
}

.news_head {
	
}

.news_date {
	float:left;
	width:20.6%;
}

.news_title {
	float:left;
	width:74.4%;
	text-decoration: underline;
}

.news_title a{
	color:#fff;
}

.news_text {

}

/* グーグルマップ */

.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%;
}

.map_left {
	float:left;
	width: 50%;
}

.map_right {
	float:right;
	width: 50%;
}

.shop_block {
	border-bottom: dotted 4px #2e4361;
	padding:0 0 3.9% 0;
	margin-bottom: 3.9%;
}

.shop_left {
	float:left;
	width: 20%;
}

.shop_right {
	float:right;
	width: 80%;
}

.shop_recruit_left {
	float:left;
	width: 48%;
}

.shop_recruit_right {
	float:right;
	width: 50%;
}


/* VOICE */

.tit_voicelist {
	padding:0 0 3% 0;
	display: block;
	vertical-align: top;
	color:#555555;
	border-bottom: solid 1px #eeeeee;
	height:100%;
	
}

.box_voicelist_left {
	float:left;
    color:#ffffff;
    width: 18.46%;
    padding-top: 18.46%;
    background: url(../img/voicebak.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.absosection_voice {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
  text-align:center;
}


.box_voicelist_center {
	float:left;
	margin-left:5.59%;
	margin-right:5.59%;
	width: 61.54%;
	padding-top: 18.46%;
	position: relative;

}

.text_voicelist_center {
	width:100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%); /* Safari用 */
	transform: translate(0, -50%);
}

.box_voicelist_right {
	float:left;
    width: 8.82%;
	padding-top: 18.46%;
	position: relative;
}

.text_voicelist_right {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%); /* Safari用 */
	transform: translate(0, -50%);
	color:#b00000;
	font-size:4.2rem;
}


.text_voicelist_center_1 {
	width:100%;
	padding-bottom:1.3%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color:#555;
}

.text_voicelist_center_2 {
	color:#555;
}

.voice_loadmore {
	text-align:center;
	display:block;
	margin-top:3.9%;
	margin-bottom:6.5%;

}

.voice_loadmore a {
	color:#555555;
	text-decoration:none;
}

.voice_loadmore_icon {
	color:#b00000;
	font-size:2.4rem;
}

.frm_main select {
	width:100%;
	border:1px solid #f6f6f6;
	font-size:1.8rem;
	text-align:center;
	font-weight:normal;
}

/* VOICE INNER*/
.box_voiceinfo {
	background-color: #b00000;
	color:#ffffff;
	text-align:center;
	width:25.42%;
	padding:0.3% 0;
	display: inline-block;
	margin-right:2.3%;
}

.box_voiceinfo_text {
	display: inline-block;
}

.box_voiceinfo2 {
	background-color: #dedede;
	color:#555555;
	display: inline-block;
	padding:0.5% 3%;

}

.period_box_left	{
	float:left;
	width:20%;

}
.period_box_right	{
	float:right;
		width:75%;

}

/* TABLES */

.tbl_top {
	border:2px solid #fff;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;
	overflow: hidden;
}

.tbl_top td {
	background:#b1d3f0;
	border-bottom:2px solid #ffffff;
	border-left:2px solid #ffffff;
	text-align:center;
	vertical-align:middle;
	padding:2.6% 0;
	color:#3d92d9;

}

.tbl_top td.d1 {
	width:22%;
}

.tbl_top td.d2 {
	width:17%;
}

.tbl_top td.d3 {
	width:27%;
}

.tbl_top td.d4 {
	width:32%;
}

.tbl_top td.d5 {
	width:68%;
}


.tbl_top td.first {
	border-left: none;
}
.tbl_top td.bot {
	border-bottom: none;
}



.tbl_datsumou {
	border-collapse: collapse;
}

.tbl_datsumou th {
	width:25%;
	background:#eeeeee;
	border:2px solid #fff;
	text-align:center;
	vertical-align: middle;
}

.tbl_datsumou td {
	width:25%;
	background:#eeeeee;
	border:2px solid #fff;
	text-align:center;
	padding:3.9% 0;
	vertical-align: middle;
}

th.redex {
	width:25%;
	background:#eb6877;
	color:#fff;
	padding:9.46% 0;
}

th.grayex {
	width:25%;
	background:#7d7d7d;
	color:#fff;
}

td.tdhead {
	width:25%;
	background:#eeeeee;
	color:#555555;
}

td.tdred {
	width:25%;
	background:#efd2cf;
	color:#f0626d;
}

td.tdgray {
	width:25%;
	background:#eeeeee;
	color:#555555;
}

.tbl_recruit {
	margin-left:4.4%;
	margin-right:4.4%;
	border-collapse: collapse;
	width:91.2%;
	color:#555555;
}

.tbl_recruit th {
	width:36%;
	background:#eeeeee;
	border:1px solid #b5b5b5;
	text-align:center;
	vertical-align: middle;
	padding:2.6% 0;
}

.tbl_recruit td {
	width:52.6%;
	background:#ffffff;
	border:1px solid #b5b5b5;
	text-align:left;
	vertical-align: middle;
	padding:2.6% 1.3%;

}

.tbl_reserve {
	border-collapse: collapse;
	width:100%;
}

.tbl_reserve th {
	width:15.73%;
	border:2px solid #fff;
	text-align:center;
	vertical-align: middle;
	font-weight:normal;
	padding:2.6% 0;
}

.tbl_reserve th.th_head,
.tbl_reserve th.th_head2 {
	background:#e6beb4;
}

.tbl_reserve th.th_head2 {
	font-size:1.2rem;
}

.tbl_reserve td.th_head {
	background:#e6beb4;
	padding:1.3% 0;
}

.tbl_reserve td {
	width:11.24%;
	border:2px solid #fff;
	text-align:center;
	vertical-align: middle;
	font-size:1.2rem;
}

.tbl_reserve td.saturdayclass {
	background:#b8d5e0;
	padding:2.6% 0;
}

.tbl_reserve td.normaldayclass {
	background:#f2e6e6;
	padding:2.6% 0;
}

.tbl_reserve td.holidayclass {
	background:#e8c4d0;
	padding:2.6% 0;
}

.tbl_reserve td.td_end {
	background:#b8b8b8;
	padding:2.6% 0;
}

.tbl_reserve td.td_open {
	background:#f4f4f4;
	padding:2.6% 0;
	
}
.tbl_reserve td.td_open a{
    text-decoration:none;
	color:#555555;
}

.tbl_reserve td.td_close{
	font-weight:bold;
	background:#e8cdcd;
	
}

.tbl_reserve td.saturdayclass_shop {
	background:#98cadb;
	padding:2.6% 0;
}

.tbl_reserve td.holidayclass_shop {
	background:#df9aa5;
	padding:2.6% 0;
}

.tbl_reserve td.normaldayclass_shop {
	background:#c6c6c6;
	padding:2.6% 0;
}


.tbl_reserve th.th_head_shop,
.tbl_reserve th.th_head2_shop {
	background:#c6c6c6
}

.tbl_reserve th.th_head2_shop {
	font-size:1.2rem;
}

.tbl_reserve td.th_head_shop {
	background:#c6c6c6;
	padding:1.3% 0;
}

.tbl_reserve td.td_end_shop {
	background:#808080;
	padding:2.6% 0;
	color:#e9e9e9;
}

.tbl_reserve td.td_open_shop {
	background:#d9d9d9;
	padding:2.6% 0;
	
}
.tbl_reserve td.td_open_shop a{
    text-decoration:none;
	color:#3f3f3f;
}

.tbl_reserve td.td_close_shop{
	font-weight:bold;
	background:#f0dbcf;
	
}

/* FORM */

#frm_type1 {
	margin-left:4.4%;
	margin-right:4.4%;
	border-collapse: collapse;
	width:91.2%;
}

#frm_type1 .frm_head_pink {
	padding: 0.2% 0 2.3% 1.3%;
	border-left: 10px solid #b00000;
	margin-bottom:2.6%;
}

#frm_type1 .frm_head_normal {
	margin-bottom:1.3%;
}

#frm_type1 .frm_head_pink .expink {
	color:#b00000;
}

#frm_type1 .frm_head_pink .exred {
	color:#ffffff;
	background:#df4753;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;
	padding: 0 0.7%;
	margin-left:1.3%;
	font-weight:bold;
	font-size:1.2rem;
}


#frm_type1 .frm_main {
	margin-bottom: 9.1%;
	width:100%;
}

#frm_type1 .frm_main input{
	border:1px solid #9e9f9f;
	font-size:1.4rem;
	border-radius: 5px;


}

#frm_type1 .frm_main input[type="text"] ,
#frm_type1 .frm_main input[type="email"] ,
#frm_type1 .frm_main input[type="url"] ,
#frm_type1 .frm_main input[type="tel"] ,
#frm_type1 .frm_main input[type="number"] {
	width: 100%;
	-webkit-appearance: none;
	padding: 1.3%;
}

#frm_type1 .frm_main input[type="radio"] {
	padding:1.3% 0;
vertical-align:bottom;
}


#frm_type1 .frm_main select {
	width:100%;
	border:1px solid #9e9f9f;
	-webkit-appearance: none;
	padding: 1.3%;
	font-size:1.4rem;
	border-radius: 5px;
	font-weight:normal;
	height:2.6rem;
}

#frm_type1 .frm_main textarea{
	width:100%;
	border:1px solid #9e9f9f;
	font-size:1.4rem;
	border-radius: 5px;

}

#frm_type1 .frm_main .frm_zipline{
	vertical-align:middle;

}



#frm_type1 .frm_main .btn_address{
	width:25%;
}



#frm_type1 .frm_main .frm_zipline1{
	padding-top:1.3%;
	float:left;
	width:7.6%;
	text-align:left;
}

#frm_type1 .frm_main .frm_zipline2{
	float:left;
	width:15.5%;
}


#frm_type1 .frm_main .frm_zipline3{
	padding-top:1.3%;
	float:left;
	width:8.3%;
	text-align:center;
}

#frm_type1 .frm_main .frm_zipline4{
	float:left;
	width:27.4%;
}


#frm_type1 .frm_main .frm_zipline5{
	float:right;
	width:37%;
}

#frm_type1 .frm_main .frm_mailline1{
	float:left;
	width:45.3%;
}

#frm_type1 .frm_main .frm_mailline2{
	padding-top:0.7%;
	float:left;
	width:14.2%;
	text-align:center;
}

#frm_type1 .frm_main .frm_mailline3{
	float:left;
	width:40.5%;
}

#frm_type1 .frm_main .frm_telline1{
	float:left;
	width:27.4%;
}

#frm_type1 .frm_main .frm_telline2{
	padding-top:0.7%;
	float:left;
	width:8.9%;
	text-align:center;
}

#frm_type1 .frm_main .frm_telline3{
	float:left;
	width:27.4%;
}

#frm_type1 .frm_main .frm_telline4{
	padding-top:0.7%;
	float:left;
	width:8.9%;
	text-align:center;
}

#frm_type1 .frm_main .frm_telline5{
	float:left;
	width:27.4%;
}

#frm_type1 .frm_main .frm_birthline1{
	float:left;
	width:27.4%;
}

#frm_type1 .frm_main .frm_birthline2{
	padding-top:0.7%;
	float:left;
	width:11.2%;
	text-align:center;
}

#frm_type1 .frm_main .frm_birthline3{
	float:left;
	width:19.4%;
}

#frm_type1 .frm_main .frm_birthline4{
	padding-top:0.7%;
	float:left;
	width:11.2%;
	text-align:center;
}

#frm_type1 .frm_main .frm_birthline5{
	float:left;
	width:19.4%;
}

#frm_type1 .frm_main .frm_birthline6{
	padding-top:0.7%;
	float:left;
	width:11.2%;
	text-align:center;
}

#frm_type1 .frm_main .frm_ageline1 label{
	padding:2.6% 0;
	border:1px solid #555;
	dispay:block;
	float:left;
	width:48%;
	text-align:left;
	background:#f1a6b4;
}

#frm_type1 .frm_main .frm_ageline2 label{
	padding:2.6% 0;
	border:1px solid #555;
	dispay:block;
	float:right;
	width:48%;
	text-align:left;
}

#frm_type1 .frm_main .frm_builine1{
	float:left;
	width:33.3%;
}

#frm_type1 .frm_main .frm_builine2{
	float:left;
	width:33.3%;
}

#frm_type1 .frm_main .frm_builine3{
	float:left;
	width:33.3%;
}

#frm_type1 .frm_main .frm_knowline1{
	float:left;
	width:50%;
}

#frm_type1 .frm_main .frm_knowline2{
	float:left;
	width:50%;
}

#frm_type1 .frm_main .frm_numberline1{
	float:left;
	width:25%;
}

#frm_type1 .frm_main .frm_numberline2{
	float:left;
	width:25%;
}

#frm_type1 .frm_main .frm_numberline3{
	float:left;
	width:25%;
}

#frm_type1 .frm_main .frm_numberline4{
	float:left;
	width:25%;
}

#under19 {
	display:none;
}

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+6,bfbfbf+100 */
.btn_address {
	width:100%;
    font-size:1.2rem;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:2.5% 0 2.9%;
    color:#555;
    border:1px solid #dcdcdc;
	border-radius: 1px;		/* CSS3草案 */
	-webkit-border-radius: 1px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 1px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(191,191,191,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 6%,rgba(191,191,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 6%,rgba(191,191,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bfbfbf',GradientType=0 ); /* IE6-9 */
}

.frm_btn_bg {
	border: 0px;
	width:100%;
    height: 0;
    padding-top: 12.6%;
    background: url(../img/btn_confirm.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
	cursor: pointer;
}

.frm_btn_bg_reserve {
	border: 0px;
	width:100%;
    height: 0;
    padding-top: 12.6%;
    background: url(../img/btn_reserve.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
	cursor: pointer;
}

.frm_btn {
    width: 81.5%;
	margin-left:auto;
	margin-right:auto;
    text-align:center;
}

.btn_rinrin_douisho {
  padding: 1em 2em;
  border: none;
  display: inline-block;
  background-color: #666;
  font-size: 1.4rem;
  line-height: 1;
  color: #fff #important;
  position: relative;
  cursor: pointer;
}



/* MOVIE */

.box_movie1 {
	float:left;
	margin-left:2.4%;
	margin-right:2.4%;
	width:46.4%;
}

.box_movie2 {
	float:left;
	width:46.4%;
	margin-right:2.4%;
}

.box_movie_company {
	background:#f3f3f3;
	margin-left:2.4%;
	margin-right:2.4%;
}

.box_movie1a {
	float:left;

	margin-right:2.4%;
	width:46.4%;
}

.box_movie2a {
	float:left;
	width:46.4%;
	padding-top:9%;
}


.moviewrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.moviewrap iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.tit_line {
	position: relative;
	text-align: left;
}

.tit_noline {
	position: relative;
	display: inline-block;
	text-align: left;
	font-size:1.25rem;
}

.tit_line span {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding-right:0.8em;
	background-color: #fff;
	text-align: left;
	font-size:1.25rem;
}




/* FOOTER */

#footerarea {
	background:#f9bdb2;
		background-image: url(../img/bar_footer.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-size:50%;
}


#footerarea2 {
	background-image: url(../img/bar_footer.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size:50%;
}

.footer_inner {
	width: 100%;
	margin: 0 auto;
}

.footernavi {
	padding-top:9%;
}


#footer_btn1,
#footer_btn4 {
	float:left;
	margin-left:6%;
	width:26%;
}

#footer_btn2,
#footer_btn3,
#footer_btn5,
#footer_btn6 {
	float:left;
	margin-left:5%;
	width:26%;
}

#footer_btnnew1 {
	float:left;
	margin-left:10.5%;
	width:17.5%;
	margin-bottom: 4.9%;
}

#footer_btnnew2,
#footer_btnnew3,
#footer_btnnew4 {
	float:left;
	margin-left:3%;
	width:17.5%;
	margin-bottom: 4.9%;
}


.footer_btn_ex1 {
	float:left;
	margin-left:6%;
	width:42%;
}

.footer_btn_ex2 {
	float:left;
	margin-left:4%;
	width:42%;
}

.footer_btn_rel1 {
	float:left;
	margin-left:6%;
	width:28%;
}

.footer_btn_rel2 {
	float:left;
	margin-left:2%;
	width:28%;
}

.footer_btn_rel3 {
	float:left;
	margin-left:2%;
	width:28%;
}

.footline {
	margin:0 6% 1.3% 6%;
	border-bottom:1px solid #ffffff;
	padding-bottom:1.3%;
}

#footer_nav1 {
	float:left;
	width:72%;
	line-hight:0;
	color:#fff;
}

#footer_nav1a {
	margin-bottom:2.6%;
}
#footer_nav2a {
	margin-bottom:2.6%;
}

#footer_logo {
	float:right;
	width:28%;
	padding-top:2.6%;
}

#footer_nav1 a{
	font-size:1.4rem;
	line-hight:0;
	color:#fff;
	text-decoration:none;
}

#footer_copy {
	margin-left:6%;
	text-align:left;
	font-size:1.05rem;
	line-hight:0;
	color:#fff;
}

#footer_copy2 {
	padding-top:3.9%;
	margin-left:6%;
	text-align:left;
	font-size:1.05rem;
	line-hight:0;
	color:#fff;
}

#footer_rettop {
	width:100%;
	text-align:center;
	margin:0 auto;

}

#footer_rettop img{
	width:25.5%;

}

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}

.menu-trigger {
	position: relative;
	width:100%;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 84.9%;
    background: url(../img/btn_menu.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;

}

.menu-trigger span {
	position: absolute;
	left: 25%;
	width: 50%;
	height: 4px;
	background-color: #fff;
	border-radius: 4px;
}

.menu-trigger span:nth-of-type(1) {
	top: 50%;
}

.menu-trigger span:nth-of-type(2) {
	top: 25%;
}

.menu-trigger span:nth-of-type(3) {
	top: 75%;
}

.menu-trigger span:nth-of-type(4) {
	top: 50%;
}

.menu-trigger.active {
	border:1px solid #ffffff;
	background-color: rgba(255,255,255,0.5);
	
}
.menu-trigger.active span:nth-of-type(1) {

	-webkit-transform: translateY(280%) rotate(-45deg);
	 transform: rotate(-45deg) translateY(0);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
	opacity: 0;
}

.menu-trigger.active span:nth-of-type(4) {
	-webkit-transform: translateY(-280%) rotate(45deg);
	transform: rotate(45deg) translateY(0);
}

.drower {
    position: absolute;
	margin-top:15%;

    left: 0px;
	width: 100%;
	background-color: #fff;

    overflow: hidden;
    z-index: 90000;
    display:none;
}

.drower ul {
	width: 100%;
	overflow:hidden;
}

.drower ul li {
	padding-bottom:1.6%;
	margin-bottom:1.6%;
	padding-left:4.25%;
	padding-right:4.25%;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
.drower ul li a{
	text-decoration:none;
	font-size:1.2rem;
	display: block;
}

.drower ul li:first-child {
	padding-top:1.6%;
	padding-bottom:1.6%;
	margin-bottom:1.6%;
	padding-left:4.25%;
	padding-right:4.25%;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

.drower ul li:last-child {
	padding-bottom:1.6%;
	margin-bottom:0;
	padding-left:4.25%;
	padding-right:4.25%;
	border-bottom:none;
}

.btn_keyvisual {
	position: absolute;
	left: 63%;
	top: 41%;
	width:35%;

	animation-delay:1.5s;
	animation-iteration-count: infinite;
}

.btn_keyvisual img{
	width:98%;
	animation-delay:2s;
	animation-iteration-count: infinite;
}

.headbanner {
	padding:0 2% 3.5%;
}

.headbanner img{
	animation-delay:2s;
	animation-iteration-count: infinite;
}

.animate_loop{
	animation-delay:2s;
	animation-iteration-count: infinite;
}


/*　NEW 2017.10　*/
.campaign_new {
	width:95%;
	position: relative;
}

.btn_keyvisual_new {
	position: absolute;
	left: 63%;
	top: 79%;
	width:35%;
}

.btn_keyvisual_new img{
	width:100%;
	animation-delay:2s;
	animation-iteration-count: infinite;
}

.bg_menu {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 77.87%;
    background: url(../img_new/menu.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bg_menu_list {
	left:0;
	top:10%;
	width:100%;
	position: absolute;
}

.bg_menu_mynavi_img {

}

.bg_menu1 {
	float:left;
	width:26.53%;
}

.bg_menu2 {
	float:left;
	width:23.47%;
}

.bg_menu3 {
	float:left;
	width:23.33%;
}

.bg_menu4 {
	float:left;
	width:26.67%;
}

.bg_menu_mynavi {
	float:left;
	width:50%;
}

.bg_menu_mynavi_img {
	margin-top:10%;
	margin-left:10.13%;
	margin-right:14.4%;
}

.tit_news_new {
	border:1px solid #ffffff;
	colot:#ffffff;
	width:18.67%;
	text-align:center;
	padding:1.3% 0;
}

.news_head_new {
	
}

.news_date_new {
	float:left;
	width:25.6%;
	font-size: 1.2rem;
}

.news_title_new {
	float:left;
	width:69.4%;
	text-decoration: underline;
	font-size: 1.2rem;
}

.news_title_new a{
	color:#fff;
}

.tit_newsmore_new {
	width:44.9%;
	text-align:center;
	padding:1.3% 0;
	margin-left:52.67%;
	margin-top:3.9%;
	border:1px solid #ffffff;
	font-size: 1.2rem;
}

.tit_newsmore_news a {
	color:#ffffff;
	text-decoration:none;
}

.footer_btn_ex1_new {
	float:left;
	margin-left:6%;
	width:42.67%;
}

.footer_btn_ex2_new {
	float:left;
	margin-left:2.66%;
	width:42.67%;
}

.footer_btn_exlong_new {
	margin-left:6%;
	width:88%;
}

.bg_course1_new {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 98%;
    background: url(../img_new/bg1_course_new.jpg) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}

.bg_course2_new {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 114.27%;
    background: url(../img_new/bg2_course_new.jpg) 0 0 no-repeat;
    background-size: contain;
	position: relative;
}


.bgtext_course1 {
	left:5%;
	bottom:2.3%;
	position: absolute;
}

.bgtext_course1_2 {
	width:95%;
	margin:0 auto 1.3%;
}


.bgtext_kids {
	color: #f7206c;
	font-weight: bold;
	font-size: 90%;
}

.campaignimg1,
.campaignimg2 {
	opacity: 0;
}

/* */
.slidebox {
	padding:20px 0 0 0;
}

#header_logonew{
	float:left;
	width:41.6%;
}

#header_btn1new {
	float:left;
	width:14.53%;
}

#header_btn2new {
	float:left;
	width:14.53%;
}

#header_btn3new {
	float:left;
	width:14.53%;
}

#header_menunew {
	float:left;
	width:14.8%;

}

.menu-triggernew,
.menu-triggernew span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}

.menu-triggernew {
	width:100%;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 100%;
    background: url(../img_new2/menu.png) 0 0 no-repeat;
    background-size: contain;
	position: relative;

}

.menu-triggernew span {
	position: absolute;
	left: 25%;
	width: 50%;
	height: 2px;
	background-color: #fff;

}

.menu-triggernew span:nth-of-type(1) {
	top: 40%;
}

.menu-triggernew span:nth-of-type(2) {
	top: 25%;
}

.menu-triggernew span:nth-of-type(3) {
	top: 55%;
}

.menu-triggernew span:nth-of-type(4) {
	top: 40%;
}

.menu-triggernew.active {
	
}
.menu-triggernew.active span:nth-of-type(1) {
	-webkit-transform: translateY(280%) rotate(-45deg);
	 transform: rotate(-45deg) translateY(0);
}
.menu-triggernew.active span:nth-of-type(2) {
	opacity: 0;
}

.menu-triggernew.active span:nth-of-type(3) {
	opacity: 0;
}

.menu-triggernew.active span:nth-of-type(4) {
	-webkit-transform: translateY(-280%) rotate(45deg);
	transform: rotate(45deg) translateY(0);
}


#contents_topnew {
	max-width: 100%;
	margin: 0 auto;
	padding-top:16%;
}

.menu_bg {
	background:#fff1f1;
	padding:10% 0;
}

.menu_bg_new {
	background:#fff;
	padding:0 0 5%;
}

.reason_bg {
    background: url(../img_new2/bg_reason.png) 0 459px;
	    background-size: contain;

}

.reason_headimg {
	margin-bottom:25px;
}

.reason_text {
	color:#e20c44;
	width:96.6%;
	margin-left:1.9%;
	font-size:1.4rem;
	line-height:2.2rem;
	margin-top:15px;
	padding-bottom:30px;
}

.reason_text_black {
	color:#555555;
	width:96.6%;
	margin-left:1.9%;
	font-size:1.4rem;
	line-height:2.2rem;
	margin-top:15px;
	padding-bottom:30px;
}

.reason1_btn {
	width:53.7%;
	margin:0 auto 30px;

}

.reason2_btn {
	width:56%;
	margin:0 auto 30px;

}

.reason3_btn {
	width:57.333%;
	margin:0 auto 30px;

}

.reason_and_btn {
	width:36%;
	margin-left:32%;
}

.reason6 {
	margin:0 auto 30px;

}


.shoplistarea_new {
	padding-top:10%;
	padding-bottom:7%;
}

.shoplist_new1 {
	float:left;
	margin-left:12%;
	margin-bottom:2%;
	width:31%;
	color:#e20c44;
	background-color: #ffc7d7;
	border-radius: 4px;
	padding:3%;
	text-align:center;

}
.shoplist_new2 {
	float:left;
	margin-left:2%;
	margin-bottom:2%;
	width:31%;
	color:#e20c44;
	background-color: #ffc7d7;
	border-radius: 4px;
	padding:3%;
	text-align:center;


}

.voice_bg {
    background: url(../img_new2/bg_voice.png) 0 0px;
	    background-size: contain;

}

.voice_img1 {
	padding-top:30px;
	padding-bottom:30px;
}

.voice_img2,
.voice_img3 {
	padding-bottom:30px;
}

.voice_btn {
	width:57.33%;
	margin-left:21.335%;
	padding-bottom:30px;
}

.kv04_btn {
	width:100%;
	left:0;
	bottom:15px;
	position: absolute;
}

.menu_list {
	margin-bottom:7.8%;
}

.menubox1 {
	float:left;
	width:27.7%;
	margin-left:4.225%;
}

.menubox2 {
	float:left;
	width:27.7%;
	margin-left:4.225%;
}

.menubox3 {
	float:left;
	width:27.7%;
	margin-left:4.225%;
}

.menu_list_new {
}

.menubox1_new {
	float:left;
	width:33.33333333%;
}

.menubox2_new {
	float:left;
	width:33.33333333%;
}

.menubox3_new {
	float:left;
	width:33.33333333%;
}


.newtitle {
	background:#e20c44;
	color:#fff;
	font-size:1.8rem;
	padding:1.6% 0 1.6% 1.6%;
	width:98.4%;
}

.newtitle_center {
	background:#e20c44;
	color:#fff;
	font-size:1.8rem;
	padding:1.6% 0 1.6% 1.6%;
	width:98.4%;
	text-align:center;
}


.white_bg {
	background:#fff;
}

.block_contents1 {
	padding-top:20px;
	padding-bottom:30px;
}

.block_contents2 {
	padding-bottom:30px;
}


.block_contents_left {
	float:left;
	width:46.8%;
	margin-left:1.5%;
}

.block_contents_right {
	float:right;
	width:46.8%;
	margin-right:1.5%;
}

.textbox_contents {
	font-size:1.2rem;
	line-height:2.0rem;
	color:#000;
}

.slider {
padding: 0;  
margin: 0;
}

.swiper-wrapper {
	width:98.4%;
	padding:5px 0 20px 0;
}

.swiper-slide {

    text-align:center;
    display: block;
    margin: 0 auto;
    width:90%;

}


.swiper-slide-text {
	font-size:1.2rem;
    overflow: hidden
    text-overflow: ellipsis
    white-space: nowrap


}

.btn_reserve_sp_bk{
    position: fixed;
    width: 100%;
	text-align: center;
    bottom:1.3%;
	display: block;
	margin:0 auto;
    z-index:1001;

}

.btn_reserve_sp_bk img{
	display: inline-block;
}

.btn_reserve_sp_bk_new{
    position: fixed;
    width: 100%;
	text-align: center;
    bottom:0;
    padding-top:2.6%;
    padding-bottom:2.6%;
	display: block;
	margin:0 auto;
    z-index:1001;
    background-color: rgba(255,255,255,0.75);

}

.btn_reserve_sp_bk_new img{
	display: inline-block;
}


.footer_menu_left {
	float:left;
	width:50%;
	background:#e47d75;
}

.footer_menu_left a {
	display: block;
}


.footer_menu_right {
	float:left;
	width:50%;
	background:#e47d75;
}

.footer_menu_right a{
	display: block;
}

.footermenu {
	padding:3.9% 0;
	background:#e47d75;
}

.footer_menu_text {
	float:left;
	padding:7.8% 0 7.8% 10%;
	color:#fff;
	font-size:1.2rem;
}

.footer_menu_icon {
	float:right;
	color:#fff;
	padding:7.8% 7.5% 7.8% 0;
	font-size:1.8rem;
}

.footer_menu_text2 {
	float:left;
	padding:7.8% 0 7.8% 4%;
	color:#fff;
	font-size:1.2rem;
}

.footer_menu_icon2 {
	float:right;
	color:#fff;
	padding:7.8% 13% 7.8% 0;
	font-size:1.8rem;
}

#breadcrumb {
	font-size:1.6rem;
}

.entry-contact-submit2 {
	-webkit-appearance: none;
	color: white;
	background-color: #b00000;
	border: 1px solid #b00000;
	font-size: 16px;
	padding: 15px; 
	text-align:center;
}
.entry-contact-submit2:hover {
	opacity: .5;
	transition: .3s;
	cursor: pointer;
}


.btn_recruit_sp_bk{
    position: fixed;
    width: 100%;
	text-align: center;
    bottom:1.3%;
	display: block;
	margin:0 auto;
    z-index:1001;
	background-color: rgba(255,255,255,0.7);
	padding:2.6% 0;
}

.btn_recruit_sp_bk img{
	display: inline-block;

}

.box_btn_cv1 {
	float:left;
	margin-left:6%;
	margin-right:4%;
	width:13%;
}

.box_btn_cv2{
	float:left;
	margin-right:4%;
	width:13%;
}

.box_btn_cv3 {
	float:left;
	width:53%;
}

.centerboxnew {
	margin:0 auto;
	width:350px;
}

.tit_center_new {
	text-align: center;
}

.btn_recruit {
    width: 66%;
	margin-left:auto;
	margin-right:auto;
    text-align:center;
}

#frm_type1 .frm_main select {
	-webkit-appearance: none;
}

#frm_type1 .frm_main .frm_birthline_new0{
	padding-top:0.7%;
	float:left;
	width:11.2%;
}

#frm_type1 .frm_main .frm_birthline_new1{
	float:left;
	width:31.4%;
}

#frm_type1 .frm_main .frm_birthline_new2{
	padding-top:0.7%;
	float:left;
	width:8.6%;
	text-align:center;
}

#frm_type1 .frm_main .frm_birthline_new3{
	float:left;
	width:21.4%;
}

#frm_type1 .frm_main .frm_birthline_new4{
	padding-top:0.7%;
	float:left;
	width:8.6%;
	text-align:center;
}

#frm_type1 .frm_main .frm_birthline_new5{
	float:left;
	width:21.4%;
}

#frm_type1 .frm_main .frm_birthline_new6{
	padding-top:0.7%;
	float:left;
	width:8.6%;
	text-align:center;
}

.th_block_head {
	line-height:2.2rem;
	font-size:1.4rem;
	font-weight:bold;
	color:#000000;
	margin-bottom: 3.9%;
	text-align:center;


}
.th_block_red {
	line-height:1.45rem;
	font-size:1.45rem;
	font-weight:bold;
	margin-bottom: 9.1%;
	color:#ff0000;
	text-align:center;


}
.th_block1 {
	line-height:1.8rem;
	font-size:1.05rem;
	font-weight:normal;
	margin-bottom: 5.2%;
	color:#000000;
}

.th_block1 a {
	font-weight:bold;
	color:#1d2088;
}

.th_block2 {
	line-height:1.8rem;
	font-size:1.05rem;
	font-weight:normal;
	margin-bottom: 9.1%;
	color:#000000;

}

.th_block_line {
	background:url(../img_new2/wave-red.png) bottom repeat-x;
	background-size: 10px;
}

.th_block3 {
	line-height:1.8rem;
	font-size:1.2rem;
	font-weight:normal;
	color:#000000;
}
.nodisplay {
	display:none;
}

.loadingsarea {
	text-align:center;

}


span.loadings {
    display: inline-block;
    white-space: nowrap;
    color:#eeab9e;
	font-size:1.8rem;
	text-align:center;
	font-weight:bold;
	line-height:4.45rem;

}
    span.loadings span {
        display: inline-block;
        vertical-align: middle;
    }
    span.loadings span:nth-of-type(1) {
        -webkit-animation: animation 2s ease 0s infinite;
        animation: animation 2s ease 0s infinite;
    }
    span.loadings span:nth-of-type(2) {
        -webkit-animation: animation 2s ease 0.1s infinite;
        animation: animation 2s ease 0.1s infinite;
    }
    span.loadings span:nth-of-type(3) {
        -webkit-animation: animation 2s ease 0.2s infinite;
        animation: animation 2s ease 0.2s infinite;
    }
    span.loadings span:nth-of-type(4) {
        -webkit-animation: animation 2s ease 0.3s infinite;
        animation: animation 2s ease 0.3s infinite;
    }
    span.loadings span:nth-of-type(5) {
        -webkit-animation: animation 2s ease 0.4s infinite;
        animation: animation 2s ease 0.4s infinite;
    }
    span.loadings span:nth-of-type(6) {
        -webkit-animation: animation 2s ease 0.5s infinite;
        animation: animation 2s ease 0.5s infinite;
    }
    span.loadings span:nth-of-type(7) {
        -webkit-animation: animation 2s ease 0.6s infinite;
        animation: animation 2s ease 0.6s infinite;
    }

@-webkit-keyframes animation {
    0% {
        margin-top: 0;
    }
    5% {
        margin-top: -1em;
    }
    10% {
        margin-top: 0;
    }
    13% {
        margin-top: -0.5em;
    }
    16% {
        margin-top: 0;
    }
    18% {
        margin-top: -0.2em;
    }
    20% {
        margin-top: 0;
    }
}

@keyframes animation {
    0% {
        margin-top: 0;
    }
    5% {
        margin-top: -1em;
    }
    10% {
        margin-top: 0;
    }
    13% {
        margin-top: -0.5em;
    }
    16% {
        margin-top: 0;
    }
    18% {
        margin-top: -0.2em;
    }
    20% {
        margin-top: 0;
    }
}

/* 新リクルート2019.03 */
#frm_type1 .frm_main .frm_schoolline1{
	float:left;
	width:21%;
	font-size:1.05rem;
}

#frm_type1 .frm_main .frm_schoolline2{
	float:left;
	width:17%;
	font-size:1.05rem;
}

#frm_type1 .frm_main .frm_schoolline3{
	float:left;
	width:17%;
	font-size:1.05rem;
}

#frm_type1 .frm_main .frm_schoolline4{
	float:left;
	width:24%;
	font-size:1.05rem;
}


#frm_type1 .frm_main .frm_schoolline5{
	float:left;
	width:21%;
	font-size:1.05rem;
}

.exred_simple {
	color:#ffffff;
	background:#df4753;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;
	padding: 0 0.7%;
	margin-left:1.3%;
	font-weight:bold;
	font-size:1.2rem;
}

#frm_type1 .frm_main .frm_shopline1{
	float:left;
	width:48%;
	margin-right:4%;

}


#frm_type1 .frm_main .frm_shopline2{
	float:left;
	width:48%;

}
#frm_type1 .frm_main .frm_shopline1 select,
#frm_type1 .frm_main .frm_shopline2 select{
}

.b_line {
	margin-bottom:10.4%;
	padding-bottom:3.25%;
	border-bottom:1px solid #eeab9e;
}

.parts_box1 {
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

.parts_heading {
	color:#e4345c;
	font-size: 1.4rem;
	line-height:0;
	text-align:center;
}

.parts_pinkbox {
	margin-left:auto;
	margin-right:auto;
	padding:5%;
	width:90%;
	background:#fbe7e7;
}

.parts_arrow_bottom {
	margin-left:auto;
	margin-right:auto;
	width:33.6%;
}

.parts_faq_box {
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

.parts_faq_q {
	height:100%;
}


.parts_faq_q_left {
	float:left;
	width:16%;
	margin-left:4%;
}

.parts_faq_q_right {
	float:left;
	width:80%;
	height:100%;
	color:#e4345c;
	font-size: 1.4rem;
	line-height:1.8rem;

}

.parts_faq_q_right1 {
	padding-top:3.9%;
}

.parts_faq_q_right2 {
	padding-top:1.3%;
}

.parts_faq_a {
	margin-left:auto;
	margin-right:auto;
	padding:5%;
	width:90%;
	background:#fbe7e7;
}

.parts_faq_a_left {
	float:left;
	width:10%;
}

.parts_faq_a_right {
	float:left;
	margin-left:4%;
	width:86%;
	color:#333333;
	font-size: 1.2rem;
	line-height:1.8rem;
	padding-top:1.3%;
}

.parts_voice_box {
	margin-left:auto;
	margin-right:auto;
	padding:2% 5% 5%;
	width:90%;
	background:#fbe7e7;
}

.parts_voice1_left {
	float:left;
	width:17.8%;
	margin:0 4%;
}

.parts_voice1_right {
	float:left;
	width:74.2%;
	height:100%;
	color:#e4345c;
	font-size: 1.4rem;
	line-height:1.8rem;
	padding-top:5.6%;
}

.parts_voice2 {
	margin-left:auto;
	margin-right:auto;
	padding:5%;
	width:90%;
	background:#ffffff;
	font-size: 1.4rem;
	line-height:1.8rem;
}

.parts_tab {
	clear:both;
	border-top: 2px solid #e4345c; 

}

/*タブのスタイル*/
.tab_item {
	width: 41%;
	border-top: 2px solid #e4345c;
	border-left: 2px solid #e4345c; 
	border-right: 2px solid #e4345c; 

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #fff;
	font-size: 1.4rem;
	line-height:1.8rem;
	text-align: center;
	color: #e4345c;
	display: block;
	transition: all 0.2s ease;
	padding:1.9% 0;
}

.tab_item_l {
	float: left;
}

.tab_item_r {
	float: right;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
	display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;

  clear: both;
  overflow: hidden;
  width:86.7%;
  margin:7.2% auto 3.9%;

}

.tab_content_left {
	float:left;
	width:23.8%
}

.tab_content_center {
	float:left;
	width:52.4%
}

.tab_content_right {
	float:left;
	width:23.8%
}

.tab_content_left_arrow {
	position:relative;
	margin-bottom:15%;
}

.tab_content_left_arrow_last {
	position:relative;
}


#partslist1:checked ~ #partslist1_content,
#partslist2:checked ~ #partslist2_content {
  display: block;
}

.tab_content_left_arrow_text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-60%);
	-webkit- transform: translateY(-50%) translateX(-60%);
	width:80%;
	font-size:1.2rem;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

.tab_content_right_arrow_text{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-40%);
	-webkit- transform: translateY(-50%) translateX(-40%);
	width:80%;
	font-size:1.2rem;
	color:#fff;
	font-weight:bold;
	text-align:center;
}



/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #e4345c;
  color: #fff;
}

#slide_box {
    overflow: hidden;
    position: fixed;
    width:100%;
    bottom:0;
    right:0;
	transition: .5s;
    z-index:500000;
}

.trbox {
	opacity:0.5;
}

#slide_box_wait {
    overflow: hidden;
    position: fixed;
    width:90px;
    bottom:50px;
    right:10px;
	transition: .5s;
    z-index:500000;
}

#slide_box_wait.hide {
    transform: translateY(171px);
}
#slide_box_wait.open {
    transform: translateY(0);
}

#slide_box.hide {
    transform: translateY(280px);
}

#slide_box.hide2 {
    transform: translateY(100%);
}

#slide {
    width: 100%;
}
#slide-in {

}

#slide-header_upper {
	height:23px;
	background:#e5355e;
	border-radius: 10px 10px 0 0;
	color:#fff;
	font-size:1.6rem;
	padding-top:5px;
	font-weight:bold;
	position:relative;
	text-align:center;

}

#slide-header_upper_close {
	position: absolute;
	top: 5px;
	right: 5px;

}



#slide-header_lower {
	height:74px;
	background:#fff;
	border-bottom:1px solid #dddede;
	border-left:1px solid #dddede;
	border-right:1px solid #dddede;
	box-sizing: border-box;

}

#slide-header_lower_left {
	float:left;
	width:60px;
	height:60px;
	margin-left:24px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;

}

#slide-header_lower_right {
	float:left;
	text-align:left;
	padding-top:5px;
	font-size:1.4rem;

}

.slide-header_lower_right_head {
	color:#e5355e;
	font-weight:bold;
	font-size:1.8rem;
	margin-bottom:5px;
}

#slide-main_outer {
    width:100%;
	transition: .5s;
}

#slide-main_outer.hide{
    transform: translateY(100%);
}

#slide-main {
    width:100%;
	height:251px;
	background:#fff;
	border-bottom:1px solid #dddede;
	border-left:1px solid #dddede;
	border-right:1px solid #dddede;
	box-sizing: border-box;
	overflow-y:scroll;
	overflow-x: hidden;
	position:relative;
}

#loadingarea {

	height:25px;
	background:#fff;
	border-left:1px solid #dddede;
	border-right:1px solid #dddede;
	box-sizing: border-box;
	padding:5px 0;
	padding-left:30px;
}

.baloon_head {
	font-weight:bold;
	font-size:1.4rem;
	margin-bottom:5px;
}

.balloon-set-box {
	display: flex;
	flex-wrap: wrap;
}

.balloon-set-box.left { /* 左 */
	flex-direction: row;
}
.balloon-set-box.right { /* 右 */
	flex-direction: row-reverse; /* アイコンと吹き出しの並びを入れ替える */
}

.balloon,
.balloon2 {
	position: relative; /* 三角の位置を固定するために設定 */
	display: inline-block;
	max-width: 1200px;
	margin: 10px 20px 20px; /* 上 左右 下のマージン */
	padding: 8px 15px; /* ふきだし内の余白 */
	text-align: left; /* テキストの揃え */
	border-radius: 15px;
	font-size:1.2rem;
}
.balloon::after,
.balloon2::after {
	content: '';
	border: 14px solid transparent;
	position: absolute;
  top: 0;
}

.balloon {
	background: #ffcecb; /* 背景色 */
}
.balloon::after {
	border-top-color: #ffcecb;
}

.balloon2 {
	background: #dcdcdc; /* 背景色 */
}
.balloon2::after {
	border-top-color: #dcdcdc;
}

.left .balloon::after,
.left .balloon2::after { /* 左側からの三角の位置 */
	left: -10px;
}
.right .balloon::after,
.right .balloon2::after { /* 右側からの三角の位置 */
	right: -10px;
}

.balloon a,
.balloon2 a {
	color:#000;
	text-decoration: underline;
}

.newopen {
	background:#e20c44;
	color:#fff;
	padding:1.6% 0;
	width:100%;
	text-align:center;
}

.newopen1 {
	float:left;
	width: calc(50 / 750 * 100%);
	margin-left:calc(85 / 750 * 100%);

}
.newopen2 {
	float:left;
	width: calc(480 / 750 * 100%);
	font-size:1.25rem;
	padding-top:1.3%;
	

}
.newopen3 {
	float:left;
	width: calc(50 / 750 * 100%);

}
.newopen_arrow {
	color:#e83d69;
}

.newopen_news1 {
	margin:2.9% auto;
	text-align:center;
}

.newopen_news1 a{
	font-size:1.15rem;
	color:#000;
}

.telnotice {
	font-size:1.2rem;
	line-height:18px;
}

.telnotice a{
    text-decoration: none;
}

.telnotice_btn{
  -webkit-appearance: none;
    color: white;
    background-color: #b00000;
    border: 1px solid #b00000;
	font-size:1.8rem;
    padding: 15px; 
    text-align:center;
    text-decoration: none;
    margin:15px 0 30px;
}

@media screen and (min-width:750px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
    
#contents {
    max-width: 750px;
	padding-top:100px;
}

#contents_top {
    max-width: 750px;
	padding-top:125px;

}

#contents_topnew {
    max-width: 750px;
	padding-top:115px;
}

#header_inner {
    max-width: 750px;
	margin: 0 auto;
}

.footer_inner {
    max-width: 750px;
}

.drower {
    position: absolute;
    left: 0;
	right: 0;
	margin:112px auto 0;	
    max-width: 750px;
	background-color: #fff;
    display:none;
}

.th_block_head {
	line-height:2.2rem;
	font-size:1.4rem;
	font-weight:bold;
	color:#000000;
	margin-bottom: 3.9%;
	text-align:left;
}

.parts_box1 {
	margin-left:auto;
	margin-right:auto;
	width:650px;
}

.parts_pinkbox {
	width:650px;
}

.parts_arrow_bottom {
	width:252px;
}

.parts_faq_box {
	width:650px;

}

#partslist1:checked ~ #partslist1_content {
  display: block;
}

#breadcrumb {
	font-size:1.0rem;
}


}