@charset "utf-8";
/*
Theme Name: 農機具王：社内
*/
/*reset
---------------------------------------*/
* {
 margin: 0;
 padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
 margin: 0;
 padding: 0;
}
a:link {
 color: #004DEB;
}
a:visited {
 color: #082A6E;
}
a:hover {
 color: #1B90FB;
}
a:active {
 color: #770000;
}
img {
 vertical-align: bottom;
}
ul, ol {
 list-style-type: none;
 padding: 0px;
 text-indent: 0;
 margin: 0px;
}
a img {
 text-decoration: none;
 border: none;
 webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
a img:hover {
 opacity: 0.8;
}
.img_mid {
 vertical-align: middle;
}
address {
 font-style: normal;
}
table {
 font-size: 100%;
 border-collapse: collapse;
 border-spacing: 0;
}
.none {
 display: none;
}
.clear {
 clear: both;
}
.no_clear {
 clear: none !important;
}
.clearfix {
 display: block;
 height: 0;
 font-size: 0;
 clear: both;
 visibility: hidden;
}
caption, th, td {
 font-weight: normal;
 text-align: left;
}
.flex {
 display: flex;
 flex-wrap: wrap;
}
.smart {
 display: none;
}
input[type="submit"] {
 -webkit-appearance: none;
}
/*basic style
---------------------------------------*/
.flol {
 float: left;
}
.flor {
 float: right;
}
.txr {
 text-align: right;
}
.txl {
 text-align: left;
}
.txc {
 text-align: center;
}
.nomar {
 margin: 0 !important
}
.bold {
 font-weight: bold;
}
.large {
 font-size: 1.1em;
}
.llarge {
 font-size: 1.2em;
}
.xlarge {
 font-size: 1.3em;
}
.xxlarge {
 font-size: 1.4em;
}
.xxxlarge {
 font-size: 1.7em;
}
.small {
 font-size: 0.9em;
}
.ssmall {
 font-size: 0.8em;
}
.xsmall {
 font-size: 0.7em;
}
.xxsmall {
 font-size: 0.6em;
}
.rela {
 position: relative;
}
.underline {
 text-decoration: underline;
}
.hidden {
 overflow: hidden;
}
.content_post .hidden {
 overflow: hidden;
 display: block;
}
.fs08 {
 font-size: 0.8em;
}
.fs09 {
 font-size: 0.9em;
}
.fs10 {
 font-size: 1em;
}
.fs11 {
 font-size: 1.1em;
}
.fs12 {
 font-size: 1.2em;
}
.fs13 {
 font-size: 1.3em;
}
h1, h2, h3, h4, h5, h6 {
 clear: both;
}
.marker-blue {
 background: linear-gradient(transparent 50%, #CAE9F6 40%);
}
.marker-yellow {
 background: linear-gradient(transparent 50%, #F8FDC3 40%);
}
.marker-red {
 background: linear-gradient(transparent 50%, #ffe4e4 40%);
}
.marker-greem {
 background: linear-gradient(transparent 50%, #D6FFCC 40%);
}
/*body
---------------------------------------*/
body {
 font-size: 16px;
 line-height: 1.8em;
 font-family: "游明朝", "Yu Mincho", "Yu Gothic", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", serif;
 font-family: "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color: #1b1b1b;
 font-weight: 500;
}
form#log_form {
 padding-top: 80px;
}
.wrapper {
 max-width: 1200px;
 margin: 0 auto;
}
#main {
 padding-top: 143px;
}
main {
 position: relative;
 z-index: 1;
}
/*Header and Nav
---------------------------------------*/
header {
 position: relative;
 z-index: 100;
}
#header {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 background-color: #fff;
 box-shadow: 0 0 5px #0000005c;
 height: 143px;
}
#logo img {
 width: 240px;
 height: auto;
 max-width: 95%;
}
#logo {
 text-align: center;
 padding: 6px 0;
}
.admin-bar #header {
 top: 32px;
}
#nav {
 background-color: #f4f4f4;
}
#nav ul {
 display: flex;
 text-align: center;
 margin: 0 auto;
}
#nav ul li {
 box-sizing: border-box;
 width: 10%;
 font-size: 0.9em;
}
#nav ul li a {
 display: block;
 text-decoration: none;
 font-weight: bold;
 padding: 35px 0 7px 0;
 height: 60px;
 box-sizing: border-box;
 background-color: #333333;
 color: #fff;
 background-repeat: no-repeat;
 background-size: auto 20px;
 background-position: center 9px;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
