@charset "utf-8";

/*===========================================================
＊ smart.css  画面の横幅が640pxまで
===========================================================*/

body{
	font-size:14px;
	-webkit-text-size-adjust: none;}

.imgL,
.imgR{ float:none; text-align:center; margin:0 0 10px 0;}

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

#content #sub{
	text-align:center;
	width:auto;
	float:none;}

/*===========================================================
＊ reset
===========================================================*/

/*all*/
#main #maincolumn,
#content,
#content_wide,
#content_right,
#header,
#headMain,
#headinner,
#header #logo,
#gNav,
#gNav .end,
.bread_crumb,
#news_area,
#instagram_area,
#side,
#side_left,
#footer,
#fMine{
	width: auto;}
#header{
	min-width: inherit;}

#content,
#content_right,
#side,
#side_left{
	float:none;}


/*===========================================================
＊ common
===========================================================*/
#content,
#content_wide,
#content_right{
	padding:0;
  margin:30px 0px 30px 0px;
  min-height:auto;
}

#main #maincolumn{
    margin:0px 5px 0 5px;
}

#header{
	padding:0;
    height:auto;
	background:none;}

#headMain{
  width:100%;
  min-width:100%;
  height:70px;
  background:#ffffff url(/site/images/common/head_line.png) 0 bottom repeat-x;
}

.training_head{
  height:60px !important;
}

#header .area{
	padding:0 0 4px 0;}

#header #logo{
	position: inherit;
	top: inherit;
	left: inherit;
	width:230px;
	height:auto;
	vertical-align:middle;
	margin:0 90px 0 0;
	padding:10px 0 5px 10px;}

#header #training_logo{
	position: inherit;
	top: inherit;
	left: inherit;
	width:300px;
	height:auto;
	vertical-align:middle;
	margin:0 90px 0 0;
	padding:15px 0 0px 10px;}


.bread_crumb{
	display:none;}

#sBnr {
	margin-bottom:10px;
	width:100%;}
#sBnr li{
	width:auto;}

#fMine{
  display:none;
}

#navigation{
  display:none;
}

/*===========================================================
＊ globalnav
===========================================================*/
#side{
	margin-top:30px;
}

/*-- 開閉メニュー --*/
.child { display: none }
.spnavimenu {position: relative;margin-top:0px;/*border-bottom: solid 3px #EE87B4;*/}

#sp_menu_btn {
  display: block;
  position: absolute;
  right: 12px;
  top: 12px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 101;
  background: #E74492;
  -webkit-border-radius: 25px;/* width,heightの半分 */
  -moz-border-radius: 25px;
  border-radius: 25px;
  padding:0 12px;
}

#sp_menu_btn div {
    position: relative;
}
#sp_menu_btn span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#sp_menu_btn span:nth-child(1) {
    top: 13px;
}
#sp_menu_btn span:nth-child(2) {
    top: 24px;
}
#sp_menu_btn span:nth-child(3) {
    top: 35px;
}

#sp_menu_btn {
    display: block;
}
/* #nav-toggle 切り替えアニメーション */
.open #sp_menu_btn span:nth-child(1) {
    top: 23px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
.open #sp_menu_btn span:nth-child(2) {
    width: 0;
    left: 50%;
}
.open #sp_menu_btn span:nth-child(3) {
    top: 23px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #sp_menu_btn-nav {
    /* #global-nav top + #mobile-head height */
    -moz-transform: translateY(556px);
    -webkit-transform: translateY(556px);
    transform: translateY(556px);
}

.spnaviinner .open{
  background:#ff0000;
  padding:2px 5px 2px 5px;
  border:2px solid #FFFF00;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-left:5px;
  font-size:13px;
}

/*------------------------------------------------------
＊ フッター
-------------------------------------------------------*/
#footer{
  background:none;
  min-width:100%;
}

#footer .footer_logo{
  text-align:center;
  padding:25px 0 25px 0;
}

#footer .copyright{
  padding:10px 0 10px 0;
  font-size:12px;
}

#footer .trademark{
  text-align:left;
  font-size:9px;
  padding:0 5px 5px 5px;
}

#fixedBox_bg{
  background:none;
}

.fixedBox {
	background: url("../images/common/footer_bg_sp.png") repeat-x scroll center 0;
  height:65px;
}

#footer .footer_snsBtn{
  width:auto;
  margin-top:15px;
  border-top:3px  solid #EA5A9F;
}

#footer .footer_snsBtn_inner{
  width:216px;
  margin:5px auto 0 auto;
}

#footer .footer_snsBtn_inner img{
  width:32px;
  height:32px;
}

#footer .footer_banner{
  padding:5px 0 0px 0;
}

#footer .footer_banner li{
  margin-bottom:5px;
}

#footer .footer_memu{
  margin:5px 0px 0px 0px;
  border-top:3px  solid #EA5A9F;
  border-bottom:3px  solid #EA5A9F;
}

#footer .footer_memu li{
  float:left;
  width:50%;
  border-bottom:1px solid #EA5A9F;
  border-right:1px solid #EA5A9F;
  line-height:1.0;
  height:40px;
  display: table;
}

#footer .footer_memu li:nth-child(2n){
  border-right:none;
}

#footer .footer_memu li a{
  display: table-cell;
  vertical-align: middle;
  overflow:hidden;
  font-size: 14px; /* 文字サイズ */
  font-weight:bold;
  text-decoration: none;
  text-align:left;
  padding:0px 0 0px 10px;
  color: #EA5A9F; /* 文字色 */
}

#footer .footer_memu li a:hover{
  background: #EA5A9F;
  color:#ffffff;
}

/*------------------------------------------------------
＊　title
-------------------------------------------------------*/
h1{
/*  background:url(../images/common/h1_bg_sp.png) repeat-x 0 bottom;*/
	padding:0px 0px 10px 0;
	font-size:18px;
	letter-spacing: 2px;
}

