@charset 'utf-8';
* {
	margin:0; padding:0;
}
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
}
.clear {
    clear: both;
}
img {
	image-rendering: -webkit-optimize-contrast;
}
@media screen and (min-width : 835px) {
	.displaySp {
		display:none;
	}
}
@media screen and (max-width : 834px) {
	.displayPc {
		display:none!important;
	}
}
.box01 {
	flex-wrap:wrap;
	display:flex;
	justify-content:center;/* 横中央揃え */
	align-items:center;/* 縦中央揃え */
	margin:0 auto;
	box-sizing:border-box;
}
.box01 img {
	width:100%;
}

@media screen and (min-width : 1201px) {
	.box01 {
	}
}
.box01Inner {
	width:50%;
}
.mainBg {
	width:100%;
}

/*****▼▼メインイメージ▼▼*****/
.mainImg {
	width:1200px;
}
.mainImg img {
	width:100%;
}

@media screen and (max-width : 1200px) {
	.mainImg {
		width:94%;
	}
}
/*****▼▼一番初めに▼▼*****/
.corkBg {
	background:url(corkBg.jpg);
	background-size:100%;
	padding:0px 0 0px 0;
	border-radius:10px;
	width:90%;
}

@media screen and (max-width : 1200px) {
}
/*****▼▼家族皆んなに▼▼*****/
.famlyMach {
	color:#333;
	font-size:34px;
	line-height:220%;
	position:absolute;
	bottom:40%;
	padding:0 0 0 10%;
	box-sizing:border-box;
	font-weight:bold;
	text-shadow: 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff;
	font-family:'游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-align:left;
}
.famlyMach img {
	width:100%;
}
@media screen and (max-width : 1200px) {
}
/*****▼▼ポイント▼▼*****/
.pointTitleArea {
	width:100%;
	display:block;
	font-family:'游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.pointTitle01 {
	background:#000;
	color:#fff;
	flex-wrap:wrap;
	display:flex;
	justify-content:center;/* 横中央揃え */
	align-items:center;/* 縦中央揃え */
	font-weight:bold;
	font-size:26px;
	display:table;
	margin:20px auto 30px;
	line-height:100%;
	padding:13px 30px 10px 30px;
	border-radius:5px;
}
.pointTitle01 img {
	width:240px;
	margin:0 15px 0 0;
}
.pointTitle02 {
	color:#333;
	flex-wrap:wrap;
	display:flex;
	justify-content:center;/* 横中央揃え */
	font-weight:bold;
	font-size:35px;
	margin:20px auto 30px auto;
	line-height:100%;
	padding:0px;
	
}
.pointDescription {
	font-family:'游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#000;
	font-size:22px;
	line-height:220%;
	padding:0 20px 0 20px;
	box-sizing:border-box;
	font-weight:nomal;
	text-align:left;
}
/*****▼▼こんな方におすすめ▼▼*****/
.recommendTitle {
	width:900px;
	margin:0 auto;
}
.recommendTitle img {
	width:100%;
}

