@charset "UTF-8";

/* リセット */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
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,sup,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; }
nav 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: #fff;
	color: #333;
	text-decoration: none;
}
mark {
	background-color: #fff;
	color: #333;
	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 #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select { vertical-align: middle; }
/* リセット END */


/* 共通  */
html {
	font-size: 62.5%;
	overflow: auto;
}

body {
	font-size: 1.3em;
	line-height: 1.5;
	color: #434343;
}

a {
	color: #434343;
}

img {
	width: 100%;
	height: auto;
}

/* ログインボタン */
.loginBtn,
.loginBtn_sp {
	display: none;
}

.loginBtn img,
.loginBtn_sp img {
	width: 100%;
	height: auto;
}

/* LINEバナー */
.lineBan,
.lineBan_sp {
	display: none;
}

body .lineBan {
	display: block;
}

.opa {
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
}

.opa:hover {
	opacity: 0.65;
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	-ms-filter: "alpha(opacity=65)"
}

.clearfix:after {
	display: block;
	clear: both;
	content: ""
}

.vhid {
	visibility: hidden;
}

br.pcnone {
	display: none;
}

.texblack {
	color: #333 !important;
}

/* 矢印 */
.arrow {
	position: relative;
	text-decoration: none;
}

.arrow::before,
.arrow::after {
	content: "";
	position: absolute;
	top: -3px;
	bottom: 0;
	margin: auto;
}

.marushita::before {
	width: 28px;
	height: 28px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.marushita::after {
	top: -5px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.kurashi .marushita::before {
	background: #00a991;
}

.kuwashiku .marushita::before {
	background: #796baf;
}

.icocross {
	display: inline-block;
	position: relative;
	cursor: pointer;
	right: 15px;
	top: -7px
}

.icocross span:before {
	display: block;
	content: "";
	position: absolute;
	top: 28%;
	left: 44%;
	width: 4px;
	border-top: 15px solid #fff;
	background: #fff
}

.icocross span:after {
	content: "";
	position: absolute;
	top: 28%;
	left: 44%;
	width: 4px;
	border-top: 15px solid #fff;
	background: #fff;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

/* ヘッダー */
.header {
	position: relative;
	z-index: 100;
}

.header .header-content {
	position: relative;
	padding: 6px 0;
	background-color: #FFF;
	box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
}

.header .header-content.fixed {
	position: fixed;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 10000
}

.header .header-content .inner .right .right-right {
	float: right;
	position: relative
}

h1 {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

.subject {
	float: left;
}

.subject .copy {
	font-size: 1.0rem;
	color: #C00;
	margin: 0 0 5px;
	line-height: 1;
	width: 102px;
}

.subject .read {
	font-size: 1.4rem;
	margin: 0;
	line-height: 1;
}

.modal-menu .modal-nav ul li a:after {
	background: url('../img/common/header_arrow_icon.png')
}

.close-modal-btn a:after {
	background: url('../img/common/header_hamburger_close.png') no-repeat
}

.hamburger a {
	display: block;
	position: relative;
	width: 61px;
	height: 22px;
	padding-top: 40px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #f2f2f2;
	text-align: center;
	text-decoration: none;
	cursor: pointer
}

html.modal-active .hamburger a {
	box-shadow: 2px 5px 10px #ccc
}

.hamburger a:before {
	content: none
}

.hamburger a:before {
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	left: 13px;
	width: 38px;
	height: 24px;
	background: url('../img/common/header_hamburger.png') no-repeat
}

.modal-nav ul {
	padding: 10px;
}

.modal-nav li {
	height: 50px;
	background-size: auto 70%;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	border-bottom: 1px solid #ccc;
	background-position: 7px;
}

.modal-nav li:last-child {
	border-bottom: 0px solid #ccc;
}

.modal-nav li.map {
	background-image: url("../img/common/menuicon1.png");
}

.modal-nav li.information {
	background-image: url("../img/common/menuicon2.png");
}

.modal-nav li.column {
	background-image: url("../img/common/menuicon3.png");
}

.modal-nav li.season {
	background-image: url("../img/common/menuicon3.png");
}

.modal-nav li.movie_cont {
	background-image: url("../img/common/menuicon4.png");
}

.modal-nav li.line {
	background-image: url("../img/common/menuicon5.png");
}

.modal-nav li.mailmag {
	background-image: url("../img/common/menuicon6.png");
}

.modal-nav li a {
	font-weight: bold;
	padding-left: 54px;
	box-sizing: border-box;
	text-decoration: none;
}

.modal-menu .modal-nav ul li a:hover {
	background: rgba(40, 173, 26, 0.10);
	text-decoration: none;
}

.modal-nav li.line p {
	margin-top: 3px;
	margin-bottom: 0;
}

.modal-nav li.line p span {
	display: block;
	margin-top: 1px;
	padding-right: 32px;
	line-height: 1.25;
	font-size: 9px;
}

.modal-menu {
	position: absolute;
	top: 70px;
	right: 0;
	width: 320px;
	z-index: 10000;
	background: #fff;
	display: none;
	box-shadow: 2px 5px 10px #ccc;
	border-radius: 5px 0 5px 5px;
	border: 1px solid #ccc
}

html.modal-active .modal-menu {
	display: block
}

.modal-menu .modal-nav {
	/*	margin-bottom: 20px*/
}

.modal-menu .modal-nav ul li.border {
	border-bottom: 2px solid #888;
	position: relative;
	top: -1px
}

.modal-menu .modal-nav ul li a {
	position: relative;
	display: flex;
	width: 100%;
	height: 100%;
	justify-items: center;
	align-items: center;
}

.modal-menu .modal-nav ul li a#modal-goback-coop {
	border-top: 2px solid #888;
	position: relative;
	top: -1px
}

/*
.modal-menu .modal-nav ul li:hover {
	background: #e7f8e1;
	text-decoration: none
}
*/
.modal-menu .modal-nav ul li a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	height: 15px;
	width: 15px;
}

.modal-menu .modal-nav ul li a:before {
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	height: 22px;
	width: 22px
}

.close-modal-btn {
	display: none;
	position: absolute;
	top: 0;
	z-index: 10000;
	width: 63px;
	right: 0
}

.close-modal-btn a {
	display: block;
	position: relative;
	width: 61px;
	height: 30px;
	padding-top: 40px;
	border: 1px solid #ccc;
	border-bottom: none;
	border-radius: 5px 5px 0 0px;
	background: #f2f2f2;
	text-align: center;
	text-decoration: none;
	cursor: pointer
}

.close-modal-btn a:before {
	content: "";
	display: block;
	position: absolute;
	left: -7px;
	bottom: 0px;
	width: 6px;
	height: 6px;
	border: 1px solid #ccc;
	border-bottom-right-radius: 6px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #f2f2f2
}

.close-modal-btn a:after {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 13px;
	width: 38px;
	height: 30px;
}

html.modal-active .close-modal-btn {
	display: block
}

#footer .inner {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: visible;
	padding-bottom: 0;
	background: #333333;
	text-align: center;
}

#footer .inner .bottom address {
	font-size: 1.1rem;
	color: #fff;
	line-height: 1.25;
	padding: 14px 0 11px;
	box-sizing: border-box;
	margin: 0 auto;
	font-style: normal;
}

#footer .inner .bottom p.backtotop {
	position: fixed;
	right: 14px;
	bottom: 4px;
	width: 30px;
	opacity: 0.6;
	z-index: 5;
}

#footer .inner .bottom p.backtotop img {
	width: 100%;
}

@media screen and (max-width:530px) {
	#footer .inner .bottom p.backtotop {
		bottom: 30px;
	}
}

/* トップh1出し分け */
img.h1title_pc, img.h1title_sp { display: none }


/* 地図エリア */
#map.bannerArea {
	max-width: 970px;
	text-align: center;
	padding: 10px;
	margin: 0 auto;
	box-sizing: border-box;
}

#map.bannerArea img {
	width: 100%;
}

#map.bannerArea p.kome {
	padding-left: 1em;
	text-indent: -1em;
	text-align: left;
	width: 900px;
	margin: 3px auto 30px;
	font-size: 1.2rem;
}

ul.map.accordion-container {
	margin: 0 auto 1em;
	width: 95%;
}

