@charset "UTF-8";

/* NOTE: 共通 */
body, html { height:100%; color:#444; min-width:1064px;}
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 { width:1064px; margin:0 auto;}
a { color: #008dce;}
a:hover { opacity:0.9;}
.mobile { display: none;}

.drawer-nav { padding: 20px;}
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.6rem; display:flex; justify-content:center; align-items:center;}
header a { color: #fff;}
header a:hover { opacity: 1;}

/* NOTE: 共通 */
#breadCrumbs { font-size: 1.5rem; margin-bottom:50px;}
#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; letter-spacing:1px; color:#fff; font-weight:normal;}
#footerInner { padding:20px 0 40px 0;}
#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 { 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.8rem; line-height: 1.2; width:200px; height:200px; border-radius:300px; background:#00a0ea; color:#fff; display:flex; justify-content:center; align-items:center; margin-bottom: 50px; 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: 50px 20px;}

/* アニメ */
.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(60px); opacity: 0;}
.anime02.delighter.started { transform: none; opacity: 1;}
.anime03.delighter { transition: all .3s ease-out; transform: translateY(70px); 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;}

/* ご挨拶 */
#homepage #greeting .contentsInner { padding: 80px 80px 50px 80px;}
#greeting { background:#eee;}
#nakayamaimg { position:absolute; width:200px; top:0; bottom:0; right:0; left:-260px; margin:auto;}
#leadtxt { text-align:center;}
#leadtxt p { text-align:left; margin: 30px 0;}
#leadtxt strong { font-size: 2.4rem; font-weight: bold;}
#leadtxt img { width:300px;}
#leadtxtname { text-align:center; font-size: 1.8rem;}
#leadtxtname p b { font-size: 2.8rem;}
#leadtxtname img { width:200px; margin:20px 0;}

/* NOTE: ホーム-ブログ */
#homepage #blog { background: #fff;}
#homepage #blog .contentsInner { padding: 50px 80px;}
#homepage #blog .contentsInner ul { padding: 0 0 30px 0; display: flex; flex-wrap: wrap;}
#homepage #blog .contentsInner ul li { list-style: none; width: 32%; margin-right: 2%; background: #fff; border-radius: 5px; padding: 20px; box-shadow: 0 0 5px #ccc; margin-bottom: 20px;}
#homepage #blog .contentsInner ul li:nth-of-type(3n) { margin-right: 0;}
#homepage #blog .contentsInner ul li a:hover { opacity: 0.8;}
#homepage #blog .contentsInner ul li a .img { width: 100%; border-radius: 5px;}
#homepage #blog .contentsInner ul li a .img img { width: 100%;}
#homepage #blog .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;}
#homepage #blog .contentsInner ul li a .txt span { display: block; font-size: 1.3rem; font-weight: 400; line-height: 1.0; color: #888; border-radius: 3px; margin-bottom: 5px; letter-spacing: 1px; margin-bottom: 10px;}

/* 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: flex; width: 850px; margin: 0 auto;}
#socialmedia .timeline ul li { width: 400px; height: 550px; overflow: hidden;}
#socialmedia .timeline ul li + li { margin-left: 50px;}
#socialmedia .timeline2 { text-align: center; margin-top: 20px;}
#socialmedia .timeline2 ul { display: flex; width: 850px; margin: 0 auto;}
#socialmedia .timeline2 ul li { float: left; width: 49%;}
#socialmedia .timeline2 ul li + li { margin-left: 2%; }
#socialmedia .timeline3 { width: 400px; margin: 0 auto; margin-bottom: 20px;}
#socialmedia .timeline3 ul li { width: 100%;}
#socialmedia .timeline3 ul li img.cap { width: 100%; border-radius: 8px;}

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

/* 議会中継 */
#video .contentsInner { padding: 50px 80px;}
#video .hole { display: flex;}
#video .hole .left { width: 40%; margin-right: 5%;}
#video .hole .left img { width: 100%; border-radius: 5px;}
#video .hole .right { width: 55%;}
#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.6; position: relative; padding: 15px 40px 15px 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; opacity: 1;}

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

/* プロフィール */
#profile .contentsInner { padding: 50px 80px;}
#profile ul.list li { padding: 10px 0; border-bottom: 1px dotted #ccc;}
#profile .bt { margin-top:20px;}
#profile p.skill 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: 15%; float: left; display: flex; justify-content: center; align-items: center;}
#profile .left img { width: 100%;}
#profile .right { width: 83%; float: right;}
#profile .right h3 { font-size: 2.8rem; font-weight: bold; line-height: 1.3;}
#profile .right p { line-height: 1.5; margin: 0; padding: 15px 0; font-feature-settings: "palt";}
#profile .right img { float: left; width: 85px; margin-right: 20px;}
.mobile { display: none;}
#profile .right div.readmore { display: block; text-align: center; color: #fff; padding: 10px 30px; background:#008dce; border-radius: 10px; box-shadow: 0 0 5px #ccc; letter-spacing: 1px;}
.balloon { position: relative;display: block; padding: 40px 35px; background: #bde7fa; border-radius: 15px;}
.balloon:before { content: ""; position: absolute; top: 50%; left: -20px; margin-top: -20px; margin-left: -20px; border: 20px solid transparent; border-right: 20px solid #bde7fa;}

/* 弁当 */
#lunchimg { margin-top: 20px; width: 100%; overflow: hidden; height: 240px;}

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

/* 政策 */
#policy .contentsInner { padding: 50px 80px;}
#policy div.leadtxt { background:rgba(255,255,255,.6); padding: 30px; text-align:center;}
#policy div.leadtxt div { font-size: 2.8rem; font-weight:bold; line-height:1.5; text-align:center;}
#policy div.img { display:none;}

#homepage #imglist { padding: 10px 0;}
#homepage #imglist ul { display:flex; flex-wrap:wrap;}
#homepage #imglist ul li { width: 32%; margin-bottom:10px; background:rgba(255,255,255,0.6); padding: 30px 25px;}
#homepage #imglist ul li + li { margin-left: 2%;}
#homepage #imglist ul li span { display: inline-block; font-size: 2.0rem; font-weight:bold; line-height:1.3; font-feature-settings: "palt";}
#homepage #imglist ul li p { margin:10px 0 0 0; line-height: 1.6;}
#homepage #imglist ul li img { width:60px; float:left;}

/* 応援メッセージ */
#message { overflow: hidden; font-feature-settings: "palt";}
#message .contentsInner { padding: 50px 80px;}
#message p { margin:0 0;}
#message p.name { display:block; font-size: 2.2rem; margin-bottom:10px; padding-left:15px;}
#message p.name span.small { font-size: 1.5rem; margin-left: 20px;}
#message .hole { display: flex; margin-bottom: 30px;}
#message .left { width: 20%; margin-right: 5%; display: flex; align-items: center;}
#message .left img { width: 100%;}
#message .right { width:75%;}
#message .left span { display:none;}
.balloon1-left { position:relative; display:inline-block; padding:30px; min-width:120px; max-width:100%; background:#eee; border-radius:20px;}
.balloon1-left:before { content: ""; position:absolute; top:50%; left:-30px; margin-top:-15px; border:15px solid transparent; border-right:15px solid #eee;}

/* 個人寄付 */
#donation { background:#fff; text-align:center;}
#donation .contentsInner { padding: 50px 80px;}
#donation p { text-align:left;}
#donation img { width:300px; margin-top:30px;}

/* 後援会 */
#support { background:#eee;}
#support .contentsInner { padding: 50px 80px;}

/* 規約 */
#contract { width: 100%; height: 300px; overflow: scroll; margin: 30px 0;}
#contract .contract-inner { padding: 30px 100px; 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:120px 80px 50px 80px;}
#pageVideo #socialBt { display:none;}
#pageVideo ul { list-style: none;}
#pageVideo #video ul li a:hover { background: #fff; opacity: 1;}

/* ----pageMedia ---- */
#pageMedia .contents { background:#eee;}
#pageMedia .contentsInner { padding:120px 30px 50px 30px;}
#pageMedia #socialBt { display:none;}
#pageMedia ul { list-style:none;}
#pageMedia #media .hole { text-align: center;}
#pageMedia #media .hole ul { display: flex; flex-wrap: wrap;}
#pageMedia #media ul li { display: block; width: 48%; text-align: center; margin-right: 4%; padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0 0 5px #ccc; margin-bottom: 20px;}
#pageMedia #media ul li:nth-child(2n) { margin-right: 0;}
#pageMedia #media ul li p { display: block; width: 90%; margin-left: 5%; line-height: 1.3;}
#pageMedia #media ul li img { height: 350px;}

/* ----pageMizutama---- */
#pageMizutama .contents { background:#eee;}
#pageMizutama .contentsInner { padding:120px 80px 50px 80px;}
#pageMizutama #socialBt { display:none;}
#pageMizutama #mizutama .hole { text-align: center;}
#pageMizutama #mizutama .hole ul { display: flex; flex-wrap: wrap; list-style:none; margin-bottom: 30px;}
#pageMizutama #mizutama ul li { width: 48%; text-align: center; padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0 0 5px #ccc; font-feature-settings: "palt"; margin-bottom: 30px;}
#pageMizutama #mizutama ul li:nth-of-type(2n) { margin-left: 4%;}
#pageMizutama #mizutama ul li img { width: 100%; margin-bottom: 10px;}

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

/* ----pageLunchbox---- */
#pageLunchbox .contents { background:#eee;}
#pageLunchbox .contentsInner { padding:120px 80px 80px 80px;}
#pageLunchbox #socialBt { display:none;}
#pageLunchbox ul { list-style:none;}
#lunchbox ul { display: flex; flex-wrap: wrap;}
#lunchbox ul li { width: 176px; margin-right:5px; margin-bottom:5px; padding:5px; background:#fff; border-radius:5px;}
#lunchbox ul li img { width:100%;}
#lunchbox ul li:nth-of-type(5n) { 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;}

/* NOTE: pagePolicy */
#pagePolicy .contentsInner { padding:100px 80px 80px 80px;}
#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 > li { width: 420px; margin-right: 64px; margin-bottom: 50px; background:rgba(255,255,255,.8); padding: 30px;}
#pagePolicy #imglist > ul > li:nth-of-type(2n) { margin-right: 0;}
#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%; padding:15px 0; border-bottom:1px dotted #666; background: none;}

/* ----pageContact----- */
#pageContact .contentsInner { padding:100px 80px 80px 80px;}
#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;}
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:500px; 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; display:flex; align-items:center;}
.formblockleft { float:left; width:200px; line-height:38px;}
.formblockleft > div { padding:0 10px;}
.formblockleft span { background:#CC3333; color:#fff; font-size: 1.2rem; padding:3px 5px; margin-left:5px;}
.formblockright { float:right; width:680px; 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:400px; 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 20px 30px 20px;}
#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:120px 80px 30px 80px;}
#pagePrivacy #socialBt { display:none;}
#pagePrivacy header ul,#pagePrivacy header li { list-style:none;}
#pagePrivacy h3 { margin: 30px 0;}

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

/* 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: 30px; 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.3rem; 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: 2.0rem; 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: 20px; line-height: 2.0; margin-bottom: 20px;}
.native-block ul li { list-style: disc;}
.native-block ol { padding-left: 30px; 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 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: 835px;}

/* YouTube埋め込み */
.native-block .wp-block-embed-youtube iframe { width: 100%; min-height: 420px;}

/* キャプション */
.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: 2.0rem; 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:120px 20px 30px 20px;}
#pageBlog .contentsInner h1 { line-height: 1.0;}
#pageBlog .contentsInner h1 span { display: inline-block; font-size: 1.5rem; line-height: 1.2;}
#pageBlog .contentsInner ul { padding: 0 0 30px 0; display: flex; flex-wrap: wrap;}
#pageBlog .contentsInner ul:after { content: ","; display: block; height: 0; clear: both; visibility: hidden;}
#pageBlog .contentsInner ul li { list-style: none; float: left; width: 32%; margin-right: 2%; background: #fff; border-radius: 5px; padding: 20px; box-shadow: 0 0 5px #ccc; margin-bottom: 20px;}
#pageBlog .contentsInner ul li:nth-of-type(3n) { margin-right: 0;}
#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;}