@charset "UTF-8";

/* NOTE: 共通 */
body,html { height:100%; color:#444;}
html { font-size: 62.5%;}
body { font-size: 1.6em; line-height: 1.8;}
#wrapper { position:relative; height:100%;}
.contents { position:relative; width:100%;}
.contentsInner {}
a { color:#008dce;}
a:hover { opacity:0.9;}
.desktop { display: none;}

.drawer-nav { padding: 20px;}
.drawer-nav nav { padding-bottom: 80px;}
ul.social-menu li { margin-bottom: 5px;}
.drawer-menu-item { position: relative;}
.drawer-menu-item:before { position: absolute; content:"\f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; right: 10px; top: 50%; transform: translateY(-50%); font-size: 1.0rem;}

/* NOTE: header */
header { position:fixed; z-index:50; top:0px; width:100%; height: 50px; background:rgba(0,160,234,.9); color:#fff; font-size: 1.5rem; font-feature-settings: "palt"; display: flex; justify-content: center; align-items: center; padding-right: 50px;}
header a { color: #fff;}
header a:hover { opacity: 1;}

/* NOTE: 共通 */
#breadCrumbs { font-size: 1.5rem; margin-bottom:30px;}
#pageTop { background:#00a0ea; color:#fff; border-radius:50px; text-align:center; line-height:50px; position:fixed; bottom:10px; right:10px; z-index:50; cursor:pointer; width:50px;}

#pageContact #pageTop { bottom: 90px;}

/* NOTE: footer */
footer { width:100%; background:#008dce; text-align:center; color:#fff; font-weight:normal;}
#footerInner { padding:20px 20px 40px 20px;}
#footerlink a { color:#fff; font-size: 1.5rem;}
footer small { display:block; width:100%; font-size: 1.5rem; margin-top:10px;}

#socialBt { padding:20px 0; background:#434e58;}
#socialBtInner { width:100%; text-align:center; display:flex; justify-content:center; align-items:center;}
#socialBtInner ul li { margin-bottom: 10px;}

/* NOTE: 共通 */
#homepage h2, #pagePolicy h1, #pageContact h1, #pagePrivacy h1, #pageLunchbox h1 , #pageProfile h1, #pageVideo h1, #pageMedia h1, #pageMizutama h1, #pageBlog h1 { margin:0 auto; font-weight:normal; font-size: 2.2rem; line-height: 1.2; width:150px; height:150px; border-radius:300px; background:#00a0ea; color:#fff; display:flex; justify-content:center; align-items:center; margin-bottom: 30px; text-align:center; padding:5px; position:relative; font-feature-settings: "palt";}
p { margin:20px 0;}
.mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
b { font-family:Arial,"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;}

/* ----homepage---- */
#homepage ul,#homepage li { list-style:none;}
#homepage .contentsInner { padding: 30px 30px;}

/* アニメ */
.anime01.delighter { transition: all .3s ease-out; transform: translateY(50px); opacity: 0;}
.anime01.delighter.started { transform: none; opacity: 1;}
.anime02.delighter { transition: all .3s ease-out; transform: translateY(50px); opacity: 0;}
.anime02.delighter.started { transform: none; opacity: 1;}
.anime03.delighter { transition: all .3s ease-out; transform: translateY(50px); opacity: 0;}
.anime03.delighter.started { transform: none; opacity: 1;}
.anime04.delighter { transition: all .3s ease-out; transform: translateX(-100px); opacity: 0;}
.anime04.delighter.started { transform: none; opacity: 1;}
.anime05.delighter { transition: all .3s ease-out; transform: translateX(100px); opacity: 0;}
.anime05.delighter.started { transform: none; opacity: 1;}

/* メイン画像 */
#mainimg { position:relative;}
#mainimg h1 { display:none;}

/* アンカー */
#i01,#i02,#i03,#i04,#i05,#i06,#i07,#i08,#i09,#i10,#i11 { width:100%; position:absolute; top:-50px;}
#i21,#i22,#i23,#i24,#i25,#i26,#i27,#i28,#i29,#i30 { width:100%; position:absolute; top:-50px;}

/* ご挨拶 */
#greeting { background:#eee;}
#nakayamaimg { position:absolute; width:140px; top:0; bottom:0; right:0; left:-190px; margin:auto;}
#leadtxt { text-align:center;}
#leadtxt p { text-align:left; margin: 30px 0;}
#leadtxt strong { font-size: 2.2rem; font-weight: bold; line-height: 1.5;}
#leadtxt img { width:65%;}
#leadtxtname { text-align:center; font-size: 1.8rem;}
#leadtxtname p b { font-size: 2.8rem;}
#leadtxtname img { width:70%; margin:20px 0;}

/* NOTE: ホーム-ブログ */
#homepage #blog { background: #fff;}
#homepage #blog ul { padding: 0 0 20px 0;}
#homepage #blog ul { padding: 0 0 20px 0;}
#homepage #blog ul li { list-style: none; width: 100%; background: #fff; border-radius: 5px; padding: 20px; box-shadow: 0 0 5px #ccc; margin-bottom: 20px;}
#homepage #blog ul li a:hover { opacity: 0.8;}
#homepage #blog ul li a .img { width: 100%; border-radius: 5px;}
#homepage #blog ul li a .img img { width: 100%;}
#homepage #blog ul li a .txt { font-size: 2.0rem; line-height: 1.3; font-weight: 900; color: #444; font-feature-settings: "palt"; margin-top: 10px;}
#homepage #blog ul li a .txt span { display: block; font-size: 1.3rem; font-weight: 400; line-height: 1.0; color: #888; margin-bottom: 10px; letter-spacing: 1px;}

/* NOTE: ソーシャルメディア */
#socialmedia { background: #eee;}
.sns-bt { width:100%; height:50px; color:#fff; border-radius:5px; display:flex; justify-content:center; align-items:center; text-align:center; letter-spacing:1px; margin-bottom: 5px;}
.sns-bt:hover { opacity:0.8;}
.sns-bt img { width:23px; margin-right:5px;}
.bg-facebook { background:#3b5998;}
.bg-twitter { background:#1da1f2;}
.bg-blog { background:#28883a;}
.bg-instagram { background:#d93175;}
.bg-youtube { background:#ff0000;}
.bg-line { background:#4ecd00}

#socialmedia .timeline { text-align: center;}
#socialmedia .timeline ul { display: block; width: 100%;}
#socialmedia .timeline ul li { width: 100%; margin-bottom: 20px; height: 550px; overflow: hidden;}
#socialmedia .timeline ul li:nth-child(2n) { margin-bottom: 0; }
#socialmedia .timeline2 { text-align: center; margin-top: 20px;}
#socialmedia .timeline2 ul { display: flex; flex-wrap: wrap; width: 100%;}
#socialmedia .timeline2 ul li { width: 49%;}
#socialmedia .timeline2 ul li + li { margin-left: 2%; }
#socialmedia .timeline3 { width: 100%; margin-bottom: 10px;}
#socialmedia .timeline3 ul li { width: 100%;}
#socialmedia .timeline3 ul li img.cap { width: 100%; border-radius: 8px;}

/* みずたま通信 */
#homepage #mizutama { background:#eee;}
#homepage #mizutama .hole { text-align: center;}
#homepage #mizutama .hole ul { display: block;}
#homepage #mizutama ul li { width: 100%; text-align: center; padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0 0 5px #ccc; margin-bottom: 20px; font-feature-settings: "palt";}
#homepage #mizutama ul li img { width: 100%; margin-bottom: 10px;}

/* 議会中継 */
#video .hole .left { margin-bottom: 10px;}
#video .hole .left img { width: 100%; border-radius: 5px;}
#video .hole .left > .hole { width: 100%; display: block; margin-bottom: 10px;}
/* #video .hole .left > .hole .movie { width: 100%; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
#video .hole .left > .hole .movie iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#video .hole .left > .hole .movie + p { font-size: 1.4rem; line-height: 1.4; margin-top: 10px;} */
#video ul { margin-bottom: 30px;}
#video ul li { border-bottom: 1px dotted #ccc;}
#video ul li a { display: block; line-height: 1.2; position: relative; padding: 20px 30px 20px 10px;}
#video ul li a:before { position: absolute; content:"\f054"; font-family: 'Font Awesome 5 Free'; font-weight: 900; right: 10px; top: 50%; transform: translateY(-50%); font-size: 1.4rem;}
#video ul li a { color: #444;}
#video ul li a span { display: block; font-size: 1.4rem; line-height: 1.4; margin-top: 8px;}
#video ul li a:hover { background: #eee;}

/* メディア掲載 */
#media { background:#eee;}
#media .hole ul { list-style: none;}
#media ul li { display: block; text-align: center; padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0 0 5px #ccc; margin-bottom: 20px;}
#media ul li p { display: block; line-height: 1.3; font-feature-settings: "palt";}
#media ul li img { width: 50%;}

/* プロフィール */
#profile ul.list li { padding:10px 0; border-bottom:1px dotted #ccc;}
#profile .bt { margin-top:20px;}
#profile p.skill { border-bottom:none;}
#profile p span  { display:inline-block; background:#999; letter-spacing:2px; color:#fff; padding:1px 10px; margin-right:10px; border-radius:10px;}

/* ストーリー */
#profile .hole { margin: 20px 0;}
#profile .hole a { color: #444;}
#profile .hole:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
#profile .left { width: 100%; text-align: center; padding-top: 10px;}
#profile .left img { width: 30%;}
#profile .right { width: 100%;}
#profile .right img { float: left; width: 85px; margin-right: 20px;}
#profile .right img.desktop { display: none;}
#profile .right h3 { font-size: 2.4rem; font-weight: bold; line-height: 1.3;}
#profile .right p { line-height: 1.5; margin: 0; padding: 15px 0;}
#profile .right div.readmore { display: block; text-align: center; color: #fff; padding: 14px 10px; background:#008dce; border-radius: 10px; box-shadow: 0 0 5px #ccc;}
.balloon { position: relative;display: block; padding: 20px; background: #bde7fa; border-radius: 15px;}
.balloon:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -20px; border: 20px solid transparent; border-top: 20px solid #bde7fa;}
#lunchimg { margin:20px 0 0 0;  height: 200px;}

/* ボタン */
.bt { text-align:center; margin-bottom:20px;}
.bt a { display:inline-block; padding:10px 20px; line-height: 1.2; background:#00a0ea; color:#fff; border-radius:20px;}

/* 政策 */
#policy div.leadtxt { background:rgba(255,255,255,.6); padding: 30px; text-align:center;}
#policy div.leadtxt div.title { font-size: 2.8rem; font-weight:bold; line-height:1.2; text-align:center; margin-bottom: 20px;}
#policy div.img img { width:100%;}
#imglist ul li span { display: inline-block; font-size: 2.0rem; font-weight: bold; line-height:1.3; font-feature-settings: "palt";}
#imglist { padding:10px 0 30px 0;}
#imglist ul li { width:100%; margin-bottom: 10px; background:rgba(255,255,255,0.6); padding:30px;}
#imglist ul li p { margin:10px 0 0 0; line-height: 1.6;}
#imglist ul li img { width: 60px; float:left;}

/* 応援メッセージ */
#message { overflow: hidden; font-feature-settings: "palt";}
#message p { margin: 0;}
#message .hole { margin-bottom:30px;}
#message .left { display: flex; width: 100%; margin-bottom: 10px; align-items: center;}
#message .left span { flex: 1; font-size: 1.6rem; line-height: 1.3;}
#message .left span span.small { font-size: 1.3rem; margin-left: 20px;}
#message .left span b.name { font-size: 2.8rem;}
#message .left img { width: 150px; height: 150px; margin-right: 5%;}
#message .right { width: 100%;}
#message .right p.name { display: none;}
.balloon1-left { position: relative; display: inline-block; padding: 30px; width: 100%; background: #eee; border-radius: 20px;}

/* 個人寄付 */
#donation { background:#fff; text-align:center;}
#donation p { text-align:left;}
#donation img { width:70%; margin-top:30px;}

/* 後援会 */
#support { background:#eee;}

/* 規約 */
#contract { width: 100%; height: 300px; overflow: scroll; margin: 30px 0;}
#contract::-webkit-scrollbar { background: #fafafa; width: 10px;}
#contract::-webkit-scrollbar-thumb { background: #c1c1c1;}
#contract .contract-inner { padding: 30px 20px; background: #fff;}
#contract h4 { font-size: 1.8rem; font-weight: bold; margin-bottom: 30px; text-align: center;}
#contract h4:last-of-type { margin-top: 40px;}
#contract ul { padding-left: 20px; margin: 20px 0;}
#contract li { margin-bottom: 15px; list-style-type: disc;}
#contract ul ul li { list-style-type: decimal;}

/* ----pageVideo---- */
#pageVideo .contents { background:#eee;}
#pageVideo .contentsInner { padding:80px 30px 50px 30px;}
#pageVideo ul,#pageVideo li { list-style:none;}
#pageVideo #video ul li a:hover { background: #fff; opacity: 1;}

/* ----pageMedia ---- */
#pageMedia .contents { background:#eee;}
#pageMedia .contentsInner { padding:80px 30px 50px 30px;}
#pageMedia #socialBt { display:none;}
#pageMedia ul { list-style:none;}

/* ----pageMizutama---- */
#pageMizutama .contents { background:#eee;}
#pageMizutama .contentsInner { padding:80px 30px 50px 30px;}
#pageMizutama #socialBt { display:none;}
#pageMizutama #mizutama .hole { text-align: center;}
#pageMizutama #mizutama .hole ul { display: block; list-style:none;}
#pageMizutama #mizutama ul li { width: 100%; text-align: center; padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0 0 5px #ccc; margin-bottom: 20px; font-feature-settings: "palt";}
#pageMizutama #mizutama ul li img { width: 100%; margin-bottom: 10px;}

/* ----pageProfile---- */
#pageProfile .contents { background:#eee;}
#pageProfile .contentsInner { padding:80px 30px 50px 30px;}
#pageProfile #socialBt { display:none;}
#pageProfile ul,#pageProfile li { list-style:none;}
#pageProfile .contentsInner h2 { font-size: 2.4rem; text-align: center;  line-height: 1.2;}
#pageProfile .contentsInner h3 { font-size: 2.0rem; margin: 30px 0; text-align: center; line-height: 1.2;}
#pageProfile .contentsInner p { }
#pageProfile .contentsInner div.img { text-align: center;}
#pageProfile .contentsInner div.img img { width:70%;}

/* ----pageLunchbox---- */
#pageLunchbox .contents { background:#eee;}
#pageLunchbox .contentsInner { padding:80px 30px 50px 30px;}
#pageLunchbox #socialBt { display:none;}
#pageLunchbox ul { display: flex; flex-wrap: wrap; list-style:none;}
#lunchbox ul li { width:33%; margin-right:0.5%; margin-bottom:2px;  padding:5px; background:#fff; border-radius:5px;}
#lunchbox ul li img { width:100%;}
#lunchbox ul li:nth-of-type(3n) { margin-right:0;}
.wp-pagenavi { text-align:center; margin:30px 0; letter-spacing:1px;}
.wp-pagenavi a,.wp-pagenavi span.current { display:inline-block; padding:5px 10px; margin:0 5px;}
.wp-pagenavi a.page { background:#fff; color:#00a0ea; border:none; padding:5px 10px; margin:0 5px;}
.wp-pagenavi a.page:hover { background:#00a0ea; color:#fff;}
.wp-pagenavi span.current { background:#00a0ea; color:#fff; border:none;}
.wp-pagenavi span.pages { padding-right:10px; color:#777; letter-spacing:1px; border:none;}
.wp-pagenavi a.nextpostslink,.wp-pagenavi a.previouspostslink { border:none;}
.wp-pagenavi span.extend,.wp-pagenavi a.last,.wp-pagenavi a.first { border:none;}
.wp-pagenavi a.last, .wp-pagenavi a.first { display: none;}

/* ----pagePolicy----- */
#pagePolicy .contentsInner { padding:80px 30px 60px 30px;}
#pagePolicy ul,#pagePolicy li { list-style:none;}
#pagePolicy #socialBt { display:none;}
#pagePolicy #imglist ul li span { display:block; background:#00a0ea; color:#fff; font-size:2.4rem; font-weight:normal; line-height:1.5; padding:15px 0; text-align:center; letter-spacing:1px;}
#pagePolicy #imglist ul { display:flex; flex-wrap:wrap;}
#pagePolicy #imglist ul:after { content:","; display:block; height:0; clear:both; visibility:hidden;}
#pagePolicy #imglist > ul > li { width:100%; margin-bottom:20px; padding:30px; background:rgba(255,255,255,.8);}
#pagePolicy #imglist ul li.before { opacity:0; transform:translate(0, 50px); transition:all 300ms;}
#pagePolicy #imglist ul li.after { opacity:1; transform:translate(0, 0);}
#pagePolicy #imglist ul li ul li { width:100%; margin:0; padding:15px 0; border-bottom:1px dotted #666; background: none;}

/* ----pageContact----- */
#pageContact .contentsInner { padding:80px 30px 50px 30px;}
#pageContact #socialBt { display:none;}
#pageContact ul,#pageContact li { list-style:none;}
#pageContact .contents { background:#eee;}
#pageContact p { margin: 20px 0;}
#thanks { text-align: center;}

input[type="text"],input[type="email"],input[type="tel"],button,select,textarea { margin:0; padding:0; background:none; border:none; border-radius:0; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand { display:none;}
input[type="text"],input[type="email"],input[type="tel"],select {  border:1px solid #ccc; border-radius:5px; height:45px; width:100%; text-indent:10px;}
input[type="text"],input[type="email"],input[type="tel"],select,textarea { background:#fff;}
select.pref { float:left; width:150px; margin-bottom:5px;}
textarea { width:100%;  border:1px solid #ccc; border-radius:5px;}
input[type="text"].zip1 { width:60px;}
input[type="text"].zip2 { width:80px;}
input[type="text"].address { width:100%; float:right;}
input[type="text"].tel1,input[type="text"].tel2,input[type="text"].tel3 { width:80px;}
textarea { padding: 10px;}

.formblockhole:after { content:","; display:block; height:0; clear:both; visibility:hidden;}
.formblockhole { margin-bottom:10px;}
.formblockleft { width:100%; border-radius:5px; line-height:38px; background:#ccc;}
.formblockleft > div { padding:0 10px;}
.formblockleft span { background:#CC3333; color:#fff; font-size:1.2rem; padding:3px 5px; margin-left:5px;}
.formblockright { width:100%; line-height:38px;}
.formblockright > div { padding:0 0;}
.formblockright span { font-size:1.4rem; display:inline-block;}
.formblockright span.error { display:inline-block; background:#FCC; border-radius:5px; padding:0 20px;}
.formbt { text-align:center; margin-top:30px;}
form button { background:#000; color:#fff; text-align:center; width:100%; border-radius:5px; padding:15px 0; cursor:pointer; letter-spacing:10px;}
form button:hover { opacity:0.8;}
.mw_wp_form_preview .formblockright { background:#fff; border-radius:5px;}
.mw_wp_form_preview .formblockright > div { padding:0 10px;}
.mw_wp_form_complete { text-align:center; font-size:1.8rem;}

/* ----notfoundPage---- */
#notfoundPage .contents { background:#eee;}
#notfoundPage .contentsInner { padding:120px 30px 30px 30px;}
#notfoundPage #socialBt { display:none;}
#notfoundPage ul,#notfoundPage li { list-style:none;}
#notfoundPage p.error { text-align:center; padding: 50px 0 100px 0;}

/* ----pagePrivacy---- */
#pagePrivacy .contents { background:#eee;}
#pagePrivacy .contentsInner { padding:80px 30px 50px 30px;}
#pagePrivacy #socialBt { display:none;}
#pagePrivacy header ul,#pagePrivacy header li { list-style:none;}
#pagePrivacy h3 { margin: 30px 0; line-height: 1.2;}

/* NOTE: pageSingle */
#pageSingle #breadCrumbs { margin-bottom: 20px; line-height: 1.2;}
#pageSingle .contents { background:#eee;}
#pageSingle .contentsInner { padding: 80px 20px 10px 20px;}
#pageSingle .contentsInner .article-hole { padding: 20px; background: #fff; border-radius: 10px;}
#pageSingle .contentsInner h1 { font-size: 2.8rem; line-height: 1.2; font-weight: 700; margin-bottom: 20px; font-feature-settings: "palt";}
#pageSingle .contentsInner .date { display: block; font-size: 1.3rem; line-height: 1.0; color: #888; margin-bottom: 20px; letter-spacing: 1px;}
#pageSingle .contentsInner .tag-list { text-align: center; line-height: 1.4; margin-top: 40px;}

/* NOTE: social */
#social { margin-top: 30px;}
#social ul { display: flex; justify-content: center; align-items: center;}
#social ul:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
#social ul li { width: 35px; margin-right: 20px; list-style: none;}
#social ul li:last-child { margin-right: 0;}
#social ul li a img { width: 100%; opacity: 0.4;}
#social ul li:hover a img { opacity: 0.8;}

/* NOTE: ネイティブCSS */
.native-block { }
.native-block p { display: block; margin: 30px 0; line-height: 2.0;}
.native-block a { color: #0066ff; word-break: break-all;}
.native-block strong { }
.native-block em { font-style: italic; }
.native-block h2 { font-size: 2.0rem; margin: 50px 0 30px 0; line-height: 1.2; font-weight: 700; border-left: 10px solid #00a0ea; padding: 8px 0 8px 10px; background: repeating-linear-gradient(-45deg, #d8edf6, #d8edf6 3px,#f6f6f6 3px, #f6f6f6 7px); font-feature-settings: "palt";}
.native-block h3 { font-size: 1.8rem; margin: 30px 0; line-height: 1.2; font-weight: 700; font-feature-settings: "palt";}
.native-block h4 { font-size: 1.6rem; margin: 20px 0; font-weight: 700; font-feature-settings: "palt";}
.native-block h5 { font-size: 0.75rem; font-weight: 700;}
.native-block h6 { font-size: 0.625rem; font-weight: 700;}
.native-block ul { padding-left: 30px; line-height: 2.0; margin-bottom: 20px;}
.native-block ul li { list-style: disc;}
.native-block ol { padding-left: 20px; line-height: 2.0; margin-bottom: 20px;}
.native-block ol li { list-style: decimal;}
.native-block blockquote { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px;}
.native-block .aligncenter { display: block; width: 100%; margin: 0 auto; text-align: center;}
.native-block .alignright { float: right; margin: 0 0 10px 20px;}
.native-block .alignleft { float: left; margin: 0 20px 10px 0;}
.native-block .first-image img { width: 100%;}
.native-block img { height: auto; max-width: 100%;}
.native-block .wp-caption { border: 1px solid #ddd; text-align: left; background-color: #f3f3f3; padding: 5px; border-radius: 3px;}
.native-block .wp-caption img { margin: 0; padding: 0; border: 0 none;}
.native-block .wp-caption p.wp-caption-text { font-size: 1.5rem; line-height: 1.5; margin: 0; padding: 0;}
.native-block hr.wp-block-separator { border-top: 1px solid #ccc; border-bottom: 0;}

/* インスタ埋め込み */
.native-block iframe { max-height: 700px;}

/* キャプション */
.native-block .wp-block-image { display: block; width: 100%;}
.native-block figure { display: block; width: 100%;}
.native-block figure figcaption { display: block; width: 100%; text-align: center; font-size: 1.5rem; color: #666;}

/* blockquote */
.native-block blockquote { background: #eee; padding: 30px; border-radius: 10px; position: relative; margin: 30px 0;}
.native-block blockquote:before { position: absolute; content: '\f10d'; font-family: 'Font Awesome 5 Free'; font-weight: 900; top: 10px; left: 10px; color: #ccc; font-size: 1.5em;}
.native-block blockquote:after { position: absolute; content: '\f10e'; font-family: 'Font Awesome 5 Free'; font-weight: 900; bottom: 10px; right: 10px; color: #ccc; font-size: 1.5em;}

/* NOTE: navi-link-block */
#navi-link-block { font-size: 1.8rem; width: 100%; text-align: center;}
#navi-link-block .inner { width: 100%; padding: 30px 0; position: relative;}
#navi-link-block a { color: #00a0ea;}
#navi-link-block span.left { position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#navi-link-block span.right { position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#navi-link-block i { font-size: 1.2rem; transform: translateY(-3px);}

/* NOTE: pageBlog */
#pageBlog .contents { background: #eee;}
#pageBlog .contentsInner { padding: 80px 20px 30px 20px;}
#pageBlog .contentsInner h1 { line-height: 1.0;}
#pageBlog .contentsInner h1 span { display: inline-block; font-size: 1.4rem; line-height: 1.2;}
#pageBlog .contentsInner ul { padding: 0 0 20px 0;}
#pageBlog .contentsInner ul li { list-style: none; width: 100%; background: #fff; border-radius: 5px; padding: 20px; box-shadow: 0 0 5px #ccc; margin-bottom: 20px;}
#pageBlog .contentsInner ul li a:hover { opacity: 0.8;}
#pageBlog .contentsInner ul li a .img { width: 100%; border-radius: 5px;}
#pageBlog .contentsInner ul li a .img img { width: 100%;}
#pageBlog .contentsInner ul li a .txt { font-size: 2.0rem; font-weight: 900; line-height: 1.3; color: #444; font-feature-settings: "palt"; margin-top: 10px;}
#pageBlog .contentsInner ul li a .txt span { display: block; font-size: 1.3rem; font-weight: 400; line-height: 1.0; color: #444; letter-spacing: 1px; margin-bottom: 10px;}