h1 span{
  font-size:14px;
	padding:0px 0px 0px 0;
}

h2{
	padding:3px 0px 0px 10px;
}

/*------------------------------------------------------
＊　共通
-------------------------------------------------------*/

.displaypc{
	display:none;}

.displaysp{
	display:block;}

.displaynone{
	display:none;}

/*------------------------------------------------------
＊　トップ画面
-------------------------------------------------------*/
.mainimage{
  width:100%;
  margin:0px 0px 25px 0px;
  height:auto;
  top:0px;
}

.top_memu{
  width:auto;
  margin:10px 5px 0 5px;
}

.top_memu li{
  float:left;
  width:25%;
  text-align:center;
}

.top_memu li img{
  width:95%;
  height:auto;
}

.sns_banner{
  margin:15px 5px 15px 5px;
}

.sns_banner li{
  text-align:left;
  margin-bottom:10px;
}

.sns_banner li a{
	display: block;
  overflow:hidden;
  padding:6px 0 6px 10px;
  margin:0 3px 0 3px;
}

.sns_banner li.instagram a{
  border:1px solid #943790;
}

.sns_banner li.youtube a{
  border:1px solid #FF0000;
}

.sns_banner li.line a{
  border:1px solid #00B900;
}

.sns_banner li.facebook a{
  border:1px solid #1877F2;
}

.sns_banner li.twitter a{
  border:1px solid #1DA1F2;
}

.sns_banner li a:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#news_area_bg{
  background:none;
  padding:30px 0 0px 0;
  margin-top:0px;
}

#news_area .newstitle{
	font-weight: bold;
	margin:0 0 20px 0;
	text-align:left;
	font-size:18px;
	color:#E74492;
  padding:0px 5px 1px 30px;
  background:#FBDBEA url("../images/common/hand_icon.png") no-repeat 5px 5px;
	letter-spacing: 2px;
}

#news_area .itiran{
  float:right;
  margin-top:4px;}

#news_area .itiran a{
  font-size:14px;
  font-weight:bold;
  border:none;
	padding:3px 10px 3px 10px;
	text-decoration: none;}

#news_area .itiran a:hover{
  background:none;
}

#news_area .newsList{
  width:auto;
  margin:0 5px 0px 5px;
  font-size:13px;
}

#news_area  .newsList li,
#news_area  .newsList li:last-child{
  float: none;
  width:100%;
  border-right:none;
  margin:0 auto 10px auto;
  padding:15px 0 10px 0;
  border-bottom:1px solid #E7E7E7;
}

#news_area  .newsList li:last-child{
  border-bottom:none;
}

#news_area .newsList li img{
  width:100%;
  height:auto;
}

.category{
	width:70px;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-weight:normal;
	color:#FFFFFF;
	font-size:11px;
  margin-top:5px;
  background:#4800FF;
}

#news_area .newsList li div.title{
  line-height:1.4;
  margin-bottom:0px;
}

#news_area .newsList li .thumbnail{
  float:left;
  padding-right:5px;
  width:50%;
}

#news_area .newsList li .txt_area{
  float:left;
  width:50%;
}

#topbanner_area .bx-wrapper {
  max-width:auto;
}

#topbanner_area{
  padding:15px 0 15px 0;
}

#topbanner_area .topbanner{
  margin:0 5px 0px 5px;
}

#topbanner_area .topbanner li{
  width:135px !important;
  margin-right:5px !important;
}

#topitems_area_bg{
  padding:5px 0 10px 0;
}

#topitems_area .itemstitle{
  width:300px;
  margin:10px auto 10px auto;
  text-align:center;
}

#topitems_area{
  width:auto;
  margin:0 auto;
}

#topitems_area li{
  float:none;
  width:100%;
  height:auto;
  margin:0 0px 10px 0px;
  padding:0 10px 0 10px;
}

#onlineshop_area{
  width:auto;
  margin:10px auto 15px auto;
}

#onlineshop_area .shoptitle{
	font-weight: bold;
	margin:15px 0 20px 0;
	text-align:left;
	font-size:18px;
  padding:0px 5px 1px 30px;
	color:#E74492;
  background:#FBDBEA url("../images/common/hand_icon.png") no-repeat 5px 5px;
	letter-spacing: 2px;
}

#onlineshop_area ul{
  margin-left:0px;
  padding-left:2px;
}

#onlineshop_area li{
  width:33.3%;
  padding-right:2px;
  margin-right:0px;
}


#instagram_area{
  margin:0px auto 0px auto;
}


#instagram_area .message{
  margin-bottom:20px;
}

/*------------------------------------------------------
＊ お知らせ一覧
-------------------------------------------------------*/
.newsList2{
  width:100%;
  margin:0 auto 30px auto;
  border-left:none;
}

.newsList2 li,
.newsList2 li:last-child{
  float: none;
  width: 100%;
  border-top:none;
  border-right:none;
  border-bottom:1px solid #FFD2E3;
  margin:0 5px 0px 5px;
}

.newsList2 li:last-child{
  border-bottom:none;
}

.newsList2 li .thumbnail{
  width:300px;
  margin:0 auto;
}

.newsList2 li .text_area{
  width:300px;
  margin:0 auto;
}

.newsList2 li img{
  width:300px;
  height:auto;
}


/*------------------------------------------------------
＊ ベビーファーストのお話一覧
-------------------------------------------------------*/
#colum_area{
  margin:30px auto 0 auto;
  width:auto;
}

#colum_area .columList{
  margin:30px auto 30px auto;
  width:auto;
}

#colum_area .columList li{
  float:none;
  width:300px;
  margin:0px auto 40px auto;
  margin-bottom:40px;
}

#colum_area .columList li:nth-child(3n){
  margin-right:auto;
}