ul.map.accordion-container .item a.ttl {
	display: block;
	width: 100%;
	text-align: inherit;
	font-weight: bold;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

ul.map.accordion-container .item a.ttl {
	font-size: 1.4rem;
}

ul.map.accordion-container .item a.ttl .icocross {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

ul.map.accordion-container .item a.ttl.active .icocross span:before {
	opacity: 0
}

ul.map.accordion-container .item a {
	text-decoration: none
}

ul.map.accordion-container .item ul.inner {
	list-style: none;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	line-height: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

ul.map.accordion-container .item ul.inner.is-open {
	line-height: normal;
	height: auto;
	opacity: 1;
	color: #333;
}

ul.map.accordion-container .item ul.inner.is-open table {
	display: table;
}

ul.map.accordion-container .item ul.inner li label:hover {
	color: #c3484d;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s
}

ul.map.accordion-container .item ul.inner li p a {
	text-decoration: underline;
	color: #333;
	font-weight: bold
}

ul.map.accordion-container .item ul.inner li:last-child {
	margin-bottom: 0
}

ul.map.accordion-container .item a.ttl {
	padding: 7px 7px 7px 15px;
	color: #333;
	box-sizing: border-box;
}

ul.map.accordion-container .item a.ttl.tohoku {
	background-color: #ddf9b1;
	border-color: #ddf9b1;
	border-bottom: 3px solid #84da00
}

ul.map.accordion-container .item a.ttl.tohoku:hover {
	background-color: #ddf9b1;
	border-color: #ddf9b1
}

ul.map.accordion-container .item a.ttl.kanto {
	background-color: #dedeff;
	border-color: #dedeff;
	border-bottom: 3px solid #9393ff
}

ul.map.accordion-container .item a.ttl.kanto:hover {
	background-color: #dedeff;
	border-color: #dedeff
}

ul.map.accordion-container .item a.ttl.hokuriku {
	background-color: #ffe9ac;
	border-color: #ffe9ac;
	border-bottom: 3px solid #ffc31c
}

ul.map.accordion-container .item a.ttl.hokuriku:hover {
	background-color: #ffe9ac;
	border-color: #ffe9ac
}

ul.map.accordion-container .item a.ttl.tokai {
	background-color: #d2f6dc;
	border-color: #d2f6dc;
	border-bottom: 3px solid #25ea57
}

ul.map.accordion-container .item a.ttl.tokai:hover {
	background-color: #d2f6dc;
	border-color: #d2f6dc
}

ul.map.accordion-container .item a.ttl.kinki {
	background-color: #ffe5fa;
	border-color: #ffe5fa;
	border-bottom: 3px solid #ffa4ef
}

ul.map.accordion-container .item a.ttl.kinki:hover {
	background-color: #ffe5fa;
	border-color: #ffe5fa
}

ul.map.accordion-container .item a.ttl.china {
	background-color: #fff788;
	border-color: #fff788;
	border-bottom: 3px solid #e5d600
}

ul.map.accordion-container .item a.ttl.china:hover {
	background-color: #fff788;
	border-color: #fff788
}

ul.map.accordion-container .item a.ttl.shikoku {
	background-color: #ffce9f;
	border-color: #ffce9f;
	border-bottom: 3px solid #ff9937
}

ul.map.accordion-container .item a.ttl.shikoku:hover {
	background-color: #ffce9f;
	border-color: #ffce9f
}

ul.map.accordion-container .item a.ttl.Kyushu {
	background-color: #ffc2c2;
	border-color: #ffc2c2;
	border-bottom: 3px solid #ff6868
}

ul.map.accordion-container .item a.ttl.Kyushu:hover {
	background-color: #ffc2c2;
	border-color: #ffc2c2
}

ul.map.accordion-container .item a.ttl.active {
	-webkit-box-shadow: 0 0 8px grey;
	box-shadow: 0 0 8px grey
}

ul.map.accordion-container .item a.ttl.active .icocross span:before {
	border-top: 0px solid #fff !important
}

ul.map.accordion-container .item ul.inner {
	border: 1px solid #ccc;
	border-top: none;
	border: none;
	padding: 0;
	margin: 0
}

ul.map.accordion-container .item ul.inner li {
	width: 100%
}

ul.map.accordion-container .item ul.inner li:last-child {
	margin-bottom: 0
}

ul.map.accordion-container .item ul.inner table {
	display: none;
}

table.tb-jpmap {
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	font-size: 13px
}

table.tb-jpmap th {
	padding: 6px;
	text-align: left;
	border: 1px solid #ccc;
	font-weight: normal
}

table.tb-jpmap td {
	padding: 6px;
	text-align: left;
	border: 1px solid #ccc;
	background-color: #fff
}

table.tb-jpmap td a {
	text-decoration: underline !important;
	color: #333
}

table th {
	background-color: #ececec
}

table th.tb-jpmap-subttl1 {
	width: 20% !important;
	background-color: #e5e5e5
}

table td.tb-jpmap-subttl2 {
	background-color: #e5e5e5
}

table td.tb-jpmap-subttl3 {
	width: 30%;
	background-color: #e5e5e5
}


/* アコーディオン */
.contents_inner .accordion-container .icocross {
	right: inherit;
	top: inherit;
}

.contents_inner .accordion-container .icocross span {
	background: #fff;
	position: absolute;
	width: 23px;
	right: -18px;
	top: -12px;
	height: 23px;
	box-sizing: border-box;
}

.contents_inner .accordion-container .icocross span:before {
	top: 3px;
	left: 11px;
	border-top: 17px solid #333;
	width: 1px;
}

.contents_inner .accordion-container .icocross span:after {
	top: 3px;
	left: 11px;
	width: 1px;
	border-top: 17px solid #333;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.contents_inner .accordion-container .item a.ttl {
	display: block;
	text-align: inherit;
	font-weight: bold;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 12px 30px;
	font-size: 1.65rem;
	box-sizing: border-box;
}

.contents_inner .accordion-container .item a.ttl .icocross {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

.contents_inner .accordion-container .item a.ttl.active .icocross span:before {
	opacity: 0
}

.contents_inner .accordion-container .item a {
	text-decoration: none
}

.contents_inner .accordion-container .inner {
	line-height: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	display: block;
	color: #ccc;
	margin-bottom: 1.5em;
	background: #fff;
	border-radius: 0 0 4px 4px;
	font-size: 1.6rem;
}

.contents_inner .accordion-container .inner .inner_padding {
	padding: 2em;
}

.contents_inner .listArea_sepavol.accordion-container .inner .inner_padding {
	padding: 2em 0.5em;
}

.contents_inner .accordion-container .inner .inner_padding ul.litex {
	list-style-type: disc;
	margin-left: 1em;
}

.contents_inner .accordion-container #box_title,
.contents_inner .accordion-container #box_title_b {
	color: #fff;
	margin: 0.5em -1em;
	background: #51ab9e;
	padding: 0.5em 0.75em;
	color: #fff;
	border-radius: 4px;
}

.contents_inner .accordion-container #box_title_b {
	margin-top: 30px;
}

.contents_inner .accordion-container #box_line {
	padding: 0 0 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #ccc;
}

.contents_inner .accordion-container .leftbox {
	float: left;
}

.contents_inner .accordion-container .righttbox {
	float: right;
	text-align: right;
}

.contents_inner .accordion-container .clbox {
	clear: both;
}

.contents_inner .accordion-container #box_step {
	margin-bottom: 0.75em;
}

.contents_inner .accordion-container .left_num {
	float: left;
	margin-top: 2px;
	padding: 2px 7px;
	background: #00a991;
	border-radius: 60%;
	font-size: 11px;
	color: #fff;
}

.contents_inner .accordion-container .right_box {
	padding-top: 2px;
	padding-left: 2em;
}

.contents_inner .accordion-container .right_box.photo,
.contents_inner .accordion-container .floimg p {
	margin-bottom: 2em;
}

.contents_inner .accordion-container .right_box.photo img,
.contents_inner .accordion-container .floimg p img {
	margin-bottom: 3px;
}

.contents_inner .accordion-container .box_text {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #00a991;
}

.contents_inner .accordion-container .box_text ul,
.contents_inner .accordion-container .box_text ol {
	margin-left: 1.25em;
}

.contents_inner .accordion-container .box_text_red {
	font-size: 16px;
	margin-top: 20px;
	color: #f05050;
}

.contents_inner .accordion-container .inner.is-open {
	line-height: normal;
	height: auto;
	opacity: 1;
	color: #333;
}


/* コンテンツ */
.contents {
	width: 100%;
	overflow: hidden;
}

.contents .recommendIcon,
.contents .recommendIcon_sp {
	display: none;
}

.contents .recommendIcon img,
.contents .recommendIcon_sp img {
	width: 100%;
	height: auto;
}

.contents .hero.sns {
	background-color: #f1f1f1;
}

.contents .kuwashiku .hero {
	background-color: transparent;
	border: none;
}

.contents p.addTxt,
.contents .cBox .textBox p.addTxt
{
	margin-top: 16px;
	font-size: 1.55rem;
}

.contents p.addTxt.lmargin {
	position: relative;
	margin-left: 480px;
	top: -50px;
}
.contents p.addTxt.lpadding {
	padding-left: 119px;
}

.contents .hero .recommendBox {
	box-sizing: border-box;
	text-align: left;
}

.contents .hero .recommendBox .recbox {
	display: grid;
	gap: 54px;
	grid-template-columns: 300px auto;
	align-items: start;
	max-width: 946px;
	margin: 0 auto;
}
.contents .hero .recommendBox .recbox .photoArea {
	width: 300px;
	height: auto;
}

.contents .hero .recommendBox .recbox .imageArea img {
	width: 100%;
}

.contents .hero.sns .recommendBox .recbox .productArea {
}
.contents .hero.sns .recommendBox .recbox .productArea h2 {

}

.contents .hero .recommendBox .recbox .textArea {
	width: 100%;
	margin-bottom: 36px;
}

.contents .hero.sns .recommendBox .recbox .textArea {
	width: 100%;
}

.contents .hero .recommendBox .recbox .textArea .officon {
	font-size: 1.65rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background-color: #D50000;
	display: inline-block;
	padding: 5px 10px 6px;
	border-radius: 7px;
	margin-bottom: 5px;
}
.contents .hero .recommendBox .recbox .iconArea {
	margin-bottom: 19px;
}
.contents .hero .recommendBox .recbox .iconArea img {
	width: 54px;
	height: auto;
	margin-right: 9px;
}

