@charset "UTF-8";

/* Initialize */
/* ---------------------------------------------- */
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
*:after {
	clear: both;
	display: block;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	border: 0;
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
fieldset,img { 
	border: 0;
	position: relative;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border: 0;
}
a:focus{ outline: none; }


/* Base */
/* ---------------------------------------------- */
html {
	overflow-y: scroll;
}
body {
	color: #000;
	font: 14px/1.6 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	padding-top: 50px;
	position: relative;
	text-rendering: optimizeLegibility;
}
p {
	margin: 0 0 8px;
	padding: 0;
}
em, strong { font-weight: bold; }
img {
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}
a {
	color: #000;
	text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a:hover {
	text-decoration: underline;
}
a img {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}


/* common */
/* ---------------------------------------------- */
.navbar {
	background: rgba(255,255,255,.9);
	border-bottom: 1px solid #f4f4f4;
	box-shadow: 0 1px 3px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.navbar-header {
	padding-bottom: 1px;
}
.navbar-brand {
	background: url(../img/logo.png) no-repeat center top;
	background-size: contain;
	color: #fff;
	display: block;
	font-size: 1px;
	height: 50px;
	margin-left: 0!important;
	overflow: hidden;
	text-indent: -50px;
	width: 50px;
}
.navbar-brand,
.navbar-brand:focus {
}
.navbar-toggle {
	border-color: #b51030;
	margin: 4px 15px;
}
.navbar-toggle:hover {
	background: #b51030;
	color: #fff;
	text-decoration: none;
}
.navbar-toggle .icon-bar {
	background: #b51030;
}
.navbar-right a {
	border: 1px solid #b51030;
	border-width: 0 1px;
}
.navbar-right a:hover,
.navbar-right a:focus {
}

.box-section {
	margin: 0 auto 60px;
	max-width: 960px;
}
section p {
	margin-bottom: 1.5rem;
}
section p:last-of-type {
	margin-bottom: 0;
}
.info-alert {
	margin-top: 10px;
}
.label-box {
	margin-bottom: 30px;
}
.label {
	display: inline-block;
	margin-bottom: 3px;
	padding: .5em .6em;
}
.label-important {
	background: #B51030;
	font-size: 110%;
}
.main-wrap {
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
}
.bottom15 {
	margin-bottom: 15px;
}


/* containner */
/* ---------------------------------------------- */
/* 01 */
#sec01 {
	margin-bottom: 40px;
}
.title01 {
	background: #B51030;
	padding: 15px 10px 0;
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	position: relative;
	z-index: 2;
}
.title01 span {
	display: block;
	margin: 0 auto;
	max-width: 960px;
	padding-bottom: 15px;
}
.box-entry {
	background: #FEF3D7 url(../img/bg03.jpg) no-repeat;
	background-size: cover;
	padding: 20px 3%;
	position: relative;
	z-index: 0;
	zoom: 1;
}
.box-entry:after {
	content: "";
}
.img-trial {
	padding-top: 30px;
	text-align: center;
	position: relative;
}
#sec01 .img-trial:before {
	content: url("../img/img01-3.png");
	height: 100px;
	width: 202px;
	position: absolute;
	top: -35px;
	right: 0;
	z-index: 10;
}

/* 02 */
#sec02 h2 span {
	display: none;
}

@media (max-width:480px){
	#sec02 h2 {
		background: url(../img/bg05.jpg) no-repeat left bottom;
		background-size: cover;
		border: 1px solid #B51030;
		border-radius: 5px 5px 0 0;
		box-shadow: 0 1px 5px rgba(0,0,0,.3);
		-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
		color: #fff;
		font-size: 140%;
		font-weight: bold;
		padding: 15px 10px;
	}
	#sec02 h2 img {
		display: none;
	}
	#sec02 h2 span {
		display: block;
	}
}