.boxRecommendTitle {
	color:#fff;
	margin:0 0 0px 0;
	padding:20px 30px 10px 30px;
	font-family:'游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.boxRecommendTitleUpper {
	font-weight:bold;
	font-size:25px;
	line-height:100%;
	padding:0px;
	margin:0 0 8px 0;
}
.boxRecommendTitleUpper img {
	width:300px;
	margin:0 5px 0 0;
}
.boxRecommendTitleLower {
	font-weight:bold;
	font-size:20px;
	line-height:160%;
	padding:0px;
}
.boxRecommend {
	width:1000px;
	margin:0px auto 0px;
	background:#fff;
	padding:0px;
	box-sizing:border-box;
	font-family:'游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
@media screen and (max-width : 1000px) {
	.boxRecommend {
		width:96%;
		margin:0px auto 0px;
	}
}
.recommendDescription {
	width:calc(100% - 320px);
	color:#000;
	font-size:30px;
	line-height:200%;
	padding:0;
	box-sizing:border-box;
	font-weight:nomal;
	margin:0;
	text-align:left;
}
.recommendDescriptionTxt {
	color:#000;
	font-size:26px;
	line-height:180%;
	padding:20px 35px 20px 35px;
	box-sizing:border-box;
	font-weight:nomal;
	background:#fff;
	box-sizing:border-box;
	text-align:left;
}
.recommendItemImg {
	width:280px;
	padding:20px;
}
.recommendItemImg img {
	width:100%;
}

.recommendItemLink a {
	float:right;
	text-decoration:none;
	color:#666;
	font-weight:bold;
	font-size:22px;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.recommendItemLink a:hover {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*****▼▼タンパク質量▼▼*****/
.powderBg {
	background:url(powderBg.jpg);
	padding:0px 0 0px 0;
}
.contentTitleArea {
	width:1000px;
	margin:0 auto;
}
.contentTitleArea img {
	width:100%;
}
@media screen and (max-width : 1000px) {
	.contentTitleArea {
		width:96%;
		margin:0 auto;
	}
}
/*****▼▼フレーバー▼▼*****/
.flavorTitleArea {
	width:100%;
	display:block;
}

.flavorTitle01 {
	font-family:'游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background:#000;
	color:#fff;
	flex-wrap:wrap;
	display:flex;
	justify-content:center;/* 横中央揃え */
	align-items:center;/* 縦中央揃え */
	font-weight:bold;
	font-size:26px;
	display:table;
	margin:20px auto 30px;
	line-height:100%;
	padding:13px 30px 10px 30px;
	border-radius:5px;
}
.flavorTitle01 img {
	width:240px;
	margin:0 15px 0 0;
}
.flavorTitle02 {
	font-family:'游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#333;
	flex-wrap:wrap;
	display:flex;
	justify-content:center;/* 横中央揃え */
	font-weight:bold;
	font-size:35px;
	margin:0px auto 10px auto;
	line-height:100%;
	padding:0px;
}
.cocoaBg {
	background:url(cocoaBg.jpg);
	padding:0px 0 0px 0;
}
.flavorDescription {
	font-family:'游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#000;
	font-size:22px;
	line-height:220%;
	box-sizing:border-box;
	font-weight:nomal;
	background: rgba(255,255,255,0.85);
	padding:30px;
	border-radius:20px;
	text-align:left;
}
.matchaBg {
	width:100%;
	height:600px;
	position:relative;
	background:url(matchaBg.jpg);
	background-size:100%;
}
@media screen and (max-width : 1500px) {
	.matchaBg {
		width:100%;
		height:500px;
	}
}

.footageIflame {
	width:100%;
	height:600px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.cofeeBg {
	background:url(cofeeBg.jpg);
	padding:0px 0 0px 0;
}
.hojichaBg {
	background:url(hojichaBg.jpg);
	padding:0px 0 0px 0;
}
@media screen and (max-width : 1500px) {
	.footageIflame {
		width:100%;
		height:500px;
	}
}
/*****▼▼愛用者様のコメント▼▼*****/
.coment {
	width:1200px;
	margin:0 auto;
}
.coment img {
	width:100%;
}

@media screen and (max-width : 1200px) {
	.coment {
		width:100%;
		margin:0 auto;
	}
}

/*****▼▼スペック▼▼*****/
.specArea {
	width:900px;
	margin:0 auto;
	font-family:'游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.specAreaTitle {
	width:;
	margin:0 auto 20px;
}

.tbl_title {
    font-size:29.5px;
    color:#000;
    font-weight:bold;
    margin:20px auto 0px;
    text-align:center;
}
.tbl01 {
	width:100%;
	border:1px solid #8cad28;
	border-bottom:none;
	border-right:none;
	line-height:160%;
	margin:10px auto;
	padding:0;
	flex-wrap:wrap;
	display:flex;
	text-align:left;
    box-sizing:border-box;
    font-size:18px;
    color:#000;
    font-weight:nomal;
}
.tbl01Head {
	background-color:#eef3df!important;
	text-align:center!important;
	display:block!important;
}
.tbl01_box01 {
	width:30%;
	padding:20px 20px 20px 20px;
	border-bottom:1px solid #8cad28;
	border-right:1px solid #8cad28;
	background-color:#eef3df;
	text-align:left;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	color:#000;
}

.tbl01_box02 {
	width:70%;
	padding:20px 20px 20px 20px;
	border-bottom:1px solid #8cad28;
	border-right:1px solid #8cad28;
	background-color:#fff;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	text-align:left;
}
.tbl01_box03 {
	width:25%;
	padding:20px 20px 20px 20px;
	border-bottom:1px solid #8cad28;
	border-right:1px solid #8cad28;
	background-color:#fff;
	text-align:left;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	color:#000;
}

.tbl01_box04 {
	width:25%;
	padding:20px 20px 20px 20px;
	border-bottom:1px solid #8cad28;
	border-right:1px solid #8cad28;
	background-color:#fff;
    display:flex;
	box-sizing:border-box;
	text-align:left;
}
.tbl01_box05 {
	width:20%;
	padding:20px 20px 20px 20px;
	border-bottom:1px solid #8cad28;
	border-right:1px solid #8cad28;
	background-color:#eef3df;
	text-align:left;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	color:#000;
}

.tbl01_box06 {
	width:20%;
	padding:20px 20px 20px 20px;
	border-bottom:1px solid #8cad28;
	border-right:1px solid #8cad28;
	background-color:#fff;
    display:block;
	box-sizing:border-box;
	text-align:center;
}
@media screen and (max-width : 900px) {
	.specArea {
		width:96%;
		margin:0 auto;
	}
}
.tbl01_kp {
	width:100%;
	border:2px solid #543b2f;
	border-bottom:none;
	border-right:none;
	line-height:160%;
	margin:10px auto;
	padding:0;
	flex-wrap:wrap;
	display:flex;
	text-align:left;
    box-sizing:border-box;
    font-size:20px;
    color:#000;
    font-weight:bold;
}
.tbl01_kpHead {
	background-color:#e9e5e5!important;
	text-align:center!important;
	display:block!important;
}

.tbl01_kp_box01 {
	width:17%;
	padding:10px 20px 10px 20px;
	border-bottom:2px solid #543b2f;
	border-right:2px solid #543b2f;
	background-color:#e9e5e5;
	text-align:left;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	color:#000;
}

.tbl01_kp_box02 {
	width:83%;
	padding:10px 20px 10px 20px;
	border-bottom:2px solid #543b2f;
	border-right:2px solid #543b2f;
	background-color:#fff;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	text-align:left;
}
.tbl01_kp_box03 {
	width:25%;
	padding:10px 20px 10px 20px;
	border-bottom:2px solid #543b2f;
	border-right:2px solid #543b2f;
	background-color:#fff;
	text-align:left;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	color:#000;
}

.tbl01_kp_box04 {
	width:25%;
	padding:10px 20px 10px 20px;
	border-bottom:2px solid #543b2f;
	border-right:2px solid #543b2f;
	background-color:#fff;
    display:flex;
	box-sizing:border-box;
	text-align:left;
}
.tbl01_kp_box05 {
	width:20%;
	padding:18px 20px 18px 20px;
	border-bottom:2px solid #543b2f;
	border-right:2px solid #543b2f;
	background-color:#e9e5e5;
	text-align:left;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	color:#000;
}

.tbl01_kp_box06 {
	width:20%;
	padding:18px 20px 18px 20px;
	border-bottom:2px solid #543b2f;
	border-right:2px solid #543b2f;
	background-color:#fff;
    display:block;
	box-sizing:border-box;
	text-align:center;
}
.tbl01_gi {
	width:100%;
	border:2px solid #b2b2b2;
	border-bottom:none;
	border-right:none;
	line-height:160%;
	margin:10px auto;
	padding:0;
	flex-wrap:wrap;
	display:flex;
	text-align:left;
    box-sizing:border-box;
    font-size:24.5px;
    color:#000;
    font-weight:bold;
}
.tbl01_giHead {
	background-color:#f2f0f1!important;
	text-align:center!important;
	display:block!important;
}

.tbl01_gi_box01 {
	width:17%;
	padding:15px 20px 15px 20px;
	border-bottom:2px solid #b2b2b2;
	border-right:2px solid #b2b2b2;
	background-color:#f2f0f1;
	text-align:left;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	color:#000;
}

.tbl01_gi_box02 {
	width:83%;
	padding:15px 20px 15px 20px;
	border-bottom:2px solid #b2b2b2;
	border-right:2px solid #b2b2b2;
	background-color:#fff;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	text-align:left;
}
.tbl01_gi_box03 {
	width:25%;
	padding:15px 20px 15px 20px;
	border-bottom:2px solid #b2b2b2;
	border-right:2px solid #b2b2b2;
	background-color:#fff;
	text-align:left;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	color:#000;
}

.tbl01_gi_box04 {
	width:25%;
	padding:15px 20px 15px 20px;
	border-bottom:2px solid #b2b2b2;
	border-right:2px solid #b2b2b2;
	background-color:#fff;
    display:flex;
	box-sizing:border-box;
	text-align:left;
}
.tbl01_gi_box05 {
	width:20%;
	padding:18px 20px 18px 20px;
	border-bottom:2px solid #b2b2b2;
	border-right:2px solid #b2b2b2;
	background-color:#f2f0f1;
	text-align:left;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	color:#000;
}

.tbl01_gi_box06 {
	width:20%;
	padding:18px 20px 18px 20px;
	border-bottom:2px solid #b2b2b2;
	border-right:2px solid #b2b2b2;
	background-color:#fff;
    display:block;
	box-sizing:border-box;
	text-align:center;
}
.w26 {
	width:26.66%;
	box-sizing:border-box;
}
.w50 {
	width:50%;
	box-sizing:border-box;
}
.w30 {
	width:33.33%;
	box-sizing:border-box;
}
.w40 {
	width:40%;
	box-sizing:border-box;
}
.tbl01_sw {
	width:100%;
	border:2px solid #999999;
	border-bottom:none;
	border-right:none;
	line-height:160%;
	margin:10px auto;
	padding:0;
	flex-wrap:wrap;
	display:flex;
	text-align:left;
    box-sizing:border-box;
    font-size:20px;
    color:#000;
    font-weight:bold;
}
.tbl01_swHead {
	background-color:#f2f2f2!important;
	text-align:center!important;
	display:block!important;
}

.tbl01_sw_box01 {
	width:17%;
	padding:10px 20px 10px 20px;
	border-bottom:2px solid #999999;
	border-right:2px solid #999999;
	background-color:#f2f2f2;
	text-align:left;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	color:#000;
}

.tbl01_sw_box02 {
	width:83%;
	padding:10px 20px 10px 20px;
	border-bottom:2px solid #999999;
	border-right:2px solid #999999;
	background-color:#fff;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	text-align:left;
}
.tbl01_sw_box03 {
	width:25%;
	padding:10px 20px 10px 20px;
	border-bottom:2px solid #999999;
	border-right:2px solid #999999;
	background-color:#fff;
	text-align:left;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	color:#000;
}

.tbl01_sw_box04 {
	width:25%;
	padding:10px 20px 10px 20px;
	border-bottom:2px solid #999999;
	border-right:2px solid #999999;
	background-color:#fff;
    display:flex;
	box-sizing:border-box;
	text-align:left;
}
.tbl01_sw_box05 {
	width:20%;
	padding:18px 20px 18px 20px;
	border-bottom:2px solid #999999;
	border-right:2px solid #999999;
	background-color:#f2f2f2;
	text-align:left;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	color:#000;
}

.tbl01_sw_box06 {
	width:20%;
	padding:18px 20px 18px 20px;
	border-bottom:2px solid #999999;
	border-right:2px solid #999999;
	background-color:#fff;
    display:block;
	box-sizing:border-box;
	text-align:center;
}
.w26 {
	width:26.66%;
	box-sizing:border-box;
}
.w30 {
	width:33.33%;
	box-sizing:border-box;
}

.tbl01_wb {
	width:100%;
	border:2px solid #5b6830;
	border-bottom:none;
	border-right:none;
	line-height:160%;
	margin:10px auto;
	padding:0;
	flex-wrap:wrap;
	display:flex;
	text-align:left;
    box-sizing:border-box;
    font-size:22.5px;
    color:#000;
    font-weight:bold;
}
.tbl01_wbHead {
	background-color:#efefeb!important;
	text-align:center!important;
	display:block!important;
}

.tbl01_wb_box01 {
	width:30%;
	padding:10px 20px 10px 20px;
	border-bottom:2px solid #5b6830;
	border-right:2px solid #5b6830;
	background-color:#efefeb;
	text-align:left;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	color:#000;
}

.tbl01_wb_box02 {
	width:70%;
	padding:10px 20px 10px 20px;
	border-bottom:2px solid #5b6830;
	border-right:2px solid #5b6830;
	background-color:#fff;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	text-align:left;
}
.tbl01_wb_box03 {
	width:25%;
	padding:10px 20px 10px 20px;
	border-bottom:2px solid #5b6830;
	border-right:2px solid #5b6830;
	background-color:#fff;
	text-align:left;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	color:#000;
}

.tbl01_wb_box04 {
	width:25%;
	padding:10px 20px 10px 20px;
	border-bottom:2px solid #5b6830;
	border-right:2px solid #5b6830;
	background-color:#fff;
    display:flex;
	box-sizing:border-box;
	text-align:left;
}
.tbl01_wb_box05 {
	width:20%;
	padding:18px 20px 18px 20px;
	border-bottom:2px solid #5b6830;
	border-right:2px solid #5b6830;
	background-color:#efefeb;
	text-align:left;
    display:flex;
	align-items: center; 
	box-sizing:border-box;
	color:#000;
}

.tbl01_wb_box06 {
	width:20%;
	padding:18px 20px 18px 20px;
	border-bottom:2px solid #5b6830;
	border-right:2px solid #5b6830;
	background-color:#fff;
    display:block;
	box-sizing:border-box;
	text-align:center;
}
/*****▼▼フレーバーを選ぶ▼▼*****/
.choiceFlavorArea {
	width:900px;
	flex-wrap:wrap;
	display:flex;
	justify-content:center;/* 横中央揃え */
	margin:30px auto;
}
.choiceFlavor {
	width:48%;
	margin:0 1% 10px 1%;
}
.choiceFlavor img {
	width:100%;
}

@media screen and (max-width : 900px) {
	.choiceFlavorArea {
		width:96%;
		margin:0 auto;
	}
}
/*****▼▼ケトプロテイン▼▼*****/
.kpTitle {
	width:900px;
	margin:0 auto;
}

@media screen and (max-width : 900px) {
	.kpTitle {
		width:100%;
		margin:0px auto 0px;
	}
}
.kpTitle img {
	width:100%;
}
.boxKp {
	width:1000px;
	margin:30px auto;
	background:url(paperBg.jpg);
	padding:30px 0 20px 0;
	box-sizing:border-box;
	font-family:'游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
@media screen and (max-width : 1000px) {
	.boxKp {
		width:92%;
		margin:0px auto 0px;
	}
}
.boxKpDescription {
	padding:0 30px 0 30px;
	box-sizing:border-box;
	flex-wrap:wrap;
	display:flex;
	align-items:center;/* 縦中央揃え */
}
.boxKpDescriptionTxt {
	color:#000;
	font-size:26px;
	line-height:180%;
	padding:20px 35px 20px 35px;
	box-sizing:border-box;
	font-weight:nomal;
	box-sizing:border-box;
	text-align:left;
}
.boxKpImg {
	padding:0 20 0 20px;
}
.boxKpImg img {
	width:100%;
}

.slope01 {
	transform: rotate(1.5deg);
}
.slope02 {
	transform: rotate(-1.5deg);
}