@charset "UTF-8";

/*--------------------------------------------------------------------------------
	reset
--------------------------------------------------------------------------------*/

html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}


/*--------------------------------------------------------------------------------
	override & common
--------------------------------------------------------------------------------*/

body {
	font-family: 'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
	width: 100%;
	font-size: 15px;
	line-height: 1.88;
}

@media only screen and (min-width: 768px) {

	body {
		font-size: 17px;
	}

}

.container a {
	color: #000000;
	text-decoration: none;

}

@media only screen and (min-width: 768px) {

	.container a {
		transition: all 0.2s;
	}

	.container a:hover {
		opacity: 0.5;
	}

}

.container img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.c-pc-v {
	display: none;
}

.c-sp-v {
	display: block;
}

@media only screen and (min-width: 768px) {

	.c-pc-v {
		display: block;
	}

	.c-sp-v {
		display: none;
	}

}



/*--------------------------------------------------------------------------------
	/dekioji2024SS/
--------------------------------------------------------------------------------*/

.container {
	padding: 0 0 72px 0;
}

@media only screen and (min-width: 768px) {

	.container {
		padding: 0 0 100px 0;
	}

}



/* ttl */

.p-top-ttl {
	padding: 24px 0;
}

.p-top-ttl > h1 {
	width: 166px;
	height: 20px;
	margin: 0 auto;
	font-size: 0;
	line-height: 1;
}

@media only screen and (min-width: 768px) {

	.p-top-ttl {
		padding: 38px 0;
	}

	.p-top-ttl > h1 {
		width: 242px;
		height: 28px;
	}

}



/* mainv */

.bx-wrapper .bx-viewport {
	border: none;
	box-shadow: none;
	left: 0;
}

.bx-wrapper .bx-prev {
	display: none;
}

.bx-wrapper .bx-next {
	display: none;
}

.bx-wrapper .bx-pager {
	bottom: -50px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #A8A8A8;
	margin: 0 14px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #271D1D;
}

.p-top-mainv-slide-inner {
	display: block;
}

.p-top-mainv-slide-inner-pic {
	width: calc( 100% - 30px);
	height: 467px;
	overflow: hidden;
}

.p-top-mainv-slide-inner-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.p-top-mainv-slide-inner-text {
	box-sizing: border-box;

}

.p-top-mainv-slide-inner-text-box {
	padding: 20px 30px 0 30px;
}

.p-top-mainv-slide-inner-text-box-cat {
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	color: #ffffff;
}

.p-top-mainv-slide-inner-text-box-cat-inner {
	display: inline-flex;
	align-items: center;
	height: 20px;
	background: #000000;
	padding: 0 6px;
}

.p-top-mainv-slide-inner-text-box-ttl {
	font-family: "Noto Serif JP", serif;
	font-size: 22px;
	line-height: 1.33;
	margin-top: 6px;
}

.p-top-mainv-slide-inner-text-box-text {
	font-size: 15px;
	line-height: 1.5;
	font-weight: 500;
	margin-top: 5px;
}

.p-top-mainv-slide-inner-text-box-text.p-top-mainv-slide-inner-text-box-text--pr {
	position: relative;
	padding: 0 0 20px 0;
}

.p-top-mainv-slide-inner-text-box-text.p-top-mainv-slide-inner-text-box-text--pr:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 23px;
	height: 14px;
	content: "";
	background: url(icon-pr.svg) no-repeat center center / contain;
}

.p-top-mainv-slide-inner-text-box-arrow {
	margin: 13px 0 0 auto;
	width:83px;
	height: 6px;
	background: url(icon-arrow-01.svg) no-repeat center center / contain;
}

@media only screen and (min-width: 768px) {

	.p-top-mainv-slide-inner {
		display: flex;
	}

	.p-top-mainv-slide-inner-pic {
		width: 65%;
		height: 600px;
		overflow: hidden;
	}

	.p-top-mainv-slide-inner-pic img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.p-top-mainv-slide-inner-text {
		box-sizing: border-box;
		width: 35%;
		position: relative;
	}

	.p-top-mainv-slide-inner-text-box {
		position: absolute;
		bottom: 90px;
		padding: 0 90px 0 50px;
	}

	.p-top-mainv-slide-inner-text-box-cat {
		font-size: 13px;
		line-height: 1;
		font-weight: 500;
		color: #ffffff;
	}

	.p-top-mainv-slide-inner-text-box-cat-inner {
		display: inline-flex;
		align-items: center;
		height: 20px;
		background: #000000;
		padding: 0 6px;

	}

	.p-top-mainv-slide-inner-text-box-ttl {
		font-family: "Noto Serif JP", serif;
		font-size: 30px;
		line-height: 1.33;
		margin-top: 10px;
	}

	.p-top-mainv-slide-inner-text-box-text {
		font-size: 16px;
		line-height: 1.5;
		font-weight: 500;
		margin-top: 5px;
	}

	.p-top-mainv-slide-inner-text-box-text.p-top-mainv-slide-inner-text-box-text--pr {
		position: relative;
		padding: 0 0 20px 0;
	}

	.p-top-mainv-slide-inner-text-box-text.p-top-mainv-slide-inner-text-box-text--pr:before {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 23px;
		height: 14px;
		content: "";
		background: url(icon-pr.svg) no-repeat center center / contain;
	}

	.p-top-mainv-slide-inner-text-box-arrow {
		margin: 13px 0 0 auto;
		width:165px;
		height: 12px;
		background: url(icon-arrow-01.svg) no-repeat center center / contain;
	}

}

