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

/*
Theme Name: YouthVote!HIROSHIMA-ver1
Theme URI: https://tongarimaru.com
Description:Y outh Vote! HIROSHIMAのHP用テーマです
Author: yuki.t
Author URI: https://tongarimaru.com
Version: 1.0
Text Domain: YouthVote!HIROSHIMA-ver1
*/

/* 全体共通 */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,
blockquote,th,td {
	margin:0;
	padding:0;
	font-family: noto-sans-cjk-jp,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	color:#2d2d2d;
	}

strong {
	font-weight: 900;
}

html {
	overflow-y:scroll;
	height: 100%;
	-webkit-appearance: none !important;
	}

body{
		background-color: #FFFAF0;
		height: 100%;
}

#wrap{
	max-width: 1200px;
	margin:0 auto;
}

#totalcover{
	/*height: 100%;*/
	min-height: 100vh;
	margin-top: 97.4px;
}

h1,h2,h3,h4,h5 {
	font-size:100%;
	font-weight:normal;
	}
	@media only screen and (max-width:850px) {
	h2{font-size: 2em;}	}

a {
	-webkit-transition: all .3s;
    transition: all .3s;
	}

a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	}

h1 span,h2 span,h3 span,p span,li span,a span {
   display: inline-block;
}

#normal_post span{
	display: inline;
}

h1{
	margin-top: 1em;
}

.width100{
	width: 100%;
}

.width100vw img{
		width: 100vw;
}

/*リストの点の位置調整*/
 .list-likenone li{
    list-style-position: outside;
  }




/*タイトル下*/
.title_under{
	margin: 0.5em auto;
	min-height: 1em;
}

/*アイキャッチ下*/
.eyecatch_under{
	margin: 0.5em auto;
	min-height: 3em;
	margin-bottom: 3em;
}

/*アイキャッチ下SMSアイコン*/
.sns_container {
    display: flex;
}

.sns_container a {
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 0.5rem 0;
		min-height: 20px;
		font-size: 1em;
}

.sns_container a:hover {
    opacity: 0.6;
}

.sns_twitter {
    background: #000000;
}

.sns_facebook {
    background: #3b5998;
}

.sns_pocket {
    background: #ef3f56;
}

.sns_line {
    background: #1dcd00;
}

.sns_hatena {
    background: #00a5de;
}

.sns_pinterest{
	background:#BD081C;
}

.fa-hatena:before {
    content: "B!";
    font-family: Verdana; /* はてブのフォントにもっとも近い */
    font-weight: bold;
}

/*article内*/
article{
	margin-top: 1em;
	margin-bottom: 1em;
}

article p{
	margin-bottom: 1em;
	line-height: 1.9em;
}

article li{
margin-bottom: 0.5em;
line-height: 170%;
}

article ul, article ol{
	margin:1em 2em;
}

article h2{
	margin: 1.4em 0 0.7em;
	font-size: 1.7em;
}

article h3{
	margin: 1.4em 0 0.7em;
	font-size: 1.5em;
}

#clear{clear: both;}

/*======引用========*/
blockquote {
    position: relative;
    padding: 10px 15px 10px 50px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
		background-color: #c0c0c0;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 15px;
    content: "\f10d";
    font-family: FontAwesome;
    color: #8C6239;
    font-size: 25px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    padding: 0;
    margin: 10px 0;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #2d2d2d;
    font-size: 0.9em;
}

/*=========ここからスマホ下メニュ=========*/

li .mini-text{font-size:10px;}/*文字大きさ*/

ul.bottom-menu {
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:45px;/*高さ*/
    margin:0;
    padding:0;
    background-color:#f5f5f5;/*背景色*/
    border-top:2px solid #808080;/*バーの上の線*/
    border-bottom:2px solid #808080;/*バーの下の線*/
    z-index:30;}

