/* Theme Name: monokotolabo theme Text Domain: monokotolabo_theme Version: 1.0 Requires at least: 4.7 Requires PHP: 5.6.1 Description: Author: felissimo Author URI: https://www.felissimo.co.jp/monokotolabo/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @charset "UTF-8"; /* google font import */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&family=Roboto:wght@500;700&display=swap'); /* add */ #wp_blog_body img { display: block; margin: 30px auto;width: auto; } /*------------------------------------ 共通部分 ------------------------------------*/ html { background: #fff; } body { font-family: 'こぶりなゴシック W3 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif'; overflow-x: hidden; width: 100%; text-align: left; color: #222; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} img { height: auto; vertical-align: bottom; border: none; max-width: 100%;}.pc_mono { display: block !important;} .sp_mono { display: none !important;} #wrapper_mono { line-height: 2.0; /* letter-spacing: .1em; */} #wrapper_mono a:hover { text-decoration: none; cursor: pointer;} .main_mono { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility:hidden; backface-visibility:hidden; padding-top: 100px; } .main_mono.toppage_mono {padding-top: 120px;} .inner_mono { /* width: 98%; */ width: 920px; margin: 0 auto;} #wp_blog_body a, #page_body a { color: #13B7D5; text-decoration: underline;} @media (min-width: 768px) { .link_mono:hover { opacity: .7; cursor: pointer;} .link_mono { transition: all .3s; display: block;} #wrapper_mono { font-size: 10px; } a {transition: all .2s;} a:hover {opacity: 0.5; cursor: pointer;} input {transition: all .5s;} input:hover {opacity: 0.5; cursor: pointer;} } @media screen and (max-width: 1300px) { .main_mono { padding-top: 160px; } .main_mono.toppage_mono {padding-top: 160px; } } @media (max-width: 767px) { .pc_mono { display: none !important; } .sp_mono { display: block !important;} #wrapper_mono { font-size: 10px; } .inner_mono { width: 100%; max-width: initial!important; padding: 0 6%; box-sizing: border-box;} .main_mono, .main_mono.toppage_mono { padding-top: 100px;} } /*=== ヘッダー ===*/ #header_mono { font-size: 120%; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', 'sans-serif'; letter-spacing: 0.01em; padding: 1.5em 0 0.8em 0; position: fixed; width: 100%; background-color: #fff; z-index: 10; top: 0;} #header_mono .header_inner_mono {width: 800px; margin: 0 auto;position: relative; } #header_mono .header_inner_mono .gnav_mono { display: flex; justify-content: space-between; } #header_mono .header_inner_mono .gnav_mono li {padding: 5px 10px 30px 10px; } #header_mono .link_mono {position: relative; border-radius: 5px;} #header_mono .link_mono::after {content: ''; width: 34px; height: 1px; display: inline-block; background-color: #333; position: absolute; bottom: 27.2px; left: calc(50% - 16px)} #header_mono .cursor_mono { position: relative; display: inline-block; transition: all 0.5s ease;} #header_mono .cursor_mono::before { content: ''; width: 6px; height: 6px; border: 0; border-bottom: solid 1px #333; border-right: solid 1px #333; position: absolute; bottom: -52%; left: 47%; transform: rotate(45deg); } #header_mono .dropdown_mono .cursor_mono::before { bottom: 27.2px; } #header_mono .dropdown_mono {position: absolute; width: 100vw; left: 50%; bottom: -100%; transform: translateX(-50%); background-color: #EEEEEE; padding: 2% 30%; height: 70px; box-sizing: border-box; visibility: hidden; opacity: 0; z-index: 10; } #header_mono .doropdown_innner_mono {width: 600px; margin: 0 auto; display: flex; justify-content: space-around;} #header_mono .doropdown_innner_mono.second_mono {width: 870px; } #header_mono .header_inner_mono .submenu_mono {position: absolute; display: flex; top: 10%; right: -28%; justify-content: space-between; width: 165px; align-items: center;} #header_mono .submenu_mono .member_mono {display: block; width: 122px; border: 1px solid #707070; background-color: #FFEB00; text-align: center; font-size: 90%; border-radius: 12.5px; height: 25px; line-height: 25px;} #header_mono .submenu_mono .member_mono p {position: relative; display: inline-block; padding-right: 4%;} #header_mono .submenu_mono .member_mono p::after {content: ''; width: 5px; height: 5px; border: 0; border-top: solid 1px #333; border-right: solid 1px #333; position: absolute; top: 40%; right: -5%; transform: rotate(45deg);} #header_mono .submenu_mono .search_mono {width: 25px; z-index: 1000; cursor: pointer;} #head_logo_mono {position: absolute;top: 8%; left: -28%;} #head_logo_mono.top_mono {display: none;} #head_logo_mono img{ width: 125px;} @media screen and (min-width: 768px) { .sp_header_mono { display: none; } #header_mono .open1_mono:hover + .dropdown1_mono,#header_mono .dropdown1_mono:hover{ visibility: visible; opacity: 1;transition: all 0.5s ease; cursor: pointer; } #header_mono .open1_mono:hover { background-color: #EEEEEE; opacity: 1;} #header_mono .dropdown1_mono:hover ~ .open1_mono { background-color: #EEEEEE;} #header_mono .dropdown {transition: all 0.5s ease;} #header_mono .open1_mono {padding-bottom: 30px;} #header_mono .open2_mono:hover + .dropdown2_mono,#header_mono .dropdown2_mono:hover{ visibility: visible; opacity: 1;transition: all 0.5s ease; cursor: pointer; } #header_mono .open2_mono {padding-bottom: 30px;} #header_mono .open2_mono:hover { background-color: #EEEEEE; opacity: 1;} #header_mono .dropdown2_mono:hover ~ .open2_mono { background-color: #EEEEEE;} #header_mono .open1_mono::before{bottom: 30%;} #header_mono .open1_mono::after{bottom: 47%;} #header_mono .open2_mono::before{bottom: 30%;} #header_mono .open2_mono::after{bottom: 47%;} #head_logo2_mono {display: none;} } @media screen and (max-width: 1300px) { #header_mono {padding-top: 70px;} #head_logo_mono { top: -55px;left: -19%;} #header_mono .submenu_mono {top: -47px!important; right: -19%!important;} #header_mono .dropdown_mono {padding: 2% 10%;} #header_mono .doropdown_innner_mono.second_mono {width: 800px; } } @media screen and (max-width: 1130px) { #head_logo_mono { top: -55px;left: -12%;} #header_mono .submenu_mono {top: -47px!important; right: -12%!important;} } @media screen and (max-width: 1050px) { #head_logo_mono { top: -55px;left: -7%;} #header_mono .submenu_mono {top: -47px!important; right: -7%!important;} } @media screen and (max-width: 767px) { #header_mono { padding-top: 1.5em;} #head_logo_mono {display: block!important;} .sp_header_mono {width: 100%; height: 90px; background-color: #FFF; position: fixed; z-index: 100; top: 0;} #header_mono.active + .sp_header_mono{position: relative; height: 0;} .hamburger_mono { display : block; position: fixed; z-index : 3; right: 5%; top: 15px; width : 60px; height: 60px; cursor: pointer; text-align: center; background-color: #FFEB00; border-radius: 50%;} .hamburger_mono span { display : block; position: absolute; width: 30px; height: 4px; border-radius: 3px; left: 15px; background : #555; transition: 0.3s ease-in-out;} .hamburger_mono span:nth-child(1) { top: 18px;} .hamburger_mono span:nth-child(2) {top: 28px;} .hamburger_mono p{ font-family: 'Oswald', sans-serif; font-size: 87%; margin-top: 35px; font-weight: 700; color: #707070;} .hamburger_mono.active span:nth-child(1) { top: 22px; left: 15px; transform: rotate(-33deg);} .hamburger_mono.active span:nth-child(2) { top: 22px; left: 15px; transform : rotate(33deg);} .hamburger_mono .close_mono { display: none;} .hamburger_mono.active .menu_mono { display: none;} .hamburger_mono.active .close_mono { display: block;} #header_mono { position: fixed; z-index: 2; top: 0;left : 0; background: #EFEFEF; text-align: center; width: 100%; opacity: 0; transition: opacity .6s ease, visibility .6s ease; padding-bottom: 180px; overflow: auto; height: 80vh; visibility: hidden;} #header_mono.active { opacity: 100; visibility: visible;} #header_mono .header_inner_mono .gnav_mono { flex-direction: column; } #header_mono .header_inner_mono { width: 100%; margin-top: 90px;} #header_mono .link_mono::after { content: none;} #header_mono .cursor_mono::before { content: none;} #header_mono .header_inner_mono .gnav_mono li { padding: 7px 10px 7px 10px; border-bottom: 3px solid #EDEAEA; text-align: left; padding-left: 8%; position: relative; background-color: #eeeeee!important;} #header_mono .header_inner_mono .gnav_mono li::after {content: ""; width: 7px; height: 7px; border-top: 1px solid #333; border-right: 1px solid #333; transform: rotate(45deg); position: absolute; right: 9%; top: 40%;} #header_mono .header_inner_mono .gnav_mono li:first-child {border-top: 3px solid #EDEAEA;} #header_mono .link_mono { font-size: 111%;} #header_mono .sp_big_mono {font-size: 145%; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';} #head_logo_mono {display: block!important; top: -91px; left: -140px;} #head_logo_mono img {width: 35%;} #header_mono .header_inner_mono .gnav_mono .cursor_mono::after { content: ''; display: inline-block; width: 19px; height: 19px; background-image: url(./assets/images/plus.png); background-size: contain; vertical-align: middle; background-repeat: no-repeat; position: absolute; right: 7.6%; top: 31%; border: none; transform: none; left: auto; bottom: auto; background-color: #EFEFEF;} #header_mono .header_inner_mono .gnav_mono .cursor_mono.open::after { background-image: url(./assets/images/minus.png); } #header_mono .doropdown_innner_mono .cursor_mono::after{content: none!important;} #header_mono .dropdown_mono { position: relative; left: auto; bottom: auto; transform: none; padding: 0; height: auto; display: none;} #header_mono .dropdown_mono.open {visibility: visible; opacity: 1;} #header_mono .doropdown_innner_mono { width: 100%!important; flex-direction: column; } #header_mono .doropdown_innner_mono li { border-bottom: 2px solid #EDEAEA!important; padding-left: 14%!important;} #header_mono .doropdown_innner_mono li:first-child {border-top: none!important;} #head_logo2_mono {width: 210px; padding: 2% 0 0 3%;} .hamburger_mono.active + #head_logo2_mono{display: none!important;} #head_logo2_mono.sptop_mono {opacity: 0; visibility: hidden;} #head_logo2_mono.sptop_mono.active{ opacity: 1; visibility: visible;} #header_mono .submenu_mono { display: none!important;} } @media screen and (max-width: 450px) { #head_logo2_mono {width: 47%; padding: 4.5% 0 0 6.6%;} } /*=== パンくず ===*/ .pann_mono {margin: 0 auto -35px auto; font-size: 120%; width: 80%; font-family: 'こぶりなゴシック W3 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif';} @media screen and (max-width: 767px) { .pann_mono { width: auto; margin: 0 auto -50px auto; margin-left: 6%; font-size: 100%; margin-right: 6%;} } /*=== タイトル関連 ===*/ .tit_block_mono { width: 100%; /*height: 100px;*/ height: auto; background-color: #FFEB00; margin-top: 50px; padding-top: 10px; box-sizing: border-box; text-align: center; position: relative; min-width: 1100px;} .tit_block_mono::before {content: ''; display: inline-block; width: 118px; height: 76px; background-image: url(./assets/images/tit_left.png); background-size: contain; vertical-align: middle; background-repeat: no-repeat; position: absolute;left: 0; bottom: -76px;} .tit_block_mono::after {content: ''; display: inline-block; width: 118px; height: 76px; background-image: url(./assets/images/tit_right.png); background-size: contain; vertical-align: middle; background-repeat: no-repeat; position: absolute;right: 0; bottom: -76px;} .tit_block_mono span::before {content: ''; display: inline-block; width: 25px; height: 18px; background-image: url(./assets/images/tit_center.png); background-size: contain; vertical-align: middle; background-repeat: no-repeat; position: absolute; left: 50%; transform: translateX(-50%); bottom: -18px; } .tit_block_mono .tit_mono { padding: 0px 0 15px;margin: 0 auto; display: inline-block; font-size: 360%; text-align: center; text-decoration: underline; text-decoration-color:#fff; text-decoration-thickness: 5px; text-underline-offset: 8px; position: relative; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';} .tit_block_mono .tit_mono::before {content: ''; display: inline-block; width: 45px; height: 54px; background-image: url(./assets/images/icon1.png); background-size: contain; vertical-align: middle; background-repeat: no-repeat; position: absolute;left: -18%; top: 18%;} .tit_block_mono .tit_mono.none::before { display: none; } .tit_block_mono.top_page_mono {margin-top: 70px;} @media screen and (max-width: 767px) { .tit_block_mono {min-width: auto; height: auto; padding: 10px 0 0 10%; margin-top: 60px;} .tit_block_mono.first_block_mono {margin-top: 10px;} .tit_block_mono .tit_mono { margin: 0 auto;font-size: 270%;max-width: 76%;line-height: 1.8;text-underline-offset: 5px; } .tit_block_mono::before { width: 29px; background-image: url(./assets/images/tit_left_sp.png); bottom: -28px;height: 28px;} .tit_block_mono::after { width: 29px; background-image: url(./assets/images/tit_right_sp.png); bottom: -28px;height: 28px;} .tit_block_mono span::before {content: ''; display: inline-block; width: 25px; height: 18px; background-image: url(./assets/images/tit_center.png); background-size: contain; vertical-align: middle; background-repeat: no-repeat; position: absolute; left: 40%; transform: translateX(-50%); bottom: -18px;} } /*=== 記事関連 ===*/ #wp_blog_body ul li, #page_body ul li {font-size: 160%; position: relative; padding-left: 1em; line-height: 1.7;margin-botom: 7px; } #wp_blog_body ul li::before, #page_body ul li::before { content: ""; display: inline-block; width: 0.3em; height: 0.3em; background-color: #333; position: absolute; top: 1em; left: 0.1em; transform: translateY(-50%); border-radius: 0.15em;} #wp_blog_body ol li, #page_body ol li {list-style-type:decimal;} @media screen and (max-width: 767px) { #wp_blog_body ul li, #page_body ul li { font-size: 140%; } } .blog_box_mono { display: flex; justify-content: space-between; flex-wrap: wrap;} .blog_block_mono { width: 280px; margin-top: 40px;} .blog_block_mono .imgarea_mono {width: 280px; height: 224px; position: relative; margin-bottom: 15px; border: 1px solid #efefef; border-radius: 5px; overflow: hidden; position: relative;} .blog_block_mono .imgarea_mono img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;} .blog_block_mono .imgarea_mono p {position: absolute; width: 80px; text-align: center; color: #fff; font-size: 140%; border-radius: 8px 8px 0 0; bottom: 0; right: 4%;} .blog_block_mono .imgarea_mono p.answer_mono { background-color: #DE5E5E;} .blog_block_mono .imgarea_mono p.result_mono { background-color: #1FC6E5;} .blog_block_mono .new_mono {width: 50px; background-color: #333; color: #fff; font-size: 130%; text-align: center; border-radius: 11px; margin-right: 10px; font-family: 'Oswald', sans-serif; font-weight: 400; height: 22px; line-height:22px;} .blog_block_mono .blogtit_mono { font-size: 160%; line-height: 1.4em; margin-top: 5px; overflow-wrap: break-word; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';} .blog_block_mono .date_mono {font-size: 120%; font-family: 'Oswald', sans-serif; font-weight: 400; border-top: 1px solid #efefef; margin-top: 10px; color:#333;} .blog_block_mono .icon_block_mono {display: flex; align-items: center;} .blog_block_mono .icon_block_mono .category_mono{ color: #333; /*font-size: 90%; width: 120px; height: 20px; line-height: 20px; text-align: center;*/ /* background-color: #DECFB4; border-radius: 3px;*/ line-height: 1.2; padding: 5px 3px; } .column4_mono.blog_box_mono {margin-top: 20px;} .column4_mono .blog_block_mono {width:210px; } .column4_mono .blog_block_mono .imgarea_mono { width: 210px; height: 168px;} .column4_mono.blog_block_mono .blogtit_mono { font-size: 140%; word-break: break-all; } .column2_mono .blog_block_mono:nth-child(1) .imgarea_mono { width: 430px; height: 344px;} .column2_mono .blog_block_mono:nth-child(2) .imgarea_mono { width: 430px; height: 344px;} .column2_mono .blog_block_mono:nth-child(1) { width: 430px;} .column2_mono .blog_block_mono:nth-child(2) { width: 430px;} @media screen and (max-width: 767px) { .blog_box_mono {justify-content: space-around;} .column2_mono .blog_block_mono:nth-child(1) { width: 530px;} .column2_mono .blog_block_mono:nth-child(1) .imgarea_mono{ width: 530px;} .column2_mono .blog_block_mono:nth-child(2) .imgarea_mono { width: 280px; height: 224px;} .column2_mono .blog_block_mono:nth-child(2) { width: 280px;} } @media screen and (min-width: 681px) { .blog_box_mono::after { display: block;content:"";width: 280px; } } @media screen and (max-width: 680px) { .blog_box_mono {margin-top: 30px; justify-content: space-around;} .blog_block_mono { display: flex; width: 100%; margin: 0 auto; margin-top: 20px; max-width: 100%; justify-content: space-around;} .blog_block_mono .imgarea_mono {width: 160px; height: 115px; margin-right: 5%;} .blog_block_mono .blog_content_mono {width: 50%;} .blog_block_mono .blogtit_mono { font-size: 140%; line-height: 1.3em;} .blog_block_mono .new_mono { margin-bottom: 5px; } .column4_mono .blog_block_mono {width:100%; } .column4_mono .blog_block_mono .imgarea_mono { width: 45%; height: 115px;} .column4_mono .blog_block_mono:first-child { flex-direction: column; width: 100%;} .column4_mono .blog_block_mono:first-child .imgarea_mono { width: 100%; height: 252px; margin: 0 auto;} .column4_mono .blog_block_mono:first-child .blog_content_mono {width: 100%; margin: 0 auto; margin-top: 20px;} .column2_mono .blog_block_mono:nth-child(2) .imgarea_mono { width: 160px; height: 115px;} .column2_mono .blog_block_mono:nth-child(2) { width: auto;} .column2_mono .blog_block_mono:nth-child(1) { flex-direction: column; width: 100%;} .column2_mono .blog_block_mono:nth-child(1) { width: 315px; } .column2_mono .blog_block_mono:nth-child(1) .imgarea_mono { width: 315px; height: 252px; margin: 0 auto;} .column2_mono .blog_block_mono:nth-child(1) .blog_content_mono {width: 100%; margin: 0 auto; margin-top: 20px;} .column2_mono .blog_block_mono {border-bottom: 1px solid #EDEAEA;} .column2_mono .blog_content_mono {padding-bottom: 10px;} } /*=== ボタン関連 ===*/ .btn_mono {display: block; width: 300px; height: 54px; text-align: center; margin: 40px auto 0 auto; border: 2px solid #333333; font-size: 160%; line-height: 54px; border-radius: 20% / 100%; background-color: #fff; transition: all 0.5s ease;} .btn_mono p {position: relative; padding-right: 5%; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif' !important; } .btn_mono p::after {content: ""; width: 10px; height: 10px; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg); position: absolute; right: 9%; top: 40%;} .induction_btn_mono {margin-top: 70px; background-color: #EFEFEF; padding: 40px 0;} .induction_btn_mono .inner_mono {display: flex; justify-content: space-between;} .induction_btn_mono .btn_mono { width: 280px; margin: 0;} .induction_btn_mono {position: relative;} .ab_btn_mono.inner_mono {/* position: relative; */} .ab_btn_mono .top_btn_mono { position: absolute; display: block; width: 70px; height: 70px; background-color: #FFEB00; text-align: center; border-radius: 50%; padding-top: 28px; box-sizing: border-box; right: 1%; bottom: -50px; } .ab_btn_mono .top_btn_mono p{ font-size: 120%; position: relative; font-family: 'Oswald', sans-serif;} .ab_btn_mono .top_btn_mono p::before { content: ""; width: 15px; height: 14px;position:absolute; background-image: url("./assets/images/arrow.png"); background-repeat: no-repeat; background-size: contain; top: -15px; left: 28px;} .btn_mono.sub_btn_mono, #wp_blog_body .wp-block-button__link { width: 200px; height: 40px; background-color: #FFEE00; font-size: 140%; line-height: 40px; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif'; color: #333; margin-top: 60px; border: none;} .btn_mono.sub_btn_mono p::after {width: 8px; height: 8px; border-top: 1.5px solid #333; border-right: 1.5px solid #333; right: 7%; top: 37%;} .btn_mono.sub_btn_mono a, #wp_blog_body .wp-block-button__link { color: #333 !important; text-decoration: none !important; } #wp_blog_body .wp-block-button__link { height: auto;line-height: normal;margin-top:1em; } @media screen and (max-width: 767px) { .btn_mono {margin-top: 30px;} .btn_mono.sp_mono {width: 280px;} .induction_btn_mono { margin-top: 40px; padding-bottom: 60px;} .induction_btn_mono .inner_mono { flex-direction: column;} .induction_btn_mono .btn_mono { width: 300px; margin: 20px auto 0 auto;} .induction_btn_mono .btn_mono:first-child {margin-top: 0;} .ab_btn_mono .top_btn_mono { bottom: -20px;} .btn_mono.sub_btn_mono, #wp_blog_body .wp-block-button__link { margin-top: 30px;} .new_member_mono {padding-left: 8px; font-size: 130%; border-bottom: 2px solid #333333; margin: 30px auto 0 auto; width: 140px; position: relative;} .new_member_mono::before {content: ""; width: 5px; height: 5px; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg); position: absolute; right: 9%; top: 35%;} } /*=== 誘導バナー ===*/ .induction_bunner_mono {background-color: #F7F7F7; padding: 20px 0 40px 0;} .induction_bunner_mono .bunner_box_mono {width: 760px; margin: 0 auto; display: flex; justify-content: space-around; flex-wrap: wrap;} .induction_bunner_mono .bunner_block_mono {width: 345px; margin-top: 30px;} .induction_bunner_mono .bunner_block_mono h3 { font-size: 160%; font-family: 'こぶりなゴシック W3 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif'; color: #000; margin-top: 5px;} .induction_bunner_mono .bunner_block_mono p { font-size: 120%; font-family: 'こぶりなゴシック W3 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif';} /*=== ページネーション ===*/ .pager_mono {margin-top: 70px;} .pager_mono > ul {text-align: center; color: #707070; font-size: 140%;} .pager_mono > ul li { display: inline; padding: 0; display: inline-block; width: 28px; height: 28px; text-align: center; position: relative; border-radius: 50px;} .pager_mono > ul li a { vertical-align: middle; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display:table; text-decoration: none;} .pager_mono > ul li span { display:table-cell; vertical-align:middle; font-family: 'Montserrat', sans-serif; line-height: 28px; width: 28px;} .pager_mono > ul li > .prev, .pager_mono > ul li > .next { color: #707070; font-size: 200%; font-size: 180%; margin-bottom: 1px;line-height: 1; } .pager_mono > ul li > span.current { background: #FFEB00; border-radius: 10px; border-radius: 50px; cursor: pointer;} @media screen and (max-width: 767px) { .pager_mono {margin-top: 30px;} .induction_bunner_mono .bunner_box_mono {width: 100%; flex-direction: column;} .induction_bunner_mono .bunner_block_mono {margin: 30px auto 0 auto;} } /*=== タグ一覧 ===*/ .tag_box_mono {border-top: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px 0 20px 0; font-family: 'こぶりなゴシック W3 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif'; width: 800px; margin: 0 auto; margin-top: 70px;} .tag_box_mono p{ font-size: 180%; margin-bottom: 5px; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';} .tag_box_mono .tag_block_mono {display: flex;} .tag_box_mono .tag_block_mono p{margin-right: 15px; font-size: 80%; border-radius: 15px; border: 1px solid #666; padding: 1px 15px; text-align: center; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';} .sns_box_mono {width: 168px; margin: 50px auto 0 auto; text-align: center;} .sns_box_mono .sns_tit_mono {width: 93px; margin-bottom: 20px;} .sns_box_mono .sns_block_mono {display: flex; justify-content: space-between; margin-bottom: 70px;} .sns_box_mono .sns_block_mono img {width: 50px;} @media screen and (max-width: 767px) { .sns_box_mono { margin-top: 30px;} .tag_box_mono { margin-top: 40px; width: 100%;} .tag_box_mono .tag_block_mono p{font-size: 120%;line-height: 1.4em;padding: 5px 10px; } .tag_box_mono p{ font-size: 140%; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';} } body.single .tit_block_mono { padding: 10px 0 0 0; height: auto; } body.single .tit_block_mono .tit_mono { font-size: 200%;text-underline-offset: 5px; } body.single .tit_block_mono::before, body.single .tit_block_mono::after { height: 76px;width: 118px;bottom: -76px; } body.single .tit_block_mono .tit_mono::before, body.single .tit_block_mono span::before { display: none !important; } @media screen and (max-width: 767px) { body.single .tit_block_mono .tit_mono { font-size: 160%; } body.single .tit_block_mono::before, body.single .tit_block_mono::after { height: 28px;width: 29px;bottom: -28px; } } /*=== SNSエリア ===*/ #potitto_mono .tit_block_mono .tit_mono::before {width: 45px; height: 54px; background-image: url(./assets/images/icon1.png);left: -18%; top: 18%;} #potitto_mono .potitto_tit_mono {width: 650px; margin: 50px auto 0 auto; text-align: center; font-size: 160%; background-color: #EEEEEE; border-radius: 7% / 100%; height: 40px; line-height: 40px; position: relative; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';} #potitto_mono .potitto_tit_mono::after {content: ''; display: inline-block; width: 7px; height: 22px; background-image: url(./assets/images/fukidashi.png); background-size: contain; vertical-align: middle; background-repeat: no-repeat; position: absolute;left: 6%; top: 73%;} #potitto_mono .potitto_block_mono .question_mono { margin: -15px auto 0 auto; width: 660px; font-size: 250%; /*height: 80px;*/ border-bottom: 2px solid #333333; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif'; line-height: 1.5;position: relative;z-index:1;padding-bottom: 5px; } #potitto_mono .potitto_block_mono .question_mono span {font-size: 200%; font-family: 'Oswald', sans-serif; font-weight: 700; padding-right: 5px;} .graf_mono { margin: 40px auto 0 auto; display: flex; justify-content: space-between; text-align: center; align-items: center; width: 100%;} .graf_mono ul { width: 100%;max-width: 800px;display: flex; padding-bottom: 30px;position: relative;z-index: 1; } .graf_mono ul li { width: 88px; height: 62px; color: #444; font-size: 320% !important; font-family: 'Montserrat', sans-serif;padding-left: 0 !important;line-height: normal !important; } .graf_mono ul li span { position: absolute; top: 50%; transform: translateY(-50%); } .graf_mono ul li::before {display: none !important;} .graf_mono ul li:first-child { background-image: url("./assets/images/anc_bk01.jpg"); } .graf_mono ul li:last-child { background-image: url("./assets/images/anc_bk02.jpg"); } .graf_mono ul li:first-child span { left: 30px; } .graf_mono ul li:last-child span { right: 30px; } #potitto_mono .potitto_btn_mono p:first-child { font-size: 140%;width: auto !important;position: relative; display: inline-block; padding: 0 38px !important; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif' !important;} #potitto_mono .potitto_btn_mono p:first-child:before, #potitto_mono .potitto_btn_mono p:first-child:after { content: ''; position: absolute; top: 40%; display: inline-block; width: 35px; height: 2px; background-color: black; -webkit-transform: rotate(-60deg); transform: rotate(-60deg);} #potitto_mono .potitto_btn_mono p:first-child:before { left:0; transform: rotate(60deg)} #potitto_mono .potitto_btn_mono p:first-child:after { right: 0;} #potitto_mono .potitto_btn_mono {width: 350px;} #potitto_mono .btn_area_mono { width: 94px; height: 78px; margin: 15px auto 0 auto;} #potitto_mono .btn_area_mono.left_btn_mono {background-image: url("./assets/images/anc_bg01.png"); background-size: contain; } #potitto_mono .btn_area_mono.right_btn_mono {background-image: url("./assets/images/anc_bg02.png"); background-size: contain;} #potitto_mono .btn_area_mono.left_btn_mono.active {background-image: url("./assets/images/anc_bg01.png"); background-size: contain; } #potitto_mono .btn_area_mono.right_btn_mono.active {background-image: url("./assets/images/anc_bg02.png"); background-size: contain;} #potitto_mono .btn_area_mono.left_btn_mono:hover {background-image: url("./assets/images/anc_bg01_on.png"); background-repeat: no-repeat; background-position: bottom; cursor: pointer;} #potitto_mono .btn_area_mono.right_btn_mono:hover {background-image: url("./assets/images/anc_bg02_on.png"); background-repeat: no-repeat; background-position: bottom; cursor: pointer;} #potitto_mono .potitto_btn_mono p:last-child { font-size: 140%;width: auto !important;text-align: center; margin: 15px 0 0 0 !important; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif' !important;} .graf_mono.top_mono { max-width: 800px; } .graf_mono.top_mono:not(.is_voted) { max-width: 550px; } /*=== footer調整 ===*/ #Footer_fca ul li { font-size: 12px;} @media screen and (max-width: 767px) { #potitto_mono .tit_block_mono .tit_mono::before { left: -45px;top: 10px;width: 30px;height: 35px; } #potitto_mono .potitto_tit_mono { width: 80%; height: auto; border-radius: 34px; line-height: 1.5em; padding: 3%; box-sizing: border-box;} #potitto_mono .potitto_tit_mono::after {left: 14%; top: 84%; } #potitto_mono .potitto_block_mono .question_mono {width: 85%; font-size: 170%; height: auto; margin: 10px auto 0 auto;} .graf_mono.top_mono {flex-direction: column; margin-top: 30px; position: relative; padding-bottom: 30%; width: 100%;} .graf_mono.top_mono ul {order: 1; } .graf_mono ul li { font-size: 240% !important; } #potitto_mono .top_mono .potitto_btn_mono {order: 2; width: auto; position: absolute;} #potitto_mono .top_mono .potitto_btn_mono.left_btn_block_mono {top: 35%; left: 20%;} #potitto_mono .top_mono .potitto_btn_mono.right_btn_block_mono {top: 35%; right: 20%;} .graf_mono.top_mono ul li { height: 41px; font-size: 200%;} #potitto_mono .top_mono.gf_inner.type_simple:not(.is_voted) { padding-bottom: 50%; } } @media screen and (max-width: 650px) { .graf_mono.top_mono {padding-bottom: 60%;} #potitto_mono .top_mono.gf_inner.type_simple:not(.is_voted) { padding-bottom: 60%; } #potitto_mono .top_mono .potitto_btn_mono.left_btn_block_mono {top: 35%; left: 0%;} #potitto_mono .top_mono.gf_inner.type_simple:not(.is_voted) .potitto_btn_mono.left_btn_block_mono { top: 5%; } #potitto_mono .top_mono .potitto_btn_mono.right_btn_block_mono {top: 35%; right: 0%;} #potitto_mono .top_mono.gf_inner.type_simple:not(.is_voted) .potitto_btn_mono.right_btn_block_mono { top: 5%; } } /*=== モニター募集 ===*/ #monitor_mono .tit_block_mono .tit_mono::before { width:60px; height: 37px; background-image: url(./assets/images/icon2.png); left: -80px; top: 27px;} #monitor_mono .blog_block_mono .imgarea_mono { /* border: 2px solid #D9C8AB;*/} .category_mono { /* background-color: #DECFB4; */ border-bottom: 2px solid #ccc; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif'; letter-spacing: -0.03em; font-size: 115%;} .category_mono.color688 { border-color:#DECFB4; } .category_mono.color690 { border-color:#CFDFC3; } #monitor_mono .category_mono { border-bottom: 2px solid #DECFB4; } @media screen and (max-width: 767px) { #monitor_mono .tit_block_mono .tit_mono::before { left: -46px;top: 30%;width: 31px;height: 21px; } .category_mono{ margin-bottom: 5px;} } /*=== モノコト活動報告 ===*/ #active_mono .blog_block_mono .imgarea_mono { /* border: 2px solid #CFDFC3; */} #active_mono .category_mono{ /*. background-color: #CFDFC3; */ border-bottom: 2px solid #CFDFC3; font-family: "こぶりなゴシック W6 JIS2004", "Hiragino Kaku Gothic W3 JIS2004", メイリオ, "sans-serif"; letter-spacing: -0.03em; font-size: 115%;} #active_mono .tit_block_mono .tit_mono::before { width:55px; height: 41px; background-image: url(./assets/images/icon3.png); left: -75px;top: 20px; } #underlayer_mono { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.80; filter: alpha(opacity=80); z-index: 100;} #search_mono {z-index: 1000;} #overlayer_mono { display: none; z-index: 200; position: absolute; left: -400%; top: 1500%;} #form1{ position:relative; margin-bottom:15px;} #sbox{ width: 380px; position:absolute; left:0; top:0; border-radius: 7px; outline:0; height:50px; padding:0 10px; border: 1px solid #666;} #sbtn{ width:70px; height:50px; position:absolute; left:315px; top:0; border:none; font-weight:bold; font-size:16px; background: none; background-image: url(./assets/images/search.png); background-repeat: no-repeat; background-size: 35%; background-position: center;} #outer_btn_mono {width: 80px; height: 30px; border: 1px solid #999; background-color: #F7F7F7; margin-top: 80px; border-radius: 8px; margin-left: 150px; color: #444;} @media screen and (max-width: 767px) { #active_mono .tit_block_mono .tit_mono::before {width:29px; height: 22px; background-image: url(./assets/images/icon3.png); left: -39px; top: 15%;} #sbox{ width: 100%; box-sizing: border-box; border: none;} #sbtn{left: auto; right: 0; width: 20%; background-color: #FFEB00; border-radius: 0 7px 7px 7px 0; background-size: 20%;} #form1 { margin-bottom: 10px; height: 50px; overflow: hidden;} .form_tit_mono{ margin-top: 30px; font-size: 180%; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif'; color: #221714;} } @media screen and (max-width: 1300px) { #overlayer_mono { left: -150%;} } @media screen and (max-width: 660px) { #sbtn{left: auto; right: 0; width: 20%; background-color: #FFEB00; border-radius: 0 7px 7px 7px 0; background-size: 35%;} } /*=== 下層ページタイトル ===*/ .subtit_mono {font-size: 360%; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif'; text-align: center;} .subtit_mono span { position: relative; display: inline-block; } .subtit_mono span::after {content: ''; position: absolute; left: 50%; bottom: 0px; display: inline-block; width: 300px; height: 5px; -webkit-transform: translateX(-50%); transform: translateX(-50%);/*位置調整*/ background-color: #FFEB00;} /*=== Wordpress 記事 ===*/ .wp_block_mono h2, #potitto_mono .potitto_block_mono #wp_blog_body h2 { margin-bottom: 10px;line-height: 1.5;position: relative; font-size: 220%; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif'; margin-top: 70px; padding-left: 0.8em;} .wp_block_mono h2::before, #potitto_mono .potitto_block_mono #wp_blog_body h2::before { content:""; display:inline-block; width: 4px; height: 24px; background-color: #ffee00; position: absolute; top: 45%; transform: translateY(-50%); left: 0px;} .wp_block_mono h3, #potitto_mono .potitto_block_mono #wp_blog_body h3 {position: relative; font-size: 180%; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif'; margin-top: 50px; padding-left: 1.5em;} .wp_block_mono h3::before, #potitto_mono .potitto_block_mono #wp_blog_body h3::before { content:""; display:inline-block; width: 15px; height: 15px; background-color: #707070; position: absolute; top: 45%; transform: translateY(-50%); left: 0px;} .wp_block_mono h4, #potitto_mono .potitto_block_mono #wp_blog_body h4 {font-size: 160%; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif'; margin-top: 30px;} .wp_block_mono p, .subtit_mono + .new_leead_mono {font-size: 160%; font-family: 'こぶりなゴシック W3 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif'; margin-top: 5px; line-height: 1.7em;} .subtit_mono + .new_leead_mono { width: 800px; margin: 50px auto 0;} .wp_block_mono figcaption { font-size: 160%; margin-top: -20px !important; } .wp_block_mono strong {font-weight: bolder!important;font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif'; } @media screen and (max-width: 767px) { .wp_block_mono p, .subtit_mono + .new_leead_mono {font-size: 140%;} .subtit_mono + .new_leead_mono { width: 100%; margin: 30px auto 0; } .wp_block_mono h2, #potitto_mono .potitto_block_mono #wp_blog_body h2 { font-size: 180%; margin-top: 40px; letter-spacing: 0.01em;} .wp_block_mono h3, #potitto_mono .potitto_block_mono #wp_blog_body h3 {font-size: 160%; margin-top: 30px;} .wp_block_mono h4, #potitto_mono .potitto_block_mono #wp_blog_body h4 {font-size: 140%; margin-top: 20px;} .wp_block_mono figcaption { font-size: 140%; } .h4_txt_mono {margin-top: 0;} .subtit_mono span { display: block; margin: 0 6%; line-height: 1.6em;} .subtit_mono span::after {width: 100%; bottom: -8px;} .subtit_mono {font-size: 200%; width: 100%; box-sizing: border-box; text-align: left;} } /*------------------------------------ index.html ------------------------------------*/ #fv_mono {display: flex; justify-content: space-between; width: 800px; margin: 10px auto 0 auto; align-items: center;} #fv_mono h1 {width: 270px;} #fv_mono .fv_copy_mono { font-size: 240%; position: relative; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';padding-top: 20px;} #fv_mono .fv_copy_mono::after {content: ''; display: inline-block; width: 40px; height: 28px; background-image: url(./assets/images/deco.png); background-size: contain; vertical-align: middle; background-repeat: no-repeat; position: absolute; top: -21%; right: 0%;} #news_mono {width: 800px; margin: 50px auto 0 auto; background-color: #F7F7F7; padding: 20px 20px 10px 30px; box-sizing: border-box; font-family: 'こぶりなゴシック W3 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif';} #news_mono .news_tit_mono {font-size: 130%; border-bottom: 1px solid #666666; margin-bottom: 5px; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';} #news_mono .news_block_mono {display: flex; font-size: 120%; margin-bottom: 10px; } #news_mono .news_date_mono {margin-right: 20px; font-family: 'こぶりなゴシック W1 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif'; line-height: 1.6em;} #news_mono .news_content_mono{ line-height: 1.6em; font-family: 'こぶりなゴシック W1 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif';} #news_mono .news_content_mono a { text-decoration: underline; } @media (min-width: 768px) { #news_mono .news_mono_inner { /*max-height: 75px;overflow-y: scroll;*/padding-top: 10px; } #news_mono .news_content_mono a:hover { text-decoration: none; } } @media (max-width: 767px) { #news_mono .news_mono_inner { /*max-height: 12em;overflow-y: scroll;*/ } } @media (max-width: 767px) { #fv_mono { flex-direction: column; width: 100%; margin: 20px auto 0 auto; letter-spacing: 0.01m;} #fv_mono h1 {order: 2;} #fv_mono .fv_copy_mono {order: 1; font-size: 160%; margin-bottom: 20px; padding-top: 0;} #fv_mono .fv_copy_mono::after {content: none;} #news_mono { width: 100%; background-color: #FFF; margin-top: 20px;margin-bottom: 35px; } #news_mono .news_tit_mono { border-bottom: 3px solid #CCCCCC; font-size: 200%; margin-bottom: 15px;} #news_mono .news_block_mono { font-size: 140%!important; flex-direction: column;} } /*------------------------------------ b_anc.html,b-1_anc.html ------------------------------------*/ .anc_tit_mono { margin-top: 40px; font-size: 240%; text-align: left; border-bottom: 3px solid #EFEFEF; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif'; } #potitto_mono .potitto_block_mono .question_mono.detail_mono { margin-top: 20px; text-align: center; width: 800px;} #potitto_mono .potitto_block_mono .date_mono.detail_mono { font-size: 140%; text-align: right; width: 800px; margin: 0 auto;} #potitto_mono .potitto_block_mono #wp_blog_body p { font-size: 160% !important; font-family: 'こぶりなゴシック W3 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif'; width: 800px; margin: 30px auto 0 auto; line-height: 1.6em;} #potitto_mono .potitto_block_mono .graf_mono:not(.is_voted).detail_mono { width: 630px; } #potitto_mono .detail_mono .btn_area_mono { width: 126px; height: 105px; } #potitto_mono .commentInqArea {text-align: center; margin-top: 50px;} #potitto_mono .commentInqArea .coment_mono { font-size: 180%; text-align: left; display: block; width: 800px; margin: 0 auto; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif'; } #potitto_mono textarea { display: block; width: 780px;font-size: 160%; height: 90px;padding: 10px; margin: 0 auto; } #potitto_mono input.btn_mono {display: block; margin-top: 20px; position: relative; background-color: #fff;color: #000 !important;text-decoration: none !important; } #potitto_mono input.btn_mono::after {content: ""; width: 10px; height: 10px; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg); position: absolute; right: 9%; top: 40%;} #potitto_mono .mojisuu {font-size: 140%; text-align: right; width: 800px; margin: 0 auto; margin-top: 5px !important;} @media (max-width: 1200px) { .anc_tit_mono {width: 75%; margin: 40px auto 0 auto; } } @media (max-width: 767px) { .anc_tit_mono {font-size: 200%; border-bottom: 3px solid #FFEB00; width: 100%;} #potitto_mono .blog_box_mono{margin-top: 0px;} #potitto_mono .potitto_block_mono .question_mono.detail_mono { width: 100%; margin-top: 60px; text-align: left; padding-left: 3.2em; box-sizing: border-box; line-height: 1.5em; text-indent: -2em; padding-right: 1.2em;} #potitto_mono .potitto_block_mono #wp_blog_body p {width: 100%; padding: 0; font-size: 140% !important; word-break: break-all; box-sizing: border-box;} #potitto_mono .potitto_block_mono .graf_mono:not(.is_voted).detail_mono { width: 100%; margin-top: 20px;} #potitto_mono .detail_mono .btn_area_mono {width: 88px; height: 69px; background-repeat: no-repeat;} #potitto_mono .commentInqArea {margin-top: 20px;} #potitto_mono textarea { width: calc(100% - 22px);} #potitto_mono .mojisuu { width: 100%; margin: 0 auto;} #potitto_mono .commentInqArea .coment_mono{ font-size: 140%;} } /*------------------------------------ c_moni.html,c-1_moni.html ------------------------------------*/ .moniter_block_mono {margin-top: 80px; } .ctegory_block_mono {position: relative; margin-top: 50px; height: 54px; } .category_btn_mono {height: 54px; background-color: #fff; border-radius: 30px; overflow: hidden; transition: all 0.5s ease; position: absolute; left: 50%; transform: translateX(-50%); z-index: 30; } .category_btn_mono p::after {right: 15%;} .category_btn_mono .downblock_mono {padding: 10px 20px 40px 20px; box-sizing: border-box;} .category_btn_mono .downblock_mono li{ position: relative; z-index: 30; text-align: left; padding-left: 6px; border-top: 1px solid #333; font-size: 90%; height: 45px; line-height: 45px; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';} .category_btn_mono .downblock_mono li::after {content: ""; width: 6px; height: 6px; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg); position: absolute; right: 9%; top: 40%;} .category_btn_mono .downblock_mono li.last_mono { border-bottom: 1px solid #333;} #monitor_mono.sub_mono .tit_mono::before {content: none;} #monitor_mono.sub_mono .monitor_wp_tit_mono {font-size: 360%; border-bottom: 2px solid #333; line-height: 1.5em; padding-bottom: 15px; position: relative;; z-index: 1;font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';} #monitor_mono.sub_mono .date_mono.detail_mono { font-size: 140%; text-align: right; /* width: 800px;*/ margin: 0 auto; font-family: 'Oswald', sans-serif;} #monitor_mono.sub_mono .imgarea_mono {width: 600px; height: 480px; position: relative; border-radius: 7px; overflow: hidden; position: relative; margin: 30px auto 0 auto;} #monitor_mono.sub_mono .imgarea_mono img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} #monitor_mono.sub_mono .imgarea_mono.long_img_mono {width: 777px; height: 285px; position: relative; border-radius: 7px; overflow: hidden; position: relative; margin: 30px auto 0 auto;} .contents_block_mono { background-color: #F7F7F7; margin:70px 0 20px 0; padding: 1.5em 0 4em 5em;} .contents_block_mono p {font-size: 180%; font-family: 'Oswald', sans-serif;} .contents_block_mono ul {font-size: 160%; padding-left: 2em; margin-top: 20px;} .contents_block_mono ul li {position: relative;font-size: 100% !important; line-height: inherit !important; } .contents_block_mono ul li a { color: #333 !important;text-decoration: none !important; } .contents_block_mono ul li::before { display: inline-block;content: "";/* margin-top: 9px;margin-right: 7px;width: 14px;height: 14px;*/ vertical-align: top;/*border-radius: 9px;*/ background-color: #666666; } .price_block_mono .btn_mono { margin-top: 100px;color: #333 !important;text-decoration: none !important; } .product_block_mono { display: flex; justify-content: space-between; width: 560px; margin: 0 auto; border: 1px solid #CCCCCC; padding: 2.5em 4em; box-sizing: border-box; position: relative;} .product_block_mono_outer { text-align: center;margin: 80px auto 0; } .product_block_mono_outer a { display: inline-block;color: #333 !important;text-decoration: none !important; } .product_block_mono .img_block_mono { width: 86px; height: 86px;} .product_block_mono .img_block_mono img { margin: 0 !important; } .product_block_mono .txt_block_mono { width: 78%; word-break: break-all;text-align: left; } .product_block_mono .txt_block_mono .name_mono{ font-size: 180%; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif'; line-height: 1.6em;} .product_block_mono .txt_block_mono .price_mono{ font-size: 140%; font-family: 'こぶりなゴシック W3 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif'; line-height: 1.6em; margin-top: 5px;} .product_block_mono .item_icon_mono {position: absolute; width: 38px !important; top: -20px; left: 10px;margin: 0 !important;} .comment_box_mono {margin: 120px 0 120px 0;} .comment_box_mono .comment_block_mono {display: flex; justify-content: space-between; align-items: center; margin-top: 60px;} .comment_box_mono .comment_block_mono .comment_img_mono {width: 77px !important;margin: 0 !important;} .comment_box_mono .comment_block_mono.reverse_mono { flex-direction: row-reverse; } .comment_txt_block_mono {width: 85%; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; padding: 1em 3em; position: relative; background: #FFF; box-sizing: border-box;} .comment_txt_block_mono::before {content: ""; position: absolute; top: 50%; left: -24px; z-index: 10; border: 12px solid transparent; border-right: 12px solid #FFF; margin-top: -12px;} .comment_txt_block_mono::after {content: ""; position: absolute; top: 50%; left: -28px; margin-top: -14px; border: 14px solid transparent; border-right: 14px solid #CCCCCC;} .comment_box_mono .comment_block_mono.reverse_mono .comment_txt_block_mono { border-right: 1px solid #CCCCCC; border-left: none;} .comment_box_mono .comment_block_mono.reverse_mono .comment_txt_block_mono::before { left:auto; right: -12px; border: 12px solid transparent; border-right:none; border-left: 12px solid #FFF; margin-top: -12px;} .comment_box_mono .comment_block_mono.reverse_mono .comment_txt_block_mono::after {left:auto; right: -14px; border-right: none;border-left: 14px solid #CCCCCC;} .comment_txt_block_mono .comment_tit_mono { font-size: 180%; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';} .comment_txt_block_mono .comment_txt_mono{ font-size: 160%; font-family: 'こぶりなゴシック W3 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif';} @media (min-width: 768px) { .category_btn_mono:hover {height: 290px; } .category_btn_mono.ac_mono:hover {height: 335px; } } @media (max-width: 767px) { .category_btn_mono { margin-top: 0; } .moniter_block_mono {margin-top: 0; } #monitor_mono.sub_mono .tit_block_mono{ height: 40px; padding: 0; text-align: left; padding-left: 12%;} #monitor_mono.sub_mono .tit_block_mono::before {content: none;} #monitor_mono.sub_mono .tit_block_mono::after {content: none;} #monitor_mono.sub_mono .tit_block_mono .tit_mono{ font-size: 140%; text-underline-offset: 4px; padding-top: 5px;} #monitor_mono.sub_mono .tit_block_mono .tit_mono:before{ content: ''; display: inline-block; width: 33px; height: 30px; background-image: url(./assets/images/icon4.png); background-size: contain; vertical-align: middle; background-repeat: no-repeat; position: absolute;left: -30%; top: 18%;} #monitor_mono.sub_mono .tit_block_mono .tit_mono span::before {content: none;} #monitor_mono.sub_mono .monitor_wp_tit_mono {font-size: 200%; width: 100%s;} #monitor_mono.sub_mono .date_mono.detail_mono { font-size: 110%; text-align: right; width: 100%;} #monitor_mono.sub_mono .imgarea_mono {width: 100%; height: 251px; margin-top: 10px; } .contents_block_mono { box-sizing: border-box; margin:30px 0 20px 0; padding: 1.5em 0 3em 2em;} .contents_block_mono p {font-size: 140%; } .contents_block_mono ul {font-size: 140%; padding-left: 1.5em; margin-top: 8px;} #monitor_mono.sub_mono .imgarea_mono.long_img_mono {width: 100%; height: 150px; margin-top: 20px;} #monitor_mono.sub_mono .btn_mono { margin-top: 40px; } .product_block_mono { width: 100%; padding: 2.8em 2.5em 2em 2.5em; } .product_block_mono_outer { margin: 40px auto 0; } .product_block_mono .img_block_mono {padding-right: 5%;} .product_block_mono .txt_block_mono .name_mono{ font-size: 140%; line-height: 1.5em;} .product_block_mono .txt_block_mono .price_mono{ font-size: 100%;} .comment_txt_block_mono .comment_tit_mono { font-size: 160%; } .comment_txt_block_mono .comment_txt_mono{ font-size: 140%; } .comment_txt_block_mono {width: 73%; padding: 1em 2em; } .comment_box_mono .comment_block_mono .comment_img_mono {width: 50px !important;} .comment_box_mono {margin: 0;} .comment_box_mono .comment_block_mono {margin-top: 30px; justify-content: space-around;} .category_btn_mono.active {height: 290px; } .category_btn_mono.ac_mono.active {height: 335px; } } /*------------------------------------ f_member.html ------------------------------------*/ #member_mono, #page_mono {margin-top: 70px;} .sub_inner_mono, .block_inner { width: 800px; margin: 50px auto 100px auto;} .qa-block_mono p { margin-top: 0;} .qa-block_mono .q-block_mono { display: flex; color: #333; position: relative; transition: all 0.3s; border-bottom: 1px solid #EDEAEA;} .qa-block_mono:first-child { border-top: 1px solid #EDEAEA;} .qa-block_mono .q-block_mono .q-icon_mono { width: 5%; font-size: 400%; text-align: center; font-family: 'Oswald', sans-serif; font-weight: 700; line-height: 80px;} .qa-block_mono .q-block_mono .q-txt_mono { font-size: 160%; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif'; width: 88%;padding: 37px 0 23px 4%;} .qa-block_mono .q-block_mono .q-toggle_mono { width: 20px; height: 20px; background-color: #FFEB00; border-radius: 50%; margin-top: 35px;/* font-size: 200%;*/ } .qa-block_mono .q-block_mono .minus { width: 100%; display: none;} .qa-block_mono .q-block_mono .plus { width: 100%; } .qa-block_mono .q-block_mono.open .minus { display: block;} .qa-block_mono .q-block_mono.open .plus { display: none;} .qa-block_mono .a-block_mono { display: none; padding: 0em 1.3em 5em 1.3em; background-color: #EFEFEF;} .qa-block_mono .a-block_mono p { word-break: break-all; line-height: 1.6em;} .qa-block_mono .a-block_mono .a-tit_block_mono {display: flex;} .qa-block_mono .a-block_mono .a-icon_mono { color: #999999; width: 15%; font-size: 400%; text-align: center; font-family: 'Oswald', sans-serif; font-weight: 700;} .qa-block_mono .a-block_mono .a-txt_mono { font-size: 160%; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif'; width: 88%;padding-top: 30px; margin-left: -4%;} .qa-block_mono .a-block_mono .a-block_content_mono {margin-left: 3em; font-size: 140%; font-family: 'こぶりなゴシック W3 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif';} .qa-block_mono .a-block_mono .a-block_content_mono p:last-child {margin-top: 25px;} @media (max-width: 767px) { .sub_inner_mono, .block_inner { width: 100%; margin: 0; padding: 0 6%; margin-top: 30px; box-sizing: border-box;} .potitto_block_mono .sub_inner_mono { padding: 0; } .qa-block_mono .q-block_mono .q-txt_mono { font-size: 140%; width: 74%; padding: 18px 3% 13px; padding-top: 30px;} .qa-block_mono .a-block_mono { display: none; padding: 0em 1.8em 5em 1.8em; background-color: #EFEFEF;} .qa-block_mono .a-block_mono .a-txt_mono { font-size: 140%; padding-top: 30px; letter-spacing: 0.01em; margin-left: 0;} .qa-block_mono .a-block_mono .a-block_content_mono {margin-left: 0;} .qa-block_mono .q-block_mono .q-icon_mono { width: 15%;font-size: 380%; } } /*------------------------------------ f_member.html ------------------------------------*/ #new_mono {margin-top: 70px;} #new_mono .new_leead_mono { font-size: 160%; font-family: 'こぶりなゴシック W3 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif';} /*------------------------------------ h_zakka.html ------------------------------------*/ #zakka_mono {margin-top: 70px;} .zakka_block_mono {display: flex; justify-content: flex-start; margin-top: 70px;align-items: flex-start; } .zakka_block_mono img { margin: 0 !important; } .zakka_block_mono .left_block_mono {width: 42%; margin-right: 8px;} .zakka_block_mono .left_block_mono img {width: 100%;} .zakka_block_mono .right_block_mono h2{margin-top: 0;} .zakka_block_mono.zakka_img_mono > div span.caption { display: inline-block;line-height: 1.8;font-size: 140%;margin: 3px 0 0 0; } .price_block_mono {width: 600px; margin: 60px auto 0 auto; text-align: center; background-color: #F7F7F7; padding: 3.2em 0 2.5em 0 } .price_block_mono .name_mono {font-size: 140%; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';} .price_block_mono .price_mono {font-size: 100%; font-family: 'こぶりなゴシック W3 JIS2004', 'Hiragino Kaku Gothic W3 JIS2004', 'メイリオ', 'sans-serif';} .price_block_mono .btn_mono.sub_btn_mono {margin-top: 20px !important;} .price_block_mono .btn_mono.sub_btn_mono p { margin-top: 0 !important;line-height: inherit !important;font-size: 100% !important; } .zakka_block_mono_outer { margin-bottom: 90px; } @media (min-width: 768px) { .zakka_block_mono { margin: 70px -10px 0; } .zakka_block_mono .left_block_mono { max-width: 125px;min-width: 125px; } .zakka_block_mono.zakka_img_mono > div { padding: 0 10px; } } @media (max-width: 767px) { .zakka_block_mono_outer { margin: 35px auto; } .zakka_block_mono { margin-top: 35px; } .zakka_img_mono {flex-direction: column;} .zakka_img_mono img {width: 70%; margin: 0 auto;} .price_block_mono {width: 100%; margin-top: 0; background-color: #fff;} #zakka_mono .sub_inner_mono {border-bottom: 1px solid #EDEAEA;} .zakka_block_mono .left_block_mono {width: 12%; margin: 0 auto; /*position: absolute; top: 4%; left: -2%;*/ } .zakka_block_mono .right_block_mono {width: 88%;} .zakka_block_mono .right_block_mono .h2_txt_mono { margin-left: -12%; } .zakka_block_mono .right_block_mono h2 {padding-left: 6%;display: flex;} .zakka_block_mono .right_block_mono h2 span { display: flex;align-items: center; } .zakka_block_mono .right_block_mono h2:before { left: 2%; height: 100%;top: 0;transform: none; } } @media (max-width: 650px) { /* .zakka_block_mono {flex-direction: column;} */ .zakka_block_mono_outer { margin: 35px auto; } .zakka_block_mono .left_block_mono {width: 17%; margin: 0 auto; /*position: absolute; top: 4%; left: -2%;*/ } .zakka_block_mono .right_block_mono {width: 83%;} .zakka_block_mono .right_block_mono .h2_txt_mono { margin-left: -17%; } .zakka_block_mono {position: relative;margin-top: 0; } .zakka_block_mono.zakka_img_mono > div {margin-top: 30px;} .zakka_block_mono .right_block_mono h2 {padding-left: 8%;} .zakka_block_mono .right_block_mono h2:before { left: 2%; height: 100%;top: 0;transform: none; } .zakka_img_mono img {width: 100%;} .zakka_block_mono.zakka_img_mono > div span.caption { font-size: 120%; } } /*------------------------------------ b-4_anc ------------------------------------*/ .blog_anc {margin-top: 80px;} .blog_anc.wk { margin-top: 0px; } .gf_inner.type_normal .sqe_graf {display: none; width: 760px; margin: 0 auto;} .sqe_graf .pieLegend { float: right; width: 300px; font-size: 150%; } #wp_blog_body .sqe_graf .pieLegend ul li { font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif; } .clearfix { display: block; min-height: 1px;} .gf_inner.type_normal .sqe_graf .pieLegend ul li { margin: 15px 0px; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';font-size: 100% !important; padding-left: 0 !important; line-height: normal !important; } .gf_inner.type_normal .sqe_graf .pieLegend ul li::before { display: none !important; } .gf_inner.type_normal .sqe_graf .pieLegend ul li span { padding: 3px 5px; margin: 0px 10px 0px 0px; display: block; float: left;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .gf_inner.type_normal {margin-top: 40px;} .gf_inner.type_normal .alert_kmk { margin: 0 auto 25px; font-size: 160%; width: 800px;} .gf_inner.type_normal .alert_kmk ul li { float: left; margin: 0 0px 15px 0;line-height: 1.4em !important; width: 46%; padding: 0 4% 0 0 !important;font-size: 100% !important; } .gf_inner.type_normal .alert_kmk ul li::before { display: none !important; } .gf_inner.type_normal .gf_btnArea { margin: 30px auto 40px; text-align: center;} .gf_inner.type_normal .gf_btnArea ul { background: #EBEBEB; padding: 10px 30px; display: inline-block; text-align: left;} .gf_inner.type_normal .gf_btnArea ul li { display: inline-block; margin: 0 0 0 30px;font-size: 100% !important; padding-left: 0 !important; line-height: normal !important; } .gf_inner.type_normal .gf_btnArea ul li::before { display: none !important; } .gf_inner.type_normal .gf_btnArea ul li label { font-size: 160%; margin: 0 5px 0 0;} .comment_block_mono {width: 100%; margin: 0 auto; margin-top: 70px;} #potitto_mono .comment_tit_mono{border-bottom: 1px solid #707070; text-align: left; font-size: 180%; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';} .comment_list_mono li { margin-top: 20px; padding-left:1.2em; text-indent: -1.2em; font-size: 140%;} .comment_list_mono li::before { display: inline-block; content: ""; margin-top: 9px; margin-right: 7px; width: 12px; height: 12px; vertical-align: top; border-radius: 5px; background-color: #221714;} @media (min-width: 768px) { .gf_inner.type_normal .gf_btnArea ul li:first-child { margin: 0 0 0 0;} } @media (max-width: 767px) { .blog_anc {margin-top: 30px;} .gf_inner.type_normal .sqe_graf .pieLegend { margin: 30px auto 0px; width: 300px; float: none; font-size: 140%;} .gf_inner.type_normal .sqe_graf{ text-align: center; width: 100%;} .gf_inner.type_normal img{ width: 80%;} .gf_inner.type_normal .sqe_graf .pieLegend ul li {text-align: left;} .gf_inner.type_normal .alert_kmk { width: auto;} .gf_inner.type_normal .alert_kmk ul li { float: none; width: 100%;} .comment_block_mono {width: 100%; box-sizing: border-box; margin-top: 40px;} .comment_list_mono li { font-size: 130%;} .comment_tit_mono {font-size: 140%;} .gf_inner.type_normal .gf_btnArea ul {padding: 10px; /*width: 100%;*/ box-sizing: border-box;} .gf_inner.type_normal .gf_btnArea ul li { margin: 8px 0px 8px 30px; } } @media (max-width: 560px) { .gf_inner.type_normal img{ width: 100%;} } /* .graf_mono.result_mono {flex-direction: column;} */ .graf_mono.result_mono { flex-wrap: wrap; } .graf_mono.result_mono .result_txt_mono {display: flex; font-size: 160%; width: 80%; margin: 0 auto; justify-content: space-between; font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';} .gf_inner.type_simple.is_voted { flex-wrap: wrap;margin-bottom: 30px !important;} .gf_inner.type_simple.is_voted ul.graf { order: 1;padding-bottom: 0 !important; } .gf_inner.type_simple.is_voted .potitto_btn_mono { width: 20% !important; text-align: center !important; } .gf_inner.type_simple.is_voted .potitto_btn_mono p:first-child, .gf_inner.type_simple.is_voted .btn_area_mono { display: none !important; } .gf_inner.type_simple.is_voted .potitto_btn_mono.left_btn_block_mono { order: 2; text-align:left; } .gf_inner.type_simple.is_voted .potitto_btn_mono.right_btn_block_mono { order: 3; text-align:right; } #wp_blog_body .gf_inner.type_simple:not(.is_voted) ul.graf { display:none; } .top_mono.gf_inner.type_simple:not(.is_voted) { justify-content: center; } .top_mono.gf_inner.type_simple:not(.is_voted) ul.graf { display:none; } @media (max-width: 767px) { .graf_mono.result_mono { width: 100%!important;} .graf_mono.result_mono ul {padding-bottom: 15px!important;} /* .graf_mono.result_mono ul li { font-size: 240%!important; height: 24px; padding-top: 7px; box-sizing: border-box;} */ .graf_mono.result_mono ul li { font-size: 240% !important; } .graf_mono ul li:first-child span { left: 10px; } .graf_mono ul li:last-child span { right: 10px; } .gf_inner.type_simple.is_voted { padding-bottom: 40px; } #potitto_mono .top_mono .potitto_btn_mono.left_btn_block_mono, #potitto_mono .top_mono .potitto_btn_mono.right_btn_block_mono { top: 34px; } } /**/ .gf_inner.type_simple.is_voted ul.graf li.enq01 { text-align:left; } .gf_inner.type_simple.is_voted ul.graf li.enq02 { text-align:right; } /* 重複クリック時 */ .gf_inner.type_normal.is_voted .alert_kmk, .gf_inner.type_normal.is_voted .potitto_btn_mono .gf_inner.type_normal.is_voted .type_normal_btn { display:none; } .gf_inner.type_simple.is_voted .btn_area_mono.left_btn_mono @media (min-width: 768px) { .gf_inner.type_simple.is_voted ul.graf li.enq01 { text-align: right; } .gf_inner.type_simple.is_voted ul.graf li.enq02 { text-align: left; } } /**/ .blog_block_mono .imgarea_mono .gf_inner.type_normal { margin-top: 0; } .blog_block_mono .imgarea_mono .gf_inner.type_normal .sqe_graf { width: 100%;text-align: center; } .blog_block_mono .imgarea_mono .gf_inner.type_normal .sqe_graf > canvas { width: 70% !important;height: 70% !important;padding: 5%; } .blog_block_mono .imgarea_mono .gf_inner.type_simple { width: 86% !important;padding: 0;margin: 0 auto !important;top: 50%;left: 0;transform: translate(0,-50%);position: relative; } .blog_block_mono .imgarea_mono .gf_inner.type_simple ul.graf { padding-bottom: 0 !important; } .blog_block_mono .imgarea_mono .gf_inner.type_simple ul.graf li { height: 32px !important;font-size: 160% !important; } .blog_block_mono .imgarea_mono .gf_inner.type_simple ul.graf li:first-child span { left: 10px; } .blog_block_mono .imgarea_mono .gf_inner.type_simple ul.graf li:last-child span { right: 10px; } /**/ .comment_txt_box { border-bottom: 1px solid #707070;text-align: left;font-size: 180%;font-family: 'こぶりなゴシック W6 JIS2004', 'Hiragino Kaku Gothic W6 JIS2004', 'メイリオ', 'sans-serif';margin-top: 70px; } .comment_txt_box + ul { margin-top: 20px;} /* .comment_txt_box + ul + p { font-size: 150%;margin: 20px 0 0; } .comment_txt_box + ul li { margin-top: 20px;padding-left: 1.2em;text-indent: -1.2em;font-size: 140%; } .comment_txt_box + ul li::before { display: inline-block;content: "";margin-top: 9px;margin-right: 7px;width: 12px;height: 12px;vertical-align: top;border-radius: 5px;background-color: #221714; } */ /**/ .detailEnq_result { display: none; } /**/ #not_found_mono .leadtxt { font-size: 160%;text-align: center; } #not_found_mono .btn { text-align: center; } #not_found_mono .btn a { display: inline-block; font-size: 160%; text-decoration: underline; margin: 30px 0 0; } /*=== PC用 調整 ===*/ @media screen and (min-width: 768px) and (max-width: 1100px){ .tit_block_mono::before{ left:-5%; } .tit_block_mono::after{ right:-5%; } } @media screen and (min-width: 768px) and (max-width: 919px){ } @media screen and (min-width: 768px) { #header_mono, #wrapper_mono {min-width: 920px!important;} .tit_block_mono {min-width: 920px!important;} #fv_mono, .wp_block_mono { padding: 0 60px; } }