#colum_area .columList li img{
  width:300px;
  height:200px;
}

/*------------------------------------------------------
＊ お知らせ詳細、ベビーファーストのお話詳細
-------------------------------------------------------*/
#post {
  width:auto;
  margin-left:0px;
}

#post_header_image{
  width:auto;
  margin-bottom:25px;
  margin-left:0px;
}

#news_title_area{
  padding:15px 10px 15px 10px;
  margin-bottom:25px;
  margin-left:0px;
}

#news_title_area .title{
  font-size:16px;
  margin-top:10px;
}

#post #title_area{
  width:100%;
  height:auto;
  margin:30px 0 30px 0;
  padding-bottom:10px;
}
#post #title_area .title{
  font-size:20px;
}

#post #title_area .date{
  width: 290px;
  font-size:12px;
}

#post .flyer{
  margin-bottom:50px;
}

#post .flyer_img img{
  max-width:95%;
  height:auto;
  box-shadow: 5px 5px 8px -5px rgba(0, 0, 0, 0.8);
}

#colum_title_area{
  margin-left:10px;
}

#colum_title_area .title{
  font-size:16px;
  margin:20px 0 30px 0;
}

#news_title_area .category3{
  font-size:12px;
  margin-left:50px;
  float:right;
  width:80px;
  margin-top:4px;
  padding:2px 0 2px 0;
}

.newsList .news8{
  width:80px;
  font-size:7px;
  padding:4px 0 4px 0;
}

.newsList2 .news8{
  width:120px;
  font-size:12px;
  padding:0px;
}

#osyare_event .base{
  background-size: 310px 460px;
  height:460px;
  width:310px;
  margin:0 auto 20px auto;
}

#osyare_event .photo{
  position:absolute;
  top: 5px;
  left: 15px;
  width:280px;
}

#osyare_event .name{
  position:absolute;
  top: 315px;
  left: 40px;
  font-size:13px;
  font-weight:normal;
  width:110px;
  text-align:center;
}

#osyare_event .namesmall{
  font-size:10px;
}

#osyare_event .age{
  position:absolute;
  top: 330px;
  left: 40px;
  font-size:13px;
  width:110px;
}


#osyare_event .brand{
  position: absolute;
  top: 330px;
  left: 208px;
  font-size:9px;
  width:75px;
}

#osyare_event .comment{
  position: absolute;
  top: 420px;
  left: 40px;
  font-size:7px;
  width:235px;
  line-height:1.2;
}

#osyare_event .thanks_img{
  text-align:right;
  margin-bottom:30px;
  padding-bottom:20px;
  border-bottom:2px solid #E74492;
}

#osyare_event .awardslist{
  margin-bottom:20px;
}

#osyare_event .awardslist li{
  float:left;
  width:33.3%;
  padding:5px 5px 5px 5px;
  margin:-1px -1px 0 0px;
  font-size:12px;
}

#osyare_event .awardslist li.wide{
  width:66.2%;
}

#post .question{
  font-size:14px;
  padding:10px 10px 10px 10px;
}

#post .answer{
  margin:15px 10px 30px 10px;
}

#post .right_photo li,
#post .right_photo li:last-child{
  float:none;
  margin-right:0;
  width:auto;
}

#post .photolist3 li,
#post .photolist3 li:last-child{
  float:none;
  margin:0 auto 30px auto;;
  width:250px;
}

.newstop_btn{
  width:200px;
  margin:30px auto 10px auto;
}

.newstop_btn li{
  float:none;
  margin:20px auto 20px auto;
}


/*------------------------------------------------------
＊ お知らせ(セール案内、カタログ)
-------------------------------------------------------*/
#post_flyer {
  width:auto;
  margin:0px 0px 30px 0px;
}

#post_flyer .no_flyer{
  margin:60px auto 50px auto;
  font-size:16px;
}

#post_flyer .youtubelist {
  width: auto;
  margin:0 auto 30px auto;
}

#post_flyer .itemmemo{
  font-size:13px;
}

#post_flyer .tenpotitile{
  font-size:13px;
}

#post_flyer .tenpobikou{
  font-size:11px;
}

.post_flyer_small {
  margin:0 0 30px 0 !important;
  width:auto !important;
}

/*------------------------------------------------------
＊ 商品
-------------------------------------------------------*/
#item_area{
  margin:30px auto 0 auto;
  width:auto;
}

#item_area .headmessgae{
  margin-bottom:30px;
  font-size:16px;
  text-align:left;
}

#item_area .text{
  text-align:left;
}
#item_area h3{
  font-size:16px;
  margin:40px auto 15px auto;
}

#item_area .categorylist{
  margin:30px 15px 0 15px;
}

#item_area .categorylist li{
  width:50%;
  padding:0 5px 15px 5px;
  text-align:center;
}

#item_area .categorylist li .tit{
  height:40px;
  font-size:13px;
}

#item_area .bland_title{
  width:auto;
  margin:0 auto;
  padding:15px 5px 0px 5px;
  background:#FBECEF;
}

#item_area .bland_title .tit{
  font-size:16px;
  line-height:30px;
}

#item_area .bland_table{
  width:auto;
  margin:0 auto;
  padding:10px 0px 5px 0px;
}

#item_area .bland_table li{
  padding:0 5px 0px 5px;
  width:33.3%;
}

#item_area .bland_table li img{
  padding-bottom:5px;
}

#item_area .bland_table li:nth-child(5n) {
  padding-right:5px;
}

#item_area .bland_kubun{
  width:auto;
  margin-left:5px;
}

#item_area #bland_tab {
  width:auto;
}

#item_area #bland_tab li {
  margin:0 0 0 0px;
  width:33.3%;
  border-right:1px solid #ffffff;
}

#item_area #bland_tab li a {
  display: table-cell;
  vertical-align: middle;
  width:33.3%;
  height:60px;
  line-height:16px;
  background:#ffffff;
  font-size:13px;
  font-weight:normal;
}