ul.bottom-menu > li {
    float:left;
    width:25%;
    background-color:#f5f5f5;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:25px;/*アイコンのサイズ*/}

.bottom-menu li a {
    display: block;
    color:#8C6239;/*アイコン＆文字の色*/
    padding-top:5px;
    padding-bottom:5px;
    line-height:10px;
    text-decoration:none;}

.bottom-menu > li a:hover ,{
color:#2d2d2d;/*マウスオーバー時の色*/}

@media only screen and (min-width:601px){
	.bottom-menu{display: none;}
}
#toggle1, #toggle2, #toggle3 {
  display: none;
  cursor: pointer;
  }
#bottom-child1,#bottom-child2,#bottom-child3 {
  display: none;
  }

	ul.bottom-menu > li:hover #bottom-child , #toggle1:checked + #bottom-child1, #toggle2:checked + #bottom-child2, #toggle3:checked + #bottom-child3 {
	  display: block;
	  position: absolute;
	}

	.bottom-child > li {
	  display: block;
	  padding: 5px;
		width:100%;
		border-top:1px solid #808080;/*バーの上の線*/
		border-bottom:1px solid #808080;/*バーの下の線*/
		float:left;
    background-color:#f5f5f5;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:25px;/*アイコンのサイズ*/
	}

 ul.bottom-menu > li {
  position: relative;
}
 ul.bottom-menu > li:hover .bottom-child,  #toggle1:checked + #bottom-child1, #toggle2:checked + #bottom-child2, #toggle3:checked + #bottom-child3  {
  bottom: 45px;
  white-space: nowrap;
}

/*=========ここまでスマホ下メニュ=========*/


/*=========ここからサブページ用CSS=========*/

.sub-1 p{
	margin-bottom: 1em;
}

.sub-1 li{
 margin-bottom: 0.5em;
}

.sub-1 ul{
	margin:1em 2em;
}

.sub-1 h2{
	margin-top:2em;
	margin-bottom: 0.7em;
	font-size: 2em;
}

.subtitle{
	margin-top:2em;
	margin-bottom: 0.7em;
	/*text-align: center;*/
	font-size: 2em;
}

article{
	margin-top: 1em;
	margin-bottom: 1em;
}

/*=========サブページヘッダー=========*/
header{
	display: block;
	position: -webkit-sticky;
	/*position: sticky;*/
	position: fixed;
	top: 0;
	text-align: center;
	padding-top: 3px;
	width:100%;
	height:97.4px;
/*	transform: translateY(-50%);*/
	background-color: #FFFAF0;
	z-index: 1;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}

.header-right{
	display: block;
}

.sub-header-area .toplogo{
	text-align: left;
	margin: 15px;
	float: left;
	max-width: 600px;
	display:inline-block;
  width: 15%;
}

.toplogo{
	min-height: 25px;
	min-width:55px;
}

.logo_pc{
	width:97px;
}

.sub-header-area{
	display: block;
    width: 100%;
    float: left;
    text-align: left;
    position: relative;
    background-color: #FFFAF0;
}

.sub-topmenu{
	text-align: center;
	margin: 0;
	line-height: 100%;
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY(-50%);
	float: left;
}


.sub-topmenu li{
	list-style: none;
  display: inline-block;
  padding: 10px;
}

.sub-topmenu a{
	text-decoration: none;
	color:#000000;
	font-family: "M PLUS Rounded 1c",Georgia,Times New Roman,Courier New ,Arial,Arial Black,Verdana,Trebuchet MS,Comic Sans MS;
}

/*========= 検索窓のためのCSS ===============*/
.open-btn1{
  position: absolute;
  top:0;
  right:2%;
  height:100%;
  cursor: pointer;/*カーソルを指マークに*/
	float: right;
}

