@charset "utf-8";

/* =============================================================================
common
========================================================================== */
mark { background-color: #ffff00; }
.markerYellow { background: linear-gradient(transparent 0%, #ffff66 0%); }

.clear { clear: both; }

.m-0 { margin: 0 !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }

.ta-c { text-align: center; }
.ta-l { text-align: left; }
.ta-r { text-align: right; }

.c-bg__gradient {
	background: -webkit-gradient(linear, left top, right bottom, from(#f1f1f1), color-stop(0.25, #f1f1f1), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #f1f1f1), color-stop(0.75, #f1f1f1), color-stop(0.75, white), to(white));
	background: -moz-linear-gradient(-45deg, #f1f1f1 25%, white 25%, white 50%, #f1f1f1 50%, #f1f1f1 75%, white 75%, white);
	background: linear-gradient(-45deg, #f1f1f1 25%, white 25%, white 50%, #f1f1f1 50%, #f1f1f1 75%, white 75%, white);
	background-size: 4px 4px;
}

.c-font { font-family: Verdana, "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

.c-colorRed { color: #e62d25; }

.c-fsBold { font-weight: bold; }

.c-underline { text-decoration: underline; }

.c-fsMini { font-size: 90%; }

.c-title { position: relative; margin: 0 0 25px; padding: 0 0 10px; font-size: 32px; font-weight: 600; line-height: normal; text-align: center; }
.c-title:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 50px; height: 1px; margin-left: -25px; background-color: #d65050; }
.c-title span { font-size: 26px; font-weight: 600; }

.p-basic .c-txt { margin: 0 0 1.5em; word-break: break-all; }

.c-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.c-flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; }
.c-flex-between { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.c-flex-around { -webkit-flex-pack: distribute; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; }
.c-flex-center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
.c-flex-ai-center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.c-flex-ai-stretch { -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; }
.c-flex-list { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.list-tab-btn .tab-item { width: 48%; }
.list-tab-btn .tab-item a { display: block; padding-left: 0; padding-right: 0; font-size: 110%; text-align: center; }
.anc-target { padding: 55px 0 0; }



/* form common
-------------------------------------------------------------- */
.c-form {
	width: 100%;
	max-width: 800px;
	margin: auto;
}
.c-form ol,
.c-form ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.c-form label {
	font-weight: normal;
}
.c-form__borderDot {
	height: 1px;
	border-bottom: 1px dotted #dadada;
}
.p-seminar-info {
	margin: 0 0 30px;
	padding: 20px 15px 20px;
	border: 1px solid #dadada;
	background-color: #f2f1eb;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
		-o-border-radius: 15px;
			border-radius: 15px;
}
.p-seminar-info__ttl {
	margin: 0 0 20px;
	font-size: 120%;
}
.p-seminar-info__theme {
	display: inline-block;
}
.p-seminar-info__item a {
	display: inline-block;
	margin: 0 0 1em 1em;
}
.p-seminar-info__item .ended {
	display: inline-block;
	margin: 0 0 0 1em;
	color: #443f3f;
}
.c-form__desc {
	margin: 0 0 50px;
}
.c-form__desc02 {
	margin: 0 0 15px;
}
.c-form__block {
}

.c-form__inner {
	padding: 0 5%;
}
.c-form__dl {
	border-bottom: 1px solid #dadada;
	background-color: #f2f1eb;
}
.c-form__dt {
	float: left;
	clear: both;
	width: 30%;
	padding: 11px 20px;
	border-top: 1px solid #dadada;
	text-align: left;
}
.c-form__dd {
	margin-left: 30%;
	padding: 11px 15px;
	border-top: 1px solid #dadada;
	background-color: #fff;
	text-align: left;
}

.c-form__dtFull {
	padding: 11px 20px;
	border-top: 1px solid #dadada;
	text-align: left;
}
.c-form__ddFull {
	padding: 11px 15px;
	border-top: 1px solid #dadada;
	background-color: #fff;
	text-align: left;
}

.c-form__dt.require:after,
.c-form__dtFull.require:after {
	content: "*";
	color: #e62d25;
}

.c-form__inline li {
	display: inline;
	margin-right: 2em;
}
.c-form__inline li.clear {
	display: block;
	margin-right: 0;
}

.c-form__inner .inputTxt {
	width: 100%;
	height: auto;
	padding: .5em;
	border: 1px solid #dadada;
	box-sizing: border-box;
	color: #333;
	font-family: Verdana, "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.c-form__inner .inputTxtarea {
	width: 100%;
	height: 10em;
	padding: .5em;
	border: 1px solid #dadada;
	box-sizing: border-box;
	color: #333;
	font-family: Verdana, "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.c-form__inner .inputTxt[disabled], .c-form__inner .inputTxtarea[disabled] {
	background: #cecece;
	cursor: not-allowed;
}

.c-form__inner .inputBoxSS { width: 100px; }
.c-form__inner .inputBoxS { width: 200px; }
.c-form__inner .inputBoxM { width: 300px; }
.c-form__inner .inputBoxL { width: 500px; }
.c-form__inner .inputSelect { width: 200px; }
.c-form__inner .inputSelectFull { width: 100%; }

.c-form__inner .boxAccept {
	padding: 30px 0 0;
	text-align: center;
}
.c-form__inner .labelAccept {
	display: inline;
}
.c-form__inner .labelAccept a {
	color: #333;
}
.c-form__inner .labelAccept a:hover {
	color: #ccc;
}

.c-form__btn {
	padding: 1em 0 0;
	text-align: center;
}
.c-form__btn .roll-button {
	cursor: pointer;
}

.c-form__inner .btn-box {
	width: 50%;
	float: left;
}
.c-form__inner #btn-mail-confirm,
.c-form__inner #btn-mail-back,
.c-form__inner #btn-mail-send {
	display: inline;
}


.error-msg-balloon {
	position: relative;
	margin: .5em 0 0;
	padding: .2em 1em;
	color: #fff;
	background-color: #e62d25;
}
.error-msg-balloon:after{
	position:absolute;
	bottom: 100%;
	left: 1em;
	height: 0;
	width: 0;
	border: solid transparent;
	content:"";
	pointer-events: none;
	border-color: rgba(230,45,37,0);
	border-bottom-color: #e62d25;
	border-width: 1em .5em;
	margin-left: 0
}
.error-msg-balloon span {
	font-weight: bold;
}


.c-thanks {
	width: 100%;
	max-width: 800px;
	margin: auto;
	text-align: center;
}


/* =============================================================================
component
========================================================================== */
.c-target img { transition: opacity .3s linear; }
.c-target:hover img { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

.c-comingsoon { position: relative; max-width: 400px; margin: 0 auto; }
.c-comingsoon:before { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-top: 32.5%; background-color: #d65050; opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.c-comingsoon:after { content: "Coming Soon"; position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-top: 12.5%; color: #fff; font-size: 200%; text-align: center; font-family: 'Arial', sans-serif; }

.c-completed { display: block; position: relative; max-width: 400px; margin: 0 auto; }
.c-completed:after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-top: 32.5%; background: url(../images/bnr_completed.png) no-repeat 50% 0; background-size: cover; }

.c-soldout { display: block; position: relative; max-width: 400px; margin: 0 auto; }
.c-soldout:after { content: " "; position: absolute; top: 0; left: 0; width: 100%; height: 0; padding-top: 32.5%; background: url(../images/bnr_soldout.png) no-repeat 50% 0; background-size: cover; }

.c-new { /*display: block;*/ display: inline-block; position: relative; }
.c-new:after { content: "NEW"; position: absolute; top: -20px; left: -20px; width: 45px; height: 45px; padding: 10px 5px; color: #fff; text-align: center; background: #38b68e; background: rgba(56,182,142,.9); border-radius: 50%; }

.c-recommend { /*display: block;*/ display: inline-block; position: relative; }
.c-recommend:after { content: "オススメ"; position: absolute; top: -20px; left: -20px; width: 90px; height: 35px; padding: 5px 5px; color: #fff; text-align: center; background: #38b68e; background: rgba(214,80,80,.9); border-radius: 50%; }

.panel-row-style { overflow: visible; }



/* =============================================================================
utility
========================================================================== */
.u-pcShow { display: block; }
.u-spShow { display: none; }
.u-cf:after { content: ""; clear: both; display: block; }
@media screen and (max-width: 767px) {
	.u-pcShow { display: none; }
	.u-spShow { display: block; }
}



/* =============================================================================
layout
========================================================================== */
/* contact
-------------------------------------------------------------- */
#cmn-contact {
	padding: 50px 0;
	color: #fff;
	background-color: #c31671;
}
.contact__form {
	float: left;
	width: 48%; /*width: 50%;*/
	padding: 0 2% 0 0;
}
.contact__form .widget-title {
	text-align: center;
	margin-top: 0;
	margin-bottom: 30px;
	position: relative;
	font-weight: 600;
	line-height: normal;
	/*text-transform: uppercase;*/
	padding-bottom: 10px;
	color: #fff;
	font-size: 24px;
}
.contact__form .widget-title:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 50px;
	height: 1px;
	margin-left: -25px;
	background-color: #fff; /*background-color: #d65050;*/
}
.contact__formInner {
	padding: 0 5%;
}
.contact__formInner .form_dt {
	margin: 0 0 .5em;
	padding: 0;
}
.contact__formInner .form_dd {
	margin: 0 0 1.5em;
	padding: 0;
}

.contact__formInner .inputTxt {
	width: 100%;
	height: auto;
	padding: .5em;
	border: 1px solid #dadada;
	box-sizing: border-box;
	color: #333;
	font-family: Verdana, "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.contact__formInner .inputTxtarea {
	width: 100%;
	height: 5em;
	padding: .5em;
	border: 1px solid #dadada;
	box-sizing: border-box;
	color: #333;
	font-family: Verdana, "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.contact__formInner .inputTxt[disabled], .contact__formInner .inputTxtarea[disabled] {
	background: #cecece;
	cursor: not-allowed;
}

.contact__formInner .boxAccept {
	text-align: center;
}
.contact__formInner .labelAccept {
	display: inline;
}
.contact__formInner .labelAccept a {
	color: #333;
}
.contact__formInner .labelAccept a:hover {
	color: #ccc;
}

.contact__formInner .form_btn_block {
	padding: 1em 0 0;
	text-align: center;
}
.contact__formInner .form_btn_block .roll-button {
	cursor: pointer;
}

.contact__formInner .btn-box {
	width: 50%;
	float: left;
}
.contact__formInner #btn-mail-confirm,
.contact__formInner #btn-mail-back,
.contact__formInner #btn-mail-send {
	display: inline;
}

.contact__address {
	float: left;
	width: 50%;
	margin: .5em 0 0;
}
body.home .contact__address {
	margin: 280px 0 0;
}
.contact__addressBlock {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.contact__addressBlock li:first-child {
	padding: 0 0 30px;
}

.contact__socialBlock {
	margin-top: 50px;
}


/* footer
-------------------------------------------------------------- */
.site-footer .copy {
	display: block;
	float: left;
	width: 70%;
	margin: 0 2% 0 0;
	color: #ccc; /*color: #c31671;*/
	text-align: right;
}
#f__nav {
	float: left;
	width: 28%;
}
#f__nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#f__nav li {
	display: inline; /*font-size: 18px; letter-spacing: .02em;*/
}
#f__nav li a {
	margin: 0 1em;
	color: #fff;
}
#f__nav li a:hover {
	color: #ccc;
}


/* =============================================================================
project
========================================================================== */
/* Top
-------------------------------------------------------------- */
.top-greeting {
	margin: 0 0 40px;
}
.top-greeting__photo {
	float: left;
	width: 20%;
	max-width: 150px;
}
.top-greeting__prof {
	float: left;
	width: 75%;
	margin-left: 5%;
}
.top-greeting__profRiji {
	color: #389fb6;
}
.top-greeting__profName {
	font-size: 120%;
}

.top-aboutus {
}
.top-aboutus dl {
	padding: 1em 0 0;
}
.top-aboutus dt {
	clear: left;
	float: left;
	width: 13%;
	margin: 0 0 15px;
	color: #389fb6;
	font-weight: bold;
}
.top-aboutus dd {
	margin: 0 0 2em 13%;
}
.top-aboutus dd ol {
	margin: 0 0 0 -20px;
}
.top-aboutus__txt {
}

.top-snsFb__box {
	max-width: 425px;
	margin: 0 auto;
	padding: 0 0 30px;
}
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fb_iframe_widget span{
	width: 100% !important;
}
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
	width: 100% !important;
}
.top-snsTw__box {
	max-width: 425px;
	margin: 0 auto;
	border: 1px solid rgba(15, 70, 100, 0.12);
}
.top-newsVideo__box {
}
.top-newsVideo__content {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.top-newsVideo__content video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.top-newsVideo__credit {
	padding: 0 0 30px;
	text-align: right;
}
.top-newsYoutube__box {

}


/* World eating disorders action day
-------------------------------------------------------------- */
body.world-eating-disorders-action-day {
	/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; */
}
body.world-eating-disorders-action-day .p-wedad__ttl-h2 {
	margin: 0 0 20px;
	font-size: 26px;
	font-weight: 600;
	line-height: normal;
}
body.world-eating-disorders-action-day .p-wedad__ttl-h3 {
	margin: .5em;
	font-size: 110%;
}
body.world-eating-disorders-action-day .p-wedad__btn-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
body.world-eating-disorders-action-day .p-wedad__btn-list li {
	width: 350px;
	margin: 0 0 1.5em;
}
body.world-eating-disorders-action-day .p-wedad__btn-list a {
	display: block;
	text-align: center;
	font-family: "メイリオ", Meiryo, sans-serif!important;
}
body.world-eating-disorders-action-day .p-wedad__txt-thanks {
	color: #555;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
}


/* Privacy Policy
-------------------------------------------------------------- */
body.privacy {

}
body.privacy dt {
	padding: 0 0 .5em;
}
body.privacy dd {
	padding: 0 0 2em;
}


/* Thanks
-------------------------------------------------------------- */
/*
body.thanks .contact__form {
	display: none;
}
body.thanks .contact__address {
	margin-top: .5em;
}
*/


/* Supporter common
-------------------------------------------------------------- */
.supporter__cmnContent {
	margin: 50px 0 0;
	padding: 40px 20px 20px;
	border: 1px solid #dadada;
}
.supporter__cmnContentTxt {
	margin: 0;
	padding: 20px 0 20px;
}


/* Supporter list
-------------------------------------------------------------- */
#supporter-list {
}
#supporter-list .supporter__block {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 0;
}
#supporter-list .supporter__block li {
	margin: 0 0 30px;
	padding: 20px;
	border: 1px solid #e0e0e0;
	background-color: #f5f5f5;
}
#supporter-list .supporter__ttl {
	margin: 0 0 10px;
	padding: 0 5px 5px;
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
	border-bottom: 1px solid #e0e0e0;
}
#supporter-list .supporter__btnBlock {
	padding: 20px 0 0;
	text-align: center;
}
#supporter-list .supporter__btn {
	width: 80%;
}