@media(max-width: 330px) {
  #item_area #bland_tab li a {
    font-size:11px;
  }
}

#item_area #bland_tab li a.active,
#item_area #bland_tab li a.active:hover,
#item_area #bland_tab li a:hover {
  border:2px solid #EE87B4;
  border-bottom:none;
}

#item_area .bland_list_area{
  width:auto;
  padding-left:0px;
}

#item_area .bland_list_bikou{
  font-size:12px;
}

#item_area .bland_index{
  font-size:14px;
  margin:20px auto 5px auto;
}


#item_area .bland_list li{
  float:left;
  padding:0 0px 0px 0px;
  width:50%;
  font-size:11px;
}


#item_area .item_list{
  width:auto;
}

#item_area .item_list li{
  float:none;
  width:100%;
  height:auto;
  margin:0 0px 0px 0px;
  padding:0 10px 0 10px;
}

#item_area .item_list li img{
  width:100%;
  height:auto;
}

#item_area .shop_link{
  width:auto;
  margin:20px auto 5px auto;
}

#item_area .shop_link li{
  float:none;
  width:100%;
  padding:0 15px 15px 15px;
}

/*------------------------------------------------------
＊ 商品（カテゴリー毎）
-------------------------------------------------------*/
#item_cat_area{
  margin:30px auto 0 auto;
  width:auto;
}

#item_cat_area .headmessage{
  text-align:left;
  margin-bottom:40px;
}

#item_cat_area .item_table{
  margin:0 0px 30px 0px;
}

#item_cat_area .item_table li{
  float:left;
  width:50%;
  height:auto;
  margin-right:0px;
  padding:0 5px 0 5px;
}

#item_cat_area .item_table li:nth-child(2n) {
  margin-right:0px;
}

#item_cat_area .item_table li .tit{
  font-size:14px;
  height:60px;
}


#item_cat_area .item_table li.shop_banner{
  width:100%;
}


/*------------------------------------------------------
＊ 店舗情報
-------------------------------------------------------*/
#shop_title{
  padding:10px 0 2px 0;
  border-bottom:2px solid #FBEDEF;
}

#shop_title .shop_title_left{
  width:75%;
  margin-left:0px;
}

#shop_title .shop_title_right{
  margin-right:0px;
  width:25%;
}

#shop_area{
  margin:30px auto 30px auto;
  width:auto;
}

#shop_area table{
  float:none;
  width:100%;
  margin-bottom:30px;
}

#shop_area table th {
	display:block;
	padding:10px 5px;
	width:100%;
	height:auto;
}

#shop_area table th.high{
  height:auto;
}


#shop_area table td {
	padding: 10px 5px 10px 5px;
	display:block;
  vertical-align: middle;
	width:100%;
	height:auto;
}

#shop_area table td{
  border-right:none;
  border-left:none;
}

#shop_area #map_area{
  margin-top:-80px;
  padding-top:80px;
}


#shop_area .map_area{
  float:none;
  width:auto;
  text-align:center;
}

#shopslider_area{
  padding:15px 0 15px 0;
  margin-bottom:40px;
}

/*------------------------------------------------------
＊ チラシ
-------------------------------------------------------*/
#flyer_area{
  margin:30px auto 0 auto;
  width:auto;
  text-align:center;
}

#flyer_area .no_flyer{
  margin-top:60px;
  font-size:16px;
}

#flyer_area .headmessage{
  text-align:left;
}

#flyer_area #title_area{
  width:100%;
  height:auto;
  margin:30px 0 30px 0;
  padding-bottom:10px;
}
#flyer_area #title_area .title{
  font-size:20px;
}

#flyer_area #title_area .date{
  width: 290px;
  font-size:12px;
}

#flyer_area .flyer{
  margin-bottom:50px;
}

#flyer_area .flyer_img img{
  max-width:95%;
  height:auto;
  box-shadow: 5px 5px 8px -5px rgba(0, 0, 0, 0.8);
}

#flyer_area .flyer_info{
  width:auto;
  margin:0px auto 20px auto;
  padding:20px 10px 20px 10px;
  text-align:left;
}

/*------------------------------------------------------
＊ コンセプト
-------------------------------------------------------*/
#concept_area{
  margin:0px auto 0 auto;
  width:auto;
  padding-bottom:0px;
}

#concept_area .concept_title img{
  width:100%;
}

#concept_area .concept_list1{
  margin:0 auto 60px auto;
  width:auto;
}

#concept_area .concept_list1 li{
  float:none;
  width:auto;
}

#concept_area .concept_list2 li{
  float:none;
  width:auto;
  margin-right:0px;
  margin-bottom:30px;
}



/*------------------------------------------------------
＊ 企業理念
-------------------------------------------------------*/
#philosophy_area{
  margin:30px auto 0 auto;
  width:auto;
  padding-bottom:0px;
}

#philosophy_area .headmessage{
  font-size:4.2vw;
  line-height:1.5;
  margin-bottom:20px;
  text-align:center;
}

#philosophy_area .message_area{
  float:none;
  width:auto;
  margin-right:0px;
}

#philosophy_area .message{
  margin-bottom:15px;
  font-size:14px;
}

#philosophy_area .ceo_photo{
  margin-top:35px;
  text-align:right;
}

#philosophy_area .ceo_name{
  width:190px;
  margin:10px 0 0 auto;
}

#philosophy_area .ceo_photo img,
#philosophy_area .ceo_name img{
  width:70%;
}

/*------------------------------------------------------
＊ 社長メッセージ
-------------------------------------------------------*/
#message_area{
  margin:30px auto 0 auto;
  width:auto;
}

#message_area .photo{
  float:none;
  text-align:center;
  margin-bottom:20px;
}

#message_area .photo img{
  width:300px;
}