.open-btn1 i{
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

.open-btn1 ::before{
	font-family: "Font Awesome 5 Free";
	content: '\f002';
	font-weight: 900;
}

/*クリック後、JSでボタンに btnactive クラスが付与された後の見た目*/
.open-btn1.btnactive {
	font-family: "Font Awesome 5 Free";
	content: '\f002';
	background-size: 18px 18px;
}


/*========= ヘッダー検索窓の設定*/
/*==検索窓背景のエリア*/
#search-wrap{
  position:absolute;/*絶対配置にして*/
	top: 80%;
	right: 5%;
  z-index: -1;/*最背面に設定*/
  opacity: 0;/*透過を0に*/
  width:0;/*横幅は0に*/
  transition: all 0.4s;/*transitionを使ってスムースに現れる*/
  border-radius: 5px;
}

/*ボタンクリック後、JSで#search-wrapに panelactive クラスが付与された後の見た目*/
#search-wrap.panelactive{
  opacity: 1;/*不透明に変更*/
  z-index: 3;/*全面に出現*/
  width:280px;
  padding:20px;
  top:60px;
  background:#8C6239;
}

/*==検索窓*/
#search-wrap #searchform{
  display: none;/*検索窓は、はじめ非表示*/
}

/*ボタンクリック後、JSで#search-wrapに panelactive クラスが付与された後*/
#search-wrap.panelactive #searchform{
  display: block;/*検索窓を表示*/
}


/*==検索フォームの設定*/
/*==テキスト入力とボタンinput共通設定*/
#search-wrap input{
  -webkit-appearance:none;/*SafariやChromeのデフォルトの設定を無効*/
  outline: none;
  cursor: pointer;/*カーソルを指マークに*/
  color: #666;
}

/*テキスト入力input設定*/
 #search-wrap input[type="text"] {
  width: 80%;
  border: none;
  transition: all 0.5s;
  padding: 10px;
}

/*テキスト入力inputにフォーカスされたら*/
 #search-wrap input[type="text"]:focus {
  background:#eee;/*背景色を付ける*/
}

/*ボタンinput設定*/
 #search-wrap input[type="submit"] {
	 position: absolute;
	 top: 25%;
	 right: 30px;
	 width: 30px;
	 height: 41.2px;
}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/*=========ここまでサイト内検索=========*/

/*=========ここからサイト内検索結果ページ=========*/


#search-result{
	background-color:#faf0e6;
	margin-bottom: 10px;
	position: relative;
}

#search-result:hover{
	background-color: #faebd7;
}

#search-result dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

#search-result dt {
  width: 40%;
	display: flex;
}

#search-result dd {
	margin-left: 5%;
	width: 55%;
  margin-bottom: 10px;
}

#search-result h3{
}

.search-pad{
	padding: 1em;
	border: dashed;
	border-color: #d2d2d2;
}

.search-pad h3{
	font-size: 1.2em;
	margin-bottom: 0.3em;
}

.search-pad p{
	word-wrap:break-word;
}

.width100 img{
	max-width: 95%;
	height: auto;
	width /***/:auto;
}

.trim{margin: auto;}

.search-card{
	display: block;
	width:100%;
	height:100%;
	position:absolute;
}

.ripple{
	width: 100%;
	color:#2d2d2d;
	text-decoration: none;
}

#search-area{max-width:100%}

.category_info{
	margin-top:2em;
}

@media only screen and (max-width:1200px){
	.min570{display: none;}
}

/*=========ここまでサイト内検索結果ページ=========*/

/*=========ここからデフォルト検索窓の設定=========*/

.searchform {
position: relative;
}

.searchfield {
font-size: 14px;
width: 90%;
margin: 3px;
padding: 10px;
border: solid 1px #bbb;
border-radius: 4px;
background-color: #efefef;
}

.searchsubmit {
font-family: FontAwesome;
font-size: 1.4em;
position: absolute;
top: 0;
right: 8%;
margin-top: 1%;
padding: 0;
cursor: pointer;
color: #8C6239;
border: none;
background: transparent;
}

.searchsubmit:hover {
opacity: .6;
}

/*=========ここまでデフォルト検索窓の設定=========*/

/*=========ここから404ページ=========*/

