@charset "UTF-8";
/*!
Theme Name: NEW PRESENT 2020
Template:   cocoon-master
Version:    1.0.8
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
html { font-size: 62.5%; }
body { font-size: 1rem; }
.block-editor-writing-flow {padding: 50px!important; margin: auto!important; }

/* 全般 */
img { vertical-align: bottom; }
.display_pc { display: block; }
.display_sp { display: none; }
.txt_center { text-align: center; }
.wrap { max-width: 100%; }
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
	display: none!important;
}

/* HEADER */
#prihead { background: #111; color: #fff; font-size: 25px; font-weight: bold; text-align: center; }
.count_num { color: #ffff77; display: inline-block; font-size: 150%; margin: 0 5px; }
.header { background-size: initial; background-repeat: repeat-x; }
#header .wrap { width: 1060px; margin: 0 auto; }
#header-container .sub-menu li { height: 40px; line-height: 40px; }
.logo-image { padding: 0; }
.swiper-slide { text-align: center; }
.submited { display: none; background: #fff; }
.submited-inner { text-align: center; padding: 30px 0; }
.submited-sub { display: table; font-size: 4rem; font-weight: bold; border-bottom: 2px dotted #aaa; margin: 0 auto 20px; }
.site-name { pointer-events:none; }
.logo img{position: relative;}

#header-in{position: relative}
#header-in .headermv{
	position: absolute;
	width: 470px;
	height: 265px;
	right: calc((100% - 960px)/2);
/*	top: 450px;*/
}
#header-in .headermv video{
	width: 100%;
	height: 100%;
	
}
body.public-page{
	background-size:cover;
	background-position: center;
}
/* グローバルナビ */
.navi-in>ul>li { border-right: 1px solid rgba(255,255,255,0.5); font-weight: 500; }
.navi-in>ul>li:first-child { border-left: 1px solid rgba(255,255,255,0.5); }
.navi-in>ul>li.disable { cursor: pointer; }
.navi-in>ul li {position: static;}
.navi-in .sub-menu .item-label { font-weight: normal; font-size: 80%!important; }
.mobile-menu-buttons li { position: relative!important; width: 100%!important; cursor: pointer!important; }
.mobile-menu-buttons li a { text-decoration: none!important; }

/* テーマ関連 */
.wp-block-group { margin: 5rem 0!important; padding: 3rem; }
.wp-block-image { margin: 3rem auto; }
.iconlist-box.has-ex-a-icon-color li::before { position: relative; width: 2rem; margin-right: 0; left: -0.5em; }

/*FontAwesome5対応*/
.toc-title::before { font-family: "Font Awesome 5 Free"; content: '\f0cb'; margin-right: 0.5em; font-size: 18px; font-weight: 900; font-style: normal; }
.widget_categories ul li a::before{ font-family: "Font Awesome 5 Free"; content: "\f65d"; color: #fe619a; padding-right: 6px; font-size: 18px; font-weight: 900; }
.widget_categories ul li ul li a::before{ font-family: "Font Awesome 5 Free"; content: "\f65e"; color: #fe619a; padding: 0px 6px 0px 2px; font-size: 18px; font-weight: 900; }
.post-date::before{ font-family: "Font Awesome 5 Free"; content: "\f093"; padding-right: 4px; font-weight: 900; }
.post-update::before{ font-family: "Font Awesome 5 Free"; content: "\f044"; padding-right: 4px; font-weight: 900; }

/* VIDEO */
.video-group { position: relative; width: 100%; padding-top: 56.25%; }
.video-group-id{ position: absolute; top: 0; color: #fff; }
.video-group iframe { border-radius: 5px; position: absolute; width: 100%; height: 100%; top: 0; }
.comingsoon_bg {content: "";background: rgba(0,0,0,0.8);display: block;position: absolute;top: 0;border-radius: 5px;width: 100%;height: 100%;z-index: 1;}
.comingsoon_txt { display: table; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #d94243; }
.comingsoon_txt p { margin: 2rem; font-size: 4rem; font-weight: bold; color: #fff; line-height: 1; }
.video_link { text-align: center; }
.video_link a { display: inline-block; background: #777; border-radius: 5rem; padding: 0.5rem 2rem; font-size: 90%; color: #fff; text-decoration: none; }

/* CHAPTER */
.chapter { background: #f5f5f5; margin: 10px 0 0; padding: 0; width: 100%; position: relative; }
.lbtn{ cursor: pointer; color: #fff; font-family: FontAwesome; font-size: 4rem; position: absolute; left: 0; top: 55%; transform: translateY(-50%); background: #333; line-height: 1; padding: 20px 10px; transition: 0.3s; border-radius: 5px; }
.rbtn{ cursor: pointer; color: #fff; font-family: FontAwesome; font-size: 4rem; position: absolute; right: 0; top: 55%; transform: translateY(-50%); background: #333; line-height: 1; padding: 20px 10px; transition: 0.3s; border-radius: 5px;}
.lbtn:hover, .rbtn:hover { background: #aaa; color: #333; }
.chapter_sub { background: #fff; border-bottom: 1px solid; font-weight: bold; text-align: center; margin: 0; padding: 5px; line-height: 1.2; }
.chapter_sub .small { font-size: 80%; }
.chapter_inner { width: 90%; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; padding: 10px 0; margin: 0 auto; }
.chapter_item { background: #fff; border: 1px solid #ddd; border-radius: 5px; cursor: pointer; width: 28%; display: inline-block; padding: 20px; margin: 0 20px 0 0!important; list-style: none; vertical-align: top; position: relative; overflow: hidden;}
.chapter_item:last-child { margin-right: 0!important; }
.chapter_title { font-size: 13px; margin: 10px 0 0; line-height: 1.4; text-align: justify; white-space: normal; }
.chapter_thumb { width: 100%; margin: 1rem auto; }
.chapter_time { font-size: 30px; font-weight: bold; line-height: 1; margin: 0 auto 10px; text-align: center; }
.sub_chapter { background: #f5f5f5; margin: 3rem auto; padding: 1rem 5rem; border: 1px solid #ddd; border-radius: 4px; }
.sub_chapter_ttl { border-bottom: 1px solid; font-weight: bold; text-align: center; }
.sub_chapter dl { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.sub_chapter dt { width: 15%; margin: 1rem 0; padding-right: 1rem; border-right: 1px solid; font-size: 130%; font-weight: bold; text-align: right; line-height: 1.1; }
.sub_chapter dd { width: 85%; margin: 0.5rem 0; padding-left: 1rem; font-size: 90%; line-height: 1.5; text-align: justify; }
.chapter_ribbon { position: absolute; transform: rotate(-45deg); background: #ff2e2e; top: 1.5rem; left: -2.5rem; font-size: 75%; color: #fff; font-weight: bold; width: 10rem; text-align: center;}

/* ARTICLE */
.type-page .entry-header, .breadcrumb-page {display: none;}
.entry-header { border-bottom: 2px solid #ccc; padding-bottom: 0.5em; margin-bottom: 0.5em; }
.entry-title { font-size: 3rem; }
.pager-post-navi { flex-direction: row; justify-content: space-between; }
.pager-post-navi a { width: 48%; color: #777; border-top: 1px solid; border-bottom: 1px solid; }
.pager-post-navi.post-navi-square a { width: 48%; }
.article h2:not(first-child) { margin-top: 0; }
.article h2.has-large-font-size { font-size: 200%; }
.article h3, #comment_area h3 { font-size: 30px; padding: .5em 0; margin-top: 40px; border-top: 3px solid ; border-bottom: 3px solid ; border-right: none; border-left: none; text-align: center; line-height: 1.3; }
.subhead { line-height: 1.2; }
.entry-content>*, .demo .entry-content p { margin-top: 3rem; margin-bottom: 3rem; }
.entry-content { margin-bottom: 0; }
.entry-card-wrap:not(.empty) { border-radius: 3px; box-shadow: 0 2px 10px rgba(0,0,0,0.3); position: relative; }
.entry-card-content { margin-top: 1rem!important; }
.entry-card-title { line-height: 1.3; }
.banner { text-align: center; }
.entry_pickup { position: absolute; background: #f63735; max-width: 10em; right: -1rem; top: -1rem; text-align: center; z-index: 1; font-size: 90%; font-weight: bold; color: #fff; line-height: 1; filter: drop-shadow(0px 2px 0px #fff); }
.entry_pickup p { margin: 0.5em; }
.entry_pickup::after { content: ""; position: absolute; border: 1.5rem solid transparent; border-top: 1.5rem solid #f63735; border-bottom: none; border-left:none; left: 10%; }

/* LINE@ */
.line_wrap { border-radius: 5px; box-shadow: 0 0 30px #9cd29d; }
.line { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.line_item { text-align: center; width: 48%; }
.line_item h3 { border: none; border-bottom: 2px solid; font-size: 25px; margin: 0 auto 10px; padding: 10px 0; text-align: center; }
.line_step { background: #f5f5f5; font-size: 90%; font-weight: bold; padding: 10px; text-align: left; }
.line_step li { list-style-position: inside; line-height: 1.3; }
.line_id { font-size: 120%; font-weight: bold; }
.line_btn { line-height: 1.2; padding: 2rem 0; }
.line_btn p { margin: 0.5em 0; }
.line_btn a { display: table; margin: 20px auto 0; }
.line_height { height: 200px; }
.line_qr img { height: 100%; }

/* SPECIAL */
.special_wrap { border-radius: 5px; box-shadow: 0 0 30px #ffd67d; }

/* STEP */
.step_inner { padding: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }
.step_item { width: 30%; list-style: none; margin: 0!important; }
.step_img { text-align: center; }
.step_txt { font-size: 16px; text-align: justify; line-height: 1.4; letter-spacing: 0; }

/* 3Question */
.qa { background: #f5f5f5; padding: 10px 30px; }
.qa_item { -ms-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.qa_item + .qa_item { border-top: 1px dashed #ccc; }
.qa_num { font-size: 50px; font-weight: bold; }
.qa_txt { line-height: 1.3; width: 90%; }

/* COMMENT */
#comment_area h3 { text-align: center; margin-top: 0; }
.comment-form-cookies-consent { display: none; }
.comment-body { border-bottom: 1px dashed #aaa; padding: 20px 0; font-size: 80%; }
.comment-author { display: inline-block; font-size: 1.6rem; }
.comment-author img { display: inline-block; margin: 0; }
.comment-meta { display: inline-block; font-size: 1.6rem; }
.commentlist { padding: 20px 0; }
.commentlist .children { padding-left: 50px; background: url(img/reply.png) no-repeat 10px 20px; }
.commentlist .reply { display: none; }
.commentlist li { list-style: none; }
.page-numbers.next, .page-numbers.prev { width: 5em; }
/* .commentlist .bypostauthor,.comment-author-sugiura,comment-author-kato2018,.comment-author-ishii2018 { background: #f7ffee; color: #144c29; } */
.commentlist .bypostauthor cite.fn:after,.comment-author-sugiura cite.fn:after,comment-author-kato2018 cite.fn:after,.comment-author-ishii2018 cite.fn:after { content: ""; }
#comment_area input[type=text],#comment_area input[type=email], #comment_area textarea { width: 100%; font-size: 2.2rem; font-family: inherit; padding: 10px; margin: 0 0 10px; border-radius: 5px; border: 1px solid #ccc; }
#comment_area label p { font-weight: bold; margin: 1em 0 0.5em; }
#comment_area .commentNotesAfter { text-align: center; }
#comment_area .form-submit { text-align: center; }
#comment_area input[type=submit],#comment_area button { display: table; font-size: 25px; font-weight: bold; font-family: inherit; padding: 20px 50px; margin: 0 auto!important; border-radius: 5px; color: #fff!important; background: #0277BD; border-radius: 3px; transition: 0.2s; -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 2px 1px rgba(0,0,0,0.2); border: none; cursor: pointer; line-height: 1.2;}
#comment_area input[type=submit]:hover,#comment_area button:hover { background: #039BE5; -webkit-box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3); box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3); }
#comment_area button .small { font-size: 70%; }
.comment-awaiting-moderation { display: block; font-style: normal; background: #c8f2ff; border: 1px solid #7eb7e8; font-size: 80%; color: #004682; padding: 10px; }
.comment-awaiting-moderation + br { display: none; }
.comment-awaiting-moderation:before { content:"コメント頂き有難うございます。" }
.comment-awaiting-moderation:after { display: block; content:"しばらくしてから反映されます。" }
cite.fn { font-style: normal; font-weight: bold; }
cite.fn:after { content: "さん："; }
span.says { display: none; }
.children li{list-style: none;}
.pickup-comment { margin-bottom: 10px; background: #fff8d4; border: 2px solid #ffe9a6; border-radius: 10px; list-style: none; padding: 0 20px 20px; }
.pickup-comment .comment-body { border-bottom: none; margin: 0; padding: 0; }
.pickup-comment .comment-meta { text-decoration: underline; }
.pickup-img {position: relative; left: -15px; margin-bottom: 10px;}
.comcount { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; -ms-align-items: center; align-items: center; font-weight: bold; font-size: 3rem; line-height: 1; padding: 1rem; margin-top: 5rem; background: url(img/laurier_l.png) no-repeat 10% center/contain, url(img/laurier_r.png) no-repeat 90% center/contain; }
.comcount p { margin: 0 0.5rem; }
.comcountnum { padding: 1rem; background: #333; font-size: 200%; color: #fff; border-radius: 5px; }
.comtxtafter { line-height: 1.2; }
.comtxtafter .small { font-size: 70%; }
.submited { display: none; background: #fff; }
.submited-inner { text-align: center; padding: 30px 0; }
.submited-sub { display: table; font-size: 4rem; font-weight: bold; border-bottom: 2px dotted #aaa; margin: 0 auto 20px; }

/* 特典進呈フォーム */
.shinsei { padding: 20px 0 0; }
.shinsei a { text-decoration: none; display: block; width: 60%; text-align: center; font-weight: bold; font-size: 25px; color: #fff!important; margin: 10px auto 0; padding: 10px 0; background: #458a5e; border-radius: 3px; transition: 0.2s; -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 2px 1px rgba(0,0,0,0.2); -webkit-appearance: none; line-height: 1.3; }
.shinsei a:hover { background: #61ab7c; -webkit-box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3); box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3); }
.float_pc { display: block; position: fixed; right: 0; bottom: 200px; z-index: 100; transition: all 0.3s; }
.float_sp { display: none; transition: all 0.3s; }
.float2 { display: none; position: fixed; right: 0; bottom: 450px; z-index: 500; }

/* FOOTER */
.type-page .article-footer { display: none; }
footer { }
#footer__wrap { width: 800px; margin: 0 auto; padding: 20px 0; display: table; }
.footer_logo { display: table-cell; vertical-align: middle; }
.footer_logo img { max-width: 300px; }
.footer_txt { display: table-cell; vertical-align: middle; padding: 0 0 0 2em; line-height: 1.9; font-size: 1.2rem; color: #fff; text-align: left; }
.footer_txt li { display: inline-block; border-left: 1px solid #aaa; padding: 0 1em 0; }
.footer_txt li:first-child { border: none; padding: 0 1em 0 0; }

::selection { background: #8f8f8f; color: #fff; }
::-moz-selection { background: #8f8f8f; color: #fff; }
a::selection { background: #8f8f8f; color: #fff; }
a::-moz-selection { background: #8f8f8f; color: #fff; }

/* SIDE */
#sidebar, #navi-menu-content { font-size: 1.6rem; }
.sidenav ul > li.disable > a:hover, #navi-menu-content ul > li.disable > a:hover { background: none; }
.sidenav ul > li > a, #navi-menu-content ul > li > a { padding: 1em 0.5em!important; border-bottom: 1px solid; font-weight: bold; }
.sidenav .sub-menu li a, #navi-menu-content .sub-menu li a { padding: 0.5em 0 0.5em 0!important; border-bottom: 1px dotted #ccc; font-weight: normal; font-size: 80%; line-height: 1.3; }
.side-btn { text-align: center; }
.side-btn a { display: block; position: relative; top:0; padding: 1rem; margin: 0 auto; border-radius: 5px; -webkit-box-shadow: 0 5px 0 0 #308042; box-shadow: 0 5px 0 0 #308042; text-decoration: none; text-shadow: 0 1px 2px rgba(0,0,0,0.3); font-weight: bold; color: #fff; background: #54a065; transition: 0.2s; }
.side-btn a:hover { top: 5px; -webkit-box-shadow: none; box-shadow: none; background: #5bb970; }
.side-btn p { line-height: 1.5; font-size: 2rem; margin: 0; }
.side-btn p.small { font-size: 1.6rem; }
.side-btn a .external-icon { display: none; }

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px) {
	/*必要ならばここにコードを書く*/
}
/*1030px以下*/
@media screen and (max-width: 1030px) {
	/*必要ならばここにコードを書く*/
}
/*768px以下*/
@media screen and (max-width: 768px) {
	/*必要ならばここにコードを書く*/
	
	/* 全般 */
	.display_pc { display: none; }
	.display_sp { display: block; }
	
	/* グローバルナビ */
	.mobile-menu-buttons {background:rgba(0, 0, 0,0.85); -webkit-box-shadow: none; box-shadow: none; }
	.mobile-menu-buttons a, .mobile-menu-buttons label {color: #fff;}
	.menu-close-button { color: #333!important; }
	
	/* HEADER */
	.header { -webkit-background-size: cover; background-size: cover; }
	.logo-image { padding: 3vw; }
	#header-in .headermv{
		position: absolute;
		width: 45%;
		right: 3%;
	}
}
/*480px以下*/
@media screen and (max-width: 480px) {
	/* テーマ関連 */
	.wp-block-spacer { height: 7vw!important; margin: 1rem auto!important; }
	.wp-block-image { margin: 1rem auto; }
	#navi { display: none; }

	/* HEADER */
	.blank-box { padding: 2.5%; }
	#prihead { font-size: 4vw; line-height: 1.2; padding: 2vw 0; }
	.submited-sub { font-size: 7vw; }
	
	/* ARTICLE */
	.entry-content { margin-bottom: 1em; }
	.entry-title { padding: 0; margin: 1rem 0 0; }
	.article h2 { padding: 5%; }
	.article h2.has-large-font-size { font-size: 5.5vw; }
	.article h3, #comment_area h3 { font-size: 5vw; }
	.fz-12px{font-size:2vw}.fz-13px{font-size:2.5vw}.fz-14px{font-size:3vw}.fz-15px{font-size:3.2vw}.fz-16px{font-size:3.4vw}.fz-17px{font-size:3.8vw}.fz-18px{font-size:4vw}.fz-19px{font-size:4.2vw}.fz-20px{font-size:4.4vw}.fz-21px{font-size:4.5vw}.fz-22px{font-size:4.5vw}.fz-24px{font-size:4.5vw}.fz-28px{font-size:4.8vw}.fz-32px{font-size:5vw}.fz-36px{font-size:5.5vw}.fz-40px{font-size:5.5vw}.fz-44px{font-size:5.5vw}.fz-48px{font-size:6vw}
	.subhead { font-size: 6vw; }
	.page-body, .menu-content { font-size: 4vw; }
	.entry_pickup { max-width: 9em; font-size: 3vw; }
	.entry_pickup p { margin: 0.5em; }
	
	/*　VIDEO */
	.comingsoon_txt p { margin: 1rem; font-size: 7vw; }
	
	/* CHAPTER */
	.chapter_sub { font-size: 4vw; }
	.chapter_item { width: 45vw; margin: 0 2vw 0 0!important; padding: 2vw; }
	.chapter_time { font-size: 6vw; }
	.chapter_title { font-size: 3vw; }
	.lbtn{ font-size: 10vw; padding: 5vw 2vw; }
	.rbtn{ font-size: 10vw; padding: 5vw 2vw; }
	.sub_chapter { padding: 2% 5%; }
	.sub_chapter dt { width: 100%; margin: 0; border-right: none; font-size: 4.5vw; text-align: left; line-height: 1.5; }
	.sub_chapter dd { width: 95%; margin: 0 0 1rem auto; font-size: 3vw; }
	
	/* LINE@ */
	.line_wrap { padding: 5%; }
	.line_item { width: 100%; }
	.line_item h3 { font-size: 5vw; }
	.line_height { height: auto; }
	.line_step { padding: 2.5%!important; }
	.line_btn { padding: 0; }
	
	/* SPECIAL */
	.special_wrap { padding: 5%; }
	
	/* STEP */
	.step_inner { padding: 0!important; }
	.step_item { -ms-align-items: center; align-items: center; width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }
	.step_img { width: 30%; }
	.step_txt { width: 65%; font-size: 4vw; }
	
	/* 3Question */
	.qa { padding: 2.5% 5%; }
	.qa_item { padding: 0.5em 0; }
	.qa_num { font-size: 8vw; }
	
	/* COMMENT */
	.comment { list-style: none; }
	#comment_area input[type=text], #comment_area input[type=email], #comment_area textarea { font-size: 4.5vw; }
	#comment_area .commentNotesAfter { margin: 0 auto; }
	#comment_area input[type=submit] { font-size: 5vw; }
	.comment-author, .comment-meta { font-size: 4vw; }
	.comment-body p { margin: 3vw 0 0; font-size: 4vw; }
	.pickup-img {width: 65%;}
	.comcount { padding: 0 0 1rem; display: block; background-size: 8%, 8%; background-position: left center, right center; }
	.comcount p { display: table; line-height: 1.1; font-size: 4.5vw; margin: 0.5rem auto; }
	.comcountnum { padding: 0.5rem; font-size: 8vw!important; }
	
	/* 特典進呈フォーム */
	.shinsei { padding: 30px 0; }
	.shinsei a { width: 100%; }
	.float_pc { display: none; }
	.float_sp { display: block; position: fixed; bottom: 50px; left: 0; z-index: 99999; }
	.float_sp img { width: 100%; height: 100%; }
	
	/* FOOTER */
	#footer { position: relative; z-index: 1; }
	.footer-bottom { margin-top: 0; }
	.copyright { font-size: 3vw; }
	
	/* コンテンツ一覧 */
	.entry-title, .archive-title { font-size: 5.5vw; }
	.entry-card-title, .related-entry-card-title { font-size: 3.5vw; margin: 0.5em 0; }
	.pager-post-navi.post-navi-square a { width: 100%; }
}