#message_area .message{
  float:none;
  width:auto;
}
#message_area .message .headmessage{
  font-size:16px;
  line-height:1.5;
  margin-bottom:20px;
  text-align:center;
}

#message_area .message .text{
  line-height:1.5;
  font-size:14px;
}

#message_area .message .ceo_name{
  margin-top:30px;
}

#message_area .message .ceo_name img{
  width:240px;
}

/*------------------------------------------------------
＊ 会社概要
-------------------------------------------------------*/
#profile_area{
  margin:30px auto 0 auto;
  width:auto;
}

#profile_area .profile{
  float:none;
  margin-bottom:30px;
  width:100%;
}

#profile_area .profile table th{
  padding:10px 5px 10px 5px;
  width:auto;
}

#profile_area .profile table td{
  padding:10px 5px 10px 0px;
}

#profile_area .photo{
  float:none;
  text-align:center;
  width:auto;
  margin-bottom:20px;
}

#profile_area .photo img{
  width:300px;
}

#profile_area #googlemap{
  margin-top:-50px;
  padding-top:50px;
}

#profile_area #map_area{
  margin:30px auto 0px auto;
}

#map {
	position: relative;
	padding-bottom: 70%; /* これが縦横比 */
  padding-top: 30px;
	height: 0;
	overflow: hidden;
}

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

/*------------------------------------------------------
＊ 沿革
-------------------------------------------------------*/
#histoty_area{
  margin:30px auto 0 auto;
  width:auto;
  text-align:center;
}

#histoty_area .headmessage{
  margin-bottom:30px;
  font-size:18px;
}

#histoty_area .text{
  margin-bottom:30px;
  text-align:left;
}

/*------------------------------------------------------
＊ 採用情報
-------------------------------------------------------*/
#recruit_area{
  margin:30px auto 0 auto;
  width:auto;
}

#recruit_area .headmessage{
  font-size:16px;
  margin-bottom:20px;
  text-align:left;
}

#recruit_area .text{
  text-align:left;
  margin-bottom:30px;
}

#recruit_area .jobtitle{
  font-size:16px;
}

#recruit_area .recruit_table th {
	display:block;
	padding:10px 5px;
	width:100%;
}


#recruit_area .recruit_table td {
	padding: 10px 5px 10px 5px;
	display:block;
  vertical-align: middle;
	width:100%;
}

#recruit_area .recruit_table td{
  border-right:none;
  border-left:none;
}

#recruit_area .oubo_table{
  width:100%;
  margin-bottom:20px;
}

#recruit_area .oubo_table th {
	display:block;
	padding:10px 5px;
	width:100%;
}


#recruit_area .oubo_table td {
	padding: 10px 5px;
	display:block;
  vertical-align: middle;
	width:100%;
}

#recruit_area .oubo_table td{
  border-right:none;
  border-left:none;
}

/*------------------------------------------------------
＊ CMギャラリー
-------------------------------------------------------*/
#tvcm_area{
  margin-top:30px;
}

#tvcm_area .youtubebox{
  width:auto;
}


#tvcm_area table{
  width:auto;
  margin:30px auto 0 auto;
}

#tvcm_area table th{
  width:70px;
}

#tvcm_area table td{
  padding:0 0 0 5px;
}

/*------------------------------------------------------
＊ お問い合わせ
-------------------------------------------------------*/
#contact_area{
  margin:30px auto 0 auto;
  width:auto;
}

#contact_area .headmessage{
  margin-bottom:40px;
}

#contact_area table th {
	display:block;
	padding:10px 5px;
	width:100%;
}

#contact_area table td {
	padding: 10px 5px 10px 5px;
	display:block;
  vertical-align: middle;
	width:100%;
}

#contact_area table td{
  border-right:none;
  border-left:none;
}

.mw_wp_form_input .sp_w100{
  width:100%;
}


.mw_wp_form_confirm .confirm_btn input{
  display:block;
  margin-bottom:20px;
}


/*------------------------------------------------------
＊ 個人情報保護方針
-------------------------------------------------------*/
#privacy_area{
  margin:30px auto 0 auto;
  width:auto;
}

#privacy_area .headmessage{
  margin-bottom:30px;
}


#privacy_area h4{
  margin-bottom:15px;
}

#privacy_area h5{
  margin-bottom:10px;
}

#privacy_area p{
  margin-bottom:30px;
}

#privacy_area .mailbox {
  padding:4px 28px;
  margin-right:20px;
}

/*------------------------------------------------------
＊ Hello赤ちゃんメンバーズ
-------------------------------------------------------*/
#members_area h3{
  font-size:18px;
	letter-spacing: 2px;
}

#members_area h4{
  font-size:18px;
  margin:5px 0 30px 0;
	letter-spacing: 2px;
}

#members_area h5{
  color:#E74492;
  font-size:16px;
  border-bottom:1px solid #E74492;
  font-weight:normal;
}

#members_area .contract{
  margin:5px 0px 30px 0px;
}

#members_area .contract li{
  padding-left:15px;
}

#members_area #entry_contract_area{
  padding:20px 5px 0px 5px;
  height:auto;
  overflow-y: visible;
}

#members_area .status{
  margin:0 0px 30px 0px;
}

#members_area .status2{
  margin-left: 0px;
}
#members_area .status li{
  float:left;
  margin:0;
  width:50%;
  text-align:center;
}

#members_area .status li img{
  width:95%;
  margin-bottom:5px;
}

#members_area .agree{
  margin:30px auto 30px auto;
  width:100%;
}

#members_area .agree li{
  float:none;
  width:100%;
  text-align:center;
  margin:0 0 15px 0;
}

#members_area .agree li img{
  width:80%;
  max-width:260px;
}

#members_area .member_input_table th {
	display:block;
	padding:10px 5px;
	width:100%;
}