.art_404 h1{
	font-size: 1.8em;
	margin-bottom: 1em;
}

.search_404{
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-top: 2em;
	margin-bottom:1em;
}

.search_404 h2{
	font-size: 1.5em;
}

/*=========ここまで404ページ=========*/

/*=========パンくずリスト=========*/
#breadcrumb{
	margin-bottom: 1em;
}

#breadcrumb ul{
	list-style: none;
}

#breadcrumb li{
	display: inline;
}

#breadcrumb a{
	text-decoration: none;
	color: #696969;
	font-size: 0.5em;
}

.breadcrumb li:after {/* >を表示*/
  content: ' > ';
  padding: 0 0.2em;
  color: #555;
	font-size: 0.5em;
}

.breadcrumb li:last-child:after {
  content: '';
}


/*=========ここからスマホ用ハンバーガーメニュー=========*/
/*=========ハンバーガーアイコン*/
#splogo {
	position: relative;
	width: 100%;
	height: 100%;
	/* top: 5vw; */
	/* bottom: 5vw; */
	margin-left:5%;
	padding-top: 5px;
	text-align: left;
}

#splogo .splogo-a{
	height: 49px;
}

#splogo .splogo-a img{
	height: 49px;
}

/*=========ここまでスマホ用ハンバーガーメニュー=========*/

.eyecatch img{width: 100%;
	/*=========アイキャッチ=========*/
    aspect-ratio: auto 1200 / 630 ;
	}

/*=========投稿ページのみ=========*/
.post-h1{
	margin-top: 0;
}

/*=========サブページ　メイン=========*/

.sub-main{
	margin: 5%;
}

.content-end{
	margin-bottom: 3em !important;
}

/*=========サブページ　コンタクトフォーム=========*/
.sub-CFbg{
	background-color: white;
	padding: 2em 1em;
}

.sub-CFbg p,th{
	margin-bottom: 2em;
	text-align: center;
	line-height: normal;
}

.sub-CFbg h2{
	margin-bottom: 1em;
	text-align: center;
	font-size: 2em;
}

.sub-CFbg input, .sub-CFbg textarea{
	background: #e8e8e8;
  color: #1a1a1a;
  width: 100%;
  border: none;
  padding: 0.5em;
  border-radius: 3px;
	display:block;
	position:relative;
	z-index:0;
}

.ta_frm th, .ta_frm td, .ta_frm_s p {
    padding: 15px 20px;
}

.wpcf7-form-control-wrap {
    position: relative;
}

tr{
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}

.ta_frm{
	margin:auto;
}

.ta_frm th {
    font-size: 0.9em;
    line-height: 1;
    text-align: right;
    font-weight: normal;
    border-collapse: collapse;
    white-space: nowrap;
    width: 35%;
}

tr span{
	display: inline-block;
}

.longmessage{
	width: 100%;
	height: 150px;
	padding: 5px;
}

#submit_contact{
	text-align: center;
	margin: 0 40%;
	width: 20%;
	background: black;
	color: white;
}

.wpcf7-response-output{
	text-align: center;
	margin-top:0 !important;
}

.wpcf7-not-valid-tip{
}

.sub-CFbg form p{
  margin-top: 3%;
	margin-bottom: 0;
}

.grecaptcha-badge { visibility: hidden; }

.captcha{
	-webkit-appearance: none;
	font-size:0.1em !important;
	color:#a9a9a9}

/*=========サブページ　フッター=========*/

footer{
	-webkit-appearance: none;
	bottom: 0;
	color:white;
	clear: both;
	float: none;
	width: auto;
	top: 100vh;
/*	position:sticky;*/
}


#ex-wrap{
	height: 100%:;
}

#sub-foot{
	width: 100%;
	padding:20px 0;
	background-color: #8C6239;
}

/*=========サブページ　フッターメニュー*/
.sub-footmenu{
	line-height: 100%;
	margin-top: 2em;
	margin-bottom: 1em;
	display: flex;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	flex-direction: column;
}

