@charset "UTF-8";

/* ----------------------------- リセット 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { vertical-align: top; font-size: 0; line-height: 0; }

sup { font-size: 8px; }

em { font-style: normal; }

div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after { content: ""; display: block; }

div:after, ul:after, ol:after, dl:after { clear: both; }

div, ul, ol, dl { zoom: 1; }

ul#wp-admin-bar-root-default:after { clear: none; } */

/* =======================================
記事詳細
========================================
#entry { margin: 0 auto; }

#entry_title { margin: 0 0 30px; border-bottom: 1px solid #ccc; padding: 0 0 12px; }

#entry_title h3 { padding: 2px 0; font-size: 130%; }

#entry_title span { font-size: 85%; padding: 2px 0; }

#entrybody { font-size: 100%; margin-top: 0; word-break: break-all; }

#entrybody ul, #entrybody ol { margin: 12px 0 12px 2em; list-style-position: inside; text-align: left; }

#entrybody ul li { text-align: left; }

#entrybody ol li { text-align: left; }

#entrybody strong { font-weight: bold !important; }

#entrybody strong span { font-weight: bold !important; }

#entrybody span strong { font-weight: bold !important; }

#entrybody del strong { font-weight: bold !important; }

#entrybody em strong { font-weight: bold !important; }

#entrybody em { font-style: italic; }

#entrybody p { line-height: 170%; margin: 0 0 1.2em; }

td #entrybody p { margin-bottom: 0; }

#entrybody em { font-style: italic !important; }

#entrybody blockquote { margin: 15px 0 15px 24px; }

#entrybody img { margin: 0 0 1em; }

#entrybody iframe { width: 100%; height: auto; }

.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }

.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }

.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }

.wp-caption { border: none; background: #f1f1f1; color: #888; font-size: 12px; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.wp-caption img { margin: 5px; }

.wp-caption p.wp-caption-text { margin: 0 0 4px; }

.wp-smiley { margin: 0; }

body#tinymce ul, body#tinymce ol { margin: 0 0 0 1.5em; }

body#tinymce ul li { list-style: disc; }

body#tinymce ol li { list-style: decimal; }

#entrybody h1 { font-size: 200%; line-height: 150%; }

#entrybody h2 { font-size: 180%; line-height: 150%; }

#entrybody h3 { font-size: 150%; line-height: 150%; }

#entrybody h4 { font-size: 132%; line-height: 150%; }

#entrybody h5 { font-size: 116%; line-height: 150%; }

#entrybody h6 { font-size: 108%; line-height: 150%; }

#social { margin: 30px 0 10px; clear: both; }

#social:before, #social:after { content: ""; display: table; }

#social:after { clear: both; }

#social { zoom: 1; }

#social li, #social div { float: left; }

#social li { border: 0; }

#social .facebook { width: 120px; }

#social .twitter { width: 105px; }

#social .hatena { width: 130px; }

#social .google { width: 80px; }

#social .line img { width: 88px; height: auto; }

#entry .fbcomments, #entry .fb_iframe_widget, #entry .fb_iframe_widget[style], #entry .fb_iframe_widget iframe[style], #entry .fbcomments iframe[style], #entry .fb_iframe_widget span { width: 100% !important; }
*/
/* ----------------------------- ページネーション 
.pagination { clear: both; position: relative; display: table; width: 100%; padding: 20px 0; }
.pagination span, .pagination a { display: inline-block; *display: inline; *zoom: 1; width: auto; padding: 5px 10px; margin: 0 10px; color: #333; text-decoration: none !important; cursor: pointer; color: #000; font-size: 128.5%; border-bottom: 2px solid transparent; }
.pagination span.current, .pagination a.current { border-bottom-color: #000; }
.pagination a:link, .pagination a:visited { color: #000; }
.pagination a:hover { color: #000; text-decoration: underline; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
.pagination .numeric, .pagination .prev, .pagination .next { display: table-cell; vertical-align: middle; }
.pagination .numeric { text-align: center; width: 70%; }
.pagination .prev, .pagination .next { width: 15%; }
.pagination .prev a, .pagination .next a { margin: 0; background-repeat: no-repeat; }
.pagination .prev { text-align: left; }
.pagination .prev a { padding-left: 50px; background-image: url(img/common/icon1_left.svg); background-position: left center; }
.pagination .next { text-align: right; }
.pagination .next a { padding-right: 50px; background-image: url(img/common/icon1.svg); background-position: right center; }

@media screen and (max-width: 640px) { .pagination { padding: 10px 0; }
	.pagination span, .pagination a { font-size: 100%; margin: 3px 4px; padding: 3px 5px; }
	.pagination .prev a { padding-left: 15px; background-image: url(img/common/icon3_left.svg); }
	.pagination .next { text-align: right; }
	.pagination .next a { padding-right: 15px; background-image: url(img/common/icon3.svg); } } */