#members_area .member_input_table th.wide_min,
#members_area .member_input_table th.wide_min2{
  width:100%;
  border-right:none;
}

#members_area .member_input_table th.wide_min{
  background:#E74492;
  color:#ffffff;
  border-bottom:none;
}

#members_area .member_input_table td {
	padding: 10px 5px 10px 5px;
	display:block;
  vertical-align: middle;
	width:100%;
}

#members_area .member_input_table td{
  border-right:none;
  border-left:none;
}

#members_area .entry_complete_headmessage{
  font-size:16px;
  margin:0px 0 30px 0;
}

#members_area .entry_complete_text{
  margin-bottom:30px;
}

#benefits_area .headmessage{
  margin:20px 0 20px 0px;
}

#benefits_area .benefits_title{
  font-size:22px;
  padding-left:5px;
  margin-bottom:10px;
  padding-bottom:0px;
}


#benefits_area .benefits_info1,
#benefits_area .benefits_info2,
#benefits_area .benefits_info3,
#benefits_area .benefits_info4{
  float:none;
  width:100%;
  height:auto;
  padding-bottom:25px;
}

#benefits_area .benefits_info{
  padding:10px 0 30px 0;
}

#benefits_area .lett_area{
  float:none;
  width:auto;
}

#benefits_area .right_area{
  float:none;
  width:auto;
}

#benefits_area .benefits_info_title th{
  width:60px;
}

#benefits_area .benefits_info_title th img{
  width:45px;
}
#benefits_area .benefits_info_title td{
  font-size:18px;
}

#benefits_area .benefits_info_txt{
  margin:10px 5px 5px 5px;
}

#benefits_area .benefits_info_bikou{
  margin:0px 5px 5px 19px;
  text-indent: -1em;
}

#benefits_area .couponimg{
  text-align:center;
  margin-top:5px;
}

#benefits_area .benefits_info5 ul{
  margin:0px 0 0px 0;
}

#benefits_area .benefits_info5 li{
  float:none;
  width:100%;
  height:auto;
  padding:0 5px 0 5px;
  margin-bottom:30px;
  border-right:none;
}


#benefits_area .benefits_info5 li .title1,
#benefits_area .benefits_info5 li .title2,
#benefits_area .benefits_info5 li .title3,
#benefits_area .benefits_info5 li .title4{
  width:200px;
  margin:12px auto 12px auto;
}

#benefits_area .benefits_info5 li .title1 img,
#benefits_area .benefits_info5 li .title2 img,
#benefits_area .benefits_info5 li .title3 img,
#benefits_area .benefits_info5 li .title4 img{
  width:160px;
}

#benefits_area .coupon_bikou{
  width:auto;
  text-indent: -1em;
  margin-left: 1em;
  font-size:13px;
}

#benefits_area .couponlist{
  display:block;
}

#benefits_area .couponlist li{
  float:none;
  width:310px;
  margin:0 auto 10px auto;
  padding:5px 0px 5px 0px;
}
#benefits_area .couponlist li:nth-child(3n+3){
  margin:0 auto 10px auto;
}

#benefits_area .couponlist li .title{
  width:300px;
  margin:10px auto 0 auto;
}

#benefits_area .couponlist li .text{
  width:290px;
  margin:0px auto 0 auto;
  padding:5px 0px 0 0px;
}


#benefits_area .enroll_title{
  padding:7px 0 7px 0;
}

#benefits_area .enroll_title img{
  width:156px;
}

#benefits_area .enroll_txt{
  margin:15px 0 20px 0px
}

#benefits_area .enroll_area1,
#benefits_area .enroll_area2{
  float:none;
  width:100%;
  height:auto;
  margin:0 0 20px 0px;
}

#benefits_area .enroll_area2_inner{
  height:auto;
}


#benefits_area .enroll_area1 .title img,
#benefits_area .enroll_area2 .title img{
  width:90%;
}

#benefits_area .enroll_area1 .title{
  margin:20px 0 20px 0;
}

#benefits_area .enroll_area2 .title{
  margin:20px 0 0 0;
}

#benefits_area .enroll_area1 .txt{
  padding:0 10px 10px 10px;
}

#benefits_area .enroll_area2 .txt{
  text-align:left;
  padding:0 10px 10px 10px;
}

#benefits_area .bikou_area{
  margin:20px 0 0 0px;
}

#benefits_area .tokuten{
  height:auto;
  width:auto;
  margin-bottom:5px;
  padding-bottom:1px;
  position: relative;
}

#benefits_area .tokuten1{
  background-color: #DEF0FB;
  background-image:none;
}

#benefits_area .tokuten2{
  background-color: #FAE8E1;
  background-image:none;
}

#benefits_area .tokuten3{
  background-color: #FBF7C5;
  background-image:none;
}

#benefits_area .tokuten3{
  background-color: #FBF7C5;
  background-image:none;
}

#benefits_area .tokuten4{
  background-color: #C2DA69;
  background-image:none;
}

#benefits_area .tokuten .usage_note_area{
  position: relative;
  top:0;
  left:0px;
  height:auto;
  width:auto;
  color:#EC79A0;
  padding:5px 5px 5px 5px;
  margin:5px 0.8vh 10px 0.8vh;
  border:3px solid #EDB0C9;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background:#FFFFFF;
}

#benefits_area .tokuten .usage_note_area .title{
  font-size:16px;
  text-align:center;
  font-weight:bold;
}

#benefits_area .tokuten .usage_note_area .note{
  font-size:12px;
  line-height:1.3;
  letter-spacing: -1px;
  margin-bottom:4px;
  padding-left: 1em;
  text-indent: -1em;
  font-weight:bold;
}

#benefits_area .tokuten .usage_note_area .bikou{
  font-size:12px;
  line-height:1.3;
  letter-spacing: -1px;
  border:1px solid #EC79A0;
  padding:5px 0 5px 0;
  font-weight:bold;
  text-align:center;
  width:260px;
  margin:0 auto 0 auto;
}