.sub-footmenu li{
	list-style: none;
  display: inline-block;
  padding: 0 15px 1em;
}

.sub-footmenu a{
	text-decoration: none;
	color:white;
}

/*=========サブページ　コピーライト*/
footer .cpr{
	margin-top:3em;
	font-size: 0.3em;
	text-align: center;
  color: white;
	-webkit-appearance: none;
}


/*=========ここから記事ページ=========*/
time{
	width:100%;
}

#normal_post h2{
	padding:1rem 2rem 1rem 0.5rem;
	border-bottom: 3px solid #000;
	background: #deb887;
	border-color: #8C6239;
	margin-top: 1.5em;
}

#normal_post h3{
	padding: 0.5rem 2rem 0.5rem 0.5rem;
 	border-top: 3px solid #8C6239;
 	border-bottom: 3px solid #8C6239;
	font-size: 1.3em;
  margin: 1.5em 0 1em;
}

#normal_post h4 {
	border-bottom: 2px solid #8C6239;
  font-size: 1.3em;
  margin: 1.5em 0 1em;
}

.tag-single{
	display: flex;
	margin-top: 1%;
	overflow:auto;
	padding-bottom:0.5em;
	overflow-x: visible;
}

.tag-single li{
	list-style: none;
	margin-right: 0.3em;
	background-color: #deb887;
	padding:0.3em;
	white-space: nowrap;
}

.tag-single::-webkit-scrollbar{
	height:0.8em
}

.tag-single  ::-webkit-scrollbar-thumb {
    background: #888;
  }

.tag-single li a{
	text-decoration: none;
	color: #2d2d2d;
}

/*記事下タグ一覧*/
.foot-tag ul{
	flex-wrap: wrap;
	row-gap: 10px;
}

.foot-tag h2{
	font-size:1.1em;
	margin:.5em 0;
}

.foot-tag h2::before{
	content:"▼";
	padding-right:.3em;
}

/*記事下SNS*/
.foot_sns{
	margin-bottom:0em;
	margin-top: 3.5em;
}

/*記事下新着一覧*/
.latest-list{
	padding: 0.5em;
	border: dashed;
	border-color: #2d2d2d;
	margin-bottom: 0.1em;
	background-color: white;
}

.under-latest h2 {
  text-align: center;
	font-size: 1.3em;
	margin-top:1em;
	margin-bottom: 0.5em;
	padding:0.2em 0;
}

.under-latest a{
	text-decoration: none;
}

.latest-list p{
	font-size: 1.2em;
	color:#2d2d2d;
}

.latest-list .latest-category{
	font-size: 1em;
	color: #66330e;
}

/*=========ここまで記事ページ=========*/

/*=========ここから著者情報ページ=========*/
.member-title{
	display: flex;
	margin-bottom: 2em;
	min-height: 5em;
}

.member-title .left-side{
	width:40%;
	max-width: 120px;
}

.member-title .left-side img{
	width:100%;
}

.member-title .right-side{
	width:58%;
	margin-left: 2%;
	position: relative;
}

.member-title .right-side h1{
	margin-left: 2%;
	position: absolute;
	bottom:0;
	margin-bottom: 10px;
}

.member-job{
	bottom: 2.5em;
  position: absolute;
  margin-left: 2%;
}
/*=========ここまで著者情報ページ=========*/

/*ページネーション*/
.page-numbers{
	padding: 0.3em;
	background-color: #deb887;
	text-decoration: none;
	color: #2d2d2d;
}

/*=========ここから「この記事を書いた人」=========*/
.profile{
	margin-top: 0.5em;
	background-color: white;
	padding: 1em;
	border: dashed;
}

.profile h1{
	font-size: 1.3em;
	margin-top: 0;
}

.profile .inner{
	border-collapse: separate;
  border-spacing: 10px;
}

.profile .left-side img{
    border-radius: 30px;
}