.contents_inner {
	padding: 40px 10px;
	max-width: 1110px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

.contents .wrapper {
	/*display: flex;*/
	margin: 0 auto;
	/*flex-wrap: wrap;*/
}

.contents .plusArea .wrapper,
.contents .pickupArea .wrapper {
	width: calc(100% - 40px / 2);
}

.contents .movieArea .wrapper,
.contents .cleverArea .wrapper {
	padding: 0 10px;
}

.contents .kuwashiku .main .recommendBox {
	width: 530px;
	margin: 20px 20px 8px 0;
}

.contents .kuwashiku .main .recommendBox:last-child {
	margin-right: 0;
}

.contents .kuwashiku .main {
	padding-top: 0;
	background-color: inherit;
	border: none;
}

.contents .kuwashiku .main .recommendWrap {
	width: calc(49% - 20px / 2);
	margin-right: 20px;
	box-sizing: border-box;
}

.contents .kuwashiku .main .recommendWrap:last-child {
	margin-right: 0;
}

.contents_lower {
	background-color: #f0f0f0;
}





.top_nav {
	margin-bottom: 50px;
	list-style: none;
}

.top_nav li {
	font-size: 1.5em;
	font-weight: bold;
	background-color: #fff;
	border: 1px solid #00a991;
	border-radius: 30px;
	padding: 10px 20px 8px;
	width: 100%;
	margin: 0 auto 20px;
	box-sizing: border-box;
}

.kuwashiku .top_nav li {
	border-color: #796baf;
}

.top_nav span {
	width: 1em;
	height: 1em;
	position: absolute;
	transform: rotate(-45deg);
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background-color: #00a991;
	z-index: 2;
}

.kuwashiku .top_nav span {
	background-color: #796baf;
}

.top_nav span:first-child {
	top: 189px;
}

.top_nav span:last-child {
	top: 243px;
}

.top_nav span::before {
	border: 1px solid #00a991;
	background-color: #00a991;
	border-radius: 50%;
}

.kuwashiku .top_nav span::before {
	border-color: #796baf;
	background-color: #796baf;
}

.top_nav a {
	display: block;
}

#nav_movie li {
	border: solid #796baf 1px;
}

.ttlArea {
	display: flex;
	margin-bottom: 20px;
}

.ttlArea h3 {
	font-size: 1.7em;
	border-left: solid #00a991 5px;
	padding: 7px 15px 0 14px;
	color: #00a991;
	font-weight: bold;
}

.cBox.cBox_lower {
	background-color: transparent;
	width: 49%;
	margin-left: 0;
}

.cBox.cBox_lower:nth-child(3) {
	margin-left: 0;
}

.textBox .text {
	line-height: 1.5em;
}

.contents_lower .listArea_recipe,
.contents_lower .listArea_flower,
.contents_lower .listArea_money,
.contents_lower .listArea_jiyukenkyu {
	width: 100%;
	display: inline-block;
	margin: 0;
}

.contents_lower.kurashi .ttl {
	height: 45px;
	display: block;
	background-color: #c0ddd4;
	font-size: 1.7em;
	padding: 17px 0 0 7px;
	font-weight: bold;
	border-radius: 3px;
	margin-top: 0;
}

.recipeArea,
.flowerArea,
.moneyArea,
.jiyukenkyuArea,
.sepavolArea {
	margin-bottom: 50px;
}

.recipeArea .ttl:before,
.flowerArea .ttl:before,
.moneyArea .ttl:before,
.jiyukenkyuArea .ttl:before,
.sepavolArea .ttl:before {
	content: "";
	position: absolute;
	width: 100%;
	height: calc(100% - 8px);
	display: block;
	top: 4px;
	left: 10px;
	border-left: 10px solid #00a991;
}

.scr_wrap {
	width: 100%;
	height: 300px;
	overflow-y: scroll;
}

p.fakeopa {
	position: relative;
}

p.fakeopa img {
	display: block;
}

p.fakeopa img.fakeopaimg {
	position: absolute;
	bottom: 0;
	left: 0;
}

.btn_morebot {
	margin: 0 auto;
}

.ctt_1 {
	border: dotted #00a991 1px;
	margin-bottom: 20px;
	padding: 10px;
}

.ctt_1 tr {
	border-bottom: solid #cccccc 1px;
}

.ctt_1 th {
	background-color: #fff;
	padding: 7px;
}

.ctt_1 td {
	text-align: right;
}

.ctt_2 {
	border-bottom: solid #00a991 1px;
	margin: 20px 0;
}

.ctt_2 p {
	margin-left: 3%;
	margin-bottom: 5px;
}

.ctt_2 li {
	padding: 0 0 10px 3%;
}

.ctt_3 {
	counter-reset: my-counter;
	list-style: none;
}

.ctt_3 li {
	font-size: 16px;
	line-height: 2.0;
	padding-left: 30px;
	position: relative;
}

.ctt_3 li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #00a991;
	border: 1px solid;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 22px;
	width: 22px;
	color: #ffffff;
	font-size: 85%;
	position: absolute;
	top: 0;
	left: 0;
}

.topic_ttl img {
	display: block;
	margin: 0 auto;
}

.titleArea {
	padding: 30px 0;
}

.titleArea h2 {
	display: flex;
	width: 500px;
	height: 73px;
	font-size: 3.0rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	border-radius: 40px;
}

.plusArea .titleArea h2 {
	background: #92e8aa;
	color: #1a7e36;
}
.pickupArea .titleArea h2 {
	background: #fed0ea;
	color: #de3a97;
}

.movieArea .titleArea h2 {
	background: #796baf;
	color: #fff;
}
.yoridori_Area .titleArea h2 {
	background: #796baf;
	color: #fff;
}
.snsArea .titleArea h2 {
	background: #e2e2e2;
	color: #9f3eb4;
}

p.leadtex {
	font-size: 2.3rem;
	text-align: center;
	margin-bottom: 50px;
}

.snsArea p.leadtex {
	margin-bottom: 8px;
}

.title_bottex {
	max-width: 1110px;
	margin: 5px auto 0;
	text-align: right;
	padding-right: 24px;
}

.innerBox {
	max-width: 1110px;
	margin: 0 auto;
	font-size: 0;
	padding: 0 0 40px;
}

.innerBox a {
	overflow: hidden;
	display: block;
}

.cBox {
	position: relative;
	border-radius: 10px;
	background-color: #fff;
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 40px / 2);
	margin: 0 40px 40px 0;
}

.cBox:nth-child(2n) {
	margin-right: 0;
}

.cBox .contobj {
	position: absolute;
	top: -2px;
	left: 50%;
	transform: translateX(-50%);
	width: 137px;
}

.imgBox,
.cimgBox {
	width: 50%;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}

.cimgBox {
	border-radius: 0;
}

.imgBox img {
	width: 100%;
	height: auto;
	outline: 1px solid #ccc;
	outline-offset: -1px;
}

.sns_area .imgBox img {
	outline: none;
}

#sns h3 {
	width: 50%;
	text-align: center;
	margin: 5% auto 3%;
}

.cBox .sns_area .imgBox {
	outline: none;
	width: calc(100% - 15px);
}

.cBox .textBox p {
	line-height: 1.5;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	position: relative;
	z-index: 3;
}

.cBox .textBox h3.title {
	font-size: 1.65rem;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1.2;
}

.kuwashiku .cBox .textBox h3.title {
	text-align: center;
}

.kuwashiku .cBox .textBox {
	padding: 0;
	text-align: center;
}

.kurashi .cBox .textBox p,
.kuwashiku .cBox .textBox p {
	display: block;
}

.contents .kuwashiku .hero .recommendBox .recbox .imageArea {
	width: 100%;
}

.contents .kuwashiku .hero .recommendBox .recbox .productArea {
	display: block;
	width: 50%;
}

.contents .kuwashiku .hero .recommendBox .recbox .textArea {
	width: 100%;
}

.contents .kuwashiku .hero .recommendWrap a {
	display: block;
	width: 50%;
}

.contents .kuwashiku .hero .recommendWrap a.popup-window.opa {
	width: 90%;
	display: block;
	margin-top: 10px;
}

.pickupArea {
	width: 100%;
	background-color: #fdf1f5;
}

.cBox .season {
	position: absolute;
	top: -2px;
	right: -2px;
	width: 11.80952380952381%;
	height: auto;
}

.movieArea {
	width: 100%;
	background-color: #f4f4f4;
}


.movieArea .cBox {
	position: relative;
	border-radius: 10px;
	background-color: inherit;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin: 10px;
	padding: 0 25px 25px;
	box-sizing: border-box;
}

.movieArea .movieBox {
	position: relative;
	padding-top: 25%;
	width: 46%;
	display: inline-block;
	margin-right: 4%;
}

.movieArea .movieBox iframe {
	width: 100%;
	height: 100%;
}

.movieArea .textBox {
	width: 50%;
	max-width: 470px;
}

.movieArea .textBox .linktex {
	border: 1px solid #999;
	border-radius: 6px;
}

.movieArea .textBox .linktex a {
	display: block;
	padding: 0.75em 0;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #555;
}

.movieArea .textBox .linktex a:hover {
	text-decoration: none;
	border-color: #ccc;
}

.movieArea .textBox p strong {
	font-size: 120%;
	font-weight: bold;
}

.movieArea .wideBtn {
	width: 500px;
	margin: 0 auto;
}

.movieArea .wideBtn img {
	width: 100%;
}

/* スクエア動画用 */
.movieArea.vertical .cBox {
	position: relative;
}

.movieArea.vertical .movieBox iframe {
	aspect-ratio: 1 / 1;
	width: 100%;
	height: auto;
	position: relative;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.movieArea.vertical .textBox p {
	position: relative;
	display: block;
	-webkit-line-clamp: inherit;
	-webkit-box-orient: inherit;
	margin-bottom: 2em;
}

.kuwashiku .movieArea .textBox {
	width: 100%;
}

.kuwashiku .innerBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 0;
}

.kuwashiku .movieArea .cBox {
	width: 48%;
	margin: 0 40px 40px 0;
}