#nav ul li.post_type_sec1 a {
 background-image: url(img/SVG/icon20.svg);
}
#nav ul li.post_type_sec2 a {
 background-image: url(img/SVG/icon19.svg);
}
#nav ul li.post_type_info a {
 background-image: url(img/SVG/circle-info-solid.svg);
}
#nav ul li.post_type_riatastu a {
 background-image: url(img/SVG/wine-bottle-solid.svg);
}
#nav ul li.post_type_newspaper a {
 background-image: url(img/SVG/newspaper-solid.svg);
}
#nav ul li.post_type_videos a {
 background-image: url(img/SVG/video.svg);
}
#nav ul li.post_type_event a {
 background-image: url("img/SVG/event-icon.svg");
}
#nav ul li#menu-item-3957 a, #nav ul li#menu-item-326 a {
 background-image: url(img/SVG/icon17.svg);
}
#nav ul li#menu-item-327 a {
 background-image: url(img/SVG/icon1.svg);
}
#nav ul li#menu-item-330 a {
 background-image: url(img/SVG/icon14.svg);
}
#nav ul li#menu-item-320 a {
 background-image: url(img/SVG/icon16.svg);
}
#nav ul li#menu-item-23 a {
 background-image: url(img/SVG/icon21.svg);
}
span.pst_name.pst_sec1, #nav ul li.post_type_sec1 a {
 background-color: #59c55e;
}
span.pst_name.pst_sec2, #nav ul li.post_type_sec2 a {
 background-color: #c78340;
}
span.pst_name.pst_info, #nav ul li.post_type_info a {
 background-color: #d05757;
}
.sph2.sp_color_riatastu:after, span.pst_name.pst_riatastu, #nav ul li.post_type_riatastu a {
 background-color: #d877dd;
}
.sph2.sp_color_newspaper:after, span.pst_name.pst_newspaper, #nav ul li.post_type_newspaper a {
 background-color: #5086f9;
}
.sph2.sp_color_videos:after, span.pst_name.pst_videos, #nav ul li.post_type_videos a {
 background-color: #FF3333;
}
.sph2.sp_color_event:after, span.pst_name.pst_event, #nav ul li.post_type_event a {
 background-color: #eae146;
 color: #000;
}
span.pst_name.pst_post, #nav ul li#menu-item-326 a {
 background-color: #5baae6;
}
#nav ul li#menu-item-327 a {
 background-color: #62cd9d;
 ;
}
span.pst_name.pst_document, #nav ul li#menu-item-330 a {
 background-color: #ef8c41;
}
#nav ul li#menu-item-320 a {
 background-color: #72440e;
}
#nav ul li#menu-item-23 a {
 background-color: #d05757;
}
#nav ul li a:hover {
 background-color: #313131;
 color: #fff;
}
.head_search a {
 position: absolute;
 right: 15px;
 top: 25px;
 width: 30px;
 height: 30px;
 cursor: pointer;
 background-image: url(img/search.svg);
 background-repeat: no-repeat;
 background-size: 100% auto;
}
/*TOP
---------------------------------------*/
#to_slide li {
 position: relative;
 max-height: 21vw;
 overflow: hidden;
}
.to_slide2 li {
 position: relative;
}
.to_slide2 li .title, #to_slide li .title {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 display: block;
 background-color: rgba(0, 0, 0, 0.7);
 color: #fff;
 font-weight: bold;
 padding: 15px 1em;
 font-size: 1.1em;
 line-height: 1.4em;
 box-sizing: border-box;
}
.to_slide2 li img, #to_slide li img {
 width: 100%;
}
.to_slide2 button, #to_slide button {
 position: absolute;
 left: 0;
 top: 45%;
 border: none;
 width: 40px;
 height: 40px;
 text-indent: -999px;
 overflow: hidden;
 z-index: 10;
 background-image: url(img/link.svg);
 background-repeat: no-repeat;
 background-size: auto 61%;
 background-position: center;
 transform: rotate(180deg);
 cursor: pointer;
 background-color: rgba(0, 0, 0, 0.67);
 border-radius: 150%;
}
.to_slide2 button.slick-next, #to_slide button.slick-next {
 right: 0;
 left: auto;
 transform: rotate(0deg);
}
.to_slide2 {
 max-width: 800px;
 margin: 0 auto;
 padding: 30px 0;
 position: relative;
}
span.pst_name {
 position: absolute;
 right: 0;
 top: 0;
 padding: 9px 15px;
 font-size: 0.8em;
 font-weight: bold;
 background-color: rgb(0 0 0 / 50%);
 color: #fff;
 line-height: 1em;
}
.mv {
 position: relative;
}
.mv span {
 position: absolute;
 top: -170px;
}
#search_box {
 padding: 10px 0;
}
#search_box.page_top {
 padding: 30px 0;
}
#top_section {
 border: 2px solid #f5a438;
 background-color: #fffcee;
 box-shadow: 7px 7px 0 #fee3be;
}
.select_search {
 overflow: hidden;
}
#top_section h3 {
 margin-bottom: 8px;
}
#section_1 h3 a {
 text-decoration: none;
}
.select_search li {
 float: left;
 cursor: pointer;
 padding: 6px 15px;
 border-left: 2px solid #f57838;
 border-right: 2px solid #f57838;
 border-top: 2px solid #f57838;
 color: #f57838;
 font-weight: bold;
 margin: 0 2px 0 0;
}
.select_search li.active, .select_search li:hover {
 background-color: #f57838;
 color: #fff;
}
.search_title {
 margin: 20px 0 0 0;
}
.search_num {
 margin-bottom: 20px;
 font-weight: bold;
 padding-left: 1em;
 margin-top: 8px;
}
.section_body {
 display: none;
 padding: 25px;
}
.section_body.active {
 display: block;
}
.tag_list {
 overflow: hidden;
 padding: 5px 15px;
 margin-bottom: 30px;
}
.tag_list li {
 float: left;
}
.tag_list li a {
 display: block;
 text-decoration: none;
 padding: 7px 15px;
 margin: 0 7px 2px 0;
 line-height: 1.4em;
 background-image: url(img/right_green2.svg);
 background-repeat: no-repeat;
 background-position: 0 center;
 color: initial;
}
.tag_list li a:hover {
 text-decoration: underline;
 color: #004DEB;
}
#section_2 input[type="text"] {
 width: 100%;
 font-size: 18px;
 padding: 6px 15px;
 box-sizing: border-box;
 border: 1px solid #aaa;
 border-radius: 5px;
}
.search_smt input {
 padding: 12px 0;
 background-color: #f57838;
 color: #Fff;
 font-family: initial;
 margin: 10px auto;
 display: block;
 width: 90%;
 max-width: 280px;
 font-weight: bold;
 border-radius: 5px;
 font-size: 1em;
 border: 2px solid #f57838;
 box-sizing: border-box;
}
.search_smt input:hover {
 background-color: #fff;
 color: #f57838;
}
.search_smt input {
 padding: 12px 0;
 background-color: #f57838;
 color: #Fff;
 font-family: initial;
 margin: 10px auto;
 display: block;
 width: 90%;
 max-width: 280px;
 font-weight: bold;
 border-radius: 5px;
 font-size: 1em;
 border: 2px solid #f57838;
 box-sizing: border-box;
}
.search_smt input:hover {
 background-color: #fff;
 color: #f57838;
}
.select_type input {
 width: 21px;
 height: 21px;
 position: relative;
 top: 5px;
 margin-right: 5px;
}
.select_type label {
 display: inline-block;
 cursor: pointer;
 margin: 0 5px 5px 15px;
}
#top_new {
 margin-top: 30px;
 padding: 10px 0;
}
.sph2 {
 position: relative;
 margin: 0 0 20px 0;
 padding: 5px 34px;
 display: inline-block;
 font-size: 1.2em;
}
.sph2:after {
 content: "";
 background-color: #ffb34f;
 position: absolute;
 left: 0;
 width: 100%;
 height: 100%;
 transform: skew(-25deg);
 top: 0;
 box-shadow: 5px 5px 0 #e9e1d8;
}
.sph2 span {
 position: relative;
 z-index: 1;
 color: #fff;
}
#top_new_more {
 border: 2px solid #333;
 color: #333;
 text-decoration: none;
 font-weight: bold;
 padding: 11px 10px;
 margin: 0 auto;
 display: block;
 max-width: 320px;
 text-align: center;
 border-radius: 2px;
 box-sizing: border-box;
 width: 95%;
 cursor: pointer;
 margin-top: 20px;
}
/*child page
---------------------------------------*/
.content_post .get_child_page:not(.style_content) li {
 margin: 10px 0;
 list-style: none;
 box-shadow: 5px 5px 0 #f9e5cb;
 padding: 0;
 letter-spacing: 1px;
}
.content_post .get_child_page:not(.style_content) li a {
 display: block;
 padding: 10px 20px;
 text-decoration: none;
 color: #652d04;
 font-weight: bold;
 font-size: 1.1em;
 line-height: 1.4em;
 border: solid 2px #ff9749;
 border-radius: 6px;
}
.content_post .get_child_page:not(.style_content) li a:hover {
 background-color: #fff9f0;
}
.content_post .get_child_page.style_photo li a {
 padding: 0;
 display: flex;
}
.content_post .get_child_page.style_photo li .thumbnail {
 width: 40%;
}
.content_post .get_child_page.style_photo li .title {
 width: 60%;
 display: flex;
 align-items: center;
 font-size: 1.1em;
 line-height: 1.4em;
 box-sizing: border-box;
 flex-grow: 1;
 padding: 1em;
}
.content_post .get_child_page.style_photo li div {
 margin-bottom: 0;
}
.content_post .get_child_page.style_photo li {
 overflow: hidden;
}
/*style_content*/
.content_post .get_child_page.style_content li .content_title {
 font-size: 1.6em;
 display: block;
 padding: 0;
 text-decoration: none;
 color: #652d04;
 font-weight: bold;
 line-height: 1.4em;
 margin: 9px 0;
}
.content_post .get_child_page.style_content li {
 list-style: none;
 margin: 25px 0 5px 0;
 border: solid 2px #ff9749;
 border-radius: 6px;
 box-shadow: 5px 5px 0 #f9e5cb;
 padding: 10px;
}
.content_post .get_child_page.style_content li .open_btn {
 position: relative;
 font-size: 0.95em;
 font-weight: bold;
 background-color: #ff9954;
 color: #fff;
 padding: 4px 15px 4px 44px;
 border-radius: 150px;
 cursor: pointer;
 margin: 15px 5px 14px 0;
 box-shadow: 3px 3px 0 #bb6949;
 max-width: 100px;
}
.content_post .get_child_page.style_content li .open_btn:after {
 content: "";
 position: absolute;
 left: 21px;
 top: 8px;
 border-style: solid;
 border-width: 9px;
 border-color: #fff transparent transparent transparent;
 transform: rotate(-90deg);
}
.content_post .get_child_page.style_content li.active .open_btn:after {
 transform: rotate(0deg);
 top: 13px;
 left: 19px;
}
.content_data.content_post {
 height: 60px;
 overflow: hidden;
 position: relative;
 border: 1px solid #4b4b4b;
 border-radius: 5px;
 padding: 20px 10px;
 font-size: 0.9em;
 margin: 0;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.content_data.content_post:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100px;
 background: linear-gradient(0deg, white 20%, #ffffff45 100%);
}
.content_post .get_child_page.style_content li.active .content_data.content_post {
 height: auto;
}
.content_post .get_child_page.style_content li.active .content_data.content_post:after {
 display: none;
}
.content_data.content_post img {
 box-shadow: 2px 2px 5px #e9e9e9;
}
/*ノウハウ投稿
---------------------------------------*/
.post_link {
 text-align: center;
}
.post_link a {
 display: inline-block;
 padding: 12px 1em;
 margin: 0 10px 10px 10px;
 text-decoration: none;
 font-weight: bold;
 color: #fff;
 background-color: #59c55e;
 border-radius: 8px;
 width: calc(49% - 20px);
 max-width: 360px;
 box-sizing: border-box;
 box-shadow: 4px 4px 0 #dddddd;
}
.post_link a.nouhau {
 background-color: #5e5e5e;
}
#loginform_in_page {
 max-width: 400px;
 width: 95%;
 margin: 0 auto;
}
#loginform_in_page input[type="text"], #loginform_in_page input[type="password"] {
 font-size: 18px;
 padding: 12px;
 border-radius: 5px;
 border: 1px solid #929292;
 width: 100%;
 box-sizing: border-box;
}
#loginform_in_page button.button {
 position: absolute;
 right: 17px;
 top: 21px;
 content: "\f177";
 width: 25px;
 height: 25px;
}
#loginform_in_page .wp-pwd {
 position: relative;
}
#loginform_in_page label {
 display: block;
}
#loginform_in_page .submit input {
 display: block;
 padding: 14px 1em;
 margin: 45px auto;
 text-decoration: none;
 font-weight: bold;
 color: #fff;
 border: 1px solid #59c55e;
 background-color: #59c55e;
 border-radius: 8px;
 max-width: 320px;
 width: 100%;
 font-size: 1.1em;
 box-shadow: 4px 4px 0 #dddddd;
 line-height: 1em;
 box-sizing: border-box;
}
.content_post #loginform_in_page p {
 margin-bottom: 15px;
}
.content_post #loginform_in_page .forgetmenot label {
 display: inline-block;
}
.content_post #loginform_in_page .forgetmenot input {
 width: 20px;
 height: 20px;
 position: relative;
 top: 3px;
}
.youtube_frame {
 width: 100%;
 height: auto;
 aspect-ratio: 16/9;
}
/*資料
---------------------------------------*/
.content_post .document_terms ul {
 margin-bottom: 2px;
}
.content_post .doc_term_child {
 margin-bottom: 5px;
}
.doc_child_box {
 display: none;
}
.content_post h4.doc_h4 {
 border-top: 1px dotted #1173db;
 border-bottom: none;
 color: #1173db;
 padding: 12px 0 0 0;
}
.content_post .doc_child_box.block, .doc_child_box.block {
 display: block;
 margin-bottom: 0;
}
.doc_term_child {
 margin-left: 25px;
}
.content_post .doc_term_child h4 {
 font-size: 1em;
 border: none;
 border-top: 1px dotted #aaa;
 padding: 10px 0 0 0;
 margin: 5px 0 12px 0;
 font-weight: bold;
 color: #1173db;
}
.content_post .document_terms {
 margin-bottom: 0;
}
.content_post .document_terms h3 {
 margin-bottom: 4px;
 cursor: pointer;
 position: relative;
}
.content_post .document_terms h3 .ex {
 right: 16px;
 top: 10px;
 font-size: 0.8rem;
 padding-left: 26px;
 font-weight: 500;
 position: absolute;
}
.document_terms.active h3 .ex svg {
 transform: rotate(180deg);
}
.content_post .document_terms h3 .ex svg {
 fill: #6a6a6a;
 position: absolute;
 left: 0;
 top: 7px;
 width: 15px;
 height: auto;
}
.content_post .document_terms ul li:last-child {
 border: none;
}
.content_post .document_terms ul li {
 list-style: none;
 border-bottom: 1px dotted #aaa;
 padding-bottom: 10px;
 margin: 0;
}
.content_post .document_terms ul li .flex {
 display: flex;
 flex-wrap: nowrap;
 gap: 20px;
 margin-bottom: 5px;
}
.content_post .document_terms ul li .title {
 box-sizing: border-box;
 padding: 7px 0 0 0;
 word-break: break-all;
 margin-bottom: 0;
 width: calc(100% - 80px);
}
.content_post .document_terms ul li .title a {
 text-decoration: none;
 font-size: 1.1em;
 font-weight: bold;
 color: initial;
}
.content_post .document_terms ul li:hover {
 background-color: #E4E4E4;
}
.content_post .document_terms ul li .doc_icon {
 width: 60px;
 text-align: center;
 box-sizing: border-box;
 margin-bottom: 0;
}
.document_terms ul li .title {
 width: calc(30% - 30px);
}
.content_post .document_terms ul li .desc {
 width: auto;
 margin: 0;
 padding: 5px 0 0 80px;
 font-size: 0.95em;
}
.document_terms ul {
 display: table;
 width: 100%;
}
.document_terms ul li .doc_icon img {
 width: 25px;
 position: relative;
 top: 5px;
}
.content_post .document_terms ul li .desc p {
 margin-bottom: 0;
}
.cat_tag_title {
 background-color: #f67c16;
 color: #fff;
 border-radius: 5px;
 padding: 3px 12px;
 font-size: 1rem;
 margin-top: 30px;
}
/*リンク集
---------------------------------------*/
ul.link_list {
 display: flex;
 flex-wrap: wrap;
}
ul.link_list li {
 width: 25%;
 text-align: center;
 box-sizing: border-box;
 padding: 15px;
 margin: 0 0 10px 0;
}
ul.link_list li img {
 max-width: 130px;
 height: auto;
}
ul.link_list li .ex {
 font-size: 0.8em;
 line-height: 1.4em;
 text-align: center;
 margin-top: 12px;
}
/*Login
---------------------------------------*/
.not_login #header {
 position: static;
 height: auto;
 box-shadow: none;
 border: none;
}
.not_login #main {
 padding-top: 0;
}
.login_dl dt {
 font-weight: bold;
 text-align: center;
 background-color: #f2f2f2;
 padding: 5px 1em;
 box-sizing: border-box;
 border-radius: 13px;
 margin-bottom: 15px;
}
.login_dl {
 max-width: 320px;
 margin: 20px auto 0 auto;
 width: 95%;
}
.login_dl dd input {
 width: 100%;
 box-sizing: border-box;
 font-size: 18px;
 border-radius: 6px;
 border: 1px solid #aaa;
 padding: 7px 5px;
}
.log_submit button {
 background-color: #1f87e5;
 display: block;
 margin: 20px auto;
 color: #fff;
 border: 2px solid #1f87e5;
 border-radius: 8px;
 padding: 12px 5px 9px 5px;
 width: 95%;
 max-width: 320px;
 font-weight: bold;
 font-size: 18px;
 line-height: 1em;
 cursor: pointer;
}
.log_error {
 text-align: center;
 padding: 10px 1em;
 width: 100%;
 box-sizing: border-box;
 background-color: #f96363;
 color: #fff;
 max-width: 320px;
 margin: 5px auto 0 auto;
 border-radius: 12px;
 font-weight: bold;
}
.log_submit button:hover {
 color: #1f87e5;
 background-color: #fff;
}
/*comment
---------------------------------------*/
#sub_comment {
 text-align: left;
 line-height: 1.4em;
 padding: 10px;
 border-radius: 3px;
 border: 1px solid #E9E9E9;
 margin: 15px auto;
}
.two_wrapper #sub_comment {
 width: 95%;
}
#sub_comment .form-allowed-tags {
 display: none;
}
.comment-reply-title, .reply-title {
 background-color: #f67c16;
 color: #fff;
 border-radius: 3px;
 padding: 5px 10px;
 font-size: 1em;
 margin-bottom: 10px;
}
.comment-reply-title a {
 color: #fff;
}
#sub_comment .logged-in-as {
 display: none;
}
#sub_comment input#submit {
 display: block;
 margin: 5px auto;
 background-color: #f67c16;
 color: #fff;
 font-weight: bold;
 border: 2px solid #f67c16;
 padding: 8px 15px;
 border-radius: 8px;
 width: 80%;
 max-width: 240px;
}
#sub_comment textarea, #sub_comment input[type="text"] {
 box-sizing: border-box;
 width: 100%;
 border-radius: 8px;
 border: 1px solid #aaa;
 padding: 5px;
 font-size: 18px;
}
.comment-reply-title {
 margin-top: 30px;
}
#respond {
 padding-bottom: 20px;
 width: 95%;
 margin: 0 auto;
}
ul.children #respond form {
 padding: 0 10px;
}
#sub_comment ul li {
 background-color: #fff;
 padding: 15px;
 border-bottom: 1px solid #aaa;
 border-left: 2px solid #aaa;
 margin-bottom: 10px;
}
#sub_comment ul li:last-child {
 border-bottom: none;
}
#sub_comment ul li li {
 margin-top: 10px;
 margin-left: 10px;
}
#sub_comment .cominfo {
 font-size: 0.8em;
 text-align: right;
 border-top: 1px solid #E9E9E9;
 margin-top: 10px;
 padding-top: 5px;
 margin-bottom: 0;
}
.com_author {
 font-weight: bold;
 font-size: 1.1em;
 line-height: 1.4em;
 margin-bottom: 10px;
 border-bottom: 1px solid #E9E9E9;
 padding-bottom: 5px;
}
.compost p {
 margin-bottom: 1.5em;
 word-break: break-all;
}
#sub_comment .logged-in-as {
 display: none;
}
.comment-form-comment {
 padding: 10px 0;
 font-weight: bold;
 margin-top: 5px;
}
.comment-form-comment label {
 vertical-align: top;
 font-weight: bold;
}
.comment-form-comment textarea {
 width: 80%;
 padding: 9px;
}
.content_post .mejs-inner p, .content_post .mejs-inner div {
 margin-bottom: 0;
 line-height: 1em;
}
.content_post .mejs-container .mejs-controls {
 background-color: #000;
}
.content_post .mejs-container {
 width: 100% !important;
}
/*aside
---------------------------------------*/
#single_content #aside {
 width: 25%;
 box-sizing: border-box;
 padding-left: 25px;
 padding-top: 150px;
}
.side_relation li {
 position: relative;
 margin: 15px 0;
 border-bottom: 1px solid #dfdfdf;
 padding: 15px 5px;
}
.side_relation li dt {
 position: relative;
}
h3.side_title {
 background-color: #f67c16;
 color: #fff;
 padding: 7px 15px;
 margin-bottom: 15px;
}
.side_relation li .post-categories li {
 margin: 0 2px 2px 0;
 padding: 0;
}
.side_relation li .archive_title {
 font-weight: bold;
 font-size: 1.1em;
 line-height: 1.4em;
 margin: 10px 0 0 0;
}
/*footer
---------------------------------------*/
#footer {
 margin-top: 60px;
 padding: 60px 0 120px 0;
 background-color: #f4f4f4;
}
.logout a {
 border: 2px solid #1f87e5;
 color: #1f87e5;
 text-decoration: none;
 font-weight: bold;
 padding: 3px 5px;
 margin: 0 auto;
 display: block;
 max-width: 130px;
 text-align: center;
 border-radius: 12px;
 box-sizing: border-box;
 font-size: 0.9em;
 width: 95%;
}
#menu-footer_nav {
 text-align: center;
 padding: 35px 0 0 0;
}
#menu-footer_nav li {
 display: inline-block;
 font-size: 0.9em;
}
#menu-footer_nav li a {
 text-decoration: none;
 color: #333;
 display: block;
 padding: 0px 15px;
 border-right: 1px solid #d7d7d7;
 line-height: 1.1em;
}
#menu-footer_nav li:last-child a {
 border: none;
}
#copyright {
 text-align: center;
 font-size: 13px;
 margin-top: 60px;
}
#copyright small {
 font-size: 1em;
}
#pagetop {
 position: fixed;
 right: 0px;
 bottom: 0px;
 z-index: 100;
}
#pagetop a {
 background-image: url(img/pagetop.webp);
 display: block;
 height: 70px;
 width: 50px;
 background-size: 100% auto;
 background-position: center;
}
/*contant
---------------------------------------*/
#content {}
/*archive
---------------------------------------*/
img {
 max-width: 100%;
 height: auto;
}
.archive_post ul {
 display: flex;
 flex-wrap: wrap;
}
.archive_post li.px {
 width: 33.333%;
 margin-bottom: 25px;
 padding-bottom: 10px;
 overflow: hidden;
 position: relative;
 padding: 5px;
 box-sizing: border-box;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.archive_post li.px {
 width: 48%;
 padding: 0;
 margin: 0 1% 15px 1%;
 border-bottom: 1px solid #e7e7e7;
}
a.hv {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 1;
}
.archive_post li.px dt {
 text-align: center;
 overflow: hidden;
 position: relative;
}
.archive_post li.px dd {
 padding: 5px 10px;
}
.archive_post li.px dt img {
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 width: 100%;
}
.archive_post li.px:hover dt img {
 transform: scale(1.1);
}
.archive_post li.px:hover {
 background-color: #f4f4f4;
}
.archive_post li.px dd .date {
 color: #6ca4db;
 font-weight: bold;
 font-size: 0.8em;
 line-height: 1.4em;
 margin-bottom: 5px;
}
.archive_post li.px dd .archive_title {
 font-weight: bold;
 font-size: 1.3em;
 line-height: 1.4em;
 margin: 5px 0 10px 0;
}
.archive_post li.px dd .ex {
 font-size: 0.9em;
 line-height: 1.6em;
 color: #666;
}
/*searchform sou
---------------------------------------*/
.searchform, #searchform {
 clear: both;
 position: relative;
 padding-bottom: 5px;
 padding-top: 5px;
 margin: 0 auto;
}
#searchform label.screen-reader-text {
 display: none;
}
.searchform input[type="text"], #searchform input[type="text"] {
 padding: 5px;
 border-radius: 4px;
 border: #000 solid 1px;
 width: 100%;
 font-size: 18px;
 box-sizing: border-box;
 background-color: #fff;
}
.searchform input[type="submit"], #searchform input[type="submit"] {
 padding: 9px 14px;
 border-radius: 9px;
 border: none;
 line-height: 1em;
 font-size: 1em;
 background-color: transparent;
 color: #fff;
 position: absolute;
 right: 8px;
 top: 6px;
 background-size: 100% auto;
 background-image: url(img/search.png);
 background-repeat: no-repeat;
 width: 30px;
 height: 30px;
 text-indent: -999px;
 overflow: hidden;
 cursor: pointer;
}
input[type="submit"] {
 cursor: pointer;
}
/*contact sou
---------------------------------------*/
.wpcf7-form input, .wpcf7-form textarea {
 padding: 9px 10px;
 border-radius: 4px;
 margin-bottom: 5px;
 border: 1px solid #DDDDDD;
 width: 100%;
 font-size: 18px;
 box-sizing: border-box;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wpcf7-form input[type="tel"], .wpcf7-form input[type="email"], .wpcf7-form input[type="text"], .wpcf7-form textarea {
 font-size: 18px;
}
.wpcf7-form input[type="checkbox"] {
 border-radius: 4px;
 margin-left: 10px;
}
.wpcf7-form input[type="submit"] {
 padding: 15px 50px;
 background-color: #FF5D10;
 border: none;
 color: #Fff;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wpcf7-form input[type="submit"] {
 padding: 12px 0;
 background-color: #3b93f4;
 border: none;
 color: #Fff;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 margin: 30px auto;
 display: block;
 width: 90%;
 max-width: 350px;
 font-weight: bold;
}
.mw_wp_form input.in_back_btn {
 background-color: #666;
 padding: 6px 0;
 max-width: 100px;
}
.wpcf7-form input[type="submit"]:hover {
 box-shadow: none;
 -moz-box-shadow: none;
 -o-box-shadow: none;
 -webkit-box-shadow: none;
 color: white;
 background-color: #aaa;
}
.hissu {
 color: #DA4525;
 font-size: 0.8em;
 font-weight: bold;
}
.content_post .wpcf7 form div.wpcf7-response-output {
 border: none;
 background-color: #4bc555;
 font-size: 1.2em;
 line-height: 1.3em;
 padding: 20px 10px;
 text-align: center;
 color: #fff;
 font-weight: bold;
 border: 1px solid #4bc555;
 border-radius: 150px;
 padding: 2em 2em;
 line-height: 1.3em;
}
.content_post .wpcf7 form.sent div.wpcf7-response-output, .content_post div.wpcf7-mail-sent-ok {
 background-color: #4bc555;
 border: 1px solid #4bc555;
}
.content_post div.wpcf7-validation-errors, .content_post .wpcf7 form.invalid div.wpcf7-response-output {
 background-color: #E93134;
 border: 1px solid #E93134;
}
.content_post .basic_form dt {
 width: 250px;
 float: left;
 clear: both;
 line-height: 1.3em;
 padding: 7px 5px;
 box-sizing: border-box;
}
.content_post .basic_form dd {
 padding: 7px 5px 7px 250px;
 float: none;
 line-height: 1.3em;
 margin-left: 0;
 box-sizing: border-box;
 margin-bottom: 0;
 border-bottom: dotted 1px #c5c5c5;
}
.content_post .basic_form {
 border-top: dotted 1px #c5c5c5;
 padding-top: 6px;
 overflow: hidden;
}
.content_post .basic_form label {
 display: inline-block;
 cursor: pointer;
 padding: 4px 10px 3px 10px;
 background-color: #f3f3f3;
 border-radius: 4px;
 line-height: 1.1em;
 margin: 2px 2px;
}
.content_post .basic_form input[type="radio"], .content_post .basic_form input[type="checkbox"] {
 width: 18px;
 height: 18px;
 position: relative;
 top: 2px;
}
textarea::placeholder, input::placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
/* IE */
textarea:-ms-input-placeholder, input:-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
/* Edge */
textarea::-ms-input-placeholder, input::-ms-input-placeholder {
 color: #b2b2b2;
 font-size: 16px;
}
.content_post .no_back strong {
 background: none;
}
.content_post strong {
 background: #f9f970; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #f9f970 51%, #f9f970 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #f9f970 51%, #f9f970 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #f9f970 51%, #f9f970 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .orange strong {
 background: #FFE3D0; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFE3D0 51%, #FFE3D0 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFE3D0 51%, #FFE3D0 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #FFE3D0 51%, #FFE3D0 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .blue strong {
 background: #AEE4FF; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #AEE4FF 51%, #AEE4FF 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #AEE4FF 51%, #AEE4FF 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #AEE4FF 51%, #AEE4FF 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .green strong {
 background: #B4FFBC; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #B4FFBC 51%, #B4FFBC 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #B4FFBC 51%, #B4FFBC 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #B4FFBC 51%, #B4FFBC 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.content_post .pink strong {
 background: #FFD5F9; /* Old browsers */
 background: -moz-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFD5F9 51%, #FFD5F9 90%, #ffffff 90%, #ffffff 99%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #ffffff 0%, #FFFFFF 51%, #FFD5F9 51%, #FFD5F9 90%, #ffffff 90%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #ffffff 0%, #FFFFFF 51%, #FFD5F9 51%, #FFD5F9 90%, #ffffff 90%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.author_info {
 position: relative;
 border: 4px solid #69a0de;
 border-radius: 6px;
 padding: 19px;
 margin: 25px 0;
}
.author_info .toukousha {
 color: #69a0de;
 font-weight: bold;
 position: absolute;
 top: -18px;
 left: 14px;
 background-color: #fff;
 padding: 2px 10px;
}
.author_info .user_name {
 font-size: 1.1em;
 font-weight: bold;
}
.author_info .author_description {
 font-size: 0.9em;
 line-height: 1.6em;
 margin-top: 5px;
}
.content_post .ikemen_rank p {
 margin-bottom: 0;
}
.content_post .ikemen_rank h3 {
 background-color: transparent;
 border-bottom: 3px solid #000;
 border-left: none;
 padding: 7px 3px;
 margin: 0 0 15px 0;
}
.content_post .ikemen_rank h2 {
 background-color: #fff4d5;
 padding: 8px 5px 8px 45px;
 border-radius: 13px;
 border: 2px solid #ffd508;
 font-size: 1.7em;
 position: relative;
}
.content_post .ikemen_rank h2:after {
 content: "";
 position: absolute;
 left: -14px;
 top: -21px;
 width: 61px;
 height: 48px;
 background-image: url(img/SVG/r1.svg);
 background-position: center;
 background-repeat: no-repeat;
 background-size: 100% auto;
 transform: rotate(-22deg);
}
.content_post .ikemen_rank.irank2 h2:after {
 background-image: url(img/SVG/r2.svg);
}
.content_post .ikemen_rank.irank3 h2:after {
 background-image: url(img/SVG/r3.svg);
}
.content_post .ikemen_rank {
 padding: 15px;
 margin: 0 0 20px 0;
 border-radius: 15px;
 box-shadow: 0 0 5px #e7e7e7;
}
.content_post .ikemen_rank div, .content_post .ikemen_rank figure {
 margin-bottom: 0;
}
.content_post .ikemen_rank .wp-block-details summary {
 font-weight: bold;
 background-color: #ff9954;
 color: #fff;
 padding: 4px 15px;
 border-radius: 150px;
 cursor: pointer;
 margin: 15px 5px 14px 0;
 box-shadow: 3px 3px 0 #bb6949;
}
.content_post .ikemen_rank.irank3 h3 {
 display: flex;
 justify-content: space-between;
 border: none;
 margin-bottom: 0;
 margin-top: 10px;
}
.content_post .ikemen_rank.irank3 .wp-block-details summary {
 max-width: 123px;
}
/*あるある*/
.content_post .aruaru_article {
 position: relative;
 padding: 0 60px 20px 0;
 margin: 0 0 25px 0;
 border-bottom: 1px dotted #aaa;
}
.content_post .aruaru_article h3 {
 background-color: transparent;
 border: none;
 padding: 0 0 5px 0;
 margin: 0 0 4px 0;
 font-size: 1.1em;
}
.content_post .aruaru_article h4 {
 background-color: #ffefe2;
 border: none;
 padding: 15px;
 border-radius: 10px;
 margin: 0;
}
.content_post .aruaru_article .comlike_btn {
 position: absolute;
 right: 0;
 top: 20px;
 margin-bottom: 0;
}
.content_post .aruaru_article .comlike_btn .wakaru {
 position: absolute;
 top: 36px;
 width: 4em;
 font-size: 13px;
 right: -7px;
 text-align: center;
}
.aruaru_article .comlike_btn .iine_mark {
 top: 0;
 left: auto;
 right: 0;
}
.aruaru_article .comlike_btn .com_iine {
 position: absolute;
 right: -4px;
 top: 56px;
 left: auto;
 width: 3em;
 text-align: center;
}
.content_post .aruaru_article h4 p {
 margin: 0;
}
/*コメント*/
.add_comment form {
 display: flex;
 gap: 0;
}
.add_comment form input {
 width: calc(100% - 100px);
 font-size: 18px;
 border: 1px solid #ff8a3a;
 border-radius: 5px 0 0 5px;
 padding: 5px;
}
.add_comment form button {
 width: 100px;
 color: #fff;
 font-weight: bold;
 font-size: 0.8em;
 background-color: #ff8a3a;
 border: 1px solid #ff8a3a;
 border-radius: 0 5px 5px 0;
 cursor: pointer;
}
.content_post .add_comment .com_title {
 margin: 5px 0 0 0;
 font-weight: bold;
 font-size: 0.85em;
 color: #ff8a3a;
}
.content_post .add_comment_list li {
 list-style: none;
 padding: 5px;
 margin: 0 0 5px 0;
 background-image: url(img/SVG/comment.svg);
 background-position: 0 0;
 background-repeat: no-repeat;
 background-size: 15px auto;
 padding-left: 30px;
}
.content_post .add_comment_list li {
 list-style: none;
 padding: 5px;
 margin: 0 0 3px 8px;
 background-image: url(img/SVG/comment.svg);
 background-position: 2px 9px;
 background-repeat: no-repeat;
 background-size: 20px auto;
 padding-left: 35px;
}
.content_post .add_comment_list {
 padding-top: 8px;
}
/*---------------------------------------
wp-pagenavi setting
---------------------------------------*/
.pagelink {
 text-align: center;
 margin-bottom: 20px;
 padding-top: 15px;
 clear: both;
 margin-top: 15px;
 padding-left: 10px;
 padding-right: 10px;
}
.wp-pagenavi {
 clear: both;
 padding-top: 10px;
 padding-left: 10px;
 margin-top: 10px;
 font-size: 1.2em;
}
.wp-pagenavi a, .wp-pagenavi span {
 text-decoration: none;
 padding: 5px 15px;
 margin: 2px;
 border: #3b93f4 solid 1px;
 font-weight: bold;
 display: inline-block;
 background-color: #3b93f4;
 color: #fff;
 border-radius: 5px;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
}
.wp-pagenavi a:hover {
 background-color: transparent;
 color: #3b93f4;
}
.wp-pagenavi span.current {
 font-weight: bold;
 border: none;
 background-color: transparent;
 color: #3b93f4;
}
#page_link {
 overflow: hidden;
 padding: 30px 0;
 border-top: 1px solid #333;
}
#page_link span {
 box-sizing: border-box;
}
#page_link .previous {
 text-align: left;
 padding-right: 0;
 display: block;
}
#page_link .next {
 text-align: right;
 padding-left: 0;
 margin-top: 10px;
 display: block;
}
#page_link span a {
 padding: 16px 25px 16px 15px;
 display: block;
 font-size: 0.9em;
 border-radius: 5px;
 font-weight: bold;
 line-height: 1.3em;
 text-decoration: none;
 border: 1px solid #333333;
 background-image: url(img/right_green2.svg);
 background-repeat: no-repeat;
 background-position: calc(100% - 9px) center;
 background-size: 8px auto;
 color: #333333;
}
#page_link .previous a {
 padding: 16px 15px 16px 25px;
 background-image: url(img/right_green3.svg);
 background-position: 9px center;
}
.page_in_links {
 text-align: center;
}
.page_in_links span {
 display: inline-block;
 width: 30px;
 text-align: center;
 padding: 8px 0;
 line-height: 1.1em;
 margin: 0 5px;
}
.page_in_links a span {
 background-color: #000;
 color: #fff;
}
/*---------------------------------------
image position
---------------------------------------*/
.aligncenter {
 margin-right: auto;
 margin-left: auto;
 display: block;
}
.alignleft {
 float: left;
 margin-right: 10px;
 margin-bottom: 10px;
}
.alignright {
 float: right;
 margin-bottom: 10px;
 margin-left: 10px;
}
/*
page link
---------------------------------------*/
.singlepostlink {
 padding-top: 20px;
 font-size: 0.9em;
}
span.oldpage {
 float: right;
}
span.newpage {
 float: left;
}
/*
social
---------------------------------------*/
#footer_social, #social {
 padding-left: 10px;
 display: block;
 padding-right: 3px;
 padding-top: 5px;
}
#footer_social li, #social li {
 float: left;
 margin-top: 5px;
 margin-left: 5px;
}
/*pankuzu
---------------------------------------*/
#pankuzu {
 font-size: 0.8em;
 color: #676767;
 line-height: 1.2em;
}
#pankuzu a {
 text-decoration: none;
 color: #676767;
}
/*content post
---------------------------------------*/
.content_post {
 clear: both;
 padding-bottom: 20px;
 padding-top: 15px;
 text-align: left;
 word-wrap: break-word;
}
.content_post div, .content_post p {
 margin-bottom: 1.5em;
 line-height: 1.8em;
}
.content_post p span {
 line-height: 1.4em;
}
.content_post img {
 max-width: 100%;
 height: auto;
}
.content_post ul li {
 list-style-type: disc;
 margin-left: 35px;
 margin-bottom: 10px;
 padding-left: 5px;
 padding-right: 10px;
 line-height: 1.4em;
 list-style-position: outside;
}
.content_post ul.nomark li {
 list-style: none;
 margin-left: 0;
 padding-left: 0;
}
.content_post .wp-block-gallery ul li {
 list-style: none;
 margin: inherit;
}
.content_post .wp-block-gallery ul li figcaption {
 box-sizing: border-box;
}
.content_post .wp-block-gallery ul li figure {
 position: relative;
}
.content_post .wp-block-gallery ul li img {
 width: 100%;
}
.content_post ol {
 list-style-type: decimal;
}
.content_post ol li {
 margin-left: 35px;
 margin-bottom: 10px;
 padding-left: 5px;
 padding-right: 10px;
 line-height: 1.4em;
 list-style-position: outside;
 list-style-type: decimal;
}
.content_post ul, .content_post ol {
 margin-bottom: 1em
}
.content_post ol.maru_number li {
 list-style: none;
 padding-left: 1.5em;
 position: relative;
}
.content_post ol.maru_number li:after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 font-size: 1em;
}
.content_post ol.maru_number li:nth-child(1):after {
 content: "①";
}
.content_post ol.maru_number li:nth-child(2):after {
 content: "②";
}
.content_post ol.maru_number li:nth-child(3):after {
 content: "③";
}
.content_post ol.maru_number li:nth-child(4):after {
 content: "④";
}
.content_post ol.maru_number li:nth-child(5):after {
 content: "⑤";
}
.content_post ol.maru_number li:nth-child(6):after {
 content: "⑥";
}
.content_post ol.maru_number li:nth-child(7):after {
 content: "⑦";
}
.content_post ol.maru_number li:nth-child(8):after {
 content: "⑧";
}
.content_post ol.maru_number li:nth-child(9):after {
 content: "⑨";
}
.content_post ol.maru_number li:nth-child(10):after {
 content: "⑩";
}
.content_post ol.maru_number li:nth-child(11):after {
 content: "⑪";
}
.content_post ol.maru_number li:nth-child(12):after {
 content: "⑫";
}
.content_post ol.maru_number li:nth-child(13):after {
 content: "⑬";
}
.content_post ol.maru_number li:nth-child(14):after {
 content: "⑭";
}
.content_post ol.maru_number li:nth-child(15):after {
 content: "⑮";
}
.content_post .left {
 float: left;
}
.content_post .right {
 float: right;
}
.content_post h1 {
 display: block;
 font-size: 2em;
 font-weight: bold;
 margin: 1em 0 0.5em 0;
 line-height: 1.2em;
 padding: 5px 0;
}
.content_post h2 {
 display: block;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 0.6em;
 margin-left: 0;
 padding: 5px 0;
 clear: both;
 font-size: 1.8em;
 line-height: 1.2em;
 color: #333333;
}
.content_post h3 {
 display: block;
 font-size: 1.3em;
 font-weight: bold;
 margin-top: 1.1em;
 margin-bottom: 1em;
 margin-left: 0px;
 padding: 10px 10px 9px 15px;
 clear: both;
 line-height: 1.2em;
 border-left: #333333 5px solid;
 background-color: whitesmoke;
}
.content_post h4 {
 display: block;
 font-size: 1.2em;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 1em;
 margin-left: 0;
 clear: both;
 padding-left: 10px;
 line-height: 1.3em;
 color: #333333;
 border-bottom: 2px solid #333333;
 padding: 0 2px 5px 2px;
}
.content_post h5 {
 display: block;
 font-size: 1.1em;
 font-weight: bold;
 margin-top: 1em;
 margin-right: 0;
 margin-bottom: 0.5em;
 margin-left: 0;
 padding-bottom: 0px;
 line-height: 1em;
 padding: 8px 10px 9px 19px;
 position: relative;
 border-radius: 4px;
}
.content_post h5:after {
 content: "";
 position: absolute;
 left: 2px;
 top: 12px;
 width: 8px;
 height: 8px;
 background-color: #333;
}
.content_post h6 {
 display: block;
 font-size: 1.1em;
 font-weight: bold;
 margin-top: 1em;
 margin-bottom: 1em;
 padding-top: 5px;
 padding-left: 2px;
 padding-bottom: 5px;
 color: #1f87e5;
 border-top: 1px #1f87e5 solid;
 border-bottom: 1px #1f87e5 solid;
}
.content_post h1:first-child, .content_post h2:first-child, .content_post h3:first-child, .content_post h4:first-child {
 margin-top: 0;
}
.content_post .nolistmark li {
 list-style-type: none;
}
.content_post table {
 margin-top: 10px;
 margin-bottom: 10px;
 width: 100%;
}
.content_post table caption {
 text-align: left;
 font-weight: bold;
}
.content_post table th {
 background-color: #eee;
}
.content_post table th, .content_post table td {
 padding: 6px;
 border: 1px solid #aaa;
}
.content_post dl dt {
 font-weight: bold;
}
.content_post dl dd {
 margin-bottom: 1em;
 margin-left: 1em;
}
.content_post q, .content_post blockquote {
 margin: 0 auto 1em auto;
 width: 90%;
 padding: 15px 3%;
 background-color: #EEE;
 border-radius: 10px;
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
 display: block;
}
blockquote:before, q:before {
 content: "“";
 font-size: 58px;
 top: 20px;
 left: -5px;
 position: relative;
}
.content_post blockquote p, .content_post q p {
 margin-bottom: 10px;
}
blockquote:after, q:after {
 text-align: right;
 content: "”";
 font-size: 58px;
 display: block;
 position: relative;
 top: 20px;
 right: -5px;
}
.content_post .wp-block-column {
 margin-bottom: 0;
}
.content_post pre {
 background-color: #f4f4f4;
 padding: 15px 20px;
 border-radius: 8px;
 box-shadow: inset 2px 3px 2px #cecece;
}
/*Faq
---------------------------------------*/
.content_post .schema-faq-section {
 box-sizing: border-box;
 padding: 8px 15px;
 margin-bottom: 5px;
 border: 1px solid #aaa;
 border-radius: 8px;
}
.content_post .schema-faq-section .schema-faq-question {
 font-size: 1.2em;
 display: block;
 cursor: pointer;
 padding: 11px 39px 11px 40px;
 position: relative;
 background: none;
}
.content_post .schema-faq-section .schema-faq-question strong {
 font-weight: 500;
}
.content_post .schema-faq-section .schema-faq-answer {
 display: none;
 margin-bottom: 0;
 background-color: #fff;
 padding: 15px 15px 15px 40px;
 border-radius: 14px;
 margin-top: 5px;
 position: relative;
}
.content_post .schema-faq-section .schema-faq-answer:before {
 content: "A";
 position: absolute;
 color: #414141;
 left: 0;
 top: 14px;
 font-size: 1.9em;
 line-height: 1em;
 font-weight: bold;
}
.content_post .schema-faq-section .schema-faq-question.active:after {
 transform: rotate(180deg);
 top: 6px;
}
.content_post .schema-faq-section .schema-faq-question:after {
 content: "";
 position: absolute;
 right: 8px;
 top: 22px;
 border-width: 11px 7px;
 border-color: #414141 transparent transparent transparent;
 z-index: 0;
 border-style: solid;
}
.content_post .schema-faq-section .schema-faq-question:before {
 content: "Q";
 position: absolute;
 color: #414141;
 left: 0;
 top: 10px;
 font-size: 1.5em;
 line-height: 1em;
 font-weight: bold;
}
/*page
---------------------------------------*/
#page_title {
 font-size: 1.5em;
 margin: 20px 0;
 line-height: 1.6em;
}
.content_post .about_dl dt {
 padding: 6px;
 float: left;
 clear: both;
 width: 15%;
}
.content_post .about_dl dd {
 padding: 6px 6px 6px 17%;
 float: none;
 border-bottom: dotted 1px #ddd;
 margin-left: 0;
 margin-bottom: 0;
}
.content_post .select_os li {
 display: inline-block;
 list-style: none;
 margin: 0 2px 5px 0;
 padding: 0;
}
.content_post .select_os li a {
 display: block;
 text-decoration: none;
 padding: 5px 13px;
 background-color: #efefef;
 border: 1px solid #3d3d3d;
 font-weight: bold;
 border-radius: 150px;
 color: #000;
}
.content_post .select_os li.active a {
 background-color: #5b5b5b;
 color: #fff;
}
.selected_os {
 display: none;
}
.content_post.login_wrap {
 max-width: 550px;
 margin: 0 auto;
 width: 98%;
}
/*single
---------------------------------------*/
.thumbnail img {
 max-height: 400px;
 width: auto;
}
#single_content #page_title {
 font-size: 1.8em;
 line-height: 1.4em;
}
.single_date {
 text-align: right;
 margin-bottom: 10px;
 font-size: 0.95em;
 line-height: 1.6em;
}
#single_content {
 display: flex;
}
#page_header {
 padding-top: 20px;
}
#single_content #article {
 width: 75%;
}
.post-categories {
 overflow: hidden;
}
.post-categories li {
 float: right;
 margin: 0 2px 2px 0;
}
.post-categories li a {
 display: block;
 padding: 3px 8px;
 font-size: 0.85em;
 text-align: center;
 border-radius: 1px;
 background-color: #1f1f1f;
 color: #fff;
 line-height: 1.2em;
 text-decoration: none;
 opacity: 0.85;
}
.archive_post li.px .post-categories li {
 margin: 0 2px 2px 0;
 padding: 0;
 width: auto;
}
.archive_post li.px dt .post-categories {
 position: absolute;
 bottom: 0;
 left: 0;
 display: block;
}
.post-tags {
 overflow: hidden;
 padding: 5px 0;
}
.post-tags li {
 float: left;
}
.post-tags li a {
 display: block;
 margin: 0 3px 3px 0;
 border: 1px solid #409ae3;
 border-radius: 0 5px 5px 5px;
 line-height: 1em;
 font-size: 0.85em;
 font-weight: bold;
 color: #409ae3;
 padding: 5px 8px 4px 16px;
 position: relative;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 -webkit-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 box-shadow: 2px 2px 0 #b9ddfa;
}
.post-tags li a:hover {
 background-color: #409ae3;
 color: #fff;
}
.post-tags li a:after {
 content: "";
 width: 4px;
 height: 4px;
 border: 1px solid #409ae3;
 position: absolute;
 left: 3px;
 top: 3px;
 border-radius: 54%;
 background-color: #fff;
 box-shadow: inset 1px 1px 0 #b9ddfa;
}
.page_title {
 font-size: 2em;
 line-height: 1.2em;
 padding: 10px 0;
}
.nopost {
 clear: both;
 padding: 40px 0;
 text-align: center;
 font-size: 1.1em;
 line-height: 1.6em;
 font-weight: bold;
}
.comments_title {
 font-size: 1em;
 line-height: 1.6em;
}
/*sitemap
---------------------------------------*/
.sitemap_body li a {
 text-decoration: underline;
 font-size: 1.1em;
 color: inherit;
}
.content_post .sitemap_body .posts_map li a:after {
 content: "";
 width: 6px;
 height: 6px;
 position: absolute;
 left: 2px;
 top: 5px;
 background-color: #ff7257;
}
.sitemap_body li li a:after {
 content: "";
 position: absolute;
 left: 2px;
 top: 5px;
 width: 0;
 height: 0;
 background-color: transparent;
 border-style: solid;
 border-width: 4px 6px;
 border-color: transparent transparent transparent #ff7417;
}
.sitemap_body li li a {
 position: relative;
 padding-left: 17px;
 text-decoration: none;
 font-size: 0.95em;
 color: #3e3a39;
}
.sitemap_body li li li a {
 font-weight: 500;
 padding-left: 3px;
}
.sitemap_body li li li a:after {
 display: none;
}
.content_post .sitemap_body li {
 list-style: none;
 margin-left: 0;
 padding-left: 0;
 margin-bottom: 15px;
 float: left;
 width: 25%;
 padding-right: 20px;
 box-sizing: border-box;
}
#menu-sitemap_page {
 display: flex;
 flex-wrap: wrap;
}
.content_post .sitemap_body li li {
 margin-bottom: 10px;
}
.content_post .sitemap_body li ul {
 padding-top: 10px;
 padding-left: 9px;
}
.content_post .sitemap_body li ul ul {
 padding-left: 14px;
}
.content_post .sm_title, .content_post .posts_map h3 {
 border-left: none;
 padding: 7px 7px 7px 11px;
 font-size: 1.1em;
 background-color: whitesmoke;
}
.content_post .sm_title, .content_post .posts_map h3 a {
 color: #1b1b1b;
}
.content_post .sm_title {
 margin-right: 20px;
}
.content_post .posts_sitemap {
 display: flex;
 flex-wrap: wrap;
}
.content_post .posts_map {
 width: 50%;
 box-sizing: border-box;
 padding-right: 20px;
}
.content_post .sitemap_body .posts_map li {
 float: none;
 font-size: 0.8em;
 width: auto;
 line-height: 1.4em;
 position: relative;
 padding-right: 0;
 padding-left: 20px;
}
.content_post .sitemap_body .posts_map li a {
 text-decoration: underline;
 display: block;
}
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
 padding: 0;
 margin: 0;
 border: 0;
 outline: none;
 vertical-align: top;
}
.fancybox-wrap {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 8020;
}
.fancybox-skin {
 position: relative;
 background: #f9f9f9;
 color: #444;
 text-shadow: none;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}