/* about */

.p-top-about {
	padding: 20px 30px 0 30px;
}

.p-top-about-ttl {

}

.p-top-about-ttl > h2 {
	font-family: "Noto Serif JP", serif;
	font-size: 25px;
	font-weight: 400;
	line-height: 1.38;
	letter-spacing: 0.1em;
	text-align: center;
}

.p-top-about-lead {
	font-family: "Noto Serif JP", serif;
	font-size: 15px;
	line-height: 1.6;
	font-weight: 600;
	margin-top: 10px;
}

@media only screen and (min-width: 768px) {

	.p-top-about {
		padding: 20px 0 0 0;
	}

	.p-top-about-ttl > h2 {
		font-size: 30px;
	}

	.p-top-about-lead {
		font-size: 18px;
		margin-top: 15px;
		text-align: center;
	}

}



/* articles */

.p-top-articles {
	width: 100%;
	max-width: 1060px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	padding: 0 30px;
}

.p-top-articles-ttl {
	position: relative;
	margin: 0 -30px;
}

.p-top-articles-ttl:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	content: "";
	background: #131212;
	z-index: -1;
}

.p-top-articles-ttl > h2 {
	text-align: center;
}

.p-top-articles-ttl > h2 > span {
	display: inline-block;
	font-size: 28px;
	line-height: 1.5;
	font-weight: 400;
	background: #ffffff;
	padding: 0 15px 0 15px;
}

.p-top-articles-list {
	margin-top: 24px;
}

.p-top-articles-list-item {
	
}

.p-top-articles-list-item + .p-top-articles-list-item {
	margin-top: 30px;
}

.p-top-articles-list-item-box {
	text-decoration: none;
}

.p-top-articles-list-item-box-pic {
	margin-bottom: 20px;
}

.p-top-articles-list-item-box-cat {

}

.p-top-articles-list-item-box-cat > span {
	display: inline-block;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 400;
	color: #666666;
}

.p-top-articles-list-item-box-cat > span.p-top-articles-list-item-box-cat-pr {
	position: relative;
	padding: 0 32px 0 0;
}

.p-top-articles-list-item-box-cat > span.p-top-articles-list-item-box-cat-pr:before {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	width: 23px;
	height: 14px;
	content: "";
	background: url(icon-pr.svg) no-repeat center center / contain;
}

.p-top-articles-list-item-box-cat > span.p-top-articles-list-item-box-cat-pickup {
	position: relative;
	padding: 0 58px 0 0;
}

.p-top-articles-list-item-box-cat > span.p-top-articles-list-item-box-cat-pickup:before {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0,-50%);
	width: 49px;
	height: 14px;
	content: "";
	background: url(icon-pickup.svg) no-repeat center center / contain;
}

.p-top-articles-list-item-box-ttl {
	font-size: 22px;
	line-height: 1.5;
	font-weight: 500;
}

.p-top-articles-list-item-box-text {
	font-size: 15px;
	line-height: 1.6;
	font-weight: 500;
	margin-top: 10px;
}

@media only screen and (min-width: 768px) {

	.p-top-articles {
		margin-top: 72px;
		padding: 0 40px;
	}

	.p-top-articles-ttl {
		margin:0  0;
	}

	.p-top-articles-ttl > h2 {
		text-align: left;
	}

	.p-top-articles-ttl > h2 > span {
		display: inline-block;
		font-size: 28px;
		line-height: 1.5;
		font-weight: 400;
		background: #ffffff;
		padding: 0 30px 0 0;
	}

	.p-top-articles-list {
		display: flex;
		flex-wrap: wrap;
		margin-left: -25px;
		margin-right: -25px;
		margin-top: 24px;
	}

	.p-top-articles-list-item {
		width: 33.3333%;
		padding: 0 25px;
	}

	.p-top-articles-list-item + .p-top-articles-list-item {
		margin-top: 0;
	}

	.p-top-articles-list-item:nth-of-type(n+4) {
		margin-top: 50px;
	}

}



/*--------------------------------------------------------------------------------
	/dekioji2024SS/p01/
--------------------------------------------------------------------------------*/

/* head */

.p-detail-head {
	box-sizing: border-box;
	width: 100%;
	max-width: 1060px;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 30px 24px 30px;
}

.p-detail-head-inner {
	width: 166px;
	font-size: 0;
	line-height: 1;
}

@media only screen and (min-width: 768px) {

	.p-detail-head {
		padding: 38px 40px 58px 40px;
	}

	.p-detail-head-inner {
		width: 287px;
	}

}

/* detail-body */

.p-detail-body {
	box-sizing: border-box;
	width: 100%;
	max-width: 792px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 30px;
}