.kuwashiku .movieArea .cBox:nth-child(2n) {
	margin-right: 0;
}

.kuwashiku .movieArea .movieBox {
	padding-top: 56%;
	width: 100%;
}

.kuwashiku .movieArea {
	background-color: transparent;
}

.yoridori_Area .imgarea {
	max-width: 760px;
	margin: 20px auto;
	border: 1px solid #b4b4b4;
}

.cleverArea {
	width: 100%;
	background-color: #f4f4f4;
}


.cleverArea .imgBox {
	width: 100%;
	margin: 0;
	max-width: inherit;
	border-radius: 10px;
}

.listArea {
	font-size: 0;
	max-width: 1110px;
	margin: auto;
	padding: 0;
}

.listArea .item {
	width: calc(50% - 10px /2);
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
	box-sizing: border-box;
}

.listArea .item:nth-child(2n) {
	margin-right: 0;
}

/* 自由研究 */
.jiyukenkyuArea h3.midashi {
	background: #c0ddd4;
	padding: 10px;
	margin: 20px 0 15px;
}

.jiyukenkyuArea .free_list ul li {
	margin-bottom: 10px;
	padding-bottom: 7px;
	border-bottom: 1px dotted #ccc;
}

.jiyukenkyuArea ul {
	list-style: none;
}

.listArea_money .inner .m-chart th {
	background: #f5f3f4;
	font-weight: bold;
}

.listArea_money .inner a {
	text-decoration: underline;
}

.listArea_money table th,
.listArea_money table td {
	padding: 0.75em 0.5em;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 13px;
}

.listArea_money .m-chart td,
.listArea_money .m-chart th {
	padding: 0.3rem;
}

.listArea_money .inner table th,
.listArea_money .inner table td {
	padding: 0.75em 0.5em;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-size: 13px;
}

.listArea_money .inner .table-responsive {
	overflow-x: scroll;
}

.listArea_money .inner table {
	width: 100%;
	min-width: 600px;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

.listArea_money .inner table th p,
.listArea_money .inner table td p {
	margin-bottom: 0 !important;
	font-size: 14px !important;
}

.qaArea .qaBlock .text .question,
.qaArea .qaBlock .text .answer {
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 16px;
	margin-bottom: 1em;
}

.qaArea .qaBlock .text .question .chara,
.qaArea .qaBlock .text .answer .chara {
	width: 26.75%;
	height: auto;
}

.qaArea .qaBlock .text .question .chara {
	float: right;
	margin: 1em 0.25em 0.5em 1em;
}

.qaArea .qaBlock .text .answer .chara {
	float: left;
	margin: 1em 1em 0.5em 0.25em;
}

.qaArea .qaBlock .text .question p {
	margin-bottom: 20px;
}

.qaArea .qaBlock .text .question p.name {
	text-align: right;
	color: #007709;
	margin-bottom: 0;
	clear: both;
}

.qaArea .qaBlock .text .comment {
	padding: 1em;
}

.qaArea .qaBlock .text .comment .red {
	color: #f30000;
	font-weight: bold;
}

.qaArea .qaBlock .text .comment .yellow {
	background-color: #fcf904;
	font-weight: bold;
}

.qaArea .qaBlock .text .comment p {
	margin-bottom: 0.75em;
}

.qaBlock .text time {
	clear: both;
	display: block;
	text-align: right;
}

/* お金のお勉強 目次 */
.listArea_money .toc_container {
	display: block;
	border: 2px solid #390f00;
}

.listArea_money .inner h2 {
	font-weight: bold;
	padding-top: 1em;
	margin-bottom: 1em;
	color: #390f00;
	border-bottom: 2px solid #EB6B6B;
}

.listArea_money .inner h3 {
	color: #390f00;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.2em;
}

.listArea_money .inner h4 {
	font-weight: bold;
	line-height: 2em;
}


.listArea_money .inner .l_toc label {
	background-color: #390f00;
	padding: 5px 10px;
	position: relative;
	color: white;
	font-weight: bold;
	font-size: 11px;
}

.listArea_money .inner ol.toc_container li {
	list-style-type: square;
	margin-left: 1em;
}

.listArea_money .inner p {
	line-height: 1.5;
	margin-bottom: 1rem;
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


/* 2311 リニューアル PC  */

body { /* google font header_link */
	font-family: 'Noto Sans JP', sans-serif;
}


.contents .cont_header {
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 50px;
	/* background: #fefbe7 url(../img/common/pc_2311_hero_back.png) no-repeat top center; */
	z-index: inherit;
}

.contents .cont_header h1 {
	float: inherit;
	text-align: center;
	margin: 0 auto 40px;
	padding-top: 21px;
}

.contents .cont_header ul.anchor {
	display: flex;
	margin: 0 auto 50px;
	justify-content: center;
	list-style-type: none;
}

.contents .cont_header h1 img {
	max-width: 786px;
	margin: 0 auto;
}

.contents .cont_header ul.anchor li {
	margin-right: 19px;
	border-radius: 12px;
	background: #fff;
	overflow: hidden;
	box-shadow: 2px 2px 3px 3px #33333311;
}
.contents .cont_header ul.anchor li:last-child {
	margin-right: 0;
}

.contents .ban_arrow {
	display: block;
	position: relative;
}
.contents .linkbtn {
	max-width: 480px;
	margin-bottom: 20px;
	border: 1px solid #b4b4b4;
	background-color: #fff;
	border-radius: 12px;
	overflow: hidden;
}
.contents .linkbtn.lmargin {
	position: relative;
	margin-left: 480px;
	top: -50px;
}

.contents .linkbtn a {
	display: flex;
	padding: 22px 0 26px;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 1;
}
.contents .linkbtn.ban_arrow:before {
	content: "";
	position: absolute;
	margin: auto;
	top: 21px;
	right: 14px;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background: rgba(210,210,210,1);
	z-index: 1;
}
.contents .linkbtn.ban_arrow:after {
	content: "";
	position: absolute;
	margin: auto;
	top: 29px;
	right: 24px;
	width: 9px;
	height: 9px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 2;
}

.contents .s_banArea .linkbtn {
	max-width: 560px;
	border: inherit;
	margin: 0 auto 30px;
}

.contents .cont_header ul.anchor li.ban_arrow:before {
	content: "";
	position: absolute;
	margin: auto;
	top: 26px;
	right: 6px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgba(210,210,210,1);
	z-index: 1;
}
.contents .cont_header ul.anchor li.ban_arrow:after {
	content: "";
	position: absolute;
	margin: auto;
	top: 31px;
	right: 12px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	z-index: 2;
}
.contents .cont_header ul.anchor li a {
	display: flex;
	text-decoration: none;
	justify-content: left;
	align-items: center;
	padding-left: 13px;
	font-size: 21px;
	line-height: 1.2;
	width: 230px;
	height: 72px;
}

.contents .cBox a {
	display: flex;
	text-decoration: none;
}



/* 各コンテンツリンク用 右下矢印 */
.contents .cBox a.linkbtn {
	max-width: inherit;
	width: 100%;
	height: auto;
	margin-bottom: 0;
	border: inherit;
	border-radius: 10px;
	box-shadow: 2px 2px 3px 3px #33333311;
}
.contents .cBox a.linkbtn:nth-child(2n) {
	margin-right: 0;
}
.contents .plusArea .cBox .linkbtn.ban_arrow:before,
.contents .pickupArea .cBox .linkbtn.ban_arrow:before
{
	top: inherit;
	bottom: 10px;
	right: 10px;
}
.contents .plusArea .cBox .linkbtn.ban_arrow:after,
.contents .pickupArea .cBox .linkbtn.ban_arrow:after
{
	top: inherit;
	bottom: 18px;
	right: 20px;
}
/* 各コンテンツリンク用 画像エリア */
.contents .cBox div.imgBox {
	max-width: 252px;
	width: 100%;
	padding: 7px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	box-sizing: border-box;
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* SNS エリア */
body.pc .snsArea .lineBan.pc {
	display: block;
	margin: 0 auto 40px;
}
body.sp .snsArea .lineBan.sp {
	display: block;
	max-width: inherit;
	width: 95%;
	margin: 0 auto 40px;
}


/* PC CSS s */
/* @media screen and (min-width:933px) { */
/*	body.pc {
		font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucida Grande", "ＭＳ Ｐゴシック", verdana, sans-serif;
	}*/

	body.pc .loginBtn {
		display: inline-block;
		float: right;
		margin: 10px 20px 0 0;
		width: 330px;
	}

	body.pc .header .header-content.fixed .loginBtn {
		width: 220px;
		margin-top: 44px;
	}

	body.pc img.h1title_pc { display: block }

	.arrow::before,
	.arrow::after {
		right: -4px;
	}

	.marushita::after {
		right: 5px;
	}

	.header .header-content.fixed {
		padding: 0 0 3px;
	}

	.header .header-content.fixed h1 img {
		width: 50px;
		margin-top: 41px;
	}

	.header .header-content.fixed .subject .copy {
		margin-top: 42px;
	}

	.header .header-content.fixed .subject .read {
		font-size: 1.3rem;
	}

	.header .header-content.fixed .inner .right {
		margin-top: 6px;
	}

	.header .header-content .inner {
		width: 100%;
		min-width: 763px;
		max-width: 1200px;
		margin: 0 auto;
	}

	.header .header-content .inner .right {
		float: right;
		margin-right: 10px
	}

	body.pc .right.fixed .close-modal-btn a {
		height: 35px;
		padding-top: 0;
		margin-top: 35px;
		line-height: 30px
	}

	body.pc .right.fixed .close-modal-btn a:after {
		content: none
	}

	body.pc .right.fixed .hamburger a {
		height: 28px;
		padding-top: 0px;
		margin-top: 45px;
		line-height: 30px
	}

	body.pc .right.fixed .hamburger a:before {
		content: none
	}

	body.pc .right.fixed .close-modal-btn a {
		height: 35px;
		padding-top: 0;
		margin-top: 35px;
		line-height: 30px
	}

	body.pc .right.fixed .close-modal-btn a:after {
		content: none
	}

	/* フッターエリア */
	.footer {
		min-width: 763px;
		max-width: 1200px;
		margin: 0 auto;
		padding-bottom: 50px;
		/* background: #fff url(../img/common/pc_2311_footer_back.png) no-repeat top center; */
		z-index: inherit;
	}

	.footer .imgtex {
		text-align: center;
		padding-top: 90px;
	}

	.footer .imgtex img {
		width: inherit;
		height: inherit;
	}

	.footer p.addTxt {
		width: 880px;
		margin: 0 auto;
		font-size: 16px;
		text-indent: -1.2em;
		padding-left: 1em;
	}

	.footer p.addTxt:last-of-type {
		margin-bottom: 40px;
	}

	.footer h2 {
		float: inherit;
		text-align: center;
		margin: 0 auto 18px;
		padding-top: 14px;
		font-size: 2.5rem;
	}

	body.pc #footer .inner .bottom address br {
		display: none;
	}

	body.pc .contents_inner .accordion-container .inner .inner_padding .leftbox br {
		display: none;
	}

	.contents_inner .accordion-container span.point {
		margin: 0 3px;
		position: relative;
		top: -3px;
		display: inline-block;
		padding: 2px 5px;
		width: 1em;
		text-align: center;
		background: #00a991;
		border-radius: 60%;
		font-size: 10px;
		color: #fff;
	}

	/* コンテンツ */
	.contents {
		min-width: 763px;
	}

	body.pc .contents .recommendIcon {
		display: block;
		max-width: 691px;
		margin: 0 auto 30px;
	}

	.contents .sns .recommendIcon img,
	.contents .sns .recommendIcon_sp img {
		width: 280px;
	}

	.contents .hero .recommendBox {
		padding: 60px 0 50px;
	}

	.contents .hero .recommendBox .catchTxt {
		font-size: 2.4rem;
		line-height: 1.35;
		height: inherit;
		background: inherit;
		color: #333;
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		margin-bottom: 10px;
		letter-spacing: -0.01em;
	}

	.contents .hero .recommendBox .recbox .productArea h3.productName {
		font-size: 2.2rem;
		line-height: 1.25;
		margin-bottom: 14px;
		font-weight: lighter;
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.contents .hero.kuchikomi .recommendBox .recbox .productArea h3.productName {
		font-weight: bold;
	}
	.contents .hero .recommendBox .recbox .productArea h4.userName {
		display: flex;
		align-items: center;
		font-size: 1.8rem;
		line-height: 1.25;
		margin-bottom: 14px;
		font-weight: lighter;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.contents .hero .recommendBox .recbox .productArea h4.userName img {
		width: inherit;
		float: left;
		margin-right: 8px;
	}

	.contents .hero.kuchikomi .recommendBox .recbox .textArea p {
		font-size: 2.0rem;
	}


	.contents .hero .recommendBox .recbox .textArea .off_oldpri {
		display: flex;
		align-items: flex-end;
		margin-bottom: 5px;
	}


	.contents .hero .recommendBox .recbox .textArea .oldprice {
		font-size: 1.35rem;
		margin: 0 0 5px 5px;
	}

	.contents .hero .recommendBox .recbox .textArea .price {
		display: inline-block;
		font-size: 2.8rem;
		color: #D50000;
		font-weight: bold;
		margin-bottom: 5px;
		line-height: 1;
	}

	.contents .hero .recommendBox .recbox .textArea .price span {
		font-size: 2.2rem;
	}

	.contents .hero .recommendBox .recbox .textArea .tax {
		display: inline-block;
		font-size: 1.65rem;
		color: #D50000;
		margin-left: 5px;
		font-weight: bold;
	}

	.contents .hero .recommendBox .recbox .textArea .view3d_but {
		position: absolute;
		right: 15px;
		bottom: 26px;
	}

/* info s  */
	.contents .newsArea {
		max-width: 1028px;
		margin: 0 auto;
		text-align: left;
	}

	.contents .newsArea h2 {
		margin: 0 auto 14px;
		line-height: 1;
		font-size: 1.9rem;
	}
	.contents .newsArea ul {
		list-style-type: none;
	}
	.contents .newsArea ul li {
		font-size: 19px;
		padding: 20px 0 16px;
		border-top: dotted 2px #707070;
	}
	.contents .newsArea ul li a {
		text-decoration: none;
	}
	.contents .newsArea ul li a:hover {
		text-decoration: underline;
	}
	.contents .newsArea ul li p.date span.new {
		display: inline-block;
		margin-left: 0.5em;
		padding: 4px 1em 3px;
		background: #ee1a1f;
		border-radius: 40px;
		line-height: 1;
		font-size: 1.6rem;
		color: #fff;
	}
/* info e  */

/* OUTLET s  */
	.contents .hero {
		max-width: 1200px;
		margin: 0 auto;
	}
	#page-top .contents .hero {
		/* background: #fff url('../img/common/pc_2311_outlet_back.png') no-repeat 0 95px; */
	}
	#page-top .contents .kuwashiku .hero {
		background: inherit;
	}
	.contents .hero h2 {
		display: flex;
		/* background: #fbec8a url('../img/common/pc_2311_h-back.png') no-repeat 0 0; */
		font-size: 3.0rem;
		line-height: 1;
		color: #7b4f03;
		height: 95px;
		justify-content: center;
		align-items: center;
	}
	.contents .hero h2 span {
		display: flex;
		position: relative;
		flex-wrap: wrap;
		align-items: center;
		left: -1.75em;
	}

	.contents .hero h2 img {
		position: relative;
		left: -24px;
		width: 119px;
		height: 119px;
	}
	.contents .yoridori_Area.hero h2 {
		background-image: none;
	}

	.contents .snsArea.hero .lineban h2 {
		height: auto;
	}

	.contents .snsArea.hero h2 img {
		width: 100%;
		height: auto;
		left: inherit;
	}
	#page-top .contents .hero.kuchikomi {
		background-image: none;
	}

	.contents .hero h2 span:first-child {
		margin-right: 0.75em;
	}

/* OUTLET e  */

	.contents .movieArea.hero h2 {
		background-image: none;
		background-color: #a8e8dc;
		color: #0e836d;
		height: 73px;
	}
	#page-top .contents .snsArea.hero {
		background-image: none;
	}
	.contents .snsArea.hero .titleArea h2 {
		background-image: none;
		background-color: #e2e2e2;
		color: #9f3eb4;
		height: 73px;
	}
	.contents .snsArea.hero h2 {
		background-image: none;
		background-color: #ea6874;
		color: #fff;
		height: autopx;
	}

	.contents .yoridori_Area.hero h2 {
		background-image: none;
		background-color: #ea6874;
		color: #fff;
		height: 73px;
	}

	.contents .snsArea.hero .lineBan h2 {

	}