.fancybox-opened {
 z-index: 8030;
}
.fancybox-opened .fancybox-skin {
 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
 position: relative;
}
.fancybox-inner {
 overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
 -webkit-overflow-scrolling: touch;
}
.fancybox-error {
 color: #444;
 margin: 0;
 padding: 15px;
 white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
 display: block;
 width: 100%;
 height: 100%;
}
.fancybox-image {
 max-width: 100%;
 max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
 background-image: url('img/fancybox_sprite.png');
}
#fancybox-loading {
 position: fixed;
 top: 50%;
 left: 50%;
 margin-top: -22px;
 margin-left: -22px;
 background-position: 0 -108px;
 opacity: 0.8;
 cursor: pointer;
 z-index: 8060;
}
#fancybox-loading div {
 width: 44px;
 height: 44px;
 background: url('img/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
 position: absolute;
 top: -18px;
 right: -18px;
 width: 36px;
 height: 36px;
 cursor: pointer;
 z-index: 8040;
}
.fancybox-nav {
 position: absolute;
 top: 0;
 width: 40%;
 height: 100%;
 cursor: pointer;
 text-decoration: none;
 background: transparent url('img/blank.gif');
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 z-index: 8040;
}
.fancybox-prev {
 left: 0;
}
.fancybox-next {
 right: 0;
}
.fancybox-nav span {
 position: absolute;
 top: 50%;
 width: 36px;
 height: 34px;
 margin-top: -18px;
 cursor: pointer;
 z-index: 8040;
 visibility: hidden;
}
.fancybox-prev span {
 left: 10px;
 background-position: 0 -36px;
}
.fancybox-next span {
 right: 10px;
 background-position: 0 -72px;
}
.fancybox-nav:hover span {
 visibility: visible;
}
.fancybox-tmp {
 position: absolute;
 top: -99999px;
 left: -99999px;
 visibility: hidden;
 max-width: 99999px;
 max-height: 99999px;
 overflow: visible !important;
}
.fancybox-lock {
 overflow: hidden;
}
.fancybox-overlay {
 position: absolute;
 top: 0;
 left: 0;
 overflow: hidden;
 display: none;
 z-index: 8010;
 background: url('img/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
 position: fixed;
 bottom: 0;
 right: 0;
}
.fancybox-lock .fancybox-overlay {
 overflow: auto;
 overflow-y: scroll;
}
.fancybox-title {
 visibility: hidden;
 position: relative;
 text-shadow: none;
 z-index: 8050;
}
.fancybox-opened .fancybox-title {
 visibility: visible;
}
.fancybox-title-float-wrap {
 position: absolute;
 bottom: 0;
 right: 50%;
 margin-bottom: -35px;
 z-index: 8050;
 text-align: center;
}
.fancybox-title-float-wrap .child {
 display: inline-block;
 margin-right: -100%;
 padding: 2px 20px;
 background: transparent;
 background: rgba(0, 0, 0, 0.8);
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 text-shadow: 0 1px 2px #222;
 color: #FFF;
 font-weight: bold;
 line-height: 24px;
 white-space: nowrap;
}
.fancybox-title-outside-wrap {
 position: relative;
 margin-top: 10px;
 color: #fff;
}
.fancybox-title-inside-wrap {
 padding-top: 10px;
}
.fancybox-title-over-wrap {
 position: absolute;
 bottom: 0;
 left: 0;
 color: #fff;
 padding: 10px;
 background: #000;
 background: rgba(0, 0, 0, .8);
}
.mt10 {
 margin-top: 10px !important;
}
.mt20 {
 margin-top: 20px !important;
}
.mt30 {
 margin-top: 30px !important;
}
.mt40 {
 margin-top: 40px !important;
}
.mt50 {
 margin-top: 50px !important;
}
.mt60 {
 margin-top: 60px !important;
}
.mt70 {
 margin-top: 70px !important;
}
.mt80 {
 margin-top: 80px !important;
}
.mt90 {
 margin-top: 90px !important;
}
.mt100 {
 margin-top: 100px !important;
}
.mt110 {
 margin-top: 110px !important;
}
.mt120 {
 margin-top: 120px !important;
}
.mt130 {
 margin-top: 130px !important;
}
.mt140 {
 margin-top: 140px !important;
}
.mt150 {
 margin-top: 150px !important;
}
.mt160 {
 margin-top: 160px !important;
}
.mt170 {
 margin-top: 170px !important;
}
.mt180 {
 margin-top: 180px !important;
}
.mt190 {
 margin-top: 190px !important;
}
.mt200 {
 margin-top: 200px !important;
}
.mb10 {
 margin-bottom: 10px !important;
}
.mb20 {
 margin-bottom: 20px !important;
}
.mb30 {
 margin-bottom: 30px !important;
}
.mb40 {
 margin-bottom: 40px !important;
}
.mb50 {
 margin-bottom: 50px !important;
}
.mb60 {
 margin-bottom: 60px !important;
}
.mb70 {
 margin-bottom: 70px !important;
}
.mb80 {
 margin-bottom: 80px !important;
}
.mb90 {
 margin-bottom: 90px !important;
}
.mb100 {
 margin-bottom: 100px !important;
}
.mb110 {
 margin-bottom: 110px !important;
}
.mb120 {
 margin-bottom: 120px !important;
}
.mb130 {
 margin-bottom: 130px !important;
}
.mb140 {
 margin-bottom: 140px !important;
}
.mb150 {
 margin-bottom: 150px !important;
}
.mb160 {
 margin-bottom: 160px !important;
}
.mb170 {
 margin-bottom: 170px !important;
}
.mb180 {
 margin-bottom: 180px !important;
}
.mb190 {
 margin-bottom: 190px !important;
}
.mb200 {
 margin-bottom: 200px !important;
}
.pt10 {
 padding-top: 10px !important;
}
.pt20 {
 padding-top: 20px !important;
}
.pt30 {
 padding-top: 30px !important;
}
.pt40 {
 padding-top: 40px !important;
}
.pt50 {
 padding-top: 50px !important;
}
.pt60 {
 padding-top: 60px !important;
}
.pt70 {
 padding-top: 70px !important;
}
.pt80 {
 padding-top: 80px !important;
}
.pt90 {
 padding-top: 90px !important;
}
.pt100 {
 padding-top: 100px !important;
}
.pt110 {
 padding-top: 110px !important;
}
.pt120 {
 padding-top: 120px !important;
}
.pt130 {
 padding-top: 130px !important;
}
.pt140 {
 padding-top: 140px !important;
}
.pt150 {
 padding-top: 150px !important;
}
.pt160 {
 padding-top: 160px !important;
}
.pt170 {
 padding-top: 170px !important;
}
.pt180 {
 padding-top: 180px !important;
}
.pt190 {
 padding-top: 190px !important;
}
.pt200 {
 padding-top: 200px !important;
}
.pb10 {
 padding-bottom: 10px !important;
}
.pb20 {
 padding-bottom: 20px !important;
}
.pb30 {
 padding-bottom: 30px !important;
}
.pb40 {
 padding-bottom: 40px !important;
}
.pb50 {
 padding-bottom: 50px !important;
}
.pb60 {
 padding-bottom: 60px !important;
}
.pb70 {
 padding-bottom: 70px !important;
}
.pb80 {
 padding-bottom: 80px !important;
}
.pb90 {
 padding-bottom: 90px !important;
}
.pb100 {
 padding-bottom: 100px !important;
}
.pb110 {
 padding-bottom: 110px !important;
}
.pb120 {
 padding-bottom: 120px !important;
}
.pb130 {
 padding-bottom: 130px !important;
}
.pb140 {
 padding-bottom: 140px !important;
}
.pb150 {
 padding-bottom: 150px !important;
}
.pb160 {
 padding-bottom: 160px !important;
}
.pb170 {
 padding-bottom: 170px !important;
}
.pb180 {
 padding-bottom: 180px !important;
}
.pb190 {
 padding-bottom: 190px !important;
}
.pb200 {
 padding-bottom: 200px !important;
}