.profile .right-side .authorName{
	font-size:1.2em;
	margin-bottom: 1%;
}

/*======スマホ表示*/
.profile-phone .left-side{
	max-width: 75px;
}

.profile .left-side img{
    border-radius: 20px;
}

.profile-phone .right-side{
	font-size: 1.3em;
	vertical-align:bottom;
}

.profile-phone .right-side .authorName{
	margin-bottom: 3%;
}

.profile-phone img{
	max-width:100%;
	height:auto;
}

/*=========ここまで「この記事を書いた人」=========*/

/*=========ここからよくある質問=========*/
#q_a{
	background-color: white;
	padding: 0 1em 1em;
	border: 1px dashed #2d2d2d;
	margin-top: 2em;
}

#q_a h2{
	border: none;
    background-color: inherit;
    margin: auto;
    padding-bottom: 0;
}
/*=========ここまでよくある質問=========*/

/*=========ここから記事一覧=========*/
.archive-h1{text-align: center;}

#archive-flexcover{
	width: 100%;
}

@media only screen and (min-width:600px){
#archive-flexcover{
	display: flex;
}

.archive-flexinner{
	width: 45%;
}

.archive-left{
	margin-right: 5%;
}

.archive-right{
	margin-left:5%;
}
}

.archive-flexinner{
	margin-bottom: 4em;
}

.archive-fleximg{
	width: 100%;
}

.archive-flexinner h2{
	font-size:1.5em;
	text-align: center;
	background-color: #8C6239;
	padding: 0.5em 0;
	color:#FFFAF0;
}

@media only screen and (max-width:660px){
	.archive-flexinner h2{
		font-size: 1.1em;
	}
	.archive-h1{
		font-size:1.5em;
	}
}

.archive-flexinner p{
	margin-top: 1em;
}


/*カテゴリジャンプボタン*/
.btn-category{
	width:80%;
	margin: auto 10%;
	margin-top:2em;
}

.btn-category a {
	text-align: center;
    background: #2d2d2d;
    border-radius: 8px;
    position: relative;
    display: block;
		width: 80%;
		margin:auto;
    max-width: 280px;
    padding: 10px 10%;
    color: white;
    transition: 0.3s ease-in-out;
    font-weight: 500;
		text-decoration: none;
}
.btn-category a:hover {
    background: #313131;
    color: #FFF;
}

.sinchaku-h2{
	font-size:1.5em;
	text-align: center;
	background-color: #d3d3d3;
	padding: 0.5em;
	color:#2d2d2d;
	margin-bottom: 1em;
}

.kijiwoyomu{
	margin-top: 0.5em;
	text-align: right;
}

/*ページネーション*/
.page-numbers li{
	list-style: none;
}

/*=========ここまで記事一覧=========*/

/*=========ここからメンバー一覧=========*/
#member-listarea{
	display: flex;
	flex-wrap: wrap;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 100%;
}

#member-listarea > div{
	background-color: white;
  position: relative;
}

.member-card{
	display: block;
  width: 100%;
  height: 100%;
  position: absolute;
	z-index: 3;
}

.member-card:hover{
	background-color: #8C6239;
	cursor: pointer;
	opacity: 0.5;
}

.member-pad-pc{
	padding:1%;
	vertical-align: middle;
}

.member-result-pc{
	margin: 1.5%;
	width: 22%;
}

.member-pad-tab{
	padding: 1.3%;
	vertical-align: middle;
}

.member-result-tab{
	margin: 2%;
	width:29%;
}

.member-pad-phone{
	padding: 1.3%;
	vertical-align: middle;
}

.member-result-phone{
	margin: 2%;
	width:46%;
}

#member-listarea img{
	border-radius: 10%;
	max-width: 94%;
}

.mlist-face{
	vertical-align: middle;
	padding: 3%;
}

#member-listarea h2{
	font-size:1em;
	text-align: center;
	font-weight: bold;
	margin-bottom: 0.1em;
}

