/*-------------------
　HTML基本設定
--------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/mplus1p.css);
@import url(http://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
@import url(http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Delius+Swash+Caps);
@import url(https://fonts.googleapis.com/css?family=Delius+Unicase);
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*-------------------
　NORNIR基本設定
--------------------*/
.pd10{	padding:10px;	}
.pd20{	padding:20px;	}
.pd30{	padding:30px;	}
.pd40{	padding:40px;	}
.pt5 {	padding-top:5px;	}
.pt10{	padding-top:10px;	}
.pt20{	padding-top:20px;	}
.pt30{	padding-top:30px;	}
.pt40{	padding-top:40px;	}
.pt50{	padding-top:50px;	}
.pt80{	padding-top:80px;	}
.pt100{	padding-top:100px;	}
.pb10{	padding-bottom:10px;	}
.pb20{	padding-bottom:20px;	}
.pb30{	padding-bottom:30px;	}
.pb40{	padding-bottom:40px;	}
.pb80{	padding-bottom:80px;	}
.pl10{	padding-left:10px;	}
.pl20{	padding-left:20px;	}
.pl30{	padding-left:30px;	}
.pl40{	padding-left:40px;	}
.pr10{	padding-right:10px;	}
.pr20{	padding-right:20px;	}
.pr30{	padding-right:30px;	}
.pr40{	padding-right:40px;	}
.mg10{	margin:10px;	}
.mg20{	margin:20px;	}
.mg30{	margin:30px;	}
.mg40{	margin:40px;	}
.mt0 {	margin-top:-15px;	}
.mt1 {	margin-top:-10px;	}
.mt5 {	margin-top:5px;		}
.mt10{	margin-top:10px;	}
.mt20{	margin-top:20px;	}
.mt30{	margin-top:30px;	}
.mt40{	margin-top:40px;	}
.mb0{	margin-bottom:0px;	}
.mb10{	margin-bottom:10px;	}
.mb20{	margin-bottom:20px;	}
.mb30{	margin-bottom:30px;	}
.mb40{	margin-bottom:40px;	}
.ml0 {	margin-left:-10px;	}
.ml10{	margin-left:10px;	}
.ml20{	margin-left:20px;	}
.ml30{	margin-left:30px;	}
.ml40{	margin-left:40px;	}
.mr0 {	margin-right:-30px;	}
.mr10{	margin-right:10px;	}
.mr20{	margin-right:20px;	}
.mr30{	margin-right:30px;	}
.mr40{	margin-right:40px;	}
.w50{  width:50px;	}
.w60{  width:60px;	}
.w100{  width:100px;	}
.w150{  width:150px;	}
.w180{  width:180px;	}
.w200{  width:200px;	}
.w250{  width:250px;	}
.w300{  width:300px;	}
.w350{  width:350px;	}
.w400{  width:400px;	}
.w425{  width:425px;	}
.w500{  width:500px;	}
.w600{  width:600px;	}
.w800{  width:800px;	}
.wp80{	width: 80%;}
.wp90{	width: 90%;}
.wp95{	widht: 95%;}
.mc	{margin:0 auto; min-height:50px; max-width: 95%;}
.alignright		{	text-align:right;	}
.aligncenter	{	text-align:center;	}
.alignmiddle *	{	vertical-align:middle;	}
.alignleft		{	text-align:left;	}
.fl  {  float:left;		}
.fr  {  float:right;	}
.fn  {  float:none;		}
.dn  {  display:none;	}
.iionly,.pnone  {  display:none;	}
.ihr {  display:none;	}
.block {  display:block;	}
.intable {  display:inline-table;	}
.bd  {  border: dashed 1px #CCCCCC;}
.color_ye  {  color:#FDF2DA; font-weight: 500;}
.color_wt  {  color:#ffffff; font-weight: 500;}
.color_br1 {  color:#998675; font-weight: 500;}
.color_br2 {  color:#69606b; font-weight: 500;}
.color_br3 {  color:#403F3F; font-weight: 500;}
.color_br4 {  color:#66513c; font-weight: 500;}
.color_bk1 {  color:#222222; font-weight: 500;}
.color_gr1 {  color:#666666; font-weight: 500;}
.color_gr2 {  color:#959595; font-weight: 500;}
.color_gr3 {  color:#e6e6e6; font-weight: 500;}
.color_pr {  color:#b6b1c8; font-weight: 500;}
.color_or {  color:#fbb03b; font-weight: 500;}
.color_pk1 {  color:#da536e; font-weight: 500;}
.color_pk2 {  color:#ff9cba; font-weight: 500;}
.color_pk3 {  color:#ed798d; font-weight: 500;}
.color_rd1 {  color:#a40b5e; font-weight: 500;}
.color_bl {  color:#0096fa; font-weight: 500;}
.color_bl1 {  color:#0096fa; font-weight: 500;}
.color_bl2 {  color:#19a0fa; font-weight: 500;}
.color_bl3 {  color:#4bb4fa; font-weight: 500;}
.bold {	font-weight:900;}
.ft12 {	font-size:12px;	}
.ft14 {	font-size:14px;	}
.ft16 {	font-size:16px;	}
.ft18 {	font-size:18px;	}
.ft20 {	font-size:20px;	}
.lh2  { line-height:2em;}
.lh25  { line-height:2.5em;}
.lh5  { line-height:1.5em;}
.fixed	 {position: fixed;}
.static	 {position: static;}
.relative{position: relative;}
.fmj	{ font-family: 'Hiragino Kaku Gothic ProN','メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', "MS PGothic";}
.fme	{ font-family: 'Raleway','Lato', Arial, sans-serif;}
.fmm	{ font-family: "Mplus 1p";}
/* Header ffccd5*/
body {
	padding: 0;
	color: #222222;
	font-weight: 400;
	line-height: 1.5;
	font-family: 'Hiragino Kaku Gothic ProN','メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', "MS PGothic";
	font-family: 'Raleway','Lato', Arial, sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

html, body {  height: 100%;}

.inner{
	width:1080px;
	margin: 0 auto;
	position:relative;
}

a {	text-decoration:none;color: #FFFFFF;}
a:hover{  text-decoration:none;color: #e6e6e6;}


/* Content style */
section {
	width: 100%;
	text-align: justify;
	margin: 0 auto;
	color: #403F3F;
	line-height: 1;
}

section p {
	opacity: 0.9;
}
.features p,.portfolio p {
	opacity: 0.4;
}
.top_padding{padding:100px 0 0 0;}
.albumimg{
	width:345px;
	xheight:235px;}
/*-------------------
　BACK TO TOP
--------------------*/
#back-top {
	position: fixed;
	right:30px;
	bottom:30px;
	overflow:hidden;
	z-index: 1000;
	}
#back-top span {
	font-size:30pt;
	width: 55px;
	height: 55px;
	text-align:center;
	display: block;
	background: url(../image/backtop.png) center no-repeat rgba(255,255,255,0.2);
	-webkit-border-radius:40px;
    -moz-border-radius:40px;
    border-radius:40px;
}
#back-top a:hover span {
	background: url(../image/backtop.png) center no-repeat rgba(255,255,255,0.5);

}

@media (max-width: 736px) {
#back-top {
	position: fixed;
	right:10px;
	bottom:10px;
	overflow:hidden;
	z-index: 1000;
}
}
/* =====================================
	 NEW COLOR FOR BOOTSTRAP #db7093 #db6d92
===================================== */
/*PINK*/
.btn-pink {
  color: #FFFFFF;
  background-color: #ff9cba;
  border-color: #ffe6ef;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink {
  color: #fff;
  background-color: #D2527F;
  border-color: #cc517c;
}
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink {
  background-image: none;
}
.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
  background-color: #ff9cba;
  border-color: #ffe6ef;
}
.btn-pink .badge {
  color: #DB0A5B;
  background-color: #fff;
}


/*PURPLE*/
.btn-success {
  color: #fff;
  background-color: #66647f;
  border-color: #4d4c61;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #4d4c61;
  border-color: #515066;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #66647f;
  border-color: #4d4c61;
}
.btn-success .badge {
  color: #4d4c61;
  background-color: #fff;
}


/*-------------------
　1. HEADERffccdf
--------------------*/
.header-bg{
	background:#ffc2d8;
	margin:0 auto;
	padding:0px;
	position:relative;
	width:100%;
}
.navibg{
	font-size:14px;
	background: url(../image/navi_bg3.png) bottom center no-repeat;
	color:#FFFFFF;
	height:50px;
	}

/*-------------------
　2. TOP MENU
--------------------*/
.topmenu{ text-align:center; }
.top-wrapper { margin: 0px 0 0px; }
section.topmenu{
	background: #ffe6ef url(../image/bgD.png) center no-repeat;
}
.starhover{
  width: 360px;
  height:360px;
}
.starhover:hover{
  text-decoration:none;
  z-index: 2;
}
.star_about:hover{  background: url(../image/star_about.png) center no-repeat;  }
.star_access:hover{  background: url(../image/star_access.png) center no-repeat;  }
.star_babycare:hover{  background: url(../image/star_babycare.png) center no-repeat;  }
.star_babycat:hover{  background: url(../image/star_babycat.png) center no-repeat;  }
.star_blog:hover{  background: url(../image/star_blog.png) center no-repeat;  }
.star_ourcat:hover{  background: url(../image/star_ourcat.png) center no-repeat;  }

.starbg{
  width: 360px;
  height:320px;
  z-index: 1;

}
.star_bg1{  background: url(../image/cat_top-01.png) bottom no-repeat;}
.star_bg2{  background: url(../image/cat_top-06.png) bottom no-repeat;}
.star_bg3{  background: url(../image/cat_top-02.png) bottom no-repeat;}
.star_bg4{  background: url(../image/cat_top-04.png) bottom no-repeat;}
.star_bg5{  background: url(../image/cat_top-05.png) bottom no-repeat;}
.star_bg6{  background: url(../image/cat_top-07.png) bottom no-repeat;}

.topmenu h2 {
	font-family: Delius Unicase;
	color:#d82664;}
	
.topinfo {
	width:280px;
	margin:0 auto;	
}
.topinfo p {
	font-family: "Mplus 1p";
	text-align: center;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	color: #000000;
	font-size: 18px;
	line-height: 25px;
}
.topimage{}
ul.social-buttons { list-style: none; margin: 0; padding: 0; }
ul.social-buttons li { display: inline-block; margin-right: 10px; }
ul.social-buttons li:last-child { margin-right: 0; }
.social-btn { width: 40px; height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; 
background: #ffc0cb; display: inline-block; color: #fff; font-size: 17px; line-height: 40px; text-align: center; }
.social-btn:hover, .social-btn:focus { background: #FFFFFF; color: #ffc0cb; }
.social { margin-top: 25px }

/*-------------------
　3. CLOUDffccdf
--------------------*/
.cloud-container svg {
	display: block;
	margin: -80px 0 0;
	color: #e1f0fa;
}
#clouds path {
	fill: #e1f0fa;
	stroke: #e1f0fa;
}
#clouds_top path {
	fill: #e1f0fa;
	stroke: #e1f0fa;
}
#clouds-w path {
	fill: #ffffff;
	strokex: #ffffff;
}

.cloud-color{
	margin: -1px;
	width: 100%;
	background: -webkit-gradient(
      linear, left top, left bottom, from(#fff6ff), to(#ffc2d8));　
	background: liner-gradient(
      to bottom, #fff6ff 0%, #ffc2d8 100%);　
	background: -moz-linear-gradient(
      top, #fff6ff 0%, #ffc2d8 70%, #ffc2d8);
	padding-bottom:30px;
    
}
.cloud-inclouds {
	display:block;
	min-height:350px;
	margin: 0 auto;
}
.cloud-inclouds a {
	font-weight: 700;
	opacity: 1;
}
.cloud-info {
	margin: 5px auto 100px;
	width:90%;
}
.cloud-info p {
	font-size:18px;
	line-height:1.2;
	color: #69606b;
	text-align: left;
	font-family: "Mplus 1p";
	font-weight:300;
}
.cloud-info p span {
	font-size:22px;
	font-family: "Rounded Mplus 1c";
	font-weight:500;

}
.cloud-subinfo{
	margin: 20px 0 10px;
	xwidth:580px;
	width:100%;
	background:#ffccdf;
	padding:10px;
	border:1px dashed #FFFFFF;
}

.cloud-subinfo p {
	font-size:12px;
	line-height:1.2;
	color: #69606b;
	text-align: left;
}
.cloud-color-footer{
	margin: -1px;
	width: 100%;
	background: -moz-linear-gradient(
      top
    , #e1f0fa 0%
    , #96d4fa);	
    background: -webkit-gradient(
      linear, left top, left bottom, from(#e1f0fa), to(#96d4fa));　
	background: liner-gradient(
      to bottom, #e1f0fa 0%, #96d4fa 100%);　
}

.cloud-footer {
	display:block;
	margin: 0 auto;
}


/*-------------------
　4. MAIN TOP
--------------------*/
.wave{  padding:100px 0;}
#wave-da536e {
  background: #da536e;
  color: #ffffff;
  position: relative;
}
#wave-da536e:after {
  position: absolute;
  background: url(../image/waveafter_da536e.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  bottom: -22px;
  content: "";
  z-index: 1;
}
#wave-da536e:before {
  position: absolute;
  background: url(../image/wavebefore_da536e.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  top: -22px;
  content: "";
  z-index: 1;
}

#waveA-da536e {
  padding:80px 0 80px;
  background: #da536e;
  color: #ffffff;
  position: relative;
}
#waveA-da536e:after {
  position: absolute;
  background: url(../image/waveafter_da536e.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  bottom: -22px;
  content: "";
  z-index: 1;
}
#waveB-da536e {
  background: #da536e;
  color: #ffffff;
  position: relative;
}
#waveB-da536e:before {
  position: absolute;
  background: url(../image/wavebefore_da536e.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  top: -22px;
  content: "";
  z-index: 1;
}
#nowave-ff9cba {
  background: #ff9cba;
  color: #ffffff;
  position: relative;
}

#wave-ff9cba {
  background: #ff9cba;
  color: #ffffff;
  position: relative;
}
#wave-ff9cba:before {
  position: absolute;
  background: url(../image/wavebefore_ff9cba.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  top: -22px;
  content: "";
  z-index: 1;
}
#wave-ff9cba:after {
  position: absolute;
  background: url(../image/waveafter_ff9cba.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  bottom: -22px;
  content: "";
  z-index: 1;
}
#waveB-ff9cba {
  background: #ff9cba;
  color: #ffffff;
  position: relative;
}
#waveB-ff9cba:before {
  position: absolute;
  background: url(../image/wavebefore_ff9cba.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  top: -22px;
  content: "";
  z-index: 1;
}

/*BLUE*/
#waveB-87ceeb {
  background: #87ceeb;
  color: #ffffff;
  position: relative;

}
#waveB-87ceeb:before {
  position: absolute;
  background: url(../image/wavebefore_ff9cba.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  top: -22px;
  content: "";
  z-index: 1;
}
/*BLUE*/
#waveA-afddfa {
  background: #afddfa;
  color: #ffffff;
  position: relative;
}
#waveA-afddfa:after {
  position: absolute;
  background: url(../image/waveafter_afddfa.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  bottom: -22px;
  content: "";
  z-index: 1;
}
#waveB-afddfa {
  background: #afddfa;
  color: #403F3F;
  position: relative;
}
#waveB-afddfa:before {
  position: absolute;
  background: url(../image/wavebefore_afddfa.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  top: -22px;
  content: "";
  z-index: 1;
}
#waveC-afddfa {
  background: #afddfa;
  color: #403F3F;
  position: relative;
}
#waveC-afddfa:after {
  position: absolute;
  background: url(../image/waveafter_afddfa.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  bottom: -22px;
  content: "";
  z-index: 1;
}
#waveC-afddfa:before {
  position: absolute;
  background: url(../image/wavebefore_afddfa.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  top: -22px;
  content: "";
  z-index: 1;
}

#waveB-96d4fa {
  background: #96d4fa;
  color: #403F3F;
  position: relative;
}
#waveB-96d4fa:before {
  position: absolute;
  background: url(../image/wavebefore_96d4fa.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  top: -22px;
  content: "";
  z-index: 1;
}
/*BLUE*/


#waveA-ffccdf {
  background: #ffccdf;
  color: #ffffff;
  position: relative;
}
#waveA-ffccdf:after {
  position: absolute;
  background: url(../image/waveafter_ffccdf.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  bottom: -22px;
  content: "";
  z-index: 1;
}


#wave-ffccdf {
  background: #ffccdf;
  color: #ffffff;
  position: relative;
}
#wave-ffccdf:before {
  position: absolute;
  background: url(../image/wavebefore_ffccdf.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  top: -22px;
  content: "";
  z-index: 1;
}
#wave-ffccdf:after {
  position: absolute;
  background: url(../image/waveafter_ffccdf.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  bottom: -22px;
  content: "";
  z-index: 1;
}

#wave-white {
  background: #ffffff;
  color: #ffffff;
  position: relative;
}
#wave-white:before {
  position: absolute;
  background: url(../image/wavebefore_white.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  top: -22px;
  content: "";
  z-index: 1;
}
#wave-white:after {
  position: absolute;
  background: url(../image/waveafter_white.png) center 0 repeat-x;
  height: 22px;
  left: 0;
  right: 0;
  bottom: -22px;
  content: "";
  z-index: 1;
}


/*-------------------
　5. 
--------------------*/
.maintop{ padding:40px 0;}
.maintopwaku{ 
	padding:40px;
	-webkit-border-radius:40px;
    -moz-border-radius:40px;
    border-radius:40px;
	background:#da536e;
	}

.maintop_content {
	text-align:center;
	margin:0 auto;
  	color: #ffffff;
}
.maintop_content h2 {
	font-family: "Rounded Mplus 1c";
	color:#ffffff;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
}
.maintop_introtext{
 	margin:0 auto 10px;
	text-align: center;
	font-family: "Mplus 1p";
	font-size:16px;
	line-height:1.2;
	font-weight: 300;
  	color: #ffffff;
}
.maintop-info {
	margin: 20px auto;
}

.maintop-info p img{
	padding: 20px 0 30px;
}

.maintop-subinfo{
	margin: 60px auto;
	width:90%;
	background:#ffccdf;
	padding:10px 60px;
	border:1px dashed #FFFFFF;
}
.maintop-subinfo p {
	font-size:14px;
	line-height:1.2;
	color: #69606b;
	text-align: left;
}
.infotext {
	font-family: "Mplus 1p";
	font-size:18px;
	font-weight: 300;
	line-height:1.8;
	color: #403F3F;
}

/*-------------------
　6. block bg
--------------------*/
.swag { background: url('../image/bg4.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 50px 0; }
.swag2 { background: url('../image/bg5.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 50px 0; }
.down-arrow-btn { width: 40px; height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: rgba(216,38,100, 0.8); display: inline-block; margin: 10px auto 20px; color: #fff; font-size: 16px; line-height: 40px; text-align: center; }
.down-arrow-btn:hover, .down-arrow-btn:focus { color: #fff; background: rgba(216,38,100,1); }

.down-arrow-btn2 { width: 40px; height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: rgba(65,105,225, 0.8); display: inline-block; margin: 10px auto 20px; 
color: #fff; font-size: 16px; line-height: 40px; text-align: center; }
.down-arrow-btn2:hover, .down-arrow-btn2:focus { color: #fff; background: rgba(65,105,225,1); }


/*-------------------
　7. 
--------------------*/
.buy-info {
	margin: 20px auto 20px;
}

.buy-info p {
	font-family: "Mplus 1p";
	font-size:18px;
	font-weight: 300;
	line-height:1.8;
	color: #ffffff;
}
.buy-info p img{
	padding: 20px 0 30px;
}

.buy-subinfo{
	margin: 20px auto 40px;
	width:95%;
	background:#ffccdf;
	padding:20px 60px;
	border:1px dashed #FFFFFF;
}

.buy-subinfo p {
	font-size:16px;
	line-height:1.2;
	color: #222222;
	font-weight: 300;
	text-align: left;
}
.title {
	font-family: 'Hiragino Kaku Gothic ProN','メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', "MS PGothic";
	font-size:22px;
	line-height:1;
	color: #222222;;
	text-align: left;
	font-weight: 500;
}

.subtitle {
	font-family: 'Hiragino Kaku Gothic ProN','メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', "MS PGothic";
	font-size:18px;
	line-height:1;
	color: #44444;
	text-align: left;
	font-weight: 700;
}


h2.buyred {
	font-family: Delius Swash Caps;
	color:#a40b5e;
	font-size: 38px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 1.5;
}
h2.buyred span {
	font-family: "Rounded Mplus 1c";
	color: #ffffff;
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1.5;
	vertical-align:middle;
}
h2.buyred img {
	float:left;
	margin-right:10px;
	width:50px;
}

.buytitle {
	padding: 20px 0 0;
	font-family: "Rounded Mplus 1c";
	color: #ffffff;
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
}
.buytitle span {
	color: #ffffff;
	font-size: 42px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	vertical-align:middle;
}
.buytitleL {
	font-family: "Rounded Mplus 1c";
	color: #ffffff;
	font-size: 38px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
}
.buytitleL span {
	color: #ffffff;
	font-size: 72px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	vertical-align:top;
}
.buytitleM span {
	color: #ffffff;
	font-size: 60px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	vertical-align:top;
}
/*-------------------
　MARK
--------------------*/

.number{
	width: 45px;
	height:45px;
	font-family: Delius Swash Caps;
	color:#ffffff;
	font-size: 36px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 1.2;
	background:#ff9cba;
	text-align:center;
	display: block;
	-webkit-border-radius:45px;
    -moz-border-radius:45px;
    border-radius:45px;
    float:left;
    margin: 0 10px 0 0;
	vertical-align:bottom;
}
.number span{
	color:#ffffff;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 1.5;
	text-align:center;
	display: block;
}
.numberS{
	width: 30px;
	height:30px;
	font-family: Delius Swash Caps;
	color:#ff9cba;
	font-size: 26px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 1.1;
	background:#ffffff;
	text-align:center;
	display: block;
	-webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
    float:left;
    margin: 0 10px 0 0;
	vertical-align:bottom;
}
.markS span{
	color:#ffffff;
	font-size: 40px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 1;
	text-align:center;
	display: block;
}
.glyphicon30{
	width: 30px;
	height:30px;
	color:#ffffff;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 1;
	text-align:center;
	vertical-align:middle;
}
.markS{
	width: 30px;
	height:30px;
	font-family: Delius Swash Caps;
	color:#ffffff;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 1.2;
	text-align:center;
	display: block;
}
.mark span{
	color:#ffffff;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 1;
	text-align:center;
	display: block;
}
.contactform{
	margin: 20px auto;
	width:90%;
	background:#ffccdf;
	padding:10px 60px;
	border:1px dashed #FFFFFF;
	-webkit-border-radius:40px;
    -moz-border-radius:40px;
    border-radius:40px;
	color: #69606b;
	zindex:1000;
}
.contactform p {
	font-size:14px;
	line-height:1.2;
	color: #69606b;
	text-align: left;
}
.contact-info {	margin: 20px auto 20px;}

.contact-info p {
	font-family: "Mplus 1p";
	font-size:18px;
	font-weight: 300;
	line-height:1.8;
	color: #ffffff;
}
/*-------------------
　2. blog slider
--------------------*/

.care h2 {
	font-family: "Raleway";
	color:#ffffff;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 1.2;
}
.care span {
	font-family: "Rounded Mplus 1c";
	color:#ffffff;
	font-size: 14px;
	font-weight: 300;
	font-variant: normal;
	line-height: 1;
	display: block; 
}


/*-------------------
　2. Features
--------------------*/
.features{
backgroundx: #ff9cba;
}
.features-wrapper { margin: 0px 0 0px; }
.shadow_pink { text-shadow: 
rgb(248, 171, 182) 1px 1px, 
rgb(248, 171, 182) 2px 2px, 
rgb(248, 171, 182) 3px 3px, 
rgb(248, 171, 182) 4px 4px, 
rgb(248, 171, 182) 5px 5px, 
rgb(248, 171, 182) 6px 6px, 
rgb(248, 171, 182) 7px 7px, 
rgb(248, 171, 182) 8px 8px, 
rgb(248, 171, 182) 9px 9px, 
rgb(249, 172, 183) 10px 10px, 
rgb(249, 173, 184) 11px 11px, 
rgb(249, 174, 185) 12px 12px, 
rgb(250, 175, 186) 13px 13px, 
rgb(250, 176, 187) 14px 14px, 
rgb(250, 177, 188) 15px 15px, 
rgb(251, 178, 189) 16px 16px, 
rgb(251, 179, 190) 17px 17px, 
rgb(251, 180, 191) 18px 18px, 
rgb(252, 181, 192) 19px 19px, 
rgb(252, 182, 193) 20px 20px, 
rgb(252, 183, 194) 21px 21px, 
rgb(253, 184, 195) 22px 22px, 
rgb(253, 185, 196) 23px 23px, 
rgb(253, 186, 197) 24px 24px, 
rgb(254, 187, 198) 25px 25px, 
rgb(254, 188, 199) 26px 26px, 
rgb(254, 189, 200) 27px 27px, 
rgb(255, 190, 201) 28px 28px, 
rgb(255, 191, 202) 29px 29px, 
rgb(255, 192, 203) 30px 30px; 
}
.icon_pink { height: 175px; width: 175px; line-height: 175px; max-width: 100%; backgroundx: #ffc0cb; background: #ffc2d8;border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: block; color: #fff; font-size: 55px; text-align: center; vertical-align: middle; position: relative; margin: 0 auto 50px; }
/*-------------------
　3. Portfolio
--------------------*/
.wrapper-pink {
  width: 100%;
  margin: 0 auto;
  background:#da536e;
}
/*CLOUD*/
.portfolio{width: 100%;}
.effects { padding-left: 15px; }
.effects .img { position: relative; margin-bottom: 0px; position: relative; z-index: 1; overflow: hidden; }
.effects .img:nth-child(n) { margin-right: 5px; }
.effects .img:first-child { margin-left: 0px; }
.effects .img:last-child { margin-right: 0; }
.effects .img img { display: block; margin: 0; padding: 0; height: auto; }

.overlay { display: block; position: absolute; z-index: 1000; background: rgba(247, 198, 208, 0.8); overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 10000; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #000; cursor: pointer; }
a.close-overlay.hidden { display: none; }
a.expand { display: block; position: absolute; z-index: 100000; text-align: center; color: #fff; font-weight: 600; font-size: 14px; text-transform: uppercase; line-height: 30px; }
.overlay-effect .img i { font-size: 30px; }
.overlay-effect .overlay { bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; }
.overlay-effect .overlay a.expand { left: 0; right: 0; bottom: 47%; margin: 0 auto -30px auto; }
.overlay-effect .img.hover .overlay { height: 100%; opacity: 1; }
.img img { width: -webkit-calc(100% + 40px) !important; width: calc(100% + 40px) !important; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); -ms-transform: translate3d(-40px, 0, 0); }
.img:hover img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(-40px, 0, 0); }
.designs { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 50px; }


/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
/* ==========================================================================
========================================================================== */
h3.arrow { font-size: 15px; text-transform: uppercase; color: #353535; letter-spacing: 1px; background: url('../image/h1-bg.png') no-repeat center bottom; padding-bottom: 30px; font-weight: bold; }

h1.red {
	font-family: Delius Swash Caps;
	color:#a40b5e;
	font-size: 38px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 50px;
}
h1.red span {
	font-family: "Rounded Mplus 1c";
	color:#ffffff;
	font-size: 22px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 45px;
	display: block; 
}

h1.blue {
	color:#5bc0de;
	font-family: Delius Swash Caps;
	font-size: 40px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 40px;
	padding-bottom: 40px; 
}
h1.blue span {
	font-family: "Rounded Mplus 1c";
	color:#5bc0de;
	font-size: 22px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 45px;
	display: block; 
}
h1.blue2 {
	color:#19a0fa;
	font-family: Delius Swash Caps;
	font-size: 40px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 40px;
	padding-bottom: 40px; 
}
h1.blue2 span {
	font-family: "Rounded Mplus 1c";
	color:#FFFFFF;
	font-size: 22px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 45px;
	display: block; 
}
h1.brawn {
	color:#403F3F;
	font-family: Delius Swash Caps;
	font-size: 40px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 40px;
	padding-bottom: 40px; 
}
h1.brawn span {
	font-family: "Rounded Mplus 1c";
	color:#FFFFFF;
	font-size: 22px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 45px;
	display: block; 
}

h1.white {
	font-family: Delius Swash Caps;
	color:#ffffff;
	font-size: 40px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 40px;
}
h1.white span {
	font-family: "Rounded Mplus 1c";
	color:#ffffff;
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 40px;
	display: block; 
}
h2.white {
	font-family: "Raleway";
	color:#ffffff;
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 30px;
}
h2.white span {
	font-family: "Rounded Mplus 1c";
	color:#ffffff;
	font-size: 20px;
	font-weight: 300;
	font-variant: normal;
	line-height: 30px;
	display: block; 
}
h3.white {
	font-family: 'Raleway','Lato', Arial, sans-serif;
	color:#ffffff;
	font-size: 30px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 40px;
}
h3.white span {
	font-family: "Rounded Mplus 1c";
	color:#ffffff;
	font-size: 18px;
	font-weight: 400;
	font-variant: normal;
	line-height: 30px;
	display: block; 
}
.swag h1 span,.swag2 h1 span { display: block; font-size: 25px; margin-top: 20px; }
section#gallerytop{	background: #ff9cba;}
section#information{	background: #ff9cba;}

.balloon4 {
    position: relative;
    xmargin: 1em 0 1em 35px;
    padding: 15px;
    background: #FFFFFF;
    border-radius: 30px;
	display: inline-block;
	font-size:1em;}
.balloon4 a {
	color:#222222;}

.balloon4:before{    
    content: "";
    position: absolute;
    left: -34px;
    width: 12px;
    height: 11px;
    bottom: 0;
    background: #FFFFFF;
    border-radius: 50%;
}

.balloon4:after{
    content: "";
    position: absolute;
    left: -18px;
    width: 18px;
    height: 16px;
    bottom: 3px;
    background: #FFFFFF;
    border-radius: 50%;
}
.balloon4 p {
    margin: 0; 
    padding: 0;
}

.item_introtext{
	color:#696969;
	font-size:16px ;}

@media (max-width: 1024px) {
.inner{	width:100%;}
.starhover{  width: 100%;  height:320px;}
.starbg{  width:100%; height:300px; }
.topmenu h2 {font-size:26px;}
.topinfo{width:100%;}
.topinfo p{font-size:12px;	line-height: 14px;}
.cloud-info { margin: 50px auto 10px;}
.cloud-info p{	font-size:14px;	line-height: 16px;	font-weight:300;}
.cloud-info p span {font-size:14px;	line-height: 16px;}
.cloud-inclouds{min-height:100%; padding-bottom:20px;}
.contactform{	padding:10px 5px;}
.infotext {font-size:16px;}
img	{max-width:100%;height:auto;}
.effects .img img{ display: block; margin: 0px; padding: 0; height: auto; }
.effects .img:nth-child(n) { margin-right: 5px; }
.effects .img:first-child { margin-left: 0px; }
a.close-overlay { top: 0; right: 0;  width: 25px; height: 25px; font-size: 12px; font-weight: 700; line-height: 1;  }
a.expand { font-weight: 600; font-size: 12px; text-transform: uppercase; line-height: 1; }
.overlay-effect .img i { font-size: 14px; }
.overlay-effect .overlay a.expand { left: 0; right: 0; bottom: 47%; margin: 0 auto -10px auto; }
.overlay-effect .img.hover .overlay { height: 100%; opacity: 1; }
.img img { width: -webkit-calc(100% + 5px) ; width: calc(100% + 5px) ; 
-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); }
.img:hover img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(-5px, 0, 0); }
}
@media (max-width: 960px) {
.starhover{  height:280px;}
.starbg{  height:250px;  }
.star_about:hover{  background: url(../image/star_about-03.png) center no-repeat;  }
.star_access:hover{  background: url(../image/star_access-03.png) center no-repeat;  }
.star_babycare:hover{  background: url(../image/star_babycare-03.png) center no-repeat;  }
.star_babycat:hover{  background: url(../image/star_babycat-03.png) center no-repeat;  }
.star_blog:hover{  background: url(../image/star_blog-03.png) center no-repeat;  }
.star_ourcat:hover{  background: url(../image/star_ourcat-03.png) center no-repeat;  }
.star_bg1{  background: url(../image/cat_top-01_200.png) bottom no-repeat;}
.star_bg2{  background: url(../image/cat_top-06_200.png) bottom no-repeat;}
.star_bg3{  background: url(../image/cat_top-02_200.png) bottom no-repeat;}
.star_bg4{  background: url(../image/cat_top-04_200.png) bottom no-repeat;}
.star_bg5{  background: url(../image/cat_top-05_200.png) bottom no-repeat;}
.star_bg6{  background: url(../image/cat_top-07_200.png) bottom no-repeat;}
.buy-subinfo{
	margin: 20px auto 20px;
	width:100%;
	padding:10px 10px;
}
}
@media (max-width: 768px) {
.blogrow{
margin-right: -15px;
margin-left: -15px;
}
.maintop{padding:30px 0;}
.wave{  padding:50px 0;}
.maintop-subinfo{width:95%;margin: 20px auto;}
.number{
	width: 30px;
	height:30px;
	font-size: 22px;
	-webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
}
.number span{	font-size: 20px;}

.maintop-info{	width:90%;margin: 20px auto 20px;}
.maintop_content h2 {font-size:20px;line-height: 1;	font-family: 'Hiragino Kaku Gothic ProN','メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', "MS PGothic";
}
.maintop_introtext {font-size:12px;}
.care h2 {	font-size: 16px;	line-height: 18px;}
.care h2 span {	font-size: 14px;	line-height: 18px;}
.shadow_pink { text-shadow:none;}
.icon_pink { height: 150px; width: 150px; line-height: 150px; max-width: 100%; margin: 0 auto 10px; font-size: 80px; }
section.topmenu{ background: #ffe6ef url(../image/bgD.png) top center repeat-y;}
.navibg{	background: url(../image/navi_bg_ipone.png) bottom center no-repeat;}

.wave{  padding:20px 0;}
.cloud-info {	width:100%;}
.cloud-subinfo{	width:95%;}
.content-holder {	width:auto;	padding:14px 20px 74px 20px;}
.contact-info {	margin: 0px auto 0px;}
.img h2{font-size:26px;}
	
h1 span,h2 span,h3 span{display:block;margin-bottom:0px;color: #BAB9B9;}
.w150	{ width: 280px;	display: inline-table; margin:0 auto; }
.w200	{ width: 280px;	display: inline-table; margin:0 auto; }
.w250	{ width: 280px;	display: inline-table; margin:0 auto; }
.w300	{ width: 280px;	display: inline-table; margin:0 auto; }
.w350	{ width: 280px;	display: inline-table; margin:0 auto; }
.w400	{ width: 280px; display: inline-table; margin:0 auto; }
.w500	{ width: 280px; display: inline-table; margin:0 auto; }
.w600	{ width: 280px; display: inline-table; margin:0 auto; }
.w800	{ width: 280px; display: inline-table; margin:0 auto; }
.inone	{ display: none; }
.pnone  { display: inline; }
.ic{text-align:center;}
.fr,.fl{float:none;}
.ifr{float:right;}
.ifl{float:left;}
.iac { text-align:center;}
.iar { text-align:right;}
.ial { text-align:left;}
.ipt10	{ padding-top: 10px;}
.ipt20	{ padding-top: 20px;}
.ipt30	{ padding-top: 30px;}
.ipt40	{ padding-top: 40px;}
.ipt60	{ padding-top: 60px;}
.ipt80	{ padding-top: 80px;}
.ipt100	{ padding-top: 100px;}
.ipb10	{ padding-bottom: 10px;}
.ipb20	{ padding-bottom: 20px;}
.ipb40	{ padding-bottom: 40px;}
.ipl20	{ padding-left: 20px;}
.ipl40	{ padding-left: 40px;}
.imt10	{ margin-top: 10px;}
.imt20	{ margin-top: 20px;}
.imt0	{ margin-top: -40px;}
.ifs12	{ font-size:12px; }
.ipd10{ padding:10px;}
.iml10{margin-left:10px;}
.iml20{margin-left:20px;}
.imr10 {margin-right:10px;}
.imr20 {margin-right:20px;}
.pd10,.pd20,.pd30,.pd40{ padding-bottom:0px;padding-right:0px;padding-left:0px;padding-top:0px;}
.ipd10{ padding-bottom:10px;padding-right:10px;padding-left:10px;padding-top:10px;}
.pt10,.pt20,.pt30,.pt40,.pt80,.pt50,.pt100{ padding-top: 0px;}
.pl10,.pl20,.pl30,.pl40{ padding-left:0px;}
.pr10,.pr20,.pr30,.pr40 pr60{ padding-right:0px;}
.mt10,.mt20,.mt30,.mt40{ margin-top: 0px;}
.mr10,.mr20,.mr30,.mr40{ margin-right: 0px;}
.ml10,.ml20,.ml30,.ml40{ margin-left: 0px;}
.mt1,.mb0,.mr0,.ml0{ margin: 0px;}
.ft16,.ft18,.ft20{font-size:14px;}
.ift12 {	font-size:12px; line-height: 1.5em;	}
.ift14 {	font-size:14px;	}
.ift16 {	font-size:16px;	}
.ift18 {	font-size:18px;	}
.ift20 {	font-size:20px;	}
.iw60	{ width: 60px;}
.iw70	{ width: 70px;}
.iw80	{ width: 80px;}
.iw90	{ width: 90px;}
.iw100	{ width: 100px;}
.iw120	{ width: 120px;}
.iw150	{ width:150px;}
.iw180	{ width:180px;}
.iw200	{ width:200px;}
.iw280	{ width:280px;}
.iw300	{ width:300px;}
.ih50	{ height:50px;}
.ih30	{ height:30px;}
.ih20	{ height:20px;}
.iw90p	{ width:90%;}
.imc {margin: 0 auto;}
.contact-info p {
	font-size:16px;
	line-height:1.2;
}

}
@media (max-width: 568px) {
.icon_pink { height: 90px; width: 90px; line-height: 90px; max-width: 100%; margin: 0 auto 10px; font-size: 40px; }
.starhover{  height:180px;}
.starbg{  height:150px;  }
.star_about:hover{  background: url(../image/star_about-02.png) center no-repeat;  }
.star_access:hover{  background: url(../image/star_access-02.png) center no-repeat;  }
.star_babycare:hover{  background: url(../image/star_babycare-02.png) center no-repeat;  }
.star_babycat:hover{  background: url(../image/star_babycat-02.png) center no-repeat;  }
.star_blog:hover{  background: url(../image/star_blog-02.png) center no-repeat;  }
.star_ourcat:hover{  background: url(../image/star_ourcat-02.png) center no-repeat;  }
.star_bg1{  background: url(../image/cat_top-01_100.png) bottom no-repeat;}
.star_bg2{  background: url(../image/cat_top-06_100.png) bottom no-repeat;}
.star_bg3{  background: url(../image/cat_top-02_100.png) bottom no-repeat;}
.star_bg4{  background: url(../image/cat_top-04_100.png) bottom no-repeat;}
.star_bg5{  background: url(../image/cat_top-05_100.png) bottom no-repeat;}
.star_bg6{  background: url(../image/cat_top-07_100.png) bottom no-repeat;}
h2.buyred {	font-size: 38px;}
h2.buyred span {font-size: 26px;}
h2.buyred img {	width:40px;}
.buytitleL span {	font-size: 50px;}
.care h2 {
	font-size:12px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-right: 5px;
}

}
@media (max-width: 480px) {
.icon_pink { height: 90px; width: 90px; line-height: 90px; max-width: 100%; margin: 0 auto 10px; font-size: 40px; }
.starhover{  height:130px;}
.starbg{  height:130px;  }
.infotext {font-size:16px;}
.maintop{padding:10px 0;}
.maintop_content h2 {	margin-top:10px;	}
.maintop_content h2 {font-size:16px;line-height: 1;}

}
@media (max-width: 414px) {/*412 Nexus 6P iPhone6P*/
section.topmenu{	background: #ffe6ef url(../image/bgD.png) 10% 14% no-repeat;}
.topmenu h2 {font-size:16px;}
.topinfo p {font-size:10px;}
.maintop-info {margin: 20px auto;}
.infotext {font-size:14px;}
.maintop-subinfo{	margin: 20px auto;	padding:10px 20px;}

.iinone{display:none;}
.iionly{display:inline; font-size:14px;}
.iih50	{ height:50px; width:auto;}
.maintop_introtext {font-size:12px;}
.buytitle 		{	font-size: 20px;}
.buytitle span	{	font-size: 42px;}
.buytitleL		{	font-size: 28px;}
.buytitleM span {	font-size: 40px;}
}
@media (max-width: 375px) {/*360px*/
.topmenu h2 {font-size:14px;}
.maintop_content h2{font-size:13px;}
.icon_pink { height: 70px; width: 70px; line-height: 70px; max-width: 100%; margin: 0 auto 10px; font-size: 26px; }

}
@media (max-width: 320px) {
.iirow.container{
	padding-right: 5px;
	padding-left: 5px;
	}
}