.p-detail-body-ttl {
	margin: 0 0 30px 0;
}

.p-detail-body-ttl-inner {
	font-size: 22px;
	line-height: 1.3;
	font-weight: 700;
	margin: 0;
	font-feature-settings: "palt";
}

.p-detail-body-lead {
	font-size: 15px;
	line-height: 1.88;
}

@media only screen and (min-width: 768px) {

	.p-detail-body {
		padding: 0 40px;
	}

	.p-detail-body-ttl {
		margin: 0 0 40px 0;
	}
	.p-detail-body-ttl-inner {
		font-size: 30px;
	}

	.p-detail-body-lead {
		font-size: 17px;
	}

}



/* detail-body-cts */

.p-detail-body-cts {
	width: 100%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 48px;
}

.p-detail-body-cts-ttl {
	margin: 0 0 24px 0;
}

.p-detail-body-cts-ttl-inner {
	font-size: 18px;
	line-height: 1.33;
	font-weight: 700;
	margin: 0;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}


.p-detail-body-cts .bx-wrapper {
	margin: 0 auto 30px auto;
} 

.p-detail-body-cts .bx-pager {
	text-align: center;
	margin-left: -3px;
	margin-right: -3px;
}

.p-detail-body-cts .bx-pager a {
	display: inline-block;
	width: 50px;
	padding: 0 3px;
}

.p-detail-body-cts-inner {
	margin: 40px 0 0 0;
}

.p-detail-body-cts-inner-text p {
	margin: 0;
}

.p-detail-body-cts-inner-text p + p {
	margin: 1.2em 0 0 0;
}

.p-detail-body-cts-inner-text h3 {
	margin: 0 0 15px 0;
}

.p-detail-body-cts-inner-information {
	border-top: solid 1px #BBBBBB;
	margin-top: 40px;
	padding-top: 16px;
}

.p-detail-body-cts-inner-information-ttl {
	font-family: "Arial","Helvetica Neue", "Helvetica", "Hiragino Sans", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	margin: 0 0 10px 0;
}

.p-detail-body-cts-inner-information-list > dl {
	display: table;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500;
	margin: 0;
}

.p-detail-body-cts-inner-information-list > dl > dt {
	display: table-cell;
	width: 4em;
	vertical-align: top;
	margin: 0;
}

.p-detail-body-cts-inner-information-list > dl > dd {
	display: table-cell;
	vertical-align: top;
	margin: 0;
}

@media only screen and (min-width: 768px) {

	.p-detail-body-cts {
		margin-top: 96px;
	}

	.p-detail-body-cts-ttl-inner {
		font-size: 24px;
	}

	.p-detail-body-cts .bx-pager {
		margin-left: -7.5px;
		margin-right: -7.5px;
	}

	.p-detail-body-cts .bx-pager a {
		display: inline-block;
		width: 60px;
		padding: 0 7.5px;
	}

}



/* detail-body-goback */

.p-detail-body-goback {
	margin-top: 120px;
}

.p-detail-body-goback > a {
	display: block;
	width: 100%;
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 15px 0;
	position: relative;
}

.p-detail-body-goback > a:before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 18px;
	content: "";
	background: url(icon-arrow-02.svg) no-repeat center center / contain;
}

.p-detail-body-goback > a > span {
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 1.3;
}



/*
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
*/


/*ニットポロ*/

.p-polo-mt-ss {
	margin-top: 5px;
}

.p-polo-mt-s {
	margin-top: 15px;
}

@media only screen and (min-width: 768px) {
	.p-polo-mt-ss {
		margin-top: 10px;
	}
	
	.p-polo-mt-s{
		margin-top: 30px;
	}
}

.p-polo-contact {
	text-align: center;
	line-height: 1.6;
	margin-top: 30px;
}

@media only screen and (max-width: 499px) {
	.p-polo-contact a .c-text-underline {
		word-break: break-all;
		text-align: left;
		font-size: 80%;
	}
}


@media only screen and (min-width: 768px) {

	.p-polo-contact {
		margin-top: 100px;
	}
	
}

.p-polo-mainv {
	position: relative;
	max-width: 980px;
	margin: 0 auto 40px auto;
}

.p-polo-mainv-credit {
	text-align: right;
	line-height: 1em;
	margin-top: -2em;
	height: 2em;
	padding-right: 1em;
	font-size: 85%;
}

.p-polo-mainv-credit--white {
	color: #FFF;
}

@media only screen and (min-width: 768px) {
	.p-polo-mainv {
		margin: 0 auto 60px auto;
	}
}


.c-text-underline {
	text-decoration: underline !important;
}

.p-detail-body-cts-inner-caption {
	font-size: 12px;
	color: #666;
	margin-top: 0.6em;
	line-height: 1.5;
}

@media only screen and (min-width: 768px) {
	.p-detail-body-cts-inner-caption {
		font-size: 15px;
		
	}
}

/*p04*/

@media only screen and (min-width: 768px) {
	.p-detail-body.p-detail-body--p04 {
		max-width: 29em;
		font-size: 30px;
	}
}