#member-listarea p{
	text-align: center;
	font-size: 0.9em;
}

#member-listarea dd{
	margin-bottom: 1em;
}

/*=========ここまでメンバー一覧=========*/


/*=========================================*/
   /*ここからサブページ　レスポンシブ対応
/*=========================================*/

@media only screen and (min-width:961px){
	.member-result-tab,.member-result-phone,.profile-phone{
		display: none !important;
	}
}

@media only screen and (min-width:851px) and (max-width:960px){
	.member-result-pc,.member-result-phone{
		display: none !important;
	}
	.profile-phonenone{
		display: none !important;
	}
}

@media only screen and (min-width:600px) and (max-width:850px){
	.member-result-tab,.member-result-phone,.profile-phone{
		display: none !important;
	}
}

@media only screen and (min-width:600px) {
	.phone-only{
		display: none !important;
	}
}

@media only screen and (max-width:599px){
	.phone-none{
		display: none !important;
	}

	.open-btn1{
		margin-right:5%;
	}
}

@media only screen and (max-width:599px) and (min-width:500px){
		.member-result-pc,.member-result-phone{
		display: none !important;
	}
}

@media only screen and (max-width:499px){
	.phone-none,.member-result-pc,.member-result-tab{
		display: none !important;
	}
}


/*=========全体フォントサイズ*/
@media only screen and (max-width:650px){
	a,p,article ul li,article ol li {
			font-size: 0.85em;
		}

	main h2, main h1 {
			font-size: 1.3em;
		}

	.sub-1 h2, .sub-1 h1 {
			font-size: 1.3em;
		}


	.c1-page .eyecatch{
		margin: 0 calc(50% - 50vw);
		width: 100vw;}

	time{
		font-size:0.8em;
	}
}

/*=========コンタクトフォーム*/
@media only screen and (max-width:590px){
	.ta_frm td, .ta_frm th{
	  width:100%;
	  display:block;
		padding: 15px 0 0;
	}

	.ta_frm th{
		text-align: center;
		margin-bottom: 0;
	}

	.sub-CFbg h2{
		font-size: 1.5em;
	}

	.ta_frm input {
    width: 100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Chrome, Safari */
	}

	.sub-CFbg p{
    margin-bottom: 1.5em;
	}

	.ta_frm tbody, .ta_frm tr,{
		width: 100%;
	}

	.sub-CFbg{
    padding: 2em 1em;
	}
}

/*=========フッターメニュー*/
@media only screen and (max-width:700px){
	.sub-footmenu{
		margin-top: 0.3em;
    margin-bottom: 0em;
	}

	.sub-footmenu nav{
		width:80%;
	}

	.sub-footmenu ul{
		column-count: 4;
	}
}

@media only screen and (max-width:500px){
	.sub-footmenu ul{
		column-count: 3;
	}
}

@media only screen and (max-width:300px){
	.sub-footmenu ul{
		column-count: 2;
	}
}

/*============追加CSS============*/
.grecaptcha-badge { visibility: hidden; }

#toc_container {
        margin: auto;
}

#normal_post table{
	border-collapse: collapse;
	margin: 1em 0;
	background-color: white;
}
#normal_post table th{
  border: 1px dashed #2d2d2d;
	padding:0 1em;
	font-weight: normal;
	background-color: #f2f2f2;
}
#normal_post table td{
  border: 1px  dashed #2d2d2d;
	padding:0 1em;
}
#normal_post table p{
	margin-bottom:0;
}

@media screen and (max-width: 410px){
  .instagram-media{
    max-width: 100% !important;
    min-width: initial !important;
  }
}

.sns-under-text-ads{
    text-align: center;
    background-color: #8c6239;
    padding: 0.5em;
    color: #fff;
}

.sns-under-text-ads p{
	color: #fff;
}

.sns-under-text-ads a{
	color:yellow;
}

article .iframe-yt{
	aspect-ratio: 16 / 9;
    max-width: 530px;
    width: 100%;
}