/* クチコミ s  */
	.contents .hero.kuchikomi {
		background-image: none;
	}

	.contents .hero.kuchikomi h2 img {
		width: 56px;
		height: 53px;
	}

/* クチコミ e */

	.contents .plusArea, .contents .pickupArea, .contents .movieArea, .contents .snsArea
	{
		max-width: 1200px;
		margin: 0 auto;
	}

/* 暮らしに彩りをPLUS+ s  */
	.contents .plusArea {
		background: #e4fceb url('../img/common/pc_2311_kurashiplus_back.png') no-repeat 0 0;
	}

	.contents .kurashi .plusArea {
		background: none;
	}
/*	.contents .kurashi {
		background: #e4fceb url('../img/common/pc_2311_kurashiplus_back.png') no-repeat 0 0;
	} */

/* めちゃ推し シーズン特集 s */
	.contents .pickupArea {
		background: #fdf4f9 url('../img/common/pc_2311_mecyaoshi_back.png') no-repeat 0 0;
	}
/* 動画 */
	#page-top .contents .movieArea {
		/* background: #f1fefc url('../img/common/pc_2311_douga_back.png') no-repeat 0 0; */
	}

	#page-top .contents .kuwashiku .movieArea {
		background-image: none;
		background-color: inherit;
	}

/* 動画でもっと詳しくCHECK s */
	.contents .movieArea .innerBox {
		padding: 0;
	}

	.contents .movieArea .innerBox .cbox {
		display: block;
	}