/* Donation
-------------------------------------------------------------- */
#type-donation,
#type-group {
	/*margin-left: 2em;*/
}
.donation__infoContent {
	margin: 50px 0 0;
	padding: 20px;
	border: 1px solid #dadada;
}
.donation__infoContentTxt {
	margin: 0;
	padding: 10px 0;
}


/* Free seminar and Paid seminar and Event
-------------------------------------------------------------- */
body.free-seminar .c-form,
body.paid-seminar .c-form,
body.evnet .c-form {
	max-width: 850px;
}
body.free-seminar .p-seminar-info__ttl,
body.paid-seminar .p-seminar-info__ttl,
body.evnet .p-seminar-info__ttl {
	margin: 0 0 2.5em;
	font-size: 120%;
}
body.free-seminar .p-seminar-info__item,
body.paid-seminar .p-seminar-info__item,
body.event .p-seminar-info__item {
	margin: 0 0 2em;
	padding: 0 0 1.5em;
	border-bottom: 1px solid #dadada;
}
body.free-seminar .p-seminar-info__item:last-child,
body.paid-seminar .p-seminar-info__item:last-child,
body.event .p-seminar-info__item:last-child {
	margin: 0;
	padding: 0;
	border: none;
}
body.free-seminar .p-seminar-info__ttl-child,
body.paid-seminar .p-seminar-info__ttl-child,
body.event .p-seminar-info__ttl-child {
	margin: .5em;
	font-size: 110%;
}
body.free-seminar .p-seminar-info__child-item,
body.paid-seminar .p-seminar-info__child-item,
body.event .p-seminar-info__child-item {
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	border-bottom: 1px dotted #dadada;
}
body.free-seminar .p-seminar-info__child-item:last-child,
body.paid-seminar .p-seminar-info__child-item:last-child,
body.event .p-seminar-info__child-item:last-child {
	margin: 0;
	padding: 0;
	border: none;
}


