@charset "utf-8";

.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", sans-serif;
  font-style: normal;
}

#wrap {
	background-color: #fbf6f1;
	padding-bottom: 40px;
}

dl {
	margin: 0;
}

@media screen and (max-width:767px){
	.sp-mt00 {
		margin-top: 0 !important;
	}
}
@media screen and (min-width:768px){
	.pc-mt40 {
		margin-top: 40px !important;
	}
}

/*----- column -----*/
.column-top #aboutHeader {
	margin-bottom: 10px;
	padding: 0;
	position: relative;
	height: 360px;
}
.column-top #aboutHeader .aboutHeader-title {
	padding: 30px 0;
}
.column-top #aboutHeader .aboutHeader-title span {
	color: #5a3300;
	font-size: clamp(2.375rem, .898rem + 6.303vw, 5.625rem);
	font-weight: 700;
}
.column-top #aboutHeader .aboutHeader-title:after {
    background: radial-gradient(circle farthest-side, #FFBF10, #FFBF10 60%, transparent 60%, transparent);
    background-size: 13px;
    content: '';
    display: inline-block;
    height: 10px;
    width: 23%;
}

.column-top .p-category {
	margin: 0 24px 40px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.column-top .chosen-container-single .chosen-single,
.column-top .chosen-container .chosen-drop {
	border: 2px solid #000000;
}

.column-top .column-box {
	margin-bottom:79px;
}
.column-top .column-box ul {
	list-style-type:none;
	padding:0;
	margin:0 0 55px;
}
.column-top .column-box ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: -16px;
	margin-right: -16px;
}
.column-top .column-box ul li {
	float:left;
	box-shadow: 8px 8px #d5eaec;
	border-radius: 5px;
	background:#fff;
	margin-bottom:32px;
	margin-left: 16px;
	margin-right: 16px;
	position: relative;
	padding-bottom: 40px;
}
.column-top .column-box ul li a {
	color:#000;
}
.column-top .column-box ul li h2 {
	margin:0;
	font-size:18px;
}

#column #aboutHeader p.read {
	text-align: left;
	font-size: clamp(.75rem, .620rem + .577vw, 1.125rem);
	line-height: 1.8;
	margin-top: 32px;
}
#column #aboutHeader h2 {
	font-size:18px;
	margin:0 0 27px;
}
.column-single #aboutHeader .prof {
	margin: 0 auto;
}
.column-single #wrap {
	margin: 0 auto;
	padding-top: 8rem;
}
.column-single #wrap-inner {
	margin: 0 auto;
	background: #fff;
	max-width: 1400px;
	padding-bottom: 32px;
}
.column-single #aboutHeader .aboutHeader-title:after {
    background: radial-gradient(circle farthest-side, #FFBF10, #FFBF10 60%, transparent 60%, transparent);
    background-size: 13px;
    content: '';
    display: inline-block;
    height: 10px;
}
.column-single #aboutHeader .aboutHeader-title > span {
	font-size: clamp(1.25rem, .455rem + 3.394vw, 3rem);
}
.column-single section h2 {
	font-size:26px;
	position: relative;
    padding: .5rem 0 1rem;
    margin-bottom: 2.5rem;
    font-weight: 600;
    font-size: clamp(1rem, .481rem + 2.308vw, 2.5rem);
    color: #353535;
}
.column-single section h2:before {
    position: absolute;
    background: #ffbf10;
    top: 100%;
    left: 50%;
    border-radius: 5px;
    transform: translateX(-50%);
    content: '';
	height: 4px;
	width: 100%;
}
.column-single section .txtbox01 dt {
	font-weight: 800;
	margin-top: 10px;
}
.column-single section .txtbox01 dd {
	margin: 0;
}

