@charset "utf-8";
/* CSS Document */

/*==================================
	base
==================================*/
html { height: 100%; width: 100%;font-size: 16px;}
body { height: 100%; width: 100%; position: relative;
/* base font setting */ font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height: 1.2; letter-spacing: 0.02em; color:#868585;
/* Horizontal scroll width */ min-width: 750px;}
img { vertical-align: bottom;}
a { color: #77746d; text-decoration: none; display: inline-block;}
a:hover { text-decoration: none;}
.outer { width: 750px; margin: 0 auto;}
.inner { width: 86.66%; margin: 0 auto;}
h1 { font-size: 28px; font-weight: bold; margin-bottom: 8%;}
h2 { font-size: 20px; font-weight: bold; margin-bottom: 5%;}
.main { padding-bottom: 20%;}

input, label.file, textarea { width: 100%; border-radius: 5px; border: solid 1px #c3c3c3; padding: 5%;}
input { border: solid 1px #c3c3c3;}
input:focus { outline: none;}
textarea:focus { outline: none;}
select { border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none;}
select:after { content: "\f078"; display: inline-block; width: 10px; height: 10px;}
label.file { cursor: pointer; display: inline-block;}
input[type="file"] { display: none;}
input[type="checkbox"],input[type="radio"] { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
textarea { min-height: 150px;}

@media screen and (min-width: 751px) {
.spOnly { display: none;}
a[href^="tel:"] { pointer-events: none;}
input.min { width: 140px;}
}
@media screen and (max-width: 750px) {
html { font-size: 2.4vw;}
body { min-width: 100%;}
img { width: 100%;}
.pcOnly { display: none;}
.outer { width: 100%;}
input.min { width: 100px;}
textarea { min-height: 100px;}
}

/*==================================
	parts
==================================*/
/* text */
.txtC { text-align: center;}
.txtR { text-align: right;}
/* margin */
.mb4 { margin-bottom: 4%;}
.mb5 { margin-bottom: 5%;}
.mb10 { margin-bottom: 10%;}
.mb15 { margin-bottom: 15%;}
.mb20 { margin-bottom: 20%;}
/* btn */
.btnArea { text-align: center;}
.btnSetup { display: flex; justify-content: center;}
.btnSetup p { margin: 0 5px;}
.btnL { text-align: center; font-size: 24px; padding: 4.5% 2%; border-radius: 50px; font-weight: bold;}
.btnM { text-align: center; font-size: 20px; padding: 2% 2%; border-radius: 40px; font-weight: bold;}
.btnS { text-align: center; font-size: 20px; padding: 10% 5%; border-radius: 25px;}
.btnW40 { width: 40%;}
.btnRD { background: #ef6342; color: #fff;}
.btnGR { background: #36c9a5; color: #fff;}
.btnGY { background: #e6e6e6; color: #868585;}
.btnLGY { background: #f4f4f4; color: #868585;}
.btnWHrd { background: #fff; color: #ef6342; border: solid 1px #ef6342;}
/* input */
.iptxtL {}
.iptxtL input { padding: 2%; border-radius: 5px;}
/* pageTit */
.pageTit {text-align: center;margin: 4% 0;color: #444;font-weight: bold;font-size: 5.2vw;}
@media screen and (min-width: 768px) {
.pageTit {letter-spacing: 0.17rem;font-size: calc(2rem/1.6);}
}
@media screen and (max-width: 767px) {}

/* formArea */
.formArea {}
.formArea .formSetup { display: flex;}
.formArea dl { display: flex; flex-wrap: wrap;}
.formArea dl dt { width: 24.61%; margin-bottom: 3%; padding-top: 3.5%;}
.formArea dl dt.required:after { content: "※"; color: #fe0000;}
.formArea dl dd { width: 75.38%; margin-bottom: 3%; display: flex; flex-wrap: wrap;}
.formArea.confirm dl dd { width: 75.38%; padding-top: 3.5%;margin-bottom: 3%; display: flex; flex-wrap: wrap;}
.formArea dl dd.error:after { content: "※入力内容に誤りがあります"; font-size: 14px; color: #fe0000; margin-top: 1%; display: block;}
.formArea .select { width: 100%; border-radius: 5px; border: solid 1px #c3c3c3;}
.formArea .select label select { width: 100%; padding: 5%;}
.formArea .select select:focus { outline: none;}
.formArea .select label { position: relative;}
.formArea .select label i { position: absolute; top: 0; right: 0;}
.formArea .select label:after { position: absolute; display: block; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078"; pointer-events: none; top: 12%; right: 5%; width: 20px; height: 20px; text-align: center;}
.formArea .select.btnW40 { width: 40%; margin-left: 5%;}
.formArea .select.btnW40 select { padding: 14% 12%;}
.formArea .checkbox { padding-top: 22px; margin-left: 25px;}
.formArea .checkbox label { position: relative;}
.formArea .checkbox label span { display: inline-block; padding-left: 30px;}
.formArea .checkbox label input[type="checkbox"] { position: absolute; top: 0; left: 0; opacity: 0;}
.formArea .checkbox label input[type="checkbox"] + span::before, label input[type="checkbox"] + span::after { position: absolute; top: -2px; left: 0; display: inline-block; content: ''; box-sizing: border-box;}
.formArea .checkbox label input[type="checkbox"] + span::before { z-index: 0; background-color: transparent; width: 22px; height: 22px; border: 2px #ef6342 solid; border-radius: 5px;}
.formArea .checkbox label input[type="checkbox"] + span::after { z-index: 1; margin: 4px 8px; width: 6px; height: 11px;}
.formArea .checkbox label input[type="checkbox"]:checked + span::before { background-color: #ef6342;}
.formArea .checkbox label input[type="checkbox"]:checked + span::after { border: 2px solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.formArea .btnL { width: 77%; margin: 5% auto 0 auto; padding: 5.2% 2%;}
@media screen and (max-width: 750px) {
.btnL { font-size: 3vw;}
.btnM { font-size: 2.8vw;}
.btnS { font-size: 2.8vw;}
/* formArea */
.formArea dl dd.error:after { font-size: 2vw;}
}

.listTable {}
.listTable li { display: flex; justify-content: space-between; border-bottom: solid 1px #eeeeee; padding-bottom: 5%; margin-bottom: 5%;}
.listTable li .txt { width: 67.69%; line-height: 1.8; font-size: 20px;}
.listTable li .btnArea { width: 26.15%;}
.listTable li .btnArea a { width: 100%;}
.listTable li .btnArea a.btnM { padding: 10%;}
.listTable li .btnArea a.btnS { padding: 8%;}

@media screen and (max-width: 750px) {
.listTable li .txt { font-size: 2.8vw;}
}


.listPost { display: flex; flex-wrap: wrap;}
.listPost li { position: relative; width: 48.46%;}
.listPost li:nth-child(n+3) { margin-top: 5%;}
.listPost li:nth-child(2n+1) { margin-right: 3%;}
.listPost li img {  object-fit: cover; width: 100%; height: 314px; border-radius: 6%;}
.listPost li .delete { position: absolute; right: 2%; top: 2%; width: 9%; background: #e6e6e6; border-radius: 20px;}
.listPost li .delete a { display: block; text-align: center; padding-top: 100%; background:url("../img/icon_delete.svg") center center no-repeat; background-size: 90% auto;}
@media screen and (max-width: 750px) {
.listPost li img { height: 40.8vw;}
}

label.file.postfile { border: none; background: url("../img/icon_postimg.svg") center 35% no-repeat #fafafa; border-radius: 20px; text-align: center; padding: 40% 0 25% 0;}
label.file.postfile .txt { background: #bfbfbf; color: #fff; border-radius: 5px; padding: 3% 5%; font-size: 20px;}
@media screen and (max-width: 750px) {
label.file.postfile { background-size: 8vw auto;}
label.file.postfile .txt { font-size: 2.8vw;}
}

/*==================================
	contact
==================================*/
.contactBlock input, .contactBlock label.file, .contactBlock textarea {padding: 3%;}
.contactBlock {margin: 2% auto;max-width: 750px;}
.contactBlock .formArea .btnL { margin: 4% auto 0 auto; padding: 15px 35px;font-size: calc(1.2rem/1.6);width: auto;}
.contactBlock .formArea .select.btnW40 select {padding: 9% 12%;}
@media screen and (max-width: 767px) {
.contactBlock .formArea {font-size: 3.2vw;line-height: 160%;}
}
/* radio */
.radio {display: flex;align-items: center;padding-top: 3.5%;}
.radio-input{display: none;}
.radio-input + label{padding-left: 20px;position:relative;margin-right: 20px;}
.radio-input + label::before{content: "";display: block;position: absolute;top: 0;left: 0;width: 15px;height: 15px;border: 1px solid #999;border-radius: 50%;}
.radio-input:checked + label{color: #ef6342;}
.radio-input:checked + label::after{content: "";display: block;position: absolute;
top: 3px;left: 3px;width: 9px;height: 9px;background: #ef6342;border-radius: 50%;}


/*==================================
	header
==================================*/
header { position: fixed; width: 100%; background: #fff; box-shadow: 0px 5px 7px 2px #f3f3f3; z-index: 100;}
header .hd_line { display: flex; justify-content: space-between; align-items: center; padding: 20px 20px 20px 30px;}
header .hd_line .hd_tit {}
header .hd_line .hd_txt { display: flex; width: 100%; justify-content: flex-end; align-items: center;}
header .hd_line .hd_txt .hd_name { padding-right: 4.6%;}
header .hd_line .hd_btn { width: 29%;}
header .hd_line .hd_btn a { display: block; font-size: 16px;}
@media screen and (max-width: 750px) {
header .hd_line { padding: 2.2% 2.6% 2.2% 4%;}
header .hd_line .hd_btn a { font-size: 2vw;}
}


/*==================================
	floating
==================================*/
.floating { position: fixed; bottom: 0; width: 100%; background: #fafafa;}
.floating ul { display: flex; border-left: solid 1px #eeeeee;}
.floating ul li { width: 25%;}
.floating ul li a { display: block; border-right: solid 1px #eeeeee; padding: 35% 0 10% 0; font-size: 13px; text-align: center;}
.floating ul li.photo a { color: #ef6342; background:url("../img/icon_photo.svg") center 30% no-repeat #fafafa; background-size: 22% auto;}
.floating ul li.post a { background:url("../img/icon_post.svg") center 30% no-repeat #fafafa; background-size: 22% auto;}
.floating ul li.service a { background:url("../img/icon_service.svg") center 30% no-repeat #fafafa; background-size: 22% auto;}
.floating ul li.profile a { background:url("../img/icon_profile.svg") center 30% no-repeat #fafafa; background-size: 22% auto;}
@media screen and (max-width: 750px) {
.floating ul { border-left:none;}
.floating ul li a { font-size: 2vw;}
.floating ul li:last-child a { border-right:none;}
}





/*==================================
	centerCont
==================================*/
body.centerCont { background: #fafafa; width: 100%; height: 100%;}
body.centerCont .main { width: 100%; height: 100%; padding-bottom: 0;}
body.centerCont .main article { display: table; width: 100%; height: 100%; text-align: center;}
body.centerCont section { display: table-cell; vertical-align: middle;}
body.centerCont section h1 { font-size: 34px;}
body.centerCont section .btnL { width: 500px; letter-spacing: 0.2em; margin-top: 5%;}
body.centerCont section .iptxtL input { border: 0; width: 500px; font-size: 24px; padding: 3.5% 5%; font-weight: bold;}
body.centerCont section .iptxtL:nth-of-type(1) { margin-bottom: 4%;}
body.centerCont section .dbLink { display: flex; flex-wrap: wrap; justify-content: space-between;}
body.centerCont section .dbLink li { width: 48.46%; margin-top: 3%;}
body.centerCont section .dbLink li:nth-child(-n+2) { margin-top: 0;}
body.centerCont section .dbLink li a { display: block; border: solid 1px #c9c9c9; border-radius: 5px; padding: 50% 5% 15% 5%; font-size: 28px; font-weight: bold;}
body.centerCont section .dbLink li.photo a { border: solid 1px #ef6342; color: #ef6342; background:url("../img/icon_photo.svg") center 40% no-repeat #fff;}
body.centerCont section .dbLink li.post a { background:url("../img/icon_post.svg") center 40% no-repeat #fff;}
body.centerCont section .dbLink li.service a { background:url("../img/icon_service.svg") center 40% no-repeat #fff;}
body.centerCont section .dbLink li.profile a { background:url("../img/icon_profile.svg") center 40% no-repeat #fff;}
@media screen and (max-width: 750px) {
body.centerCont section h1 { font-size: 4.5vw;}
body.centerCont section .btnL { width: 66.66%;}
body.centerCont section .iptxtL input { width: 66.66%; font-size: 3vw;}
body.centerCont section .dbLink li a { font-size: 3.5vw;}
body.centerCont section .dbLink li.photo a { background-size: 8vw auto;}
body.centerCont section .dbLink li.post a { background-size: 8vw auto;}
body.centerCont section .dbLink li.service a { background-size: 8vw auto;}
body.centerCont section .dbLink li.profile a { background-size: 8vw auto;}
}
/*==================================
	nomalCont
==================================*/
body.nomalCont h1 { padding: 18% 0 4% 0;}
body.nomalCont .titline { border-bottom: solid 1px #e7e7e7; margin-bottom: 50px;}
@media screen and (max-width: 750px) {
body.nomalCont h1 { font-size: 3.8vw;}
body.nomalCont .titline { margin-bottom: 5%;}
}

body.entry header .hd_line  .hd_name  { display: none;}
body.entry header .hd_line  .hd_btn  { display: none;}
body.entry .ppArea { margin-top: 4%;}
body.entry .ppArea .pptxt { width: 100%; height: 150px; overflow-y: scroll; border: solid 1px #c3c3c3; padding: 3%; line-height: 1.8;}
body.entry .ppArea .checkbox { font-weight: bold; margin-top: 2%;}
body.entry .ppArea .checkbox span { vertical-align: text-top;}





/*==================================
	header02
==================================*/
header .hd_base { position: fixed; top: 0; width: 100%; background: #fff;z-index: 100;}
header .hd_base.hd_line { display: flex; justify-content: space-between; align-items: center; padding: 20px 20px 20px 30px;}
header .hd_base.hd_line .hd_tit {width: 200px;}
header .hd_base.hd_line .hd_tit img {width: 100%;}
header .hd_base.hd_line .hd_txt { display: flex; width: 100%; justify-content: flex-end; align-items: center;}
header .hd_base.hd_line .hd_txt .hd_name { padding-right: 4.6%;}
header .hd_base.hd_line .hd_btn { width: 29%;}
header .hd_base.hd_line .hd_btn a { display: block; font-size: 16px;}

/*検索*/
header .search_container{position: relative;box-sizing: border-box;display: block;padding: 5px 15px;border-radius: 25px;max-width: 460px;overflow: hidden;background: #f2f2f2;}
header .search_container input[type="text"]{border: none;height: 2.0rem;background: #f2f2f2;padding-left: 1.8rem;}
header .search_container input[type="text"]:focus {outline: 0;}
header .search_container button[type="submit"]{cursor: pointer;border: none;
background: none;position: absolute;height: 1.8rem;left: 5px;top: 0px;bottom:0;margin: auto;outline : none;}
header .search_container button[type="submit"] img {height: 100%;}
header .search_container ::-webkit-input-placeholder {color: #696969;}
@media screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
header .hd_base.hd_line .hd_tit {width: 70%;}
header .hd_base.hd_line { padding: 15px 2.6% 15px 4%;}
header .hd_base.hd_line .hd_btn a { font-size: 2vw;}
header .hd_base.hd_line .hd_tit {}
header .hd_base.hd_line .hd_tit img {height: 35px;width: auto;}
header .hd_base.hd_line .hd_search {width: 100%;padding-left: 10px;}
header .search_container {padding: 2% 4%;}
header .search_container button[type="submit"] {width: 1.8rem;height: 1.4rem; padding: 0;}
header .search_container input[type="text"] {height: 30px;}
}

/*==================================
	floating02
==================================*/
.floating_base { position: fixed; bottom: 0; width: 100%; background: #fafafa;}
.floating_base ul { display: flex; border-left: solid 1px #eeeeee;max-width: 750px;margin: 0 auto;}
.floating_base ul li { width: 33.3%;text-align: center;}
.floating_base ul li a { display: block; border-right: solid 1px #eeeeee;  font-size: calc(1.6rem/1.6); padding: 20px;}
.floating_base ul li a.active .icon {color: #ef6342;}
.floating_base ul li a .photo { background-image:url("../img/icon_search.svg");}
.floating_base ul li a .ranking { background-image:url("../img/icon_ranking.svg");}
.floating_base ul li a .favorite { background-image:url("../img/icon_favorite.svg");}
.floating_base ul li a.active .photo { background-image:url("../img/icon_search_active.svg");}
.floating_base ul li a.active .ranking { background-image:url("../img/icon_ranking_active.svg");}
.floating_base ul li a.active .favorite { background-image:url("../img/icon_favorite_active.svg");}
@media screen and (min-width: 751px) {
.floating_base ul li a .icon {padding-left: 30px;background-size: 20% auto;background-position: center left;background-repeat: no-repeat;}
}
@media screen and (max-width: 750px) {
.floating_base .inner {width: 100%;}
.floating_base ul { border-left:none;}
.floating_base ul li a {padding: 8vw 2vw 3vw 2vw;}
.floating_base ul li:last-child a { border-right:none;}
.floating_base ul li a .icon {background-size: 4vw auto;background-position: center top;background-repeat: no-repeat;padding-top: 5vw;}
}


/*==================================
	scrollNav 
==================================*/
.scrollNav {overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;}
.scrollNav::-webkit-scrollbar {display:none;}
.scrollNav ul{display: flex;list-style-type: none;padding: 0;text-align: center;width: max-content;}
.scrollNav ul li{display: flex;/*min-width:21%;*/margin: 0 5px;}
.scrollNav ul li a{width: 100%;color:#FFF;text-decoration:none;border-radius: 25px;padding: 15px;}
.scrollNav ul li a.col01 {background: #f2a0a1;}
.scrollNav ul li a.col02 {background: #80aba9;}
.scrollNav ul li a.col03 {background: #c0c6c9;}
.scrollNav ul li a.col04 {background: #e5e5e5;}
.scrollNav ul li a.col05 {background: #c099a0;}
.scrollNav ul li a.col06 {background: #84b9cb;}
.scrollNav ul li a.col07 {background: #e5e5e5;}
.scrollNav ul li a.col08 {background: #f5e56b;}
.scrollNav ul li a.col09 {background: #d8a373;}
.scrollNav ul li a.col10 {background: #90aab7;}
@media screen and (max-width: 767px) {
.scrollNav ul li {margin: 0 2px;}
.scrollNav ul li a {font-weight: bold;font-size: 2.8vw;padding: 1.5rem;}	
}

/*==================================
	footer
==================================*/
footer .flex {display: flex;justify-content: space-between;align-items: center;font-size: calc(1.2rem/1.6);padding: 20px 0;}
footer .flex .link a {text-decoration: underline;}
@media screen and (max-width: 767px) {
footer .flex {flex-wrap: wrap;text-align: center;padding: 2% 0;}
footer .flex .link {order: 1;margin: 0 auto 3%;}
footer .flex copy {order: 2;width: 100%;}
}

/*==================================
	itemList　一覧
==================================*/
/*.itemList {display: flex;flex-wrap: wrap;overflow: hidden;flex-direction: column;}
.phitem {margin:2% 2% 0 0;}
.phitem:last-of-type{margin-bottom: 20px}
figure{border-radius: 15px;background-color: lightgray;line-height: 0;margin: 0;}
figure img{border-radius: 15px;width: 100%;height: auto;}
figure img:hover{opacity: .7;}*/

@media screen and (min-width:768px){
.mainBase {padding-top: 100px;/*padding-bottom: 50px;*/}
/*.itemList {width: 84.6%;margin: 0 auto; height: auto;}
.phitem{width: 32%;}*/
}
/*幅990px以上*/
@media screen and (min-width:990px){
/*.itemList {max-width: 1200px;margin:0 auto;height: auto;}
.phitem{width: 23.5%;}*/
}
@media screen and (max-width: 767px) {
.mainBase {padding-top: 80px;/*padding-bottom: 20%;*/}
/*.itemList {height: 280vh;margin: 4% 4% 0 0;}
.phitem {width: 46%;margin: 0 0 4% 4%}
.phitem a {width: 100%;}*/
}

#photoListFix {
	padding: 50px 0;
	margin: 0 auto;
	transition: opacity 0.3s;
	opacity: 0;
	max-height: 100vh;
	overflow: hidden;
	box-sizing: border-box;
}
.phitem {
	max-width: 300px;
	padding: 10px 0px;
}
@media screen and (max-width: 750px) {
	#photoListFix {
		padding: 5vw 0;
	}
	.phitem {
		max-width: 160px;
		padding: 5px 0px;
	}
}
.phitem figure {
	width: 100%;
	margin: 0;
}
.phitem figure img {
	width: 100%;
	border-radius: 15px;
}






/*==================================
	itemDetail　詳細ページ
==================================*/
.itemDetail {width: 84.6%;margin: 2% auto;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;border-radius: 25px;max-width: 1200px;}
.itemDetail .itemInner figure {margin: 0;display: flex;align-content: center;justify-content: center;}
.itemDetail .itemInner figure img {border-radius: 15px 0 0 15px;object-fit: cover;width: 100%;height: auto;}
.itemDetail .itemInner .detailBox {padding: 4%;}
.itemDetail .itemInner .detailBox .favorite  {width: 2rem;margin-left: auto;}
.itemDetail .itemInner .detailBox .favorite a {display: block;}
.itemDetail .itemInner .detailBox h1 {font-size: calc(2.4rem/1.6);font-weight: bold;line-height: calc(3.4rem/1.6); margin: 5% 0 3%;}
.itemDetail .itemInner .detailBox .txt {line-height: calc(2.4rem/1.6);}
.itemDetail .itemInner .detailBox .photoTagesList {font-size: calc(1.4rem/1.6);padding-top: 1rem;}
.itemDetail .itemInner .detailBox .photoTagesList a {text-decoration: underline;}
.itemDetail .itemInner .detailBox .person {display: flex;align-items: center;margin: 5% 0;}
.itemDetail .itemInner .detailBox .person .img {width: 4rem;height: 4rem;overflow: hidden;border-radius: 50%;margin-right: 4%;display: flex;justify-content: center;align-content: center;}
.itemDetail .itemInner .detailBox .person .img img {object-fit: cover;width: 100%;}
@media screen and (min-width: 768px) {
.itemDetail .itemInner {display: flex;}
.itemDetail .itemInner figure {width: 50%;}
.itemDetail .itemInner .detailBox {width: 50%;}
.itemDetail .itemInner .detailBox .link {margin-top: 8%;}
}
@media screen and (max-width: 767px) {
.itemDetail {width: 92%;margin: 4% auto;}
.itemDetail .itemInner figure img {border-radius: 15px 15px 0 0;}
.itemDetail .itemInner .detailBox {padding: 4% 6% 8%;}
.itemDetail .itemInner .detailBox h1 {margin-top: 3%;font-size: calc(3rem/1.6);}
.itemDetail .itemInner .detailBox .txt {font-size: calc(2.4rem/1.6);}
.itemDetail .itemInner .detailBox .photoTagesList {font-size: calc(2rem/1.6);padding-top: 1rem;}
.itemDetail .itemInner .detailBox .photoTagesList a {text-decoration: underline;}
.itemDetail .itemInner .detailBox .person p {font-size: calc(2rem/1.6);}
.itemDetail .itemInner .detailBox .link {margin-top: 6%;}
}
/*　ボタン　*/
.contactBtn {margin: 3% 0 0;}
.contactBtn a {color: #FFF;padding: 15px 25px;border-radius: 25px;font-weight: bold;}
.contactBtn.member a {background: #fd9c54;}
.contactBtn.line a {background: #05c756;}
@media screen and (max-width: 767px) {
.contactBtn a {font-size: calc(2rem/1.6);}
}


/*==================================
	memberBlock　組合員
==================================*/
.memberBlock {width: 84.6%;margin: 2% auto 4%;max-width: 1200px;}
.memberBlock .memberInner {padding-bottom: 4%;border-bottom: 1px solid #e5e5e5;margin-bottom: 4%;}
.memberBlock .memberInner .memberImg .img {width: 7rem;height: 7rem;border-radius: 50%;overflow: hidden;display: flex;align-content: center;justify-content: center;}
.memberBlock .memberInner .memberImg .img img {width: 100%;object-fit: cover;}
.memberBlock .memberInner .memberDetail h1 {font-size: calc(2rem/1.6);font-weight: bold;margin:2% 0 4%;color: #444;}
.memberBlock .memberInner .memberDetail dl {display: flex;padding: 4px 0;}
.memberBlock .memberInner .memberDetail dl dt {min-width: 6rem;}
.memberBlock .service h2 {font-size: calc(2rem/1.6);font-weight: bold;color: #444;margin-bottom: 0;}
.memberBlock .service .serviceList {}
.memberBlock .service .serviceList li {border: 1px solid #dcdcdc;}
.memberBlock .service .serviceList li .tit {font-weight: bold;margin-bottom: 2%;color: #444;}
.memberBlock .service .contactBtn {text-align: center;}
@media screen and (min-width: 768px) {
.memberBlock .memberInner {display: flex;align-items: flex-start;}
.memberBlock .memberInner .memberDetail {padding-left: 7%;}
.memberBlock .service .contactBtn {margin: 4% auto 0;}
.memberBlock .service .serviceList {display: flex;flex-wrap: wrap;justify-content: space-between;}
.memberBlock .service .serviceList li {padding: 3%; width: 49%;margin-top: 2%;}
}
@media screen and (max-width: 767px) {
.memberBlock {width: 92%;margin-bottom: 12%;}
.memberBlock .memberInner {padding-bottom: 7%;margin-bottom: 7%;}
.memberBlock .memberInner .memberDetail {padding-top: 7%;}
.memberBlock .memberInner .memberDetail h1 {margin-top: 0;}
.memberBlock .service .serviceList li {margin-top: 4%;padding: 6%;width: 100%;}
.memberBlock .service .contactBtn {margin: 6% 0 0;}
}
/*==================================
	ranking　ランキング
==================================*/
.rankingList {max-width: 1200px;margin: 0 auto;}
.rankingItem {position: relative;margin: 0 auto 5%;}
.rankingItem figure a {width: 100%;}
.rankingItem .iconNum {position: absolute;top: -20px;left: -20px;width: 15%;max-width: 40px;}
.rankingList figure {
    border-radius: 15px;
    background-color: lightgray;
    line-height: 0;
    margin: 0;
}
.rankingList figure img {
    border-radius: 15px;
    width: 100%;
    height: auto;
}

@media screen and (min-width: 768px) {
.rankingItem.num01 {width: 50%;max-width: 460px;}
.twoColumn {display: flex;width: 84.6%;margin: 0 auto;align-items: flex-start;justify-content: space-between;}
.twoColumn .rankingItem {width: 45%;}
.threeColumn {display: flex;width: 84.6%;margin: 0 auto;align-items: flex-start;justify-content: space-between;}
.threeColumn .rankingItem {width: 28.3%;}
}
@media screen and (max-width: 767px) {
.rankingList {margin: 0 6% 4% 6%;}
.rankingItem .iconNum {top: -3vw;left: -3vw;width: 10vw;}
.twoColumn, .threeColumn {width: 100%;}
.threeColumn {flex-wrap:wrap;}
.threeColumn .rankingItem {width: 100%;}
}
@media screen and (min-width: 768px) {}
@media screen and (max-width: 767px) {}

/* 削除　*/
#photoListFix .phitem figure {position: relative;}
#photoListFix .phitem figure a {display :block;}
#photoListFix .phitem figure .del {position: absolute;right: 2%;top: 2%;width: 9%;background: #e6e6e6;border-radius: 20px;}
#photoListFix .phitem figure .del a {display: block;text-align:center;padding-top: 100%;background-image: url("../img/icon_delete.svg");background-repeat: no-repeat;background-position: center center;background-size: 90% auto;}



/* top parts */
/*.bnrBlock {
	text-align: center;
	padding: 50px 20px 0px 20px;
}*/
.bnrBlock {
	width: 520px;
	position: fixed;
	bottom: 57px;
	right: 0;
	z-index: 10;
}
.bnrBlock img {
	max-width: 840px;
	width: 100%;
}
@media screen and (max-width: 767px) {
	/*.bnrBlock {
		text-align: center;
		padding: 50px 20px 0px 20px;
	}*/
	.bnrBlock {
		width: 100%;
		position: fixed;
		bottom: 13vw;
		left: 0;
		z-index: 10;
	}
}



/*==================================
	about
==================================*/
#aboutContent { margin: 0 auto; color: #222222;}
#aboutContent .aboutBg {background:#fff9f5; padding-bottom: 6%; }
#aboutContent .pageTit { margin: 0 auto;}
#aboutContent .realization {text-align: center; }
#aboutContent .realization .realizationTit { margin: 0 auto;letter-spacing: 0.2em;}
#aboutContent .realization .about_img {text-align: center;}
.mkclorg {background:linear-gradient(transparent 60%, #ffe3cf 60%);}
.mkclyel {background:linear-gradient(transparent 60%, #fff100 60%);}
.clorg {color:#ff8e3a; }
#aboutContent .realization .heading {margin:6% auto 2%; font-weight: 600; letter-spacing: 0.2em;}
#aboutContent .realization .txt {line-height: 2;}
#aboutContent .elected .electedtit {display: flex; align-items: center; color:#ff8e3a;font-weight: bold;letter-spacing: 0.2em;}
#aboutContent .elected .electedtit:before,
#aboutContent .elected .electedtit:after {border-top: 4px solid; content: ""; flex-grow: 1;border-radius: 10px;}
#aboutContent .elected .electedtit:before {margin-right: 1rem;}
#aboutContent .elected .electedtit:after {margin-left: 1rem;}
#aboutContent .elected ul {display: flex;justify-content: space-between; width: 100%;align-items: baseline;margin: 6% auto 4%;}
#aboutContent .elected ul li {}
#aboutContent .elected ul li:first-child { border-right: 4px dotted #ff8e3a;}
#aboutContent .elected .txt {line-height: 2;letter-spacing: 0.1em;}
#aboutContent .elected .txt:after {border-bottom: 4px solid #ff8e3a; content: ""; display: block; border-radius: 10px;margin-top: 6%;}
#aboutContent .unline {border-bottom: 1px solid;font-weight: 600;}
#aboutContent .aboutLine {margin: 6% auto 10%; border: 4px solid #05c756; border-radius: 20px;box-sizing: border-box;}
#aboutContent .aboutLine .lineDetail .txt {font-size: calc(1.4rem/1.6);margin-bottom: 5%;font-weight: 600;letter-spacing: 0.1em;}
#aboutContent .aboutLine .marker {font-size: calc(3rem/1.6);display: inline-block;letter-spacing: 0.15em;font-weight: 600;}
#aboutContent .aboutLine a {background: #05c756;border-radius: 5px; color: #fff;letter-spacing: 0.2em;font-size: calc(1.8rem/1.6);text-align: center;width: 100%;font-weight: 600;}
#aboutContent .aboutLine .linetxt {font-size: calc(1.4rem/1.6);margin-bottom: 2%;line-height:2;letter-spacing: 0.1em;font-weight: 600;}

@media screen and (min-width: 768px) {
#aboutContent .pageTit {padding:60px 0 40px; }
#aboutContent .realization .realizationTit {font-size: calc(2.6rem/1.6); margin-bottom: 45px;}
#aboutContent .realization .heading {font-size: calc(2.2rem/1.6);margin:60px auto 30px;}
#aboutContent .elected {padding: 0 20px;}
#aboutContent .elected {max-width: 660px; margin: 65px auto 0; text-align: center;}
#aboutContent .elected ul {max-width: 390px;}
#aboutContent .elected ul li:first-child {padding-right: 70px;}
#aboutContent .aboutLine {max-width: 750px; display: flex;justify-content: space-between;padding: 60px 60px 0 56px ;}
#aboutContent .aboutLine .linetxt {margin: 50px 0 15px;}
#aboutContent .aboutLine a {padding: 30px 0;width: 320px;}
}
@media screen and (max-width: 767px) {
#aboutContent .pageTit {width: 45%;padding: 8% 0 4%;}
#aboutContent .realization {width: 90%; margin: 0 auto;}
#aboutContent .realization .realizationTit {font-size: calc(4rem/1.6); margin-bottom: 8%;letter-spacing: 0.1em;line-height:2;}
#aboutContent .realization .about_img {}
#aboutContent .realization .heading {font-size: calc(3.2rem/1.6);margin: 10% auto 6%;}
#aboutContent .realization .txt {font-size: calc(2.4rem/1.6);}
#aboutContent .elected { margin: 10% auto 0; width: 90%; }
#aboutContent .elected .electedtit {font-size: calc(2.6rem/1.6);}
#aboutContent .elected ul {justify-content: center;margin: 8% auto;}
#aboutContent .elected ul li {text-align: center;}
#aboutContent .elected ul li:first-child {padding-right: 8%;}
#aboutContent .elected ul li:last-child {padding-left: 8%;}
#aboutContent .elected ul li img {width: 80%;}
#aboutContent .elected .txt {text-align: center;font-size: calc(2.4rem/1.6);}
#aboutContent .elected .txt:after {margin-top: 10%;}
#aboutContent .aboutBg {padding-bottom: 10%; }
#aboutContent .aboutLine {width: 90%; margin: 10% auto 15%;padding: 8% 5% 0;}
#aboutContent .aboutLine .lineDetail {text-align: center;}
#aboutContent .aboutLine .marker {margin-bottom: 8%;font-size: calc(3.8rem/1.6);}
#aboutContent .aboutLine .linetxt {font-size: calc(2.2rem/1.6);}
#aboutContent .aboutLine .lineDetail .txt {font-size: calc(2.2rem/1.6);}
#aboutContent .aboutLine a {padding: 20px 0; width: 90%; margin: 6% auto 8%;font-size: calc(2.6rem/1.6);}
#aboutContent .aboutLine .lineimg {width: 60%; margin: 0 auto;}
}