/* Job
-------------------------------------------------------------- */
body.job .p-job__btn-list {
	-webkit-justify-content: space-between; justify-content: space-between;
	list-style-type: none;
	margin: 100px 0 0;
	padding: 0;
}
body.job .p-job__btn-list li {
	margin: 0 1em;
}
body.job .p-job__btn-list a {
	display: block;
	text-align: center;
}


/* Guidebook　Nutrition　Qa
-------------------------------------------------------------- */
body.guidebook .page-article a,
body.nutrition .page-article a,
body.qa .page-article a {
	display: block;
	text-align: center;
}
body.guidebook .page-article ul,
body.nutrition .page-article ul,
body.qa .page-article ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#p-guidebook {
	width: 100%;
	max-width: 850px;
	margin: auto;
}
.p-guidebook__ttl-h2 {
	display: inline-block;
	margin: 0 0 1.5em;
	padding: 0 .5em .5em;
	font-size: 120%;
	font-weight: 600;
	line-height: normal;
	border-bottom: 1px solid #e0e0e0;
}
.p-guidebook__ttl-h3 {
	margin: 1em 0 1.2em;
	font-size: 110%;
}
.p-guidebook-block01,
.p-guidebook-block02 {
	margin: 0 0 3em;
}
.p-guidebook-block01 {
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
}
.p-guidebook-block01-l {
	width: 40%;
	max-width: 340px;
	margin: 0 5% 0 0;
}
.p-guidebook-block01-l__img {
	width: 204px;
	margin: .5em auto 2em;
	text-align: center;
}
.p-guidebook-block01-l__btn + .p-guidebook-block01-l__btn {
	margin-top: 1.5em;;
}
.p-guidebook-block01-r {
	width: 55%;
}
.p-guidebook-block02-howtobuy,
.p-guidebook-block03-about {
	padding: 0 1em;
}
.p-guidebook-block02-howtobuy__box {
	-webkit-align-items: center; -ms-flex-align: center; align-items: center;
	padding: 0 0 1.5em;
}
.p-guidebook-block02-howtobuy__item {
	width: 40%;
	max-width: 340px;
	margin: 0 5% 0 0;
}
.p-guidebook-block02-about__list li {
	margin: 0 0 1.5em;
}
.p-guidebook-block02-about__bank {
	display: inline-block;
	margin: 1.2em .5em;
	padding: .5em 2em;
	border-top: 1px solid #767676; border-bottom: 1px solid #767676;
}