.column-single .box-recommend h2 {
	position: relative;
	padding: 0 40px;
	text-align: center;
}
.column-single .box-recommend h2:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 10px;
	content: '';
    background: radial-gradient(circle farthest-side, #090909, #090909 60%, transparent 60%, transparent);
    background-size: 13px;
}
.column-single .box-recommend h2 span {
	position: relative;
	background: #fff;
	font-size: clamp(1rem, .545rem + 1.939vw, 2rem);
}
.column-single section h3{border-bottom:2px solid #86bcd9;line-height:1;padding:0 0 12px;margin:0 0 24px;font-size:20px;}
.column-single section p{line-height:1.8;margin:0;}
.column-single .img-left,.column-single .img-right{margin-bottom:40px}
.column-single .column-img img,.column-single .column-txt img{width:100%}
.column-single .s1 article{margin-bottom:80px}
.column-single .column-advice p span{font-weight:bold}
.column-single .column-advice .column-advice-talk{margin-bottom:40px}
.column_about ol{margin:30px 0;font-size:16px;line-height:1.9;counter-reset:li}
.column_about ol > li:before{content:counter(li) ". ";counter-increment:li;font-weight:bold}
.column_about ol > li{padding-left:1em;text-indent:-1em;}
.column-list .column-list-innr{margin:60px auto}
.column-single .column-list h2{margin-bottom:40px}
.column-list{padding:0 40px}
.column-list .list-img{float:left;width:95px;margin-right:15px}
.column-list .list-txt{display:table;height:95px;}
.column-list a{color:#000}
.column-list .list-txt p{display:table-cell;vertical-align:middle;}
.column-list ul li{padding:8px 0;border-bottom:2px dotted #cacaca}
.column-list ul li:nth-child(1){border-top:2px dotted #cacaca}
.column-list ul li:hover{opacity:.8}

.column-top .p-category__label{
	margin-right: 20px;
	font-size: 18px;
	font-weight: bold;
}

.column-top .column-tags{
	margin: 0 12px;
	padding-bottom: 24px;
}

.column-top .column-tags__item{
	display: inline-block;
	margin: 0 0 5px 12px;
	font-size: 14px;
}

.column-top .column-tag-anc {
	border: solid 1px #090909;
	border-radius: 5px;
	display: block;
	padding: 3px;
	width: 100%;
}

.column-top #aboutHeader img {
	width: clamp(14.906rem, 7.713rem + 31.971vw, 35.688rem);
	height: auto;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 25%;
	transform: translate(-50%,-25%);
}

.column-top #aboutHeader .read-txt {
	width: 100%;
	margin: 0 auto;
	font-size: clamp(.75rem, .523rem + .97vw, 1.25rem);
	color: #5a3300;
	height: auto;
	position: absolute;
	left: 50%;
	bottom: 15%;
	transform: translate(-50%, -15%);
}

.column-single .gotop-btn{
	margin: 0;
	padding-right: 15px;
}

.column-single .gotop-btn img{
	vertical-align: middle;
}

.column-top .column-box-list{
	transition: opacity .1s;
}

.column-top .column-box-list li{
	transition: opacity .8s;
}

.column-top .column-box-list.js-hide,.column-box-list li.js-hide{
	transition-duration: .1s;
	opacity: 0;
}

.column-top .chosen-container-single .chosen-single input[type="text"]{
	width: 50px;
    opacity: 0;
    left: -50px;
}
.column-data {
	position: absolute;
	right: 24px;
	bottom: 24px;
	color: #646464;
	font-size: clamp(.625rem, .474rem + .673vw, 1.063rem);
	text-align: right;
}

.column-single .box-guide > dl {
	margin: 0 auto;
	border: solid 2px #FFBF10;
	border-radius: 10px;
	padding: 12px;
}
.column-single .box-guide > dl dt {
	font-size: clamp(.75rem, .620rem + .577vw, 1.125rem);
}
.column-single .box-guide > dl li {
	font-size: clamp(.75rem, .620rem + .577vw, 1.125rem);
	line-height: 2;
}
.column-single .box-guide > dl li a {
	position: relative;
	display: inline-block;
	text-decoration: underline;
}
.column-single .box-guide > dl li a span::before {
  	content: "・ ";
    position: absolute;
    left: -20px;
}

.column-single section:last-of-type {
	margin-bottom: 6%;
}
.column-single section + section,
.column-single .box-recommend {
	margin-top: 4.6%;
}

.column-single .read .bo-yellow01 {
	background:linear-gradient(transparent 60%, #FFE395 60%);
}

.column-single .link-dphoto {
	font-weight: bold;
}

.column-single .box-recommend .item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.column-single .box-recommend .item .img {
	max-width: 360px;
	display: block;
	margin: 0;
}
.column-single .box-recommend .item:not(:first-of-type) {
	margin-top: 32px;
}
.column-single .box-recommend .item .text .item-title {
	font-size: clamp(.875rem, .477rem + 1.697vw, 1.75rem);
	text-decoration: underline;
}
.column-single .box-recommend .item .text .item-title a:link,
.column-single .box-recommend .item .text .item-title a:visited {
	color: #1b1b1b;
}
.column-single .box-recommend .item .text .column-tags__item {
	font-size: clamp(.75rem, .663rem + .385vw, 1rem);
	border: solid 1px #090909;
	border-radius: 20px;
	padding: 0 5px;
}
.column-single .box-recommend .item .text .column-tags__item a:link {
	color: #090909;
}

.column-single .link-social > ul {
	display: flex;
	flex-direction: row;
}
.column-single .link-social > ul .item:not(.fav) {
	max-width: 30px;
	margin-right: 16px;
}

.column-single .link-dphoto p {
	display: block;
	background: #ff5d5d;
	color: #1B1B1B;
	margin: 20px auto 0;
	padding: 20px 5px;
	text-align: center;
	font-size: clamp(1rem, .956rem + .188vw, 1.125rem);
}

.column-single .link-dphoto p a {
	color: #ffffff;
}
.column-single .txt-next {
	margin: 20px 0 0 2em;
	list-style-type: disc;
}
.column-single .att-ai {
	text-align: left;
	font-size: clamp(.75rem, .620rem + .577vw, 1.125rem);
}


/*----- media query -----*/
@media screen and (min-width:1040px){
	.column-top .header .header_inner .col-md-9-10 .photo_column_banner a{
		line-height: 36px;
		margin-right: 12px;
	}
}

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

	/*----- header -----*/
	.column-top .header-logo img{width:54px;}
}
@media screen and (max-width:767px){
	.column-top #aboutHeader {
		margin-bottom: 20px;
		max-height: 230px;
		background: transparent url(../../img/column/index/kv_sp.png) no-repeat center center;
		background-size: cover;
		position: relative;
	}
	.column-single #aboutHeader .aboutHeader-title:after {
		width: 51%;
	}
	.header .header_inner .btn_app_s {
		display: flex;
		flex-direction: row;
		position: absolute;
		align-items: center;
		top: 10px;
        right: 10px;
	}
	.header .header_inner .btn_app_s li {
		max-width: 90px;
		margin-right: 5px;
	}
	.header .header_inner .btn_app_s img {
		height: 30px;
	}

	/*----- column -----*/
	.column-top .column-box{margin-bottom:100px}
	.column-top #aboutHeader{margin-bottom:42px}
	.column-box{margin-bottom:44px;padding:0 15px}
	.column-top-btn{margin-bottom:100px}
	.column-top .column-box ul{margin:0 0 24px}
	.column-top .column-box ul li{width:100%;margin-bottom:19px}
	.column-box ul li h2{margin:0;font-size:15px;padding-left:8px;}
	.column--circle p{border:2px solid #000;font-size:12px;width:56px;height:56px}
	.column--circle{width:43px}
	.text-box .column--h2{font-size:15px}
	.column-single main{background:url(../../img/bg_1_sp.png)top center no-repeat;background-size:contain;}
	.column-advice-innr{padding:0 15px}
	.column-list .column-list-innr{margin:40px auto}
	.column-single .section_innr{padding:0 15px}

	/*プルダウン*/
	.column-top #aboutHeader img {
		max-width: 477px;
		width: 60%;
	}
	.column-top .chosen-container{
		display: none !important;
	}
	.column-top .p-category{
		display: block;
		margin-bottom: 40px;
	}
	.column-top .p-category__label{
		margin-bottom: 0;
	}
	.column-top .p-category__wrap{
		margin-top: 8px;
		position: relative;
		border: solid 2px #000;
	}
	.column-top .p-category__wrap::before{
		position: absolute;
		right: 12px;
		top: 50%;
		content: '';
		width: 20px;
		height: 11px;
		background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAPCAYAAAD+pA/bAAAA6ElEQVR4Aa3SIUgDYQDF8e9usHAwTDNpW11eX+dENDjtwnqx2XQ9CPZ1uY5ZEVwxLq4trSwMjj3/4QmfInq72x9+7cUX3BkukKJpKS6RB3cO2QRNm0B2gjCCImPUbQxFThESPEFWIseujVBCNkUSXIY3yNYYoGpDbCB7QRvfOsQcsiV6+K8+VpDN0cWv9bCsOqYjLCBb4Bh/NsAasncc4GddfEC2Qh+VylFC9ow2vsrwCtkGw6aXmyJBigKyLa5Qq3socos7KHKD2iV4hGxrsgc0roUCQqxAC3spwwyyGTLstQ6urYNKfQJ3x1/EeYD/NQAAAABJRU5ErkJggg==) no-repeat center center;
		background-size: contain;
		z-index: 1;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
	.column-top .p-category__wrap select{
		position: relative;
		z-index: 2;
		display: block !important;
		width: 100%;
		-webkit-appearance: none;
		border: none;
		line-height: 32px;
		background-color: #fff;
		font-weight: bold;
		font-size: 16px;
		padding: 3px 12px;
	}
	.column-top .header .header_inner .col-md-9-10 .photo_column_banner a{
		display: block;
		line-height: 32px;
		margin-right: 12px;
	}

	.column-single #wrap {padding:36px 15px 45px}
	.column-single #wrap-inner {
		padding: 0 20px 32px;
	}
	.column-single #aboutHeader{padding:36px 0 45px}
	#column #aboutHeader h1{font-size:20px;line-height:1.3;}
	#column #aboutHeader h2{font-size:15px;line-height:1.333;margin:0 0 10px 0}
	.column-single .box-guide {
		margin: 0 15px;
	}
	.column-single .box-guide > dl dd {
		margin-left: 14px;
	}
	.column-single section + section {
		margin-top: 14%;
	}
	.column-single .box-recommend {
		margin-top: 20.7%;
	}
	.column-single section:first-of-type {
		margin-top: 15%;
	}
	.column-single section .flex.col2 {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.column-single section .flex.col2 .item-img {
		order: 1;
	}
	.column-single section .read {
		margin-top: 20px;
	}
	.column-single section .flex.col2 .item-text {
		order: 2;
	}
	.column-single section .txtbox01 dt {
		margin-top: 20px;
	}

	.column-single section h2{font-size:19px;margin:0 0 20px}
	.column-single section h3{font-size:18px;margin: 0 0 14px}
	.column-single .img-left,
	.column-single .img-right{margin-bottom:0}
	.column-single .s1 article{margin-bottom:40px}
	.column-single section p{font-size:15px;line-height:1.6}
	.column-single .column-top-btn{padding:0 15px}
	.column-single .column-list h2{margin-bottom:25px}
	.column-list{padding:0 15px}
	.column-list .list-img{width:55px;height:55px}
	.column-list .list-txt{height:55px}
	.column_about ol{margin:24px 0;font-size:15px;line-height:1.7;}
	.column-single #aboutHeader .aboutHeader-title {
		font-size: clamp(2.5rem, 2.327rem + .769vw, 3rem);
	}

	.column-single .box-recommend .item {
		flex-direction: column;
	}
	.column-single .box-recommend h2 span {
		padding: 0 .7em;
	}
	.column-single .box-recommend .item .text {
		display: flex;
		flex-direction: column;
	}
	.column-single .box-recommend .item .text .item-title {
		order: 2;
	}
	.column-single .box-recommend .item .text .data {
		order: 1;
	}
	.column-single .box-recommend .item .text .column-tags {
		order: 3;
		margin-top: 16px;
	}
	.column-single .box-recommend .item .text .column-tags__item {
		display: inline-block;
	}
	.column-single .link-social > ul {
		justify-content: center;
	}
	.column-single .link-dphoto p {
		width: 90%;
	}
}