/* SNSで情報発信中 s */
	.contents .snsArea {
		background: #fff;
	}

	body.pc .snsArea .cBox {
		border-radius: inherit;
		display: block;
		width: 100%;
		max-width: 840px;
		margin: 0 auto;
	}

	.posirela {
		position: relative;
	}

	.contents .snsArea .linkbtn {
		margin: 0 auto;
		position: relative;
		bottom: 200px;
	}

	#sns.cBox {
		margin: -120px auto 40px;
	}

	#sns.cBox:nth-child(2n) {
		margin-right: inherit;
	}

	.contents .innerBox .cBox .lineBan p.addTxt {
		position: relative;
		bottom: 185px;
		max-width: 480px;
		margin: 0 auto;
	}

	.contents .cont_header ul.anchor,
	.contents .newsArea,
	.contents .hero .recommendBox
	{
		padding-left: 1em;
		padding-right: 1em;
		position: relative;
	}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */




	.ttlArea p {
		margin-bottom: 0 !important;
		background-color: red;
		color: #fff;
		padding: 5px;
		height: 16px;
		margin-top: 7px;
	}

	body.pc .btn_morebot {
		width: 50%;
		max-width: 320px;
	}

	.btn_bknumber img {
		max-width: 42%;
		height: auto;
	}

	.btn_bknumber a {
		display: block;
		text-align: right;
		margin: 0 0 5px 0;
	}

	.btn_bknumber p {
		margin: 0 0 50px 0;
		text-align: right;
		font-size: 12px;
	}


	.kurashi .cBox {
		background: transparent;
		width: calc(50% - 10px /2);
		margin-right: 5px;
	}

	.cBox .sns_area {
		display: flex;
		justify-content: space-around;
		align-items: flex-start;
		width: calc(100% / 3 + 80px);
		height: auto;
		margin: 0 auto 5.5%;
	}

	.cBox .textBox {
		width: 50%;
		display: inline-block;
		box-sizing: border-box;
		padding: 15px 10px 20px 20px;
	}

	.cBox .btnicon {
		width: 34px;
		height: 34px;
		background-color: #333;
		position: absolute;
		right: 0;
		bottom: 0;
		border-radius: 0 0 10px 0;
	}

	.cBox .btnicon:before {
		content: '';
		left: 9px;
		top: 11px;
		width: 10px;
		height: 10px;
		border-top: 2px solid #FFF;
		border-right: 2px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
	}

	.cBox .textBox p.uptex {
		display: block;
		width: 130px;
		line-height: 1;
		text-align: center;
		background: #ee1a1f;
		color: #fff;
		margin-bottom: 16px;
		padding: 4px 0.75em 6px;
		border-radius: 40px;
	}

	.kurashi .imgBox,
	.kuwashiku .imgBox {
		border-radius: 0 0 0 0;
		border: 1px solid #ccc;
		box-sizing: border-box;
		margin-bottom: 20px;
	}

	.kurashi .cBox .ban {
		max-width: 97%;
	}


	.contents .kuwashiku .hero .recommendWrap .view3d_but a {
		width: 90%;
		display: block;
		margin: 0 auto;
	}

	.movieArea .textBox p.linktex.triangle:after {
		content: "";
		position: absolute;
		top: 33%;
		right: 3%;
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 10px solid #999999;
		border-right: 0;
	}

	.movieArea.vertical .movieBox {
		width: 40%;
		padding-top: 0;
	}

	.movieArea.vertical .textBox {
		position: relative;
		width: 56%;
		max-width: inherit;
		padding-bottom: 0;
	}

	.contents .recommendIcon {
		width: 560px;
	}

	.cBox .textBox p {
		font-size: clamp(1.5rem, 1.3vw, 1.8rem);
	}

	.cBox .textBox p.uptex {
		font-size: clamp(1rem, 1.2vw, 1.6rem);
	}

	.cBox .textBox h3.title {
		font-size: clamp(1.6rem, 1.4vw, 2.0rem);
		margin-bottom: 10px;
	}

	.cBox .btnicon {
		width: 22px;
		height: 22px;
		right: 0;
	}

	.cBox .btnicon:before {
		left: 6px;
		top: 6px;
		width: 6px;
		height: 6px;
	}

	.cBox .sns_area {
		margin: 0 auto 1.5%;
	}

	.movieArea .textBox p.linktex.triangle:after {
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 8px solid #999999;
	}

	@media screen and (max-width:650px) {
		#footer .inner .bottom p.backtotop img {
			position: relative;
			top: -23px;
		}

		.kurashi .cBox .ban {
			max-width: 100%;
		}
	}

	/* お金のお勉強 目次 */
	.listArea_money .toc_container {
		margin: 10px 0 2em;
		padding: 25px;
	}

	.listArea_money .inner h2 {
		font-size: 18px;
	}

	.listArea_money .inner h3 {
		font-size: 17px;
	}

	.listArea_money .inner h4 {
		font-size: 16px;
	}


	.listArea_money .inner .l_toc label {
		top: 6px;
	}

	.listArea_money .inner ol.toc_container li {
		padding-bottom: 3px;
		font-size: 15px;
	}

	.listArea_money .inner p {
		font-size: 16px;
	}

	/* 3Dコンテンツレイアウト */
	.contents .hero .cont3darea {
		width: 100%;
		padding: 0 0 40px;
		margin: auto;
		text-align: center;
	}

	.contents .hero .cont3darea .recommendWrap {
		display: inline-block;
		max-width: 505px;
		margin: 0 auto 30px;
	}
	.contents .hero .cont3darea .recommendBox {
		position: relative;
		display: inline-block;
		border-radius: 10px;
		background-color: #fff;
		box-shadow: 7px 7px 5px rgba(0, 0, 0, .1);
		box-sizing: border-box;
		padding: 20px;
		margin: 0 10px 8px;
		text-align: left;
	}
	.contents .hero .cont3darea .recommendBox .catchTxt {
		text-align: right;
		font-size: 1.9rem;
		min-height: 63px;
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		margin-bottom: 10px;
	}
	.contents .hero .cont3darea .recommendBox .recbox {
		display: flex;
	}
	.contents .hero .cont3darea .recommendBox .recbox .textArea .productName {
		min-height: 40px;
		font-size: 1.6rem;
		line-height: 1.25;
		font-weight: bold;
		margin-bottom: 15px;
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.contents .hero .cont3darea .recommendWrap .addTxt {
		text-align: right;
		font-size: 1.2rem;
		padding-right: 1em;
		margin-top: 0;
	}
	.contents .yoridori_Area .linkbtn {
		margin: 0 auto;
	}

	.contents .yoridori_Area p.addTxt {
		margin: 0 auto 30px;
		max-width: 480px;
	}



/* } */

/* PC CSS e */

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


/* SP CSS s */
@media screen and (max-width: 932px) {
/*	body.sp {
		font-family: sans-serif;
	} */
	body.sp .loginBtn_sp {
		display: inline-block;
		margin-top: 84px;
		margin-bottom: 0;
	}

	body.sp img.h1title_sp { display: block }

	body.sp br.pcnone { display: block; }

	.contents .cont_header h1 {
		margin-bottom: 28px;
	}
	.contents .cont_header h1 img {
		max-width: 100%;
	}

	.arrow::before,
	.arrow::after {
		right: -10px;
	}

	.marushita::after {
		right: -1px;
	}

	.header {
		background-color: #FFF;
		box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
		position: relative;
		z-index: 9999;
		position: fixed;
		width: 100%;
		top: 0;
	}

	.header .header-content {
		position: relative
	}

	.header .header-content .inner {
		margin: 0 auto;
		padding-top: 6px;
		max-width: 100%;
		min-width: 100%;
	}

	.header .header-content .inner #header-close-button {
		display: none;
		text-align: right;
		margin-bottom: 3px
	}

	.header .header-content .inner .right {
		float: right;
	}

	.header .header-content .inner .right .right-right {
		float: right;
		position: relative
	}

	html.modal-active .header .header-content .inner .right .right-right .hamburger a {
		box-shadow: 2px 5px 10px #ccc
	}

	.header .header-content .inner .right .right-right .hamburger a:before {
		content: "";
		display: block;
		position: absolute;
		top: 10px;
		left: 7px;
		width: 38px;
		height: 24px;
	}

	.header.map .inner {
		margin: 0 auto;
		width: 950px;
		overflow: hidden;
		padding-top: 0
	}

	.header.map .inner .right {
		position: relative;
		z-index: 1;
		float: right;
		padding: 10px 0 5px;
		width: 861px
	}

	.header-content .inner #header-close-button {
		text-align: right;
		margin-bottom: 3px;
		display: block
	}

	.header-content .inner .right .right-right .hamburger a {
		display: block;
		position: relative;
		width: 52px;
		height: 52px;
		padding-top: 34px;
		border: 1px solid #ccc;
		border-radius: 5px;
		background: #f7e6e6;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		font-size: 10px;
		box-sizing: border-box;
	}

	.header-content .inner .right .right-right .hamburger a:before {
		content: "";
		display: block;
		position: absolute;
		top: 7px;
		left: 7px;
		width: 38px;
		height: 24px;
		background: url('../img/common/header_hamburger.png') no-repeat;
		opacity: 0.6;
	}

	.header-content .inner .right .right-right .modal-menu .modal-nav ul li a:after {
		background: url('../img/common/header_arrow_icon.png') no-repeat;
	}

	.header-content .inner .right .right-right .close-modal-btn a:after {
		background: url('../img/common/header_hamburger_close.png') no-repeat;
	}

	.header-content .inner .right.fixed .right-right .hamburger a {
		height: 28px;
		padding-top: 0px;
		margin-top: 35px;
		line-height: 30px
	}

	.header-content .inner .right.fixed .right-right .hamburger a:before {
		content: none
	}

	.header-content .inner .right.fixed .right-right .close-modal-btn a {
		height: 35px;
		padding-top: 0;
		margin-top: 35px;
		line-height: 30px
	}

	.header-content .inner .right.fixed .right-right .close-modal-btn a:after {
		content: none
	}

	.header h1 {
		float: left;
		display: inline-block;
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 10px;
		width: 15%;
		max-width: 65px;
	}

	.subject {
		float: left;
		display: inline-block;
	}

	.subject .copy {
		width: 84px;
		font-size: 10px;
		color: #D50000;
		margin: 0 0 5px;
		line-height: 100%;
	}

	.subject .read {
		font-size: 3.1vw;
		margin: 0;
		line-height: 100%;
	}

	.loginBtn_sp {
		margin-top: 80px;
		margin-bottom: 0;
	}

	.hamburger {
		margin: 0 10px 10px 0;
	}

	.black_bg {
		display: none;
		width: 100%;
		height: 100vh;
		background-color: #000;
	}

	.modal-active .black_bg {
		display: block;
		width: 100vw;
		height: 100vh;
		background-color: rgba(0, 0, 0, .7);
		position: fixed;
		top: 0;
		left: 0;
	}

	.modal-active .header-content .inner .right .right-right .hamburger a {
		display: none;
	}

	.modal-menu {
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100% - 70px);
		z-index: 10000;
		background: #fff;
		display: none;
		height: 100vh;
	}

	html.modal-active .modal-menu {
		display: block
	}

	.modal-menu .modal-nav {
		margin-bottom: 20px
	}

	.modal-menu .modal-nav ul li.border {
		border-bottom: 2px solid #888;
		position: relative;
		top: -1px
	}

	.modal-menu .modal-nav ul li a {
		position: relative;
		display: flex;
		width: 100%;
		height: 100%;
		justify-items: center;
		align-items: center;
		font-weight: bold;
		font-size: 3.25vw;
	}

	.modal-menu .modal-nav ul li a:hover {
		background: #e7f8e1;
		text-decoration: none
	}

	.modal-menu .modal-nav ul li a:after {
		content: "";
		position: absolute;
		right: 10px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		display: block;
		height: 15px;
		width: 15px;
	}

	.modal-menu .modal-nav ul li a:before {
		content: "";
		position: absolute;
		left: 10px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		display: block;
		height: 22px;
		width: 22px
	}

	.modal-menu .modal-nav ul li a.tax:before {
		background-size: 22px
	}

	.modal-menu .modal-nav ul li a.goback-coop:before {
		background-size: 22px
	}

	.close-modal-btn {
		display: none;
		position: absolute;
		top: 0;
		z-index: 10000;
		width: 52px;
		right: 10px;
		top: 10px;
	}

	.close-modal-btn a {
		display: block;
		position: relative;
		width: 52px;
		height: 52px;
		padding-top: 33px;
		border: 1px solid #fff;
		border-radius: 5px;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		color: #333;
		font-size: 10px;
		box-sizing: border-box;
	}

	.close-modal-btn a:after {
		content: "";
		display: block;
		position: absolute;
		top: 7px;
		left: 11px;
		width: 28px;
		height: 30px;
		background-size: 100% !important;
	}

	html.modal-active .close-modal-btn {
		display: block
	}

	/* フッターエリア */
	#footer {
		margin-top: 0
	}
	.contents_inner .accordion-container span.point {
		margin: 0 3px;
		position: relative;
		top: -2px;
		display: inline-block;
		padding: 2px 5px;
		background: #00a991;
		border-radius: 60%;
		font-size: 11px;
		color: #fff;
	}

	body.sp .contents_inner .accordion-container span.uwatex01 {
		/* タイトル上付き文字 */
		position: absolute;
		top: 3px;
		left: 160px;
		font-size: 9px;
	}

	body.sp .contents_inner .accordion-container span.uwatex02 {
		/* タイトル上付き文字の通常文字 */
		position: absolute;
		left: 160px;
		bottom: 4px;
	}

	.contents {
		min-width: inherit;
	}

	body.sp .contents .recommendIcon_sp {
		display: block;
		margin: 0 auto;
	}

	.contents .sns .recommendIcon img,
	.contents .sns .recommendIcon_sp img {
		width: 44%;
	}

	.contents .sns .recommendIcon {
		display: block;
		margin: 20px 0 16px;
	}

	.contents .hero .recommendWrap {
		margin: 0 auto 2.5rem;
	}

	.contents .hero .recommendBox {
		padding: 20px 14px;
	}

	.contents .hero .recommendBox .catchTxt {
		font-size: 2rem;
		line-height: 1.3;
		padding-bottom: 1rem;
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

.top_nav a {
	display: block;
	font-size: 4.3vw;
}

.contents_inner .accordion-container .item a.ttl {
	font-size: 4.3vw;
}

	.contents .hero .recommendBox .recbox .textArea .productName {
		font-size: 1.65rem;
		line-height: 1.25;
		font-weight: bold;
		margin-bottom: 5px;
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.contents .hero .recommendBox .recbox .textArea .oldprice {
		font-size: 1.6rem;
		margin-bottom: 5px;
	}

	.contents .hero .recommendBox .recbox .textArea .price {
		font-size: 3rem;
		color: #D50000;
		font-weight: bold;
		margin-bottom: 0;
		line-height: 1;
	}

	.contents .hero .recommendBox .recbox .textArea .price span {
		font-size: 2.4rem;
	}

	.contents .hero .recommendBox .recbox .textArea .tax {
		font-size: 1.95rem;
		color: #D50000;
		text-align: right;
	}

	.contents .newsArea .newsBox {
		max-width: inherit;
		padding: 20px 10px 15px;
	}

	.contents .newsArea .newsBox p {
		font-size: 2.0rem;
		margin-bottom: 5px;
	}

	.contents .newsArea .newsBox p.date {
		font-size: 1.9rem;
	}

	.contents .newsArea ul li {
		padding: 5px 10px 10px;
	}
	.contents .newsArea ul li p {
		font-size: 1.65rem;
		line-height: 1.3;
	}
	.contents .newsArea ul li p.date span.new {
		padding: 2px 0.5em 3px;
		font-size: 1.4rem;
	}

	.ttlArea p {
		font-size: 1.1rem;
		margin-bottom: 0 !important;
		background-color: red;
		color: #fff;
		padding: 5px 10px 3px;
		height: 16px;
		margin-top: 7px;
		white-space: nowrap;
	}

	.contents_inner .accordion-container .inner .inner_padding {
		padding: 1em 2em 2em;
	}

	body.sp .btn_morebot {
		width: 67%;
	}

	.btn_bknumber {
		margin: 0;
		text-align: right;
	}

	.btn_bknumber img {
		max-width: 60%;
		height: auto;
	}

	.btn_bknumber a {
		display: block;
		margin: 0 0 5px 0;
	}

	.btn_bknumber p {
		margin: 0;
		font-size: 12px;
	}

	.innerBox .sns_area a {
		text-align: center;
	}

	.kurashi .cBox {
		background: transparent;
		width: 100%;
		margin: 0 0 15px;
	}

	#sns {
		background-color: inherit;
		width: calc(100% + 20px);
		margin-left: -10px;
		overflow: hidden;
	}

	.cBox .sns_area {
		display: flex;
		justify-content: space-around;
		align-items: flex-start;
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-color: #fff;
		padding: 20px 0;
	}

	.cBox .textBox {
		width: 48%;
		display: inline-block;
		vertical-align: bottom;
		box-sizing: border-box;
		padding: 10px 10px 14px 20px;
	}

	.cBox .btnicon {
		width: 24px;
		height: 24px;
		background-color: #333;
		position: absolute;
		right: 0;
		bottom: 0;
		border-radius: 0 0 10px 0;
	}

	.cBox .btnicon::before {
		content: '';
		left: 5px;
		top: 7px;
		width: 8px;
		height: 8px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
	}

	.cBox .textBox p.uptex {
		position: absolute;
		top: 8%;
		display: inline-block;
		margin-bottom: 5px;
		background: #f00;
		color: #fff;
		padding: 0.25em 0.5em 0;
		font-size: 3.25vw;
		min-width: 23%;
		text-align: center;
	}

	.kurashi .imgBox,
	.kuwashiku .imgBox {
		border-radius: 0 0 0 0;
		border: 1px solid #ccc;
		box-sizing: border-box;
	}

	.contents .kuwashiku .hero .recommendWrap .view3d_but a {
		width: 100%;
		display: block;
		margin: 0 auto;
	}

	.movieArea .textBox p.linktex.triangle:after {
		content: "";
		position: absolute;
		top: 33%;
		right: 3%;
		width: 0;
		height: 0;
		border-style: solid;
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 8px solid #999;
		border-right: 0;
	}

	.movieArea.vertical .movieBox {
		width: 100%;
		padding-top: 0;
	}

	.movieArea.vertical .textBox {
		position: relative;
		width: 100%;
		max-width: inherit;
		padding-bottom: 0;
	}

	.contents .hero {
		max-width: 100%;
		padding: 0 0 30px;
	}

	.contents .hero .recommendBox .catchTxt {
		font-size: 1.6rem;
	}

	.contents .hero .recommendBox .recbox .textArea .productName {
		font-size: 1.4rem;
	}

	.contents .hero .recommendBox .recbox .textArea .officon {
		font-size: 1.3rem;
		padding: 7px 10px 5px;
	}

	.contents .hero .recommendBox .recbox .textArea .oldprice {
		font-size: 1.2rem;
	}

	.contents .hero .recommendBox .recbox .textArea .price {
		font-size: 2.2rem;
	}

	.contents .hero .recommendBox .recbox .textArea .price span {
		font-size: 1.6rem;
	}

	.contents .hero .recommendBox .recbox .textArea .tax {
		font-size: 1.3rem;
		text-align: left;
	}

	.contents .hero h2 {
		height: 48px;
		font-size: 5.5vw;
	}
	.contents .hero h2 img {
		left: 0;
		width: 60px;
		height: 60px;
		margin: 0 5px;
	}
	body.sp #page-top .contents .hero {
		background-size: contain;
	}

	.contents p.addTxt {
		font-size: 1.1rem;
	}

	.contents .newsArea h2 {
		margin: 0 0 10px;
	}

	.contents .newsArea .newsBox {
		max-width: 100%;
		padding-top: 10px;
	}

	.contents .newsArea .newsBox .date span {
		font-size: 1.1rem;
	}

	.contents .plusArea {
		background-size: contain;
	}

	.contents .plusArea .wrapper,
	.contents .pickupArea .wrapper {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.contents .newsArea .newsBox p,
	.cBox .textBox p {
		font-size: 3.5vw;
	}

	.contents .newsArea .newsBox p.date {
		font-size: 1.2rem;
	}

	.cBox .textBox h3.title {
		font-size: 4vw;
	}

	.titleArea h2 {
		font-size: 4.5vw;
		padding: 10px;
	}

	.innerBox {
		padding: 20px 0 50px;
	}

	.contents .wrapper {
		flex-wrap: nowrap;
		flex-direction: column;
	}

	.cBox {
		width: 100%;
		margin: 0 0 20px;
	}

	.contents .newsArea .newsobj,
	.cBox .contobj {
		width: 26%;
	}

	.cBox .textBox {
		padding: 10px 5px 27px;
	}

	.movieArea .cBox {
		margin: 20px auto;
		padding: 25px 20px 0;
	}

	.movieArea .movieBox {
		width: 100%;
		padding-top: 56%;
		margin-right: 0;
	}

	.movieArea .textBox {
		width: 100%;
	}

	#map.bannerArea p.kome {
		width: 100%;
		font-size: 1.1rem;
	}

	.listArea .item {
		width: 100%;
		margin: 0;
	}

	#footer .inner .bottom p.backtotop {
		bottom: -11px;
		right: 4px;
	}


	.contents_inner {
		padding: 10px;
	}

	.top_nav li {
		font-size: 1.6rem;
		margin: 0 auto 8px;
	}

	.ttlArea h3 {
		font-size: 1.75rem;
		line-height: 1.25;
	}

	.cBox.cBox_lower {
		width: 100%;
		margin: 0;
	}

	.contents_lower .listArea_recipe,
	.contents_lower .listArea_flower,
	.contents_lower .listArea_money,
	.contents_lower .listArea_jiyukenkyu {
		width: 100%;
	}

	.btn_bknumber img {
		display: inline-block;
		width: 100%;
		margin: 0;
	}

	.kuwashiku .innerBox {
		flex-wrap: nowrap;
		flex-direction: column;
	}

	.kuwashiku .movieArea .cBox {
		width: 100%;
		margin: 0 0 40px;
	}

	.contents .kuwashiku .recommendIcon {
		display: block;
		width: 100%;
		margin: 0 auto 10px;
	}

	/* お金のお勉強 目次 */
	.listArea_money .toc_container {
		padding: 20px 10px 20px 15px;
	}

	.listArea_money .inner h2 {
		font-size: 1.8rem;
		padding-bottom: 8px;
	}

	.listArea_money .inner h3 {
		font-size: 1.7rem;
	}

	.listArea_money .inner h4 {
		font-size: 1.6rem;
	}

	.listArea_money .inner .l_toc {
		margin: 2rem 0;
	}

	.listArea_money .inner .l_toc label {
		top: -3px;
	}

	.listArea_money .inner ol.toc_container li {
		padding-bottom: 8px;
		font-size: 1.5rem;
	}

	.listArea_money .inner p {
		font-size: 1.6rem;
	}

	.contents .cont_header {
		max-width: inherit;
		padding: 0 1em 30px;
		background: #fefbe7 url(../img/common/sp_2311_hero_back.png) no-repeat 0 0;
		background-size: contain;
	}
	.contents .cont_header ul.anchor {
		flex-wrap: wrap;
	}
	.contents .cont_header ul.anchor li {
		width: calc(100% / 2 - 5px);
		margin: 0 10px 10px 0;
		border-radius: 6px;
	}
	.contents .cont_header ul.anchor li:nth-child(2n) {
		margin-right: 0;
	}
	.contents .cont_header ul.anchor li a {
		height: 60px;
		font-size: 1.6rem;
		padding-left: 8px;
		width: 85%;
		position: relative;
		z-index: 3;
	}

	.contents .cont_header ul.anchor li.ban_arrow:before {
		top: 20px;
	}

	.contents .cont_header ul.anchor li.ban_arrow:after {
		top: 25px;
	}

	#page-top .contents .hero.outlet {
		background-size: contain;
	}
	.contents .hero.outlet .recommendBox .recbox {
		gap: 10px;
		grid-template-columns: 155px auto;
	}
	.contents .hero.outlet .recommendBox .recbox .photoArea {
		width: 100%;
		margin: 0 auto;
	}
	.contents .hero.outlet .recommendBox .recbox .productArea h3.productName {
		font-size: 1.5rem;
	}
	.contents .hero.outlet .recommendBox .recbox .iconArea img {
		width: 35px;
	}
	.contents .hero.outlet .recommendBox .recbox .textArea .vhid {
		display: none;
	}
	.contents .hero.outlet .recommendBox .recbox .iconArea {
		margin-bottom: 5px;
	}
	.contents .hero.outlet .recommendBox .recbox .textArea {
		margin-bottom: 0;
	}
	.contents .hero p.addTxt {
		max-width: 95%;
		margin: 0 auto 10px;
	}
	.contents .hero .linkbtn {
		max-width: 95%;
		margin: 0 auto 10px;
	}
	.contents .hero .linkbtn a {
		padding: 12px 0 16px;
	}
	.contents .movieArea.hero .linkbtn {
		max-width: 100%;
	}
	.contents .snsArea.hero .linkbtn a {
		font-size: 1.7rem;
		padding-right: 1em;
	}

	.contents .hero.outlet .recommendBox {
		padding-bottom: 0;
	}
	.contents .hero.outlet .recommendBox .catchTxt {
		padding-bottom: 0;
	}
	.contents .hero .linkbtn.ban_arrow:before {
		top: 11px;
		right: 8px;
		width: 22px;
		height: 22px;
	}
	.contents .hero .linkbtn.ban_arrow:after {
		top: 17px;
		right: 16px;
		width: 7px;
		height: 7px;
	}
	.contents .hero.outlet {
		padding: 0;
	}

	.contents .hero.outlet .recommendBox {
		padding-bottom: 0;
	}

	#page-top .contents .hero.outlet {
		background-size: contain;
	}

	.contents .hero.outlet .recommendBox .recbox .productArea h4.userName {
		font-size: 1.3rem;
	}

	.contents .hero.kuchikomi .recommendBox .recbox .textArea p {
		font-size: 1.4rem;
		margin-bottom: 1em;
	}
	#page-top .contents .hero.kuchikomi.outlet {
		background: inherit;
	}
	.contents .plusArea, .contents .pickupArea, .contents .movieArea, .contents .snsArea {
		max-width: 100%;
	}

	.titleArea h2 {
		width: 80%;
		height: auto;
		font-size: 2.2rem;
	}

	p.leadtex {
		margin: 0 1em;
		font-size: 4.4vw;
	}

	.contents .cBox div.imgBox {
		max-width: inherit;
		width: 50%;
	}
	.cBox .textBox p.uptex {
		position: relative;
		width: 65%;
		display: block;
		margin-bottom: 14px;
		padding: 0.25em 0.5em;
		min-width: inherit;
		top: 0;
	}
	.innerBox {
		padding-bottom: 20px;
	}
	.contents .s_banArea .linkbtn {
		max-width: 100%;
		width: 95%;
		height: auto;
	}
	.contents .pickupArea {
		background-size: contain;
		background-position: 0 89px;
	}
	.contents .snsArea .linkbtn {
		position: relative;
		bottom: 20px;
	}
	.contents .innerBox .cBox .lineBan p.addTxt {
		bottom: 115px;
		max-width: 85%;
		margin: 0 auto;
	}
	.innerBox {
		max-width: inherit;
	}

	.contents .linkbtn a {
		font-size: 1.7rem;
	}

	.footer {
		margin-top: 0;
		min-width: inherit;
		max-width: 100%;
		background-size: contain;
	}

	.footer p.addTxt {
		width: 90%;
		font-size: 1.4rem;
		margin: 0 1em;
	}
	.footer h2 {
		font-size: 1.6rem;
		margin: 0 1em 1em;
	}
	.footer .imgtex {
		padding-top: 60px;
		width: 92%;
		margin: 0 auto;
	}

	.contents .s_banArea .linkbtn.ban_arrow:before {
		top: 13px;
	}

	.contents .s_banArea .linkbtn.ban_arrow:after {
		top: 21px;
	}

	.contents .snsArea.hero .linkbtn {
		position: relative;
		bottom: 110px;
		width: 85%;
	}
	.contents .snsArea.hero .lineBan.sp h2 {
		height: auto;
	}

	.contents p.addTxt,
	.contents .cBox .textBox p.addTxt
	{
		margin-top: 10px;
		font-size: 1.1rem;
	}

	.contents .linkbtn.lmargin,
	.contents p.addTxt.lmargin
	{
		top: inherit;
	}

	.contents p.addTxt.lpadding {
		padding-left: inherit;
	}

	#page-top .contents .movieArea {
		background-size: contain;
	}

	.contents .hero .cont3darea .recommendBox .recbox {
		gap: 10px;
	}

	.contents .hero .cont3darea .recommendBox .catchTxt {
		min-height: inherit;
		font-size: 1.75rem;
	}

	.contents .hero .recommendBox .recbox .textArea .view3d_but {
		max-width: 50%;
	}

	.contents .snsArea.hero .titleArea h2,
	.contents .movieArea.hero h2,
	.contents .yoridori_Area.hero h2
	{
		height: 33px;
	}


}

/* SP CSS */