/* Apology
-------------------------------------------------------------- */
body.apology .page-article a {
	display: block;
	text-align: center;
}
body.apology  #p-apology {
	width: 100%;
	max-width: 700px;
	margin: auto;
}
body.apology .p-apology__ttl-h2 {
	margin: 0 0 3em;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}
body.apology .p-apology__date {
	padding: 1em 0;
}


/* Fast Track dietary trial
-------------------------------------------------------------- */
body.fast-track-dietary-trial #p-ftdt {
	width: 100%;
/*	max-width: 800px;*/
	margin: auto;
}
body.fast-track-dietary-trial .p-ftdt__date {
	padding: 1em 0;
}
body.fast-track-dietary-trial .p-ftdt__ttl-h2 {
	padding: 0;
	font-size: 120%;
	font-weight: bold;
}
body.fast-track-dietary-trial .p-ftdt__txt-list {
	list-style-type: none;
	margin: 0 0 1.5em;
}
body.fast-track-dietary-trial .p-ftdt__txt-list li {
	list-style-type: decimal;
}
body.fast-track-dietary-trial .p-ftdt__btn-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
body.fast-track-dietary-trial .p-ftdt__btn-list li {
	width: 300px;
	margin: 0 0 1.5em;
}
body.fast-track-dietary-trial .p-ftdt__btn-list a {
	display: block;
	text-align: center;
}


