
html { -webkit-font-smoothing: antialiased; }
body {
	padding-top:95px;
	margin:0 auto!important;
	text-align:center; }
@media screen and (max-width:767px) {
	body { padding-top:50px; }}
#wrap , .wrap { overflow: hidden; }

.row-sp { margin-right:0!important;
		  margin-left:0!important; }

.head { max-width:1170px;
		margin:0 auto;
		}
.container { clear:both; }

.left{
	text-align: left;
}

a:hover { text-decoration:none!important; }
a:active { text-decoration:none!important; }
a:focus { color:#ed777c!important; text-decoration:none!important; }

@media screen and (max-width:767px) {
	.only_PC { display:none; }}
@media screen and (min-width:768px) {
	.only_SP { display:none; }}

@media screen and (min-width:768px) {
	.row {
		display:-webkit-box;
	    display:-ms-flexbox;
	    display:-webkit-flex;
	    display:flex;
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		}}
	.row:before { display:none!important; }

i { display: table-cell;
	vertical-align: middle;
	padding-right:10px; }

.navbar-nav li { padding:0 15px; font-weight: bold; }
.navbar-nav li a { padding:15px 0px 5px!important; }
.navbar-nav li a:hover { border-bottom:solid 3px #ed777c; }

@media screen and (min-width:768px) { /* SP表示 */
.only_SP { display:none; }}
@media screen and (max-width:767px) { /* PC表示 */
.only_PC { display:none; }}

.pd_10 {
	padding:10px;
}
.mgb_10 {
	margin-bottom: 10px;
}

.a_bar { color:#D8385D!important;
	text-decoration:none!important; }
.a_bar:hover { border-bottom:solid 3px #ed777c; }

.main_img { width:100%;
	    	position:relative;
	    	top:0;
	    	z-index:1; }
@media screen and (max-width:767px) {
	.main_img {
		top:10px;
	}
}
.main_img_com {
	width:40%;
	text-align: left;
}
@media screen and (max-width:767px) {
	.main_img_com {
		width:100%;
	}
}

.logo_width {
	margin-top:10px;
	width:170px!important; }
.logo_hiroshima { font-size:1.5rem; font-weight: bold; }
.navbar-default .navbar-brand:hover { color: #777!important; }
.navbar-default .navbar-brand:active { color: #777!important; }
.navbar-default .navbar-brand:focus { color: #777!important; }
@media screen and (max-width:767px) {
	.logo_width { width:100px!important; }
	.logo_hiroshima { font-size:1.0rem; }
}

@media screen and (max-width:767px) {
	.SP_center {
		text-align: center;
	}
	.SP_left {
		text-align: left;
	}
}

.line_pink {
	max-width: 900px;
	background-color: #ed777c;
	padding: 20px 0;
	margin:0 auto;
}

.more {
}
.more a {
	display: inline-block;
	margin: 20px 0 0;
	padding: 15px 15px;
	border: 1px solid #777;
	background: transparent;
	color: #333;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	transition: .3s;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.more a:hover {
	color: #ed777c;
	border: 1px solid #ed777c;
}
@media screen and (max-width:767px) {
	.more a {
		border: 1px solid #ed777c;
		color: #ed777c;
}
}

.big_p {
	color:#ed777c;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 30px;
}

.position { position: relative; }
.copy { position:absolute;
		font-size:3.0rem;
		top:50%;
		left:28%;
		color:#fff;
		z-index:2; }
@media screen and (max-width:767px) {
	.copy {
	    position:absolute;
		top:20%;
		left:5%;
		color:#fff;
		z-index:2;
	 }}

.mamalike_red {
	color:#D8385D;
}
.red { color:#D8385D; }

.about_logo { width:180px; margin-bottom:30px; }
@media screen and (max-width:480px) {
	.about_logo {
		width:150px;
		margin-top: 20px;
	}
}

.box {
	  max-width:900px;
	  margin:-50px auto 0;
	  padding:40px;
	  z-index:2;
	  background-color:#fff;
	  position:relative;
	 }
.box_no {
	max-width:900px;
	margin:0 auto ;
	padding:40px;
	z-index:2;
	background-color:#fff;
	position:relative; }
@media screen and (max-width:767px) {
	.box {
	  margin:-10px auto 0;
	  padding:20px;
	 }
	.box_no {
	  margin:-10px auto 0;
	  padding:20px;
	}
}

.logo_box { width:150px; margin:0 auto; }
.logo_box img {width:100%;}

.fs_15 {
	font-size: 1.5rem;
}

.ed777c {
	color: #ed777c;
}

.bg_fff {
	background-color: #fff;
}
.bg_ed777c {
	font-weight: bold;
	color: #fff;
	background-color: #ed777c;
}

.mamalike_w {
	max-width: 30px;
	margin-top: 60px;
}

.company_box {
	width: 47%;
	padding: 0;
	margin: 15px 10px;
}
@media screen and (max-width:767px) {  /* SP */
	.company_box {
		width: 100%;
		margin:15px 0;
		padding:0;
}
}
@media screen and (min-width:768px) { /* PC */
	.company_box {
		position:relative;
		padding: 10px;
		padding-bottom:100px;
	}
}
.company_box_under {
	text-align: left;
	color: #d8385d;
	margin: 0 7px;
	clear: both;
}

.kira {
	width: 15px;
	padding-right: 3px;
}
.kira_20 {
	width: 20px;
}

.company_box hr {
	    border-top: 1px solid #ed777c!important;
	margin:7px 0!important;
}
.cl_company_name {
	text-align:center;
	color: #fff;
	background-color: #d8385d;
	padding: 13px 10px;
	margin:0 0 5px;
	position: relative;
/* 	display: inline-block; */
	line-height: 20px;
	z-index: 0;
/* 	width: 100%; */
}
@media screen and (max-width:767px) {
	.cl_company_name {
		margin:0 -15px 5px;
	}
}
.cl_company_name:after {
	content: "";
	position: absolute;
	bottom: -15px; left: 50%;
	margin-left: -10px;
	margin-bottom: 10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #d8385d transparent transparent transparent;
}

.cl_company_img {
	width:40%;
	margin:10px 5px!important;
	margin-right: 10px!important;
	float: left;
}
.cl_text {
	font-size: 1.5rem;
	text-align: left;
	margin: 15px 7px 10px 10px;
	overflow: auto;
}
.cl_text > strong {
	font-size: 1.7rem;
}
.cl_text > i {
	padding-right: 5px;
	float: left;
}
.cl_text > div {
	overflow: auto;
}
.cl_link {
	padding:15px 0 20px;
	margin:0 auto;
}
@media screen and (min-width:768px) { /* PC */
	.cl_link {
		position:absolute;
		bottom:5px;
		left: 0;
		right: 0;
		margin: auto;
	}
}

.cl_link a {
	display: inline-block;
    cursor: pointer;
    width: 500px;
    max-width: 85%;
    font-size: 1.5rem;
    margin: 0 auto 10px;
    padding: 15px 20px;
    color: #000;
    text-align: center;
    text-decoration: none;
    background-color: #FFF97C;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 6px 0 #e0cf72, 0 12px 0 rgba(0,0,0,0.2);
    -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.cl_link a:hover {
    color: #000;
    box-shadow: 0 3px 0 #e0cf72, 0 6px 0px rgba(0,0,0,0.2);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}
.cl_link a:active {
	color: #000;
    box-shadow: 0 0 0 #e0cf72, 0 0 0px rgba(0,0,0,0.2);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    transition-duration: 0.1s;
 }

@media screen and (max-width:767px) {
	.cl_text {
		font-size: 1.2rem;
	}
	.cl_text > strong {
		font-size: 1.2rem;
	}
	.cl_link a {
	    font-size: 1.2rem;
	}
}

.company_logo {
	text-align: left;
}
.company_logo img {
	max-width: 70px;
}

.company {
	margin:40px 0 5px 15px!important;
	padding:5px!important;
	font-size:1.8rem;
	text-align:left;
	}
.company_txt { margin:0 15px!important;
			   text-align:left; }
.company_txt h4 { font-size:2.2rem!important;
				  margin-bottom:10px!important; }
@media screen and (max-width:767px) {
	.company {
		font-size:2.1rem!important;
		margin:20px 0 5px 0!important;
		padding:0!important;
		}
	.company_txt {
		margin:0!important; }
	}
	.company_txt h4 { margin-bottom:20px!important; font-size:1.6rem!important; }
	}

.company_ume {
	margin:0 0 30px!important;
	padding:15px!important;
	color:#fff;
	background-color:#ED777C;
	font-size:1.8rem;
	text-align:left;
}
@media screen and (max-width:767px) {
	.company_ume { font-size:1.8rem!important; }
	}

.about_txt {
	text-align:left;
	margin:10px 0;
	}
@media screen and (max-width:767px) {
		.about_txt { margin-bottom:40px!important; }
	}

.company_main {
	background-image: url("../img/riyu.jpg");
	background-size:cover;
	position: absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
}
.company_name {
	font-size:15px;
	margin-top:25px!important;
	margin-left:-15px;
	padding:0!important;
}
.company_data {
	font-size:13px;
	text-align:left;
}

.company_working_select {
	color: #000;
	padding:55px 0 0;
	margin-bottom: 30px;
	background-image: url('../img/bg_triangle.png');
}
.company_working_select h2 {
	line-height: 1.2;
}

.soto { margin-top:23px; }

.dotline { border-bottom: dotted 1px #D8385D; }

.graph_box { margin:30px 0 0; }
.graph_box div { padding:0!important; }
.graph {
    position: relative; /* IE is dumb */
    width: 100%;
    background: #F2F2F2;
/*
    border: 1px solid #ed777c;
    padding: 2px;
*/
    margin-bottom:15px
}
.graph .bar {
    display: block;
    position: relative;
    background: #ed777c;
    text-align: center;
    color: #fff;
    height: 2em;
    line-height: 2em;
}
.graph .bar_0 {
    display: block;
    position: relative;
    background: #F2F2F2;
    text-align: center;
    color: #ed777c;
    height: 2em;
    line-height: 2em;
}
.graph .bar span { position: absolute; left: 1em; }
.graph_box .col-sm-2 {
	text-align:left;
	padding-top:5px; }
.graph_box .col-sm-10 { padding:0!important; }
.graph_box .col-sm-3 { padding:0!important; }

.table_work {
	margin-bottom:10px;
}
.table_work .col-sm-2 {
	font-weight:bold;
	text-align:left;
	color:#fff;
	background-color:#ED777C;
	margin:2px 0;
	padding:20px; }
.table_work .col-sm-10 {
	text-align:left;
	background-color:#F2F2F2;
	padding:20px;
	margin:2px 0;
	vertical-align: middle; }
.table_work .col-sm-12 {
	text-align:left;
	background-color:#fff;
	border:solid 2px #ED777C;
	padding:20px;
	margin:2px 0;
	vertical-align: middle; }

.work_num {
	font-size:0.8rem;
	text-align:left;
}
@media screen and (min-width:768px) {
		.subject {
			font-size:1.8rem;
			text-align: left;
			float: left; }
		}
@media screen and (max-width:767px) {
		.subject {
			clear:both;
			font-weight: bold;
			}
		}

.table_otoi {
	clear: both;
	margin-bottom:25px;
	}
.table_otoi .col-sm-2 {
	font-weight:bold;
	text-align:left;
	color:#fff;
	background-color:#ED777C;
	margin:2px 0;
	padding:20px; }
.table_otoi .col-sm-10 {
	text-align:left;
	background-color:#F2F2F2;
	padding:20px;
	margin:2px 0;
	vertical-align: middle; }
.table_otoi .col-sm-12 {
	font-size:2.0rem;
	text-align:center;
	color:#000;
	background-color:#fdfadc;
	padding:20px;
	margin:2px 0 20px;
	position: relative;
	display: inline-block;
	line-height: 20px;
	z-index: 0;
	width: 100%;
}
.table_otoi .col-sm-12:after {
	content: "";
	position: absolute;
	bottom: -15px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #fdfadc transparent transparent transparent;
}
.big { font-size:1.6rem; line-height:1.8; }
@media screen and (max-width:767px) {
	.table_work .col-sm-2 { width:100%;　}
	.table_work .col-sm-10 { width:100%;　}
	.table_work .col-sm-12 { width:100%; }
}

.kigyou { margin-bottom:40px; }
.kigyou .col-sm-2 {
	text-align:left;
	color:#000;
	background-color:#fff;
	margin:2px 0;
	padding:20px;
	border-bottom: dotted 1px #000; }
.kigyou .col-sm-10 {
	text-align:left;
	background-color:#fff;
	padding:20px;
	margin:2px 0;
	border-bottom: dotted 1px #000; }
.kigyou .col-sm-12 {
	text-align:left;
	background-color:#F2F2F2;
	padding:20px;
	margin:2px 0;
}
@media screen and (max-width:767px) {
	.kigyou .col-sm-2 {
		width:100%;
		border-bottom:none;
		padding-bottom:5px; }
	.kigyou .col-sm-10 {
		width:100%;
		padding-top:5px; }
	.kigyou .col-sm-12 { width:100%; }
}

.work_pic { margin-top:10px; }
.mb_company { margin-bottom:30px; }
.mb_company p , .mb_company { font-weight:bold; }



.company_img { width:100%; }

.about_mamalike {
	padding:50px 0 10px; }
@media screen and (max-width:767px) { .about_mamalike {padding:10px 0;} }
.working_select {
	color: #000;
	padding:50px 0 0;
	background-image: url('../img/bg_triangle.png');
}
.working_select h2 {
	line-height: 1.2;
}
.working_select p {
	line-height: 1.5;
	margin-bottom: 15px;
}
.working {
	background:#f7f7f7;
	padding:50px 0px; }
@media screen and (max-width:767px) {
	.working {
		padding:30px 0px; }
}
.mp_working { margin-top:-95px; padding-top:95px; }
.working h2, p {
	margin-bottom: 20px;
	padding:0 20px;
	line-height: 1.3;
}

.box_no p {
	margin-bottom: 10px;
	padding: 0;
}

.mamapoint {
	font-weight:bold;
	border-style:solid;
	border-color:#ED777C;
	border-width:1px;
    text-align:center;
    color:#ED777C;
    background-color:#fff;
    margin:20px 0 0;
    padding:50px 10px 10px;
	position: relative;
}
.mamapoint h4 {
  position: absolute;
  top: -2.0em;
  background-color: #fff;
  border-style:solid;
  border-color:#ED777C;
  border-width:1px;
  padding: 0.25em 2em;
  color: #ED777C;
  transform: rotate(-4deg);
}
.mamapoint img {
	 max-width:70px;
	 width:100%;
	 height:auto;
	 padding:0 5px 15px 0;
	 vertical-align:top;
	 }
.mamapoint_top {
	margin:0;
	}
.mamapoint_top_mini { margin:6px 0 0; }
@media screen and (max-width:767px) {
	.mamapoint { display: flex; justify-content: center; align-items: center;}
	.mamapoint img { max-width:50px; }
/* 	.mamapoint { position:relative; width:100%; height:100%; } */
/* 	.mamapoint_icon { position:absolute; top:50%; left:50%; width:100%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } */
	.mamapoint h4 { font-size:1.4rem; top:-2.3em; left:10px; padding:10px 20px 10px; }
}

.mamapoint_top {
	width:100%;
	padding:0!important;
}
.mamapoint_top img {
	padding:2px 1px!important;
}
.company_data {
	position: relative;
	padding:0px 10px!important;
	}
.box_migi {
	position:relative;
}
.box_migi .migi {
	display: block;
	content: "";
	position: absolute;
	top:30%;
	right:5px;
}
.company_data .col-sm-2 { padding:5px!important; }

.company_data_2 {
	position: relative;
	color:#ed777c;
	background-color:#F5E9E2;
	font-size:13px;
	text-align:left;
	margin-bottom:-10px!important;
	padding:10px; }
.company_data_2 .migi {
	display: block;
	content: "";
	position: absolute;
	top:40%;
	right:3px;
}

.icon {
	padding:20px 20px 70px;
}
.icon img {
	width:70px;
	vertical-align: top;
	padding-bottom: 5px;
}
@media screen and (max-width:767px) { /* SP */
	.icon img {
		width:130px;
	}
}

.icon_txt {
	font-size:1.1rem;
	line-height:0;
	color:#666; }

.mt_take { margin-top:60px; }

.otoiawase {
	margin: 20px auto 0;
	}
.otoiawase a {
	display: inline-block;
	cursor: pointer;
	width:500px;
	max-width:85%;
	font-size:18px;
	margin:0 auto 30px;
	padding:20px 30px;
	color:#000;
	text-align: center;
	text-decoration: none;
	background-color:#FFF97C;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 0 6px 0 #e0cf72, 0 12px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
 	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	}
.otoiawase a:hover {
	color:#000;
	box-shadow: 0 3px 0 #e0cf72, 0 6px 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	}
.otoiawase a:active {
	color:#000;
	box-shadow: 0 0 0 #e0cf72, 0 0 0px rgba(0,0,0,0.2);
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	transition-duration: 0.1s;
	}
.otoiawase a:focus { color:#000; }
.otoiawase_mite { font-size:1.3rem; margin:10px 0 -5px; }
@media screen and (max-width:767px) {
	.otoiawase a {
		font-size:1.4rem;
		margin:0 auto 40px;
	}
	}

.privacy_top { margin-bottom:70px; }
.privacy_left { text-align:left; width:80%; margin:0 auto; }
.privacy_left h4 { margin-top:45px; }
.privacy_left hr {
	margin:50px 0;
}
.privacy_IL { margin-top:70px; text-align:center;  }
@media screen and (max-width:767px) {
	.privacy_top_l { text-align:left; }
	.privacy_left { text-align:left; width:100%; margin:0 auto; }
	}

.guide_left {
	text-align:left;
	margin-top: 30px;
}
.guide_top { margin-bottom:80px!important; }

.guide_icon div { margin-bottom:25px; padding-bottom:10px; color:#ed777c; }
.guide_icon img {
	float: left;
	margin-bottom:10px;
	margin-right: 10px;
}
.guide_midashi { font-size:1.8rem; }
@media screen and (max-width:767px) {
	.guide_icon div { margin-bottom:0px;
	}}

.privacy_how { margin-top:40px; }
.privacy_how h5 {
  position: relative;
  text-align: center;
}
.privacy_how h5 span {
  font-size:2.0rem;
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  color: #d8385d;
  background-color: #fff;
}
.privacy_how h5::before {
  content: '';
  width: 100%;
  border-top: 2px solid #ed777c;
  position: absolute;
  top: 50%;
  left: 0;
}
.privacy_how p {
  padding: 0.5em 1em 1em;
  border-bottom: 2px solid #ed777c;
  margin-bottom:70px;
}

.contact_top { margin-bottom:30px; }
.contact_table { margin:0 auto; width:100%; }
.contact_L {
	font-weight:bold;
	color:#fff;
	background-color:#ed777c;
	padding:20px;
	}
.contact_R {
	width:70%;
	color:#000;
	background-color:#f2f2f2;
	padding:10px;
	}
.contact_R input {
	width:100%;
	padding:10px;
	}
.contact_mb { margin-bottom:2px; }
.contact td { vertical-align: text-top; }
@media screen and (max-width:767px) {
	.contact_table { margin:0; }
	.contact_L { display: block; width:100%; }
	.contact_R { display: block; width:100%; }
	}

.mfp_element_all { max-width:98%!important; }
textarea { width:98%!important; height:200px!important; }

h2 { margin-bottom:40px; font-size:26px; }
h3 { margin-bottom:30px; margin-top:40px; }
h4 { margin-bottom:30px; line-height:1.5; }

.copylight { margin:30px 0 20px; }
.foot_menu { margin:30px 0 10px; }
.foot_menu a { color:#ed777c; }
.foot_menu a:hover { color:#d8385d; border-bottom: solid 3px #ed777c; }
@media screen and (max-width:767px) {
	.foot_menu { text-align:left; }
	.foot_menu a {
		line-height: 1.8;
	}
	.foot_menu p {
		text-align: left;
		border-bottom: 1px solid #ed777c;
		padding-bottom: 10px;
	}
}
.foot_subject {
   text-align: left;
   float: left;
   border-bottom: 1px solid #ed777c;
   padding: 10px 0;
}
.foot_subject:first-child {
	border-top: 1px solid #ed777c;
}
.foot_subject:last-child {
	margin-bottom: 20px;
}
@media screen and (min-width:768px) {
	.foot_menu a:hover { color:#d8385d; border-bottom: solid 3px #ed777c; }
}

/* pagetop */
.pagetop {
	z-index: 99;
    display: block;
    position: fixed;
    bottom: 30px;
    right: 3px;
}
.pagetop a {
    display: block;
    text-align: center;
    padding: 5px 10px;
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
.pagetop a:hover {
    display: block;
    padding:5px 10px;
	filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
.pagetop img { width:80%; }
@media screen and (max-width:767px) {
	.pagetop { bottom:10px; right:-22px; }
	.pagetop img { width:50%; }
	}


/* #oshigoto  { padding-top:75px; margin-top:0px; } */
/* #otoiawase  { padding-top:110px; margin-top:-110px; } */
/*
@media screen and (max-width:767px) {
	#about  { padding-top: 70px; margin-top: -70px; }
	#oshigoto  { padding-top: 100px; margin-top: -100px; }
 	#otoiawase  { padding-top: 70px; margin-top: -70px; }
	}
*/



/* パララックス */
body, html, main {
height: 100%;
}
.cd-fixed-bg {
min-height: 200px;
background-repeat: repeat;
background-attachment: fixed;
background-position: center center;
margin:-2px;
}
.cd-fixed-bg.cd-bg-1 {
background-image: url("../img/bg1.jpg");
padding:30px 0;
}

/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}

/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}


/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

.viewer ul {
    display: inline-block;
    overflow: hidden;
}

/* スマホスワイプ */
.top-list {
    overflow-x: auto;
    white-space: nowrap;
/*  -webkit-overflow-scrolling:touch; */
    padding-left:0px;
    margin-bottom:50px;
    }
.top-list img { height:250px; }
.top-list-item {
	margin-bottom:5px;
    display:inline-block;
    vertical-align:top; }
.top-list::-webkit-scrollbar {
  height: 5px;
}
.top-list::-webkit-scrollbar-track {
	margin-top:10px;
  border-radius: 5px;
  background: #eee;
}
.top-list::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

/* ホバー */

figure {
	position: relative;
	overflow: hidden;
	width: 100%; }
figcaption {
	color:#fff!important;
	font-size:17px;
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 140px;
	background-color: rgba( 216, 56, 93, 0.9 );
	-webkit-transition: .3s;
	transition: .3s;
	}
figure:hover figcaption {
	bottom: -75px;
	background-color: rgba( 216, 56, 93, 1.0 );
	}
@media screen and (max-width:767px) {
	figcaption{ height:140px; bottom:0px; background-color: rgba( 216, 56, 93, 0.85 ); }
	}

.caption {
	color:#fff!important;
	font-size:17px;
	left: 0;
	z-index: 2;
	width: 100%;
	background: #d8385d;
	padding:10px 10px 20px;
	-webkit-transition: .3s;
	transition: .3s;
	}
.caption:hover { background:#c42d4d; }
.caption a { color:#fff; text-decoration:none; }
.caption a:hover { color:#fff; text-decoration:none; }

.new_icon_oya { position:relative; }
.new_icon1 { position:absolute;
			top:0px;
			right:0px;
			color:#fff;
			font-size:1.3rem;
			text-decoration:none;
			width: 0;
			border-style: solid;
			border-width: 0 70px 70px 0;
			border-color: transparent #ed777d transparent transparent; }
@media screen and (max-width:767px) {
		.new_icon1 {
			top:0px;
			right:11px;
			}
}
.new_icon_txt1 { position:absolute;
				top:17px;
				right:-60px;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				 }
.new_icon { position:absolute; top:0px; right:0px;
			color:#fff;
			font-size:1.1rem;
			text-decoration:none;
			width: 0;
			border-style: solid;
			border-width: 0 55px 55px 0;
			border-color: transparent #ed777d transparent transparent; }
.new_icon_txt { position:absolute;
				top:14px;
				right:-50px;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				 }

/* ヘッダー */
.navbar {
	margin-bottom:0px!important;
	}
.navbar li { margin-top:20px!important; }
.navbar-default {
	background-color:  rgba(255,255,255,0.9)!important;
    border:none!important;}
.navbar-brand { padding:10px 10px 10px 20px!important; }
@media screen and (min-width:768px) { .navbar-default { height:90px; }}
@media screen and (max-width:767px) {
	.navbar-header { height:40px!important; }
	.navbar-brand { padding:10px 10px 0px!important; }
	}
.navbar-nav li { font-size:15px;
	vertical-align: middle; }

.navbar-toggle {
	padding:7px 10px 7px!important;
	margin:12px 13px 10px 0!important;
	border-radius:0!important;
}
.navbar-toggle .icon-bar { margin:0 auto; }
.navbar-default .navbar-collapse { border-color:#fff!important; text-align:right!important; }
.yoko { float:left; top:5px; }

@media screen and (max-width:767px) {
			.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
			    background-color: #fff!important;
			    }
			   .navbar-brand { line-height:0.5!important; }
			.navbar li { margin-top: 0px!important; }
			.nav { margin-bottom: 15px!important; }
		}

/* アイコン */
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* アコーディオン */

.accordion {
	width: 100%;
	margin: 5px auto 0;
}
.accordion .ac-content {
	margin: 0;
}
.accordion input {
	display: none;
}
.accordion label {
/* 	display: block; */

}
.accordion .ac-cont {
	transition: 0.2s;
	height: 0;
	overflow: hidden;
	background: #fff;
	padding: 0 10px;
}
.accordion input:checked + .ac-cont {
	height: auto;
	padding: 10px;
}
.ac-click {
	font-weight: 100!important;
	background: #fff;
	cursor: pointer;
	padding: 10px;
	padding-right: 5px;
	border: 1px solid #ed777c;
    color: #ed777c;
    transition: .3s;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.ac-close {
	text-align: center;
	cursor: pointer;
	margin-top:10px;
	padding: 10px;
    border: 1px solid #F2F2F2;
    color: #555;
    transition: .3s;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.L {
	width: 800px;
	text-align: left;
	display: table-cell;
	padding: 5px 5px 0 10px;
}
.LL {
	width: 1140px;
	cursor: pointer;
	text-align: center;
	display: table-cell;
	padding: 5px 5px 0 5px;
}
.R {
    cursor: pointer;
	font-weight: bold;
	vertical-align: middle;
	display: table-cell;
}

.c_000000 {
	color: #000;
}

.fs_13 {
	font-size: 1.3rem;
}

/* カルーセル */

  #image-bloc {
/*     height: 440px; */
  }
  .bx-viewport {
    overflow: visible!important;
    max-width: 900px!important;
  }
  .main-container { /* 一番外側の枠 */
    overflow: hidden;
    padding-bottom: 150px;
  }
  .slider {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .slider li {
    width: 800px!important;
    height: 400px!important;
    border: solid 1px #888;
    margin: 0;
    padding: 15px;
  }


/* 全国 */

.c_ed777c {
	color: #ed777c; /* ピンク */
}
.c_d8385d {
	color: #d8385d; /* 濃いピンク */
}
.c_777 {
	color: #777777;
}

.bold {
	font-weight: bold;
}

.bg_F7F7F7 {
	background-color: #F7F7F7;
}

.mgt_10 { margin-top: 10px; }
.mgt_20 { margin-top: 20px; }
.mgt_30 { margin-top: 30px; }
.mgt_40 { margin-top: 40px; }
.mgt_50 { margin-top: 50px; }

.mgb_10 { margin-bottom: 10px; }
.mgb_20 { margin-bottom: 20px; }
.mgb_30 { margin-bottom: 30px; }
.mgb_40 { margin-bottom: 40px; }
.mgb_50 { margin-bottom: 50px; }
.mgb_60 { margin-bottom: 60px; }
.mgb_70 { margin-bottom: 70px; }
.mgb_80 { margin-bottom: 80px; }
.mgb_90 { margin-bottom: 90px; }
.mgb_100 { margin-bottom: 100px; }

.mgb_60 { margin-bottom: 60px; }

.mgtb_10 { margin-top: 10px; margin-bottom: 10px; }
.mgtb_20 { margin-top: 20px; margin-bottom: 20px; }
.mgtb_30 { margin-top: 30px; margin-bottom: 30px; }
.mgtb_40 { margin-top: 40px; margin-bottom: 40px; }

.pdr_5 { padding-right: 5px; }
.pdl_5 { padding-left: 5px; }

.mgrl_10 { margin-left: 10px; margin-right: 10px; }

.pdt_10 { padding-top: 10px; }
.pdt_20 { padding-top: 20px; }
.pdt_30 { padding-top: 30px; }
.pdt_40 { padding-top: 40px; }
.pdt_50 { padding-top: 50px; }

.pdr_20 { padding-right: 20px; }

.pdt_70 { padding-top: 70px; }

.pdb_5 { padding-bottom: 5px; }
.pdb_10 { padding-bottom: 10px; }
.pdb_50 { padding-bottom: 50px; }

.pdtb_10 { padding-top: 10px; padding-bottom: 10px; }
.pdtb_20 { padding-top: 20px; padding-bottom: 20px; }
.pdtb_30 { padding-top: 30px; padding-bottom: 30px; }
.pdtb_40 { padding-top: 40px; padding-bottom: 40px; }
.pdtb_50 { padding-top: 50px; padding-bottom: 50px; }
.pdtb_60 { padding-top: 60px; padding-bottom: 60px; }
.pdtb_70 { padding-top: 70px; padding-bottom: 70px; }
.pdtb_80 { padding-top: 80px; padding-bottom: 80px; }
.pdtb_90 { padding-top: 90px; padding-bottom: 90px; }
.pdtb_100 { padding-top: 100px; padding-bottom: 100px; }

.pdrl_5 { padding-right: 5px; padding-left: 5px; }
.pdrl_10 { padding-right: 10px; padding-left: 10px; }

.p_mgb_10 p { margin-bottom: 10px; }

.text_C { text-align: center; }
.text_L { text-align: left; }

.lh_19 {  line-height: 1.9; }

@media screen and (max-width:767px) {
	.text_L_SP { text-align: left; }
}

.text_M img{
	 vertical-align:middle;
}

label {
	margin-bottom: 0;
}

.select_box01 {
	width: 100%;
	float: left;
	font-weight: 100!important;
	background: transparent;
	cursor: pointer;
	padding: 10px;
	padding-right: 5px;
	margin-bottom: 10px;
	border: 2px solid #ed777c;
    color: #ed777c;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.select_box02 {
	width: 100%;
	float: left;
	font-weight: 100!important;
	background: transparent;
	cursor: pointer;
	padding: 10px 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	border: 2px solid #ADA8B6;
    color: #ADA8B6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.select_box03 {
	width: 100%;
	float: left;
	font-weight: 100!important;
	background: transparent;
	cursor: pointer;
	padding: 10px 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	border: 2px solid #ADA8B6;
    color: #ADA8B6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* チャットレイアウト */
.chat-box {
	max-width: 500px;
	position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto 5px;
}
.chat-face {
	position: absolute;
    top: 36%;
    float: left;
    margin-right: -65px;
    padding-left: 20px;
}
.chat-area {
    width: 100%;
    float: right;
}
.chat-hukidashi {
    padding: 15px 20px;
    margin-left: 65px;
    margin-right: 10px;
    margin-top: 8px;
    border-radius: 10px;
    position: relative;
    background-color: #FFE4E1;
}
.chat-hukidashi:after {
    content: "";
    position: absolute;
    top: 50%; left: -10px;
    margin-top: -10px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #FFE4E1 transparent transparent;
}
.but {
    background-color: #F7F7F7;
}
.but:after {
    border-color: transparent #F7F7F7 transparent transparent;
}


/*TOP エリア拡大*/
.mamalike-area{
	max-width: 400px;
	margin: auto;
}

.mamalike-area ul{
	list-style-type: none;
	margin: 30px 0;
	padding: 0;
}
.mamalike-area ul li{
	max-height: 50px;
	margin-bottom: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
}
.mamalike-area ul li figure{
	width: 120px;
}
.mamalike-area ul li img{
	max-height: 50px;
	height: auto;
}
.area-link{
    margin: 0;
    width: 200px;
    background: transparent;
    color: #333;
    text-align: center;
}

.area-link a{
    color: #333;
    display: block;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #777;
    border-radius: 10px;
}
.area-link a:hover{
	color: #ed777c;
	border: 1px solid #ed777c;
}

@media screen and (max-width:480px) {
	.mamalike-area ul{
		padding: 0 10px;
	}
}