#benefits_area .benefits_underline1{
  border-bottom:1px solid #E74492;
  margin:10px 0 10px 0;
}

#benefits_area .benefits_underline2{
  border-bottom:1px solid #E74492;
  margin:5px 0 10px 0;
}


#benefits_area .benefits_link{
  text-align:right;
  padding-right:10px;
  font-size:13px;
}

/*------------------------------------------------------
＊ インスタグラム募集
-------------------------------------------------------*/
#instagram_campaign_area{
  font-size:12px;
}

#instagram_campaign_area .campaign_inner,
#instagram_campaign_area .campaign_inner2{
  width:auto;
  margin:0 5px;
}

#instagram_campaign_area .margin_none{
  margin:0px;
}


#instagram_campaign_area h3{
  height:auto;
  padding:7px 0 7px 0;
  font-size:15px;
}

#instagram_campaign_area .btn_list_area{
  width:auto;
  padding:15px 0px;
}

#instagram_campaign_area .btn_list{
  width:auto;
}

#instagram_campaign_area .btn_list li{
  float:none;
  width:80%;
  margin:0px auto 15px auto;
}

#instagram_campaign_area .btn_list li:last-child{
  margin:0px auto 0px auto;
}

#instagram_campaign_area .btn_list2{
  width:auto;
}

#instagram_campaign_area h4{
  font-size:14px;
  line-height:32px;
  margin:25px 0 10px 0;
}

#instagram_campaign_area h3 img{
  width:300px;
}

#instagram_campaign_area h3.large img{
  width:200px;
}

#instagram_campaign_area .withe_bg{
  padding:20px 0 30px 0;
}

#instagram_campaign_area .pink_bg{
  padding:20px 0 30px 0;
}

#instagram_campaign_area .headmessage{
  font-size:15px;
  line-height:1.6;
  text-align:left;
}

#instagram_campaign_area .headmessage .kensuu{
  font-size:18px;
}

#instagram_campaign_area .headmessage2{
  font-size:14px;
  width:auto;
}

#instagram_campaign_area .headmessage2 .name{
  margin:10px 0 0 auto;
  width:260px;
}

#instagram_campaign_area .prize{
  width:100%;
  margin:0 auto 30px auto;
  font-size:14px;
  clear:both;
}

#instagram_campaign_area .prize th{
  padding:0 0px 0 0px;
}

#instagram_campaign_area .prize th.center{
  text-align:center;
}

#instagram_campaign_area .prize th img{
  vertical-align:middle;
  padding:0 5px 0 5px;
  width:80px;
}


#instagram_campaign_area .method_txt{
  position:relative;
  color:#231815;
  width:90%;
  font-size:11px;
  line-height:1.2;
  margin:5px auto 0 auto;
  text-align:center;
}


#instagram_campaign_area .method_step li{
  float:left;
  width:50%;
  margin-bottom:30px;
}

#instagram_campaign_area .method_list{
  width:auto;
}

#instagram_campaign_area .method_list li{
  width:100%;
}

#instagram_campaign_area .method_list table{
  width:100%;
  font-size:14px;
}

#instagram_campaign_area .method_list table th{
  padding:0px 5px 0px 5px;
  background:none;
}

#instagram_campaign_area .method_list table td{
  padding:10px 5px 12px 5px;
  margin-bottom:20px;
}

#instagram_campaign_area .method_list table td.right{
  padding:10px 5px 12px 5px;
  background:none;
}

#instagram_campaign_area .method_list_table2{
  width:auto;
  font-size:13px;
}

#instagram_campaign_area .method_list_table2 th{
  display:block;
  padding:15px 0px 5px 5px;
  width:auto;
}

#instagram_campaign_area .method_list_table2 td{
  display:block;
  padding:0px 0px 15px 5px;
}



#instagram_campaign_area .announcement{
  width:auto;
}

#instagram_campaign_area .oubo_kiyaku{
  margin:30px 0px 0 0px;
}

/*------------------------------------------------------
＊ インスタグラム結果発表
-------------------------------------------------------*/
#instagram_result_area{
  font-size:13px;
}

#instagram_result_area .select_area{
  padding:10px 0 5px 0;
}

#instagram_result_area .select_list{
  width:auto;
  margin:0 auto;
}

#instagram_result_area .select_list li{
  width:23%;
  display: none;
}

/* 10番目まで一度非表示にする */
#instagram_result_area .select_list li:nth-child(-n + 10) {
  display: none;
}

/* 4番目まで表示 */
#instagram_result_area .select_list li:nth-child(-n + 4) {
  display: inline-block;
}

#instagram_result_area .select_list li a{
  width:100%;
  margin:0 0px 5px 0px;
  padding:10px 0 7px 0;
}

#instagram_result_area .select_list li .title{
  font-size:14px;
}

#instagram_result_area #more_btn_sp{
  text-align:center;
  margin-top:10px;
  height:40px;
}

#instagram_result_area #more_btn_sp .more_btn{
  background:#e64491;
  padding:10px;
  color:#ffffff;
  width:120px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#instagram_result_area  .header_title{
  font-size:20px;
  margin-bottom:20px;
}

#instagram_result_area  .header_message{
  text-align:left;
  font-size:15px;
  margin-bottom:20px;
}

#instagram_result_area  .present_bikou{
  text-align:left;
  font-size:12px;
  margin-bottom:40px;
  line-height:1.3;
}

#instagram_result_area .award_logo{
  margin:0 auto;
}

#instagram_result_area .award_logo img{
  width:200px;
}

#instagram_result_area .decoration{
  top: 5px;
}

#instagram_result_area .award_list{
  width:auto;
  margin:30px auto 0px auto;
  text-align:center;
}