/* Condolence
-------------------------------------------------------------- */
body.condolence .page-article a {
	display: block;
	text-align: center;
}
body.condolence  #p-condolence {
	width: 100%;
	max-width: 700px;
	margin: auto;
}
body.condolence .p-condolence__ttl-h2 {
	margin: 0 0 3em;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
}
body.condolence .p-condolence__date {
	padding: 1em 0;
}


/* Ondemand
-------------------------------------------------------------- */
#p-ondemand { width: 100%; max-width: 850px; margin: auto; }
#p-ondemand ul, #p-ondemand ol { list-style-type: none; margin: 0; padding: 0; }
.p-ondemand__txt { margin: 0 0 1em; }
.p-ondemand__txt.signature { text-align: right; }
.p-ondemand__txt .link { text-decoration: underline; }
.p-ondemand__txt .link:hover { text-decoration: none; }
.p-ondemand-greeting { margin: 0 0 5rem; }
.p-ondemand-about { margin: 0 0 5rem; }
/*.p-ondemand-movies .roll-button { padding: 6px 35px; }*/
.p-ondemand-movies__list li { margin: 0 0 2rem; }
.p-ondemand-movies__box { display: flex; flex-wrap: wrap; align-items: center; }
.p-ondemand-movies__ttl { width: 65%; max-width: 600px; }
.p-ondemand-movies__btn { margin: 0 0 0 5%; }
.p-ondemand-movies .note { margin: 1em 0 0 1em; }
.p-ondemand-movies__list li:nth-of-type(4) .p-ondemand-movies__box { margin: 0 0 1em; }


