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

ul {list-style: none; margin: 0; padding: 0;}
a {text-decoration: none; color: #000;}

.pcNone{display: none;}
.spNone{display:inherit;}
@media (max-width: 480px) {
  	.spNone{display: none;}
	.pcNone{display:inherit;}
}

.link-current {
  color: #FFF;
	border-bottom: 2px solid #fff;
	z-index: 100;
}

body {
	background-color: #e85505;
	background-image: url("../img/bg.png");
	background-size: contain;
	background-repeat: repeat;
	background-position: top left;
	
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
@media (max-width: 480px) {
  	body{overflow-x: hidden;}
}

.w_30 {width: 30%;}
.w_40 {width: 40%;}
.w_50 {width: 50%;}
.w_60 {width: 60%;}
.w_70 {width: 70%;}
.w_80 {width: 80%;}
.w_90 {width: 90%;}
.w_100 {width: 100%;}

.mt_1em {margin: 1em;}
.mt_2em {margin-top: 2em;}
.mt_3em {margin-top: 3em;}
.mt_5em {margin-top: 5em;}
.mt_10em {margin-top: 10em;}

.mb_1em {margin-bottom: 1em;}
.mb_2em {margin-bottom: 2em;}
.mb_3em {margin-bottom: 3em;}
.mb_5em {margin-bottom: 5em;}
.mb_10em {margin-bottom: 10em;}

.pad_1em {padding-top: 1em;}
.pad_2m {padding-top: 2em;}
.pad_3em {padding-top: 3em;}
.pad_4em {padding-top: 5em;}
.pad_5em {padding-top: 10em;}

.ls_01em {letter-spacing: 0.1em;}

.center {margin: 0 auto;}


/*.section_start {margin-top: 10em}*/
.section_start {margin-top: 6em}
@media (max-width: 480px) {
  	.section_start {margin-top: 2em}
}

.sec_head {/*width: 90%;*/ width: 70%; margin: 0 auto;}
p.sec_tex {margin: 3em 0; text-align: center; font-weight: 700; font-size: 1.8em; line-height: 1.6em}
@media (max-width: 480px) {
	.sec_head { width: 90%; margin: 0 auto 2em;}
  	p.sec_tex {margin: 2em 0; text-align: left; font-size: 1.2em;}
}

/*ヘッダー*/
	/*PC*/
.header_pc {
	/*width: 90%;*/
	width: 70%;
	/*margin: 0 auto 2em;*/
	margin: 0 auto;
	position: relative;
}
ul.head_pc_blc {
	width: 100%;
	display: flex;
	justify-content: flex-start;
}
ul.head_pc_blc li.pc_navi {
	width: 20%;
}
ul.head_pc_blc li.logo_pc {
	width: 80%;
}
ul.navi_pc {
	position: fixed;
	z-index: 99;
}
ul.navi_pc li{
	margin-top: 2em;
	font-size: 100%;
	font-weight: 700;
}
	/* //PC*/

/*ヘッダーテキスト*/
p.header_tex {font-size: 2.6em; line-height: 1.6em; font-weight: 700;}
.header_catbox {width: 60%; margin: 4em auto}
.header_catbox > p.header_tex {margin: 1em 0;}
p.header_tex_hash {font-size: 4em; font-weight: 700; text-align: center; text-decoration: underline}

/* //ヘッダーテキスト*/

	/*SP*/
.header_sp {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
@media (max-width: 480px) {
  	.header_catbox {width: 90%; margin: 0 auto 2em auto}
	p.header_tex {font-size: 1em; line-height: 1.6em;}
	p.header_tex_hash {font-size: 1.5em; font-weight: 700; text-align: left; width: 94%; margin: 0 auto; line-height: 1.4em}
}
/*ハンバーガーメニュー*/
.menu-btn {
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
}
/*三本線*/
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 2px;
    width: 30px;
    border-radius: 3px;
    background-color: #000;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
/* //三本線*/
#menu-btn-check {
    display: none;
}

.menu-content {
    width: 100%;
    height: 50%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    /*background-color: #3584bb;*/
	background: rgba(255,255,255,1.0);
    transition: all 0.5s;/*アニメーション設定*/
}
.menu-content ul {
    padding: 70px 10px 0;
	display: flex;
	flex-wrap: wrap;
}
.menu-content ul li {
    /*border-bottom: solid 1px #ffffff;*/
    list-style: none;
	width: 50%;
	font-size: 130%;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 1.5em;
}
.menu-content ul li a {
    /*font-size: 15px;*/
    box-sizing: border-box;
    color:#000;
    text-decoration: none;
    /*padding: 9px 15px 10px 0;
    position: relative;*/
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}

#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}
/*　//ハンバーガーメニュー*/
	/* //SP*/
/*// ヘッダー*/

/*TOPへ戻る*/
#goto_top {
    position: fixed;
    right: 0%;
    bottom: 5%;
	z-index: 99;
	width: 5%;
}
@media (max-width: 480px) {
  	#goto_top {width: 3em;}
}
/* //TOPへ戻る*/

/*暮らしなんでも相談所、やってます*/
.about_head {width: 70%; margin: 0 auto;}
@media (max-width: 480px) {
  	.about_head {width: 100%; margin: 0 auto;}
}
p.sec_tex_kurashi {margin: 1em auto; width: 26em; text-align: left; font-weight: 700; font-size: 1.6em; line-height: 1.6em}
@media (max-width: 480px) {
  	p.sec_tex_kurashi {margin: 0.5em 0; width: 100%; text-align: left; font-size: 1em;}
}

/*ul.kurashi_list {width: 60%; margin: 0 auto; display: flex; flex-direction: column; flex-wrap: wrap;}*/
/*ul.kurashi_list li{width: 100%; margin-bottom: 1.5em;}*/
/*ul.kurashi_list li > p{font-size: 1.2em; font-weight: 700; margin-top: 1em; line-height: 1.6em;}*/
:root {
  --main-gutter: 60%;
}
ul.kurashi_list {width: 100%; margin: 6em auto 4em auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}
ul.kurashi_list li{width: calc(var(--main-gutter) /2); margin-bottom: 1.5em;}
ul.kurashi_list li:first-child{width: 100%; margin-bottom: 3em;}
ul.kurashi_list li:first-child > div{width: calc(var(--main-gutter) /1.6); margin: 0 auto;}
ul.kurashi_list li p{font-size: 1.2em; font-weight: 700; margin-top: 1em; line-height: 1.6em;}
@media (max-width: 480px) {
  	ul.kurashi_list {width: 90%; margin: 2em auto 0 auto; display: flex; flex-direction: column; flex-wrap: wrap;}
	ul.kurashi_list li{width: 100%; margin-bottom: 1.5em;}
	ul.kurashi_list li:first-child{width: 100%; margin-bottom: 0;}
	ul.kurashi_list li:first-child > div{width: 100%; margin: 0 0 1.5em 0;}
	ul.kurashi_list li > p{font-size: 1em; font-weight: 700; margin-top: 0.5em; line-height: 1.6em;}
}

h2.kurashi_hash {font-size: 2.5em; font-weight: 700; text-align: center; margin: 1em 0; text-decoration: underline;}
@media (max-width: 480px) {
  	h2.kurashi_hash {font-size: 1.5em; margin: 0 0;  line-height: 1.4em;}
}
/* //暮らしなんでも相談所、やってます*/

/*なんでも相談所MAP*/
p.sec_tex_map {margin: 1em 0; text-align: center; font-weight: 700; font-size: 1.6em; line-height: 1.4em}
@media (max-width: 480px) {
	.sec_tex_map { width: 90%; margin: 0 auto 2em;}
  	p.sec_tex_map {margin: 1em 0; text-align: left; font-size: 1em;}
}
.GoogleMap{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;/*比率をお好みで*/
	/*padding-top: 86.25%;*//*比率をお好みで*/
	border: 1px solid #000;
}
@media (max-width: 480px) {
  	.GoogleMap {padding-top: 96.25%;}
}
.GoogleMap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*// なんでも相談所MAP*/

/*お助けカレンダー*/
.cal_area {
	width: 100%;
	height: auto;
	background: #FFFFFF;
	padding: 1em 1em 1em 1em;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 1.6em;
	border: 1px solid #000;
	margin-top: 2em;
}
.cal_area > ul.upcoming-events li{
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #999999;
}
.cal_area > ul.upcoming-events li:last-child{
	border-bottom: none;
	padding-bottom: none;
	margin-bottom: none;
}
.event-cat {padding: 0.3em; box-sizing: border-box; font-size: 80%; margin-left: .6em; border-radius: 0.2em;}


/*詳細ページ内GoogmeMap*/
.cal_gmap {width: 60%; margin-top: 2em;}
.cal_gmap > iframe{width: 100%;}
@media (max-width: 480px) {
  	.cal_gmap {width: 100%; margin-top: 2em;}
	.wp-block-embed__wrapper {width: 80%;}
}
/*XO Event Calendar イベントリスト*/
.cal_category {padding: 0.3em; box-sizing: border-box; border-radius: 3px; font-size: 90%}
.cal_event-date {font-size: 120%; font-weight: 700;}
.cal_detail {display: block; line-height: 1.6em;}
.cal_title {font-size: 120%; font-weight: 700;}
.cal_title:after {content: '>>'; margin-left: 0.3em;}
.cal_excerpt {}
dl {margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dotted #000000;}
dl:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}

.xo-event-category:before {content: "\A" ;white-space: pre ;}
/* //XO Event Calendar イベントリスト*/

/* //お助けカレンダー*/

/*レポート*/
.rep_area {
	width: 100%;
	height: auto;
	background: #FFFFFF;
	padding: 1em 1em 1em 1em;
	box-sizing: border-box;
	border-radius: 4px;
	line-height: 1.6em;
	border: 1px solid #000;
	margin-top: 2em;
}
.rep_area > ul li{
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px dotted #999999;
}
.date {font-size: 110%; font-weight: 700;}
.report_newicon {padding: 0.2em; box-sizing: border-box; color: #000; background-color: #ec6c01; font-size: 80%; margin-left: 0.5em; border-radius: 40%;}
/* //レポート*/

/*レポート一覧ページ*/
/* Grid style
https://displayposts.com/2019/01/04/post-grid-styling/
*/
.display-posts-listing {width: 100%; display: flex; flex-wrap: wrap;}

.listing-item {width: 100%; margin-bottom: 2em; padding-bottom: 2em; border-bottom:1px dashed #959595;}
.listing-item:last-child {border-bottom:none; padding-bottom:0; margin-bottom: 0}
img.size-thumbnail {margin-right: 0.5em; border: 1px solid #000; float: left;}
a.title {font-weight: 700; font-size: 110%; line-height: 1.6em;}
a.title:after {content: '>>';}
.listing-item > span.date:before {content: "\A"; white-space: pre;}
@media (max-width: 480px) {
	img.size-thumbnail {width: 100%; height: auto;}
}

/* //レポート一覧ページ*/

/*レポート詳細ページ*/

.report_wrapper {
	width: 70%;
	margin: 3em auto;
	border: 1px solid #000;
	border-radius: 4px;
	background-color: #FFF;
	padding: 2em;
	box-sizing: border-box;
}
@media (max-width: 480px) {
  	.report_wrapper { width: 90%; margin: 2em auto;}
}
h1.report_title {font-size: 130%; font-weight: 700;}
/*p.report_date {font-size: 100%; margin: 1em 0; font-weight: 700;}*/
p.report_date {font-size: 80%; margin: 1em 0; font-weight: 400; text-align: right}
p.report_date:before {content: '登録日: '}
.xo-event-date {font-size: 110%; font-weight: 700;}
.report_wrapper > section {line-height: 1.6em;}
figure.wp-block-image {margin: 1em 0;}
.report_wrapper a{color: #430203;}
/* //レポート詳細ページ*/


/*SNS*/
ul.sns {
	width: 40%;
	margin: 6em auto 3em auto;
	display: flex;
	justify-content: space-between;
}
ul.sns li{
	width: 22%;
}
ul.sns li img{
	width: 100%;
}
@media (max-width: 480px) {
  	ul.sns {
		width: 90%;
		margin: 2em auto;
	}
	ul.sns li{
		width: 30%;
	}
}
/* //SNS*/





/*詳細ページ - Single*/
h2.event-title {font-size: 160%; margin-bottom: 1em;}
.event-time-title {font-weight: 700; font-size: 120%;}
.event-time {font-weight: 700; font-size: 120%;}
.event-location {font-weight: 700; font-size: 120%; margin: .5em 0;}
.mc-description {padding-top: 1em; box-sizing: border-box;}
.mc-description > P > iframe {margin: 20px auto; width: 100%;}
.mc-description > P > img {margin: 20px auto; max-width: 100%; height: auto;}
.mc-description > p a {word-break: break-all;}
@media (max-width: 480px) {
	.mc-description > P > iframe {height: auto;}
}
.twitter-tweet {width: auto; padding-top: 1em;}
@media (max-width: 480px) {
	.mc-description > .twitter-tweet {margin: 0; padding: 0;}
}
/* //詳細ページ - Single*/


/*フッター*/
footer {margin-top: 6em}
@media (max-width: 480px) {
  	footer {margin-top: 3em}
}
.copyright_blk {width: 100%; height: 2em; background-color: #000; display: flex; justify-content: center; align-items: center;}
p.copyright {color: #FFF;}
.logo_jcp {margin: 4em auto; width: 15%}
@media (max-width: 480px) {
  	.logo_jcp {margin: 2em auto; width: 40%}
}
/* //フッター*/



figure.wp-block-image > img {width: 100%; height: auto;}


.back {width: 6em; margin: 0 auto; text-align: center; background-color: #000; border-radius: 3em; font-size: 1.2em; padding: 0.5em; position: relative;}
.back a{display: block; color: #FFF;}
/*.back a:before {font-family: 'FontAwesome'; content: "\f104"; position: absolute; left: 1em;}*/
/* //レポート*/