#instagram_result_area .award_list_long{
  width:auto;
}

#instagram_result_area .award_list li{
  float:none;
  width:100%;
  padding:20px 5px 30px 5px;
  border-bottom:1px dashed #e4007f;
}

#instagram_result_area .award_list li:nth-last-child(2):nth-child(odd) {
  border-bottom:1px dashed #e4007f;
}

#instagram_result_area .award_list li:last-child{
	border-bottom: none;
}

#instagram_result_area .award_list li:nth-child(odd){
  border-right:none;
}

#instagram_result_area .award_list .name{
  width:300px;
  font-size:17px;
  margin:0 auto 7px auto;
}

#instagram_result_area .award_list .name img{
  margin-right:3px;
}


#instagram_result_area .award_list .photo{
  width:300px;
  height:300px;
  margin:0 auto 10px auto;
  padding:8px;
  box-shadow: 3px 3px 10px -3px rgba(0, 0, 0, 0.5);
}

#instagram_result_area .award_list .movie{
  width:300px;
  height:316px;
  margin:0 auto 10px auto;
  padding:5px;
  box-shadow: 3px 3px 10px -3px rgba(0, 0, 0, 0.5);
}

#instagram_result_area .award_list .movie iframe{
  margin-top:-52px;
  height: 354px;
}


#instagram_result_area .award_list .photo img{
  max-height:290px;
  max-width:290px;
  height:auto;
  width:auto;
}

#instagram_result_area .award_list .txt{
  width:auto;
  max-width:350px;
  margin:0 auto 0 auto;
}

#instagram_result_area .award_list .txt th{
  width:60px;
}

#instagram_result_area .award_list .txt th img{
  width:55px;
}

#instagram_result_area .award_list .txt td{
  font-size:13px;
}

#instagram_result_area .shipment{
  width:auto;
  margin:30px auto 30px auto;
  padding:10px 5px 10px 5px;
}

/*------------------------------------------------------
＊ 社内研修動画
-------------------------------------------------------*/
#video_area .title{
  font-size:18px;
}

#video_area .latestList tr{
  font-size:16px;
}

#video_area .latestList td{
  padding:0px 0 3px 0;
}

#video_area .latestList td.date,
#video_area .latestList td.category_name,
#video_area .latestList td.video_title{
  display:inline-block;
}


#video_area .latestList td.date{
  padding-top:10px;
  width:40%;
}

#video_area .latestList td.category_name{
  padding-top:10px;
  width:50%;
}
#video_area .latestList tr:nth-child(1) td.date,
#video_area .latestList tr:nth-child(1) td.category_name{
  padding-top:0px;
}

#video_area .videoList{
  width:100%;
  margin:0 auto 30px auto;
  border-left:none;
}

#video_area .videoList li,
#video_area .videoList li:last-child{
  float: none;
  width: 300px;
  border-top:none;
  border-right:none;
  margin:0 auto 20px auto;
}

#video_area .videoList li:nth-child(3n){
  margin-right:auto;
}

#video_area .videoList li:last-child{
  border-bottom:none;
}

#video_area .videoList li .thumbnail{
  width:300px;
  margin:0 auto;
}

#video_area .videoList li .date{
  margin-top:10px;
}

#video_area .videoList li img{
  width:300px;
  height:200px;
}


/*------------------------------------------------------
＊ サイトマップ
-------------------------------------------------------*/
#sitemap_area{
  margin:30px auto 0 10px;
  width:auto;
}

#sitemap_area .left_area{
  width:100%;
  float:none;
}
#sitemap_area .right_area{
  width:100%;
  float:none;
}

#sitemap_area h3{
  padding:6px 0 6px 10px;
  font-size:15px;
  margin-bottom:20px;
}

#sitemap_area ul{
  margin:-5px 0 20px 5px;
}

#sitemap_area li{
  margin-bottom:5px;
}


/*------------------------------------------------------
＊ 404
-------------------------------------------------------*/
#notfound_area{
  margin:30px auto 0 auto;
  width:auto;
}

#notfound_area .headmessage{
  font-size:16px;
  margin-bottom:20px;
}

#notfound_area .text{
  text-align:left;
}

/*------------------------------------------------------
＊ 検索結果
-------------------------------------------------------*/
#search_results_area{
  margin:30px auto 0 auto;
  width:auto;
}

#search_results_area h3{
  font-size:18px;
}

#search_results_area h4{
  font-size:15px;
}

/*------------------------------------------------------
＊ サステナビリティ
-------------------------------------------------------*/
#sustainability_area{
  margin:30px auto 100px;
  width:auto;
}

#sustainability_area h2{
  margin-bottom:25px;
  text-align: center;
}

#sustainability_area h2 img{
  width:80%;
  max-width: 330px;
}

#sustainability_area h3{
  font-size:18px;
  font-weight: normal;
  letter-spacing: 0.15em;
  margin-bottom: 15px;
}

#sustainability_area .message{
  font-size:14px;
  margin-bottom:35px;
  padding:0 5px 0 5px;
}

#sustainability_area .initiatives{
  margin-bottom:35px;
}

#sustainability_area .initiatives li{
  font-size:14px;
  text-indent: -1em;
  padding-left: 2em;
}

#sustainability_area .ceo{
  font-size:14px;
  text-align: right;
  padding-right:12px;
  margin-bottom: 50px;
}

#sustainability_area .information_title{
  font-size: 17px;
  padding-left:5px;
  letter-spacing: 2px;
}

#sustainability_area .information_table{
  font-size:14px;
}

#sustainability_area .information_table td{
  padding:20px 0px 18px 12px;
}

#sustainability_area .information_table td.contents{
  padding-right:30px;
}

#sustainability_area .information_table td.date{
  width:66px;
}

#sustainability_area .information_table a:after{
  top: 20px;
  right: 12px;
}

/*------------------------------------------ End */