/* Started instagram
-------------------------------------------------------------- */
body.started-instagram .page-article a { display: block; text-align: center; }
body.started-instagram .page-article ul { list-style-type: none; margin: 0; padding: 0; }
#p-instagram { width: 100%; max-width: 850px; margin: auto; }
.p-instagram__ttl-h2 { display: inline-block; margin: 0 0 1.5em; padding: 0 .5em .5em; font-size: 120%; font-weight: 600; line-height: normal; border-bottom: 1px solid #e0e0e0; }
.p-instagram__ttl-h3 { margin: 1em 0 1.2em; font-size: 110%; }
.p-instagram-block01,
.p-instagram-block02 { margin: 0 0 3em; }
.p-instagram-block01 { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.p-instagram-block01-l { width: 60%; max-width: 510px; margin: 0 5% 0 0; }
.p-instagram-block01-l__btn + .p-instagram-block01-l__btn { margin-top: 1.5em;; }
.p-instagram-block01-r { width: 35%; }
.p-instagram-block01-r__img { width: 300px; margin: 1em auto 0; text-align: center; }


/* =============================================================================
Media Queries
========================================================================== */
@media (min-width: 2000px) {
}


@media only screen and (max-width: 767px) {

	.c-title {
		font-size: 26px;
	}

	.anc-target {
		margin: 50px 0 0;
		padding: 0;
	}

	.p-seminar-info__theme {
		display: block;
	}

	.c-form__dl {
		border: none;
	}
	.c-form__dt {
		float: none;
		width: 100%;
		border: none;
	}
	.c-form__dd {
		widrh: 100%;
		margin: 0;
		padding: 1em 1em 2em;
		border: none;
	}
	.c-form__ddFull {
		margin: 0;
		padding: 1em 1em 2em;
		border: none;
	}

	.c-form__inner {
		padding: 0 2%;
	}
	.c-form__inner .inputBoxM { width: 100%; }
	.c-form__inner .inputBoxL { width: 100%; }
	.c-form__inner .inputSelect { width: 100%; }

	.contact__form {
		float: none;
		width: 100%;
		padding: 0;
	}
	.contact__formInner {
		padding: 0;
	}
	.contact__formInner .form_btn_block {
		/*padding: 1em 0 3em;*/
	}

	.contact__address,
	body.home .contact__address
	{
		float: none;
		width: 100%;
		margin: 3em 0 0;
	}

	.site-footer {
		line-height: 14px;
	}

	.site-footer .copy {
		float: none;
		width: 100%;
		margin: 2em 0 0;
		font-size: 100%;
		line-height: 1.5;
		text-align: center;
	}
	#f__nav {
		float: none;
		width: 100%;
		line-height: 35px;
	}

	.top-aboutus dt {
		clear: both;
		float: none;
		width: 100%;
		margin: 0 0 .5em;
	}
	.top-aboutus dd {
		width: 100%;
		margin: 0 0 2em 0;
	}

	.top-snsFb__box {
		max-width: 100%;
	}
	.top-snsTw__box {
		max-width: 100%;
		margin: 0 0 30px;
	}


	/* World eating disorders action day
	-------------------------------------------------------------- */
	body.world-eating-disorders-action-day .p-wedad__ttl-h2 {
		font-size: 130%;
	}
	body.world-eating-disorders-action-day .p-wedad__btn-list li {
		width: 100%;
	}


	#supporter-list .supporter__btn {
		width: auto;
	}

	/* Job
	-------------------------------------------------------------- */
	body.job .p-job__btn-list {
		-webkit-flex-direction: column; flex-direction: column;
		-webkit-align-items: center; align-items: center;
		margin: 50px 0 0;
		padding: 0 30px;
	}
	body.job .p-job__btn-list li {
		margin: 0 0 25px;
	}

	/* Guidebook　Nutrition　Qa
	-------------------------------------------------------------- */
	.p-guidebook-block01 {
		-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap;
	}
	.p-guidebook-block01-l {
		width: 100%;
		max-width: 100%;
		margin: 0 0 2em;
	}
	.p-guidebook-block01-l__btn {
		max-width: 300px;
		margin: auto;
	}
	.p-guidebook-block01-r {
		width: 100%;
	}
	.p-guidebook-block02-howtobuy__box {
		-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap;
		padding: 0 0 1.5em;
	}
	.p-guidebook-block02-howtobuy__item {
		width: 100%;
		max-width: 100%;
		margin: 0 0 .5em;
	}
	.p-guidebook-block02-about__bank {
		padding: .5em .5em;
	}

	/* Fast Track dietary trial
	-------------------------------------------------------------- */
	body.fast-track-dietary-trial .p-ftdt__ttl-h2 {
		font-size: 130%;
	}
	body.fast-track-dietary-trial .p-ftdt__btn-list li {
		width: 100%;
	}

	/* Ondemand
	-------------------------------------------------------------- */
	.p-ondemand-movies__list li { margin: 0 0 3rem; }
	.p-ondemand-movies__ttl { width: 100%; max-width: initial; max-width: auto; }
	.p-ondemand-movies__btn { margin: 1em 0 0 1em; }
	.p-ondemand-movies__list li:nth-of-type(4) .p-ondemand-movies__box { margin: 0; }

	/* Started instagram
	-------------------------------------------------------------- */
	.p-instagram-block01 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap; }
	.p-instagram-block01-l { width: 100%; max-width: 100%; margin: 0 0 2em; }
	.p-instagram-block01-l__btn { max-width: 300px; margin: auto; }
	.p-instagram-block01-r { width: 100%; }
	.p-instagram-block01-r__img { width: 100%; max-width: 500px; }

}



/* =============================================================================
MW WP Form
========================================================================== */
.mwform-radio-field.horizontal-item {
	margin-left: 0 !important;
	margin-right: 2em;
}

#p-seminar .error,
.mw_wp_form .error {
	position: relative;
	margin: .5em 0 0;
	padding: .2em 1em;
	color: #fff !important;
	font-size: 100% !important;
	font-weight: bold;
	background-color: #e62d25;
}
#p-seminar .error:after,
.mw_wp_form .error:after{
	position:absolute;
	bottom: 100%;
	left: 1em;
	height: 0;
	width: 0;
	border: solid transparent;
	content:"";
	pointer-events: none;
	border-color: rgba(230,45,37,0);
	border-bottom-color: #e62d25;
	border-width: 1em .5em;
	margin-left: 0
}