/* ----------------------------- 全体 
body { font-size: 16px; line-height: 1.8em; color: #333; font-family: "游ゴシック体", "YuGothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; background: #fff; position: relative; min-width: 850px; }

a:link, a:visited { color: #000; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
a, a img { -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all; }
a:hover img { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

@media screen and (min-width: 768px) { .sp-only { display: none !important; } }
@media screen and (max-width: 767px) { .pc-only { display: none !important; } }

img, .bx-wrapper img { max-width: 100%; height: auto; }*/

/* ----------------------------- 1. 各ページ共通 */
/*=======================================
ヘッダー
=========================================*/
/*=======================================
メニュー
=========================================*/
/* .l-contents {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
} */

.p-top {
	text-align: center;
}

.p-top img {
	width: 100%;
	height: 426px;
	object-fit: cover;
}

.step_3 {
	text-align: center;
}

.step_3 ul {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 16px;
}

}

.step_3 .comment li:first-child {
	 margin-bottom: 35px;
}

.no_1 {
	margin: 115px  0 auto;   
} 

.step_3 .titl {
    margin: 0 auto;
    font-size: 32px;
    padding-top: 80px;
    font-weight: 400;
}

.step_3 .titl {
	width: 500px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.no_1 .titl {
	width: 340px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.no_2 .titl {
	width: 452px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.no_3 .titl {
	width: 388px;
	margin-bottom: 50px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.no_1 .background-gray {
  width: 100%;
  height: 200px;
  background-color: #f7f8f8;
  padding-top: 30px;
}


.no_1 .no1_p1 {
	margin-top: 50px;
	margin-bottom: 20px;
}

.no_1 .no1_p2 {
	margin-top: 25px;
	margin-bottom: 30px;
}

.no_1 .figure {
	display: flex;
	/* text-align: center; */
	justify-content: center;
}

.no_1 .figure li {
	display: inline;
	padding: 0 12px;
}

.no_1 .figure li img {
	margin-top: 12px;
}

.no_2 .background-gray {
  width: 100%;
  height: 200px;
  background-color: #f7f8f8;
  padding-top: 30px;
}

.no_2 {
	margin-top: 85px;
}

.no_2 .no2_p1 {
	margin-top: 30px;
	margin-bottom: 30px;
}



.no_2 .figure {
	display: flex;
	/* text-align: center; */
	justify-content: center;
}

.no_2 .igure li {
	display: inline;
	padding: 0 12px;
}

.no_2 .figure li img {
	margin-top: 12px;
}


.no_2 .additive_free {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	width: 549px;
	margin: 68px auto 50px;
}

.no_2 .additive_free li {
	margin: 0 8px 16px 8px;
}

.no_3 .background-gray {
  width: 100%;
  height: 200px;
  background-color: #f7f8f8;
  padding-top: 30px;
}

.no_3 {
	margin-top: 87px;
}

.no_3 p {
	width: 700px;
	margin: 30px auto;
}

.photo .photo_ul {
	display: inline-flex;
}

.photo .photo_ul li {
	background-color: #f7f8f8;
	width: 155px;
	margin: 0 5px;
	border-radius: 7px;
	padding: 8px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.milky_powder {
	display: flex;
	justify-content: center;
}

.milky_powder . {
	text-align: left;
	margin-right: 40px;
}

.milky_powder ul {
	text-align: left;
}

.introduction {
	width: 738px;
	margin: 70px auto 0;
	background-color: #f7f9f9;
	padding: 50px 0;
}

.nyuueki_pauda {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}

.photo .pho_titl {
	font-size: 33px;
	margin: 112px 0 43px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
}

.photo .photo_p1 {
	margin-top: 55px;
}

.photo .photo_p2 {
	font-size: 12px;
}

.photo .photo_ul {
	margin-bottom: 35px;
}

.photo .photo_ul li {
	width: 230px;
}

.photo .photo_ul li + li {
	padding-top: 14px;
}

.milky_powder {
	margin-top: 95px;
}

.milky_powder .mil h3 {
	font-size: 30px;
	font-weight: 400;
	line-height: 160%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.milky_powder ul {
	margin-top: 100px;
	margin-left: 40px;
}

.milky_powder ul li {
	font-size: 16px;
	width: 320px;
	margin-bottom: 37px;
	font-weight: 400;
	line-height: 30px;
}

.milky_powder ul li h4 {
	font-size: 21px;
	color: #3e3a39;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.milky_powder ul li small {
	font-size: 12px;
}

.hito {
	display: flex;
	justify-content: center;
	margin-bottom: -30px;
	margin-top: 70px;
}

.hito p {
	font-size: 22px;
	line-height: 155px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-left: 28px;
	font-weight: 400;
}

.introduction .intro {
	font-size: 22px;
	line-height: 160%;
	font-weight: 400;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.introduction .h1 {
	font-size: 34px;
	line-height: 160%;
	font-weight: 400;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 30px;
}

.out {
	margin-bottom: 20px;
}

.out p {
	background-color: #b0b0b0;
	width: 180px;
	padding: 5px 0 0 0;
	font-size: 18px;
	color: #ffffff;
	position: relative;
	top: 35px;
	left: 90px;
	font-weight: bold;
}

.introduction .kansou {
	width: 510px;
	margin: 20px auto 60px;
	text-align: left;
}

.nyuueki_pauda .nyu_pa p.nyu_pa_titl {
	background-color: #efefef;
	font-size: 20px;
	font-weight: 400;
	padding: 10px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.nyuueki_pauda .nyu_pa {
	margin: 0 35px;
}
.nyuueki_pauda .nyu_pa h4 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 400;
	font-size: 21px;
	margin-bottom: 8px;
}
.nyuueki_pauda .nyu_pa p {
	font-size: 13px;
	line-height: 160%;
}
.nyuueki_pauda .nyu_pa + .nyu_pa > img {
	padding-top: 36px;
	padding-bottom: 36px;
}

.btn-square {
	display: inline-block;
	padding: 12px 30px;
	font-weight: bold;
	text-decoration: none;
	background: #35A546;/*ボタン色*/
	color: #ffffff !important;
	box-shadow: 0 6px #3a7c42;
	border-radius: 3px;
	margin: 35px 0;
	font-size: 20px;
	text-decoration: none !important;
	transition: .2s ease all;
	border-radius: 8px;
}

.btn-square:active{
	transform: translateY(5px);
	box-shadow: none;
}

/*
.btn-square:hover {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	border-bottom: 0 solid #3A7C42;
}
*/

/*=======================================
フッター
=========================================*/
/*=======================================
ページトップへ
=========================================*/
.l-pagetop { position: fixed; right: 30px; bottom: 30px; z-index: 999; }

/* ----------------------------- 2. トップページ */
/*=======================================
メインビジュアル
=========================================*/
/*=======================================
トップページ
=========================================*/
/* ----------------------------- 3. 下層ページ */
/*=======================================
下層ページ
=========================================*/
/* ----------------------------- 4. 投稿 */
/*=======================================
サイドバー
=========================================*/
/* ----------------------------- 9. 共通パーツ 
.u-mt0 { margin-top: 0px; }

.u-mt5 { margin-top: 5px; }

.u-mt10 { margin-top: 10px; }

.u-mt15 { margin-top: 15px; }

.u-mt20 { margin-top: 20px; }

.u-mt30 { margin-top: 30px; }

.u-mt40 { margin-top: 40px; }

.u-mt50 { margin-top: 50px; }

.u-mt60 { margin-top: 60px; }

.u-mt70 { margin-top: 70px; }

.u-mt80 { margin-top: 80px; }

.u-mt90 { margin-top: 90px; }

.u-mb0 { margin-bottom: 0; }

.u-mb5 { margin-bottom: 5px; }

.u-mb10 { margin-bottom: 10px; }

.u-mb15 { margin-bottom: 15px; }

.u-mb20 { margin-bottom: 20px; }

.u-mb30 { margin-bottom: 30px; }

.u-mb40 { margin-bottom: 40px; }

.u-mb50 { margin-bottom: 50px; }

.u-mb60 { margin-bottom: 60px; }

.u-mb70 { margin-bottom: 70px; }

.u-mb80 { margin-bottom: 80px; }

.u-mb90 { margin-bottom: 90px; }

.u-pb0 { padding-bottom: 0px; }

.u-col { color: #000; }
.u-col__red { color: #F00; }

.u-mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.u-gothic { font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }

.u-italic { font-style: italic; }

.u-center { text-align: center !important; }
.u-center th, .u-center td { text-align: center !important; }

.u-right { text-align: right !important; }
.u-right th, .u-right td { text-align: right !important; }

.u-left { text-align: left !important; }
.u-left th, .u-left td { text-align: left !important; }

.c-wrap { max-width: 1000px; margin-left: auto; margin-right: auto; }

.c-table__nostyle { width: 100%; }
.c-table__nostyle th, .c-table__nostyle td { padding: 2px 0 !important; border: 0; font-weight: normal; text-align: left; vertical-align: top; background: transparent; }

.u-indent { text-indent: -1em; padding-left: 1em; } */