.suhadaryoku-inner{
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFDE3AA', endColorstr='#FFFCF3EE');
	background: -moz-linear-gradient(top, #FDE3AA, #FDE3AA 30%, #FCF3EE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FDE3AA), color-stop(30%, #FDE3AA), to(#FCF3EE));
	background: -o-linear-gradient(top, #FDE3AA, #FCF3EE);
	background: linear-gradient(to bottom, #FDE3AA, #FDE3AA 30%, #FCF3EE);
	background: linear-gradient(center top, #FDE3AA, #FDE3AA 30%, #FCF3EE);
}
.suhadaryoku-inner .col-md-4 {
	float: right;
	max-width: 310px;
}
.txt02 {
	background: #fff;
	border-radius: 8px;
	margin: 15px;
	padding: 15px;
}
.txt02 strong{
	color: #DD1927;
}

/* 03 */
.about-berrymiku h2 {
	background: url(../img/bg05.jpg) no-repeat left bottom;
	background-size: cover;
	border: 1px solid #B51030;
	border-radius: 5px 5px 0 0;
	box-shadow: 0 1px 5px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	padding: 15px 10px;
	position: relative;
}
.about-berrymiku h2 span {
	background: url(../img/img03.png) no-repeat center top;
	background-size: contain;
	display: block;
	font-size: .1em;
	height: 45px;
	overflow: hidden;
	text-indent: -100%;
	width: 180px;
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 10;
	-moz-transform: rotateZ(-1.8deg);
	-webkit-transform: rotateZ(-1.8deg);
	-o-transform: rotateZ(-1.8deg);
	-ms-transform: rotateZ(-1.8deg);
}
@media (max-width:640px){
	.about-berrymiku h2 {
		padding: 20px 10px 10px;
	}
	.about-berrymiku h2 span {
		width: 100%;
		top: -30px;
		right: 0;
	}
}
.berrymiku-inner {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFCF3EE', endColorstr='#FFFFFFFF');
	background: -moz-linear-gradient(top, #FCF3EE, #FFF 30%, #FCF3EE);
	background: -webkit-gradient(linear, left top, right bottom, from(#FCF3EE), color-stop(30%, #FFF), to(#FCF3EE));
	background: -o-linear-gradient(top, #FCF3EE, #FFF 30%,, #FCF3EE);
	background: linear-gradient(to bottom, #FCF3EE, FFF 30%,, #FCF3EE);
	background: linear-gradient(left top, right bottom, #FCF3EE, #FFF 30%,, #FCF3EE);
	box-shadow: 0 1px 5px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
	padding: 30px 15px;
}
#sec03 ul {
	margin-top: -15px;
}
#sec03 li {
	background: url(../img/ico-check.gif) no-repeat 15px 3px;
	margin-top: 15px;
	padding-left: 35px;
}
	
/* 04 */
#sec04 h3 {
	font-size: 120%;
	font-weight: bold;
	margin: 30px 0 15px;
}
#sec04 h2 span {
	background: url(../img/img04.png) no-repeat center top;
	background-size: contain;
}
.img05-3 {
	margin: 0 auto;
	max-width: 350px;
	text-align: center;
	width: 90%;
}
	
/* 05 */
#sec05 h2 span {
	background: url(../img/img05.png) no-repeat center top;
	background-size: contain;
}
.feature {
	/*background: #FB8D3E;
	box-shadow: 2px 2px 7px rgba(0,0,0,.3) inset, -2px -2px 7px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 2px 2px 7px rgba(0,0,0,.3) inset, -2px -2px 7px rgba(0,0,0,.3) inset;
	color: #fff;*/
	border: 3px double #FB8D3E;
	border-width: 3px 0;
	color: #C60;
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
}
.feature-inner {
	background: url(../img/bg01.jpg) no-repeat right bottom;
	background-size: cover;
	padding: 15px 15px 50px;
}
.feature-inner .right {
	margin-top: -5px;
	margin-bottom: 15px;
}
.feature-inner .col-xs-6 {
	margin-bottom: 15px;
}
.feature-inner .col-xs-6 strong {
	border-bottom: 1px solid #ccc;
	color: #B51030;
	display: block;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 8px;
}
@media (max-width:480px){
	.feature-inner .col-xs-6 {
		float: none;
		width: 100%;
	}
	.feature-inner .col-xs-6 .col-sm-4 {
		float: left;
		padding: 0 5px;
		width: 28%;
	}
	.feature-inner .col-xs-6 .col-sm-8 {
		float: right;
		padding: 0 5px;
		width: 70%;
	}
}
#sec05.box-section {
	margin-bottom: 0;
}
.title05 {
	margin-bottom: 10px;
	padding-top: 30px;
}
	
/* 06 */
#sec06 {
	background: url(../img/bg04.gif) no-repeat center top;
	background-size: cover;
	box-shadow: 0 3px 10px rgba(204,51,51,.3) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	padding: 15px 0;
}
.title06-1 {
	margin: 0 auto;
	max-width: 960px;
}
.title06-2 {
	margin-bottom: 30px;
	text-align: center;
}
.berrymiku-program .col-sm-4 {
	margin-bottom: 30px;
}
@media (max-width:768px){
	.berrymiku-program .col-sm-4 {
		border-bottom: 1px solid #ddd;
		padding-bottom: 30px;
	}
}
	
.box-video {
	margin: 40px auto 0;
	max-width: 640px;
	position: relative;
  width: 100%;
}
.box-video iframe {
	border: 15px solid #FFEFEF;
}
@media (max-width:640px){
	.box-video {
		margin: 40px -7% 0;
		padding-top: 56.25%;
		width: 114%;
	}
	.box-video iframe {
		border: 0;
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
}
	
/* 07 */
#sec07 {
	margin-bottom: 50px;
}
#sec07 .img-trial:before,
#sec10 .img-trial:before {
	content: "";
	background: url(../img/ico-ok.png) no-repeat right top;
	background-size: contain;
	display: block;
	height: 128px;
	width: 128px;
	position: absolute;
	position: absolute;
	top: -50px;
	right: 0;
	z-index: 10;
}
@media (max-width:480px){
	#sec07 .img-trial:before,
	#sec10 .img-trial:before {
		content: "";
		background: url(../img/ico-ok.png) no-repeat right top;
		background-size: contain;
		display: block;
		height: 100px;
		width: 100px;
		position: absolute;
		position: absolute;
		top: -30px;
		right: 0;
		z-index: 10;
	}
}
	
/* 09 */
#sec09 h2 span {
	background: url(../img/img06.png) no-repeat center top;
	background-size: contain;
	width: 244px;
}
@media (max-width:640px){
	#sec09 h2 span {
		width: 100%;
	}
}
.feature-inner2 h3 {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 30px;
}
.feature-inner2 h3 strong {
	font-size: 130%;
}
.feature-inner2 {
	background: url(../img/bg02.jpg) no-repeat center top;
	background-size: cover;
	border: 1px solid #B51030;
	box-shadow: 0 1px 5px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.3);
	padding: 30px;
	text-shadow: 1px 1px 0 #fff;
	-webkit-text-shadow: 1px 1px 0 #fff;
}
	
/* 10 */
#sec10 {
	margin-bottom: 50px;
}
	
/* 11 */
#sec11 {
	margin-bottom: 50px;
}
#sec11 .cartjs_product_table {
	text-align: left;
}
#sec11 .cartjs_product_table th {
	background: #B51030;
	color: #fff;
	font-weight: bold;
	padding: 8px;
}
#sec11 .cartjs_cart_in input {
	background: #B51030;
	border-radius: 8px;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	margin: 15px auto 30px;
	padding: 15px 0;
	text-align: center;
	width: 310px;
}



/* footer */
/* ---------------------------------------------- */
footer {
	background: #B51030;
	padding-top: 1rem;
}
.footer-nav li {
	display: inline-block;
	margin: 0 2rem 1rem 0;
}
.footer-nav li:last-of-type {
	margin-right: 0;
}
.footer-nav a {
	color: #fff;
}
.copyright {
	background: #fff;
	color: #B51030;
	font-size: 90%;
	padding: 1rem;
	width: 100%;
}




@media (min-width:768px){
	.right {float:right;}
}