@media screen and (min-width:768px){
	.header .header_inner .btn_app_s {
		display: none;
	}
	.column-top #aboutHeader {
		background: transparent url(../../img/column/index/kv_pc.png) no-repeat center center;
		background-size: cover;
	}
	.column-single #aboutHeader .aboutHeader-title:after {
		width: 28%;
	}
	.column-single #aboutHeader .prof {
		max-width: 450px;
	}
	.column-img,
	.column-txt{width:48.275862069%}
	.img-left .column-img{float:left;}
	.img-left .column-txt{float:right}
	.img-right .column-img{float:right;text-align:right}
	.img-right .column-txt{float:left}

	.column-list ul li:nth-child(2){border-top:2px dotted #cacaca}
	.column-list li{width:48.275862069%;float:left;}
	.column-list li:nth-child(2n){margin-left:3.113772455%}

	.column-single main {
		margin-top: 30px;
	}
	.column-single #wrap-inner {
		padding: 0 100px 32px;
	}
	.column-single section h2 span:before{top:50%;margin-top:-8px}

	.column-single .box-guide > dl {
		max-width: 800px;
		padding: 16px 60px;
	}
	.column-single .box-guide > dl dd {
		margin-left: 0;
		padding-left: 2em;
	}

	.column-single section:first-of-type {
		margin-top: 6%;
	}
	.column-single section .flex.col2 {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.column-single section .flex .item-img {
		width: 482px;
	}
	.column-single section .flex .item-text {
		width: calc(100% - 500px);
	}

	/*----- column -----*/
	.column-box{padding:0 40px}
	/*.column-box ul li{width:48.275862069%}*/
	.column-box ul li{width:calc( (100% - 96px) / 3 )}
	/*.column-box ul li:nth-of-type(2n){margin-left:3.448275862%;float:right}*/
	.column--circle p{
		min-width:66px;
		min-height:66px;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
		align-items: center; /* 縦方向中央揃え */
		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
		justify-content: center; /* 横方向中央揃え */
	}
	.text-box .column--h2{width:calc(100% - 66px - 18px);}
	
	.column-single .box-recommend h2 span {
		padding: 0 1.3em;
	}
	.column-single section p ,
	.column-single section .txtbox01 {
		font-size:18px;
	}
	.column-single section .txtbox01 dt {
		margin-top: 10px;
	}
	.column-single .box-recommend .item .text .item-title {
		width: 100%;
	}
	.column-single .box-recommend .item .text {
		width: calc(100% - 424px);
	}
	.column-single .box-recommend .item .text .data,
	.column-single .box-recommend .item .text .column-tags,
	.column-single .box-recommend .item .text .column-tags__item {
		display: inline-block;
	}
	.column-single .box-recommend .item .text .data {
		margin-right: 20px;
	}
	.column-single .box-recommend .item .text .column-tags__item {
		margin-right: 10px;
	}
	.column-single .link-social > ul {
		justify-content: right;
	}

	.column-single .link-dphoto p {
		width: 50%;
	}
}


@media screen and (min-width:1200px){
	.column-top .header .column-box ul li{width:calc( (100% - 98px) / 3 )}
	.column-top .inner_992{max-width:1200px;margin:0 auto}
}