/*
Theme Name: lifeit
Description: lifeit
Template: twentyseventeen
Text Domain: lifeit
*/
/*********************
縲娠C縲第ｨｪ
*********************/
/*--------------------------------------------------------------
Basis CSS
--------------------------------------------------------------*/
body {
color: #666;
}
a:focus {
outline: none;
}
.clearfix:after {
content: "";
clear: both;
display: block;
}
.site-content {
padding: 0;
background: transparent;
}
.wrap {
max-width: 1040px;
padding: 0;
}
/*.content-area {
float: left;
width: 60%;
}*/
.flexslider .slides img {
object-fit: cover;
max-height: 400px;
}
ul li a:hover {
border-bottom: 2px solid #f79a60;
box-sizing: border-box;
/*transition: .3s;*/
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.contents .wrap{
max-width:90%;
}
@media screen and (min-width: 48em) {
.navigation-top .wrap {
max-width: 1200px;
}
.site-navigation-fixed.navigation-top {
z-index: 9999;
}
#page .site-content-contain #primary {
width: 73%;
/* border-right: 1px solid #eee;*/
padding: 0 2% 0 0;
display: inline-block;
}
#page .site-content-contain #secondary {
float: right;
padding-top: 0;
width: 25%;
}
.page_title h1.entry-title {
font-size: 1.5em !important;
}
.page_content {
background: #fff;
border: 1px solid #eee;
box-sizing: border-box;
padding: 3%;
}
#right_nav h2.widget-title {
font-size: 1em;
}
.site-navigation-fixed.navigation-top {
border-top: 5px solid #f79a60;
}
}
/****************************************
PageTop繝懊ち繝ｳ
*****************************************/
#pageTop {
position: fixed;
bottom: 20px;
right: 20px;
}
#pageTop a {
display: block;
z-index: 999;
padding: 4px 0 0 1px;
border-radius: 30px;
width: 35px;
height: 35px;
background-color: #666;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#pageTop a:hover {
text-decoration: none;
opacity: 0.7;
}
/****************************************
繝代Φ縺上★
*****************************************/
#breadcrumb {
max-width: 1200px;
margin: 0 auto 1.5%;
/* border-bottom: 1px dotted #888; */
padding: .5% 0 .8%;
background: #fff;
}
#breadcrumb ul {
font-size:0.8em;/*0.9375*/
margin: 0;
}
#breadcrumb ul li {
display: inline;
list-style: none;
}
#breadcrumb ul li:first-child:before {
content: none;
}
#breadcrumb ul li:before {
content: ">";
margin: 0 .5% 0;
font-size: 1.5em;
}
#breadcrumb ul li > a{
color: #333;
margin-right: 5px;
text-decoration: none;
}
#breadcrumb ul li a:hover {
text-decoration: none;
}
/****************************************
謚慕ｨｿ閠��繝励Ο繝輔ぅ繝ｼ繝ｫ
*****************************************/
.author-profile {
clear: both;
padding: 15px;
border: solid 1px #d1d1d1;
border-radius: 2px 0 0 2px;
}
.author-profile .author-profile-avatar {
float: left;
width: 120px;
}
.author-profile .author-profile-avatar img {
float: left;
border-radius: 50%;
}
.author-profile .author-profile-name {
clear: none;
font-size: 1rem;
font-weight: bold;
line-height: 1.75;
margin: 0;
}
.author-profile .author-profile-bio {
font-size: 0.8125rem;
color: #686868;
overflow: hidden;
margin: 0.5em 0;
}
/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.header_content {
display: inline-block;
width: 14%;
vertical-align: middle;
}
#site-navigation {
display: inline-block;
/* width: auto;
position: absolute;
right: 0;
top: 0;*/
padding: 0;
width: 85%;
padding: 0;
margin: 0;
font-size: .8em;
}
#site-navigation ul {
text-align: end;
}
#site-navigation ul li a {
color: #888;
font-size: 1em;
}
#site-navigation ul li a:hover {
border-bottom: 3px solid #f9c137;
box-sizing: border-box;
/*transition: .5s;*/
padding-bottom: 2%;
}
.header_area, .slider_area {
max-width: 1020px;
margin: 0 auto;
}
.slider_area {
margin: 1% auto 2%;
}
.header_area {
margin: 1% auto !important;
}
.header_logo {
float: left;
margin: 1% 0 0;
}
.header_logo img {
width: 100%;
}
.header_search {
float: right;
width: 50%;
}
.ad-header-widget {
display: inline-block;
width: 65%;
float: left;
}
.widget_text {
width: 30% !important;
margin: 0 0 0 5%;
float: right;
}
button.search-submit {
background: #eee;
}
.search-form .search-submit .icon {
color: #888;
}
.search-form .search-submit {
border-radius: 0 50px 50px 0;
font-size: .8em
}
.search_input {
border-radius: 50px !important;
font-size: .8em
}
.sns_area {
position: relative;
top: 5px;
}
.sns_area a {
margin: 4%;
display: inline-block;
}
.sns_area a i {
color: #888;
}
/*--------------------------------------------------------------
Main Content
--------------------------------------------------------------*/
.row {
margin: 0 0 2% 0;
}
.row .left.text-center {
width: 25%;
float: left;
}
.row .right.clearfix {
float: right;
width: 75%;
font-size: .7em;
}
.row .right h4 {
font-size: 1.3em;
margin: 1% 0;
font-weight: 500;
}
.right a {
color: #777;
}
.right a:hover {
text-decoration: underline;
}
.cat {
display: inline-block;
margin: 0 1% 0 0;
padding: 1% 2%;
/*border: 1px solid #f79a60;
border-radius: 5px;*/
background: #e3e3e8;
}
.cat a {
color: #333;
font-size: .7em;
}
/*--------------------------------------------------------------
Side Content
--------------------------------------------------------------*/
.has-sidebar:not(.error404) #primary {
width: 73%;
/* border-right: 1px solid #eee;*/
padding: 0 2% 0 0;
}
.has-sidebar #secondary {
width: 25%;
}
.has-sidebar #secondary.single_right {
margin: 5% 0;
}
#secondary {
position: relative;
/* float: left;*/
/* width: 300px;*/
}
#right_nav {
/* height: 300px;
background: #f88; */
}
#right_nav {
background: #fff;
border: 1px solid #eee;
box-sizing: border-box;
padding: 10%;
/* position: relative;
bottom: -71px;*/
}
/*.fixed {
position: fixed;
top: 20px;
width: 255px;
}*/
h4.widget-title {
border-top: 1px solid #eee;
padding: 12% 0 3%;
font-size: 1em;
margin: 6% 0;
}
.widget ul li, .widget ol li {
padding: 6% 0;
}
ul.sub-menu li.menu-item {
margin: 3% 0 3% 3%;
}
ul.sub-menu li.menu-item:before {
content: "笏�";
display: block;
position: absolute;
left: 0px;
margin: 0 0 0 3%;
}
ul.sub-menu li.menu-item:last-child:before {
content: "笏�";
}
/****************************************
繧ｵ繧､繝峨き繝ｬ繝ｳ繝繝ｼ
*****************************************/
.calendar {
display: none;/* :::: */
text-align: center;
padding: 5%;
margin: 0 0 20% 0;
font-family: 'Dosis', sans-serif;
color: #666;
}
.calendar p {
margin: 0;
/* letter-spacing: .3em !important;*/
text-transform: uppercase;
}
.calendar p.cal_d {
font-size: 7em;
margin: -13% 0 -7%;
}
.calendar p.cal_w, .calendar p.cal_y {
display: inline-block;
}
.calendar p.cal_w {
margin: 0 2% 0 0;
}
.calendar p.cal_w:after {
content: ".";
}
/****************************************
譁ｰ逹險倅ｺ�
*****************************************/
#new-entries{
line-height:150%;
margin-bottom:20px;
}
#new-entries h4{
margin-bottom:15px;
}
#new-entries .new-entry{
clear:both;
}
#new-entries .new-entry-thumb {
float: left;
margin-bottom:5px;
padding-bottom:0px;
}
#new-entries .new-entry-content {
margin-left:60px;
margin-bottom:10px;
font-size: .9em;
}
/****************************************
莠ｺ豌苓ｨ倅ｺ�
*****************************************/
/*.pop_img {
float: left;
width: 40%;
}
.pop_title {
float: left;
width: 40%;
}*/
.pop_roop_post {
margin: 0 0 4%;
}
.pop_title p {
margin: -3px 0 0;
font-size: .9em;
}
.pop_img img {
height: 90px;
object-fit: cover;
}
/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.site-footer .site-info {
width: 100%;
text-align: center;
}
.site-footer .widget {
padding-bottom: 0;
}
.site-footer p.copy {
margin: 0;
}
.site-footer .wrap {
padding: .5% 0;
}
.site-footer .widget_text {
float: none;
margin: 0 3% 0 auto;
width: 250px !important;
}
#custom_html-6 {
margin-bottom: 2em;
}
.site-footer .widget-column.footer-widget-2 {
width: 64%;
}
.footer_logo {
display: inline-block;
width: 100%;
float: left;
}
.footer_logo a {
box-shadow: none !important;
}
.footer_logo a img {
box-sizing: border-box;
border: 1px solid #eee;
-webkit-box-shadow: none;
box-shadow: none;
background: #fff;
padding: 1%;
}
.site-footer .widget-area .sns_area {
position: static;
top: 0;
}
.site-footer .widget-area .sns_area a {
box-shadow: none;
}
.site-footer .widget-area #nav_menu-6 {
margin: 3em 0 0 0;
font-size: .8em;
position: absolute;
bottom: 60px;
}
.site-footer .widget-area #nav_menu-6.widget ul li {
border-bottom: none;
border-top: none;
padding: 0.5em 1em;
display: inline-block;
}
.site-footer .widget-area #nav_menu-6.widget ul li + li {
border-left: 1px solid #ccc;
}
.site-footer #nav_menu-5, .site-footer #nav_menu-7 {
display: inline-block;
width: 47%;
vertical-align: top;
}
.site-footer #nav_menu-5 {
margin: 0 5% 0 0;
}
footer#colophon {
color: #fff;
background: #333;
font-size: .8em;
}
/*--------------------------------------------------------------
Single Main Content
--------------------------------------------------------------*/
.post {
margin: 0 0 5%;
padding: 0 0 5%;
border-bottom: 1px dashed #888;
}
.nav-title-icon-wrapper {
left: 0;
margin: 0;
padding: 3% 4%;
background: #eee;
}
.post-navigation .nav-previous a, .post-navigation .nav-next a,
.post-navigation .nav-previous a::hover, .post-navigation .nav-next a::hover {
-webkit-box-shadow: none;
box-shadow: none;
}
div#share_wrap {
max-width: 1040px;
margin: 10px auto;
width: 100%;
}
div#share_wrap ul#scroll_sns {
background: #fff;
border: 1px #eee solid;
width: 80px;
padding: 15px 10px;
margin-left: -110px;
text-align: center;
position: fixed;
top: 200px;
list-style-type: none;
}
div#share_wrap ul#scroll_sns li a {
display: block;
padding: 10%;
color: #fff;
}
/****************************************
SNS繝懊ち繝ｳ
*****************************************/
.fa-hatena:before {
font-family: Verdana;
font-weight: bold;
content: 'B!';
}
.share {
margin-top: 10px;
margin-bottom: 40px;
}
.share ul {
margin: 0;
padding: 0;
list-style: none;
}
.share ul:after {
display: block;
clear: both;
content: '';
}
.share li {
float: left;
width: 25%;
margin: 0;
margin-top: 15px;
}
.share li a {
font-size: 14px;
display: block;
padding: 10px;
text-align: center;
text-decoration: none;
color: #fff;
}
.share li a:hover {
opacity: .8;
}
.share li a:visited {
color: #fff;
}
.tweet a {
background-color: #55acee;
}
.facebook a {
background-color: #315096;
}
.googleplus a {
background-color: #dd4b39;
}
.hatena a {
background-color: #008fde;
}
iframe.sns_fb {
margin: 0;
height: 45px;
}
/****************************************
髢｢騾｣險倅ｺ具ｼ�Relation��
*****************************************/
div#related-entries {
background: #f8f8f8;
}
#related-entries h3{
font-size: 1em;
margin: 7% 0 4%;
padding: 3% 0 0 3%;
}
#related-entries .related-entry{
line-height:150%;
/*margin-bottom:20px;*/
clear: both;
width: 95%;
padding: 2%;
background: #fff;
margin: 2% auto;
border: 1px solid #eee;
}
#related-entries .related-entry-thumb {
float: left;
/*margin-bottom: 20px;
padding-bottom: 5px;*/
}
#related-entries .related-entry-content {
float: left;
width: 69%;
margin: 0 0 0 5%;
}
.related-entry-title{
margin-bottom:5px;
}
.related-entry-snippet{
margin:0 0 5px 0;
}
.related-entry-read{
margin:0;
font-size:12px;
}
#related-entries p.no-relpost {
width: 95%;
margin: 2% auto;
}
/****************************************
邏ｹ莉九＠縺溷膚蜩√ち繧ｰ
*****************************************/
.tag_item {
margin: 0 0 10%;
}
.tag_item h3 {
font-size: 1em;
margin: 4% 0;
padding: 3% 0 1% 0;
border-bottom: 1px solid #888;
}
.tag_item img.tag_img {
width: 23%;
margin: 0 1%;
border: 1px solid #eee;
box-sizing: border-box;
}
/****************************************
繧ｫ繧ｹ繧ｿ繝�繝壹�繧ｸ繝｣繝ｼ
*****************************************/
.page_prev {
float: left;
width: 50%;
}
.page_next {
float: right;
width: 50%;
text-align: end;
}
.page_prev a {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 50%;
display: inline-block;
vertical-align: top;
}
.page_next a {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 50%;
display: inline-block;
vertical-align: top;
}
.page_prev a:hover, .page_next a:hover {
box-shadow: 0px 3px rgba(0,0,0,0.4);
}
.post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover {
box-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
}
.page_title h1 {
font-size: 1.6em;
padding: 0 0 .5em;
line-height: .8em;
}
span.side_s {
display: block;
font-size: 0.8em;
margin: 0 0 0 2%;
}
img.favi {
width: 25px;
margin: 0 4% 0 0;
}
.concept {
display: inline-block;
width: 100%;
vertical-align: top;
margin: 0 auto;
}
/****************************************
莨夂､ｾ譯亥�
*****************************************/
.cnt_area {
margin: 0 0 10%;
border-bottom: 1px dashed #ccc;
padding: 0 0 5%;
font-size: .9em;
}
.cnt_area:last-child {
margin: 0;
border-bottom: none;
}
.cnt_area article {
width: 100%;
margin: 5% auto 0;
text-align: left;
}
.cnt_area h3 {
margin: 1% 0 3%;
line-height: 1em;
border-left: 5px solid #f79a60;
padding: 0 0 0 1.5%;
}
.cnt_area h4 {
font-size: 1.2em;
margin: 5% 0 3%;
padding: 0;
}
.cnt_area section dl {
border-bottom: 1px solid #eee;
margin: 0 0 3%;
padding: 0 0 2%;
display: block;
}
.cnt_area section dl dt {
float: left;
clear:left;
margin: 0 3%;
}
.cnt_area section dl dd {
float: left;
margin: 0;
}
/****************************************
驕句霧繧ｷ繝ｧ繝��荳隕ｧ
*****************************************/
.shop_area {
margin: 0 0 15%;
border-bottom: 1px dashed #ccc;
padding: 0 0 5%;
font-size: .9em;
}
.shop_area:last-child {
margin: 0;
border-bottom: none;
}
.shop_area img {
width: 100%;
border: 1px solid #eee;
box-sizing: border-box;
}
.shop_area article {
width: 90%;
margin: 5% auto 0;
text-align: left;
}
.shop_area h3 {
margin: 1% 0 3%;
line-height: 1em;
border-left: 5px solid #f79a60;
padding: 0 0 0 1.5%;
}
.shop_area h3 span {
font-size: .7em;
}
.mainshop {
margin: 0 0 5%;
}
.mark {
border: 1px solid #ccc;
color: #666;
padding: .05% 0;
margin: .5%;
font-weight: 500;
text-align: center;
list-style: none;
}
.mainshop div.mark {
margin: .5%;
font-weight: 500;
}
.mainshop div.mark a {
display: block;
width: 100%;
font-size: 1em;
transition: .5s;
background: transparent;
color: #666;
padding: 1.5% 0;
}
.mainshop div.mark a:after {
content: ">>";
padding: 0 0 0 1em;
}
.mainshop div.mark a:hover:after {
padding: 0 0 0 2em;
transition: .5s;
}
.mainshop div.mark a:hover {
transition: .5s;
background: #eee;
color: #666;
}
.ohter_mall {
width: 100%;
}
.ohter_mall ul {
text-align: left;
}
.ohter_mall li.mark a {
padding: 3% 0;
display: inline-block;
width: 100%;
font-size: .8em;
}
.ohter_mall li.mark a:hover {
border: none;
}
.ohter_mall li.mark {
margin: 1% auto;
display: inline-block;
width: 32.2%;
}
/****************************************
謚慕ｨｿ繝壹�繧ｸ縲逶ｮ谺｡
*****************************************/
#rtoc-mokuji-wrapper a {
box-shadow: none !important;
}
#rtoc-mokuji-wrapper a:hover {
box-shadow: none !important;
text-decoration: none;
border: none;
}
/****************************************
繝輔Ο繝ｼ繝医ヰ繝翫�
*****************************************/
#Bnr {
position: relative;
margin: 0 auto;
}
#Bnr .Bnr__img {
max-width: 300px;
width: 40%;
position: fixed;
left: 0;
bottom: 0%;
z-index: 88;
}
.Bnr__img__inner {
height: auto;
box-sizing: border-box;
margin: 0 0 0 auto;
padding: 2% 5%;
background-color: rgba(0,0,0,0.1);
border-radius: 15px;
}
.Bnr__img__inner .floatbtn {
margin: 5% auto;
}
#Bnr .Bnr__img p.close {
position: absolute;
top: 0;
right: 0;
background: #000;
/* padding: 1% 3%;*/
border-radius: 50%;
}
#Bnr .Bnr__img p.close a {
font-size: 1.2em;
color: #f9f9f9;
display: block;
width: 30px;
height: 30px;
padding: 5% 0;
text-align: center;
line-height: 25px;
}
#Bnr .Bnr__img p.close a span {
font-size: .8em;
padding: 2px 5px 0 2px;
}
#Bnr .Bnr__img__inner a {
display: block;
}
.Bnr__img__inner .floatbtn img {
width: 100%;
}
img, embed, object, iframe {
vertical-align: bottom;
}
@media screen and (orientation: portrait) {
.Bnr__img__inner {
padding: 15% 2% 2%;
}
}
/*********************
縲心martPhone縲醍ｸｦ
*********************/
@media screen /*(min-width: 700px)*/ and (orientation: portrait) {
/*--------------------------------------------------------------
Basis CSS
--------------------------------------------------------------*/
.wrap {
width: 95%;
padding: 0;
}
.site-content {
padding: 0;
}
/****************************************
繝代Φ縺上★
*****************************************/
#breadcrumb ul li span.e-title{
display: block;
}
#breadcrumb, #right_nav section#nav_menu-3 {
padding: 0 2% 3%;
}
/*--------------------------------------------------------------
SPHeader
--------------------------------------------------------------*/
/*.header_area {
margin: 1% auto 5% !important;
}
.header_logo img {
width: 80%;
}
.header_search {
float: none;
width: 95%;
margin: 0 auto;
}
.header_logo {
margin: 5% 0 2% 5%;
}
.widget_text {
width: 30% !important;
margin: 0 0 0 5%;
float: right;
font-size: 0.8em;
}*/
.header_content {
width: 100%;
}
.header_logo {
margin: 5% 0 0 5%;
}
.header_logo img {
width: 70%;
}
#site-navigation {
width: 55%;
}
.js .menu-toggle {
position: absolute;
right: 0;
top: 10px;
}
.js .main-navigation.toggled-on > div > ul {
display: block;
position: absolute;
top: 60px;
right: 0;
z-index: 9999999;
border: 1px solid #ccc;
box-sizing: border-box;
box-shadow: 1px 2px 5px 0px #414c4e;
}
/*--------------------------------------------------------------
SPFooter
--------------------------------------------------------------*/
.site-footer .widget-area #nav_menu-4 {
text-align: center;
}
.widget-column.footer-widget-2 {
margin: 3em 0 0 0;
}
.site-footer .widget .widget_text {
width: 50% !important;
}
.site-footer .widget_text {
float: none;
text-align: center;
margin: 2em auto 0;
width: 70% !important;
}
.site-footer .site-info {
text-align: center;
}
.site-footer .site-info p.copy {
font-size: .8em;
}
.site-footer .widget-column.footer-widget-1 {
width: 100%;
}
.site-footer .widget-column.footer-widget-2 {
width: 100%;
}
.site-footer .widget-area #nav_menu-6 {
font-size: .8em;
position: absolute;
bottom: 60px;
left: 0;
width: 100%;
text-align: center;
}
#custom_html-4 {
margin: 0 0 8% auto;
}
/****************************************
髢｢騾｣險倅ｺ具ｼ�Relation��
*****************************************/
#related-entries .related-entry {
margin-bottom: 5px;
}
.related-entry-thumb {
width: 30%;
}
#related-entries .related-entry-content {
width: 65%;
overflow: hidden;
}
.related-entry-title {
font-size: .8em;
}
.related-entry-snippet {
font-size: .8em;
line-height: 1.5em;
}
.related-entry-content p.related-entry-snippet {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.related-entry-content p.related-entry-snippet.multiline {
white-space: normal;
max-height: 3em;
position: relative;
}
.related-entry-content p.related-entry-snippet.multiline::after {
content: "窶ｦ";
position: absolute;
display: block;
bottom: 0;
right: 0;
}
#related-entries p.no-relpost {
width: 95%;
margin: 2% auto;
}
/****************************************
SNS繝懊ち繝ｳ
*****************************************/
.share li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 3px;
}
.share li i {
font-size: 1.3em;
padding-top: 3px;
}
.share li span {
display: none;
}
/****************************************
謚慕ｨｿ閠��繝励Ο繝輔ぅ繝ｼ繝ｫ
*****************************************/
.author-profile .author-profile-avatar {
float: none;
}
.author-profile .author-profile-avatar img {
float: none;
}
/*--------------------------------------------------------------
SPMain Content
--------------------------------------------------------------*/
.content-area .right p {
/* display: none;*/
}
.row .right.clearfix {
width: 75%;
}
.row .left.text-center {
width: 20%;
float: left;
}
h4{
font-size:.8rem;
}
.row {
margin: 2% 0 2% 0;
/* border: 1px solid #ccc;*/
padding: 5% 5% 0;
}
/*.row:first-child {
margin: 8% 0 2% 0;
}*/
.row:last-child {
margin: 8% 0 10% 0;
}
.pagination, .comments-pagination {
margin: 10% 0;
}
/****************************************
邏ｹ莉九＠縺溷膚蜩√ち繧ｰ
*****************************************/
.tag_item img.tag_img {
width: 40%;
margin: 0 5%;
}
/****************************************
繝翫ン繧ｲ繝ｼ繧ｷ繝ｧ繝ｳ
*****************************************/
.nav-previous {
float: left;
}
.post-navigation .nav-next {
float: right;
margin-top: 0;
}
.nav-links .nav-title .nav-title-icon-wrapper {
padding: 30%;
}
/*--------------------------------------------------------------
Side Content
--------------------------------------------------------------*/
.has-sidebar:not(.error404) #primary {
width: 100%;
border: none;
padding: auto;
}
.has-sidebar #secondary {
width: 100%;
background: #fff;
padding: 5% 0;
margin: 0;
}
#secondary {
position: relative;
}
#right_nav {
width: 100%;
background: #fff;
margin: 0;
padding: 10% 5%;
}
.fixed {
position: relative;
top: 0;
}
.concept {
width: 100%;
}
span.side_s {
display: inline-block;
}
/****************************************
繝輔Ο繝ｼ繝医ヰ繝翫�
*****************************************/
#Bnr .Bnr__img p.close {
padding: 0 3%;
}
}/* 竊� 邵ｦ@media縺薙％縺ｾ縺ｧ */
/*********************
縲心martPhone縲第ｨｪ
*********************/
@media screen and (orientation: landscape) {
}/* 竊� 讓ｪ@media縺薙％縺ｾ縺ｧ */
#PostEC_main .cnsl-contact {
background: #f0f0f0;
padding: 3%;
width: 100%;
margin: 0 auto;
max-width: 750px;
text-align:center;
}
#PostEC_main .entry-content h3 {
margin: 10px 0 !important;
padding: 0 !important;
}
#PostEC_main .entry-content h3:before {
display: none !important;
background: none !important;
}
#PostEC_main .cnsl-contact__mail a {
display: block;
background: #f79a60;
padding: 3%;
color: #fff;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
#PostEC_main .cnsl-contact__mail a span {
font-size: 1.4em;
font-weight: 900;
}
#PostEC_main .cnsl-contact__mail a + span {
display: block;
margin: 1% auto 0;
font-size: .9em;
}
.main-navigation a {
padding: 1em;
}
@media screen and (max-width: 768px) {
.Bnr__img__inner {
padding: 2%;
}
#Bnr .Bnr__img p.close {
padding: 0;
top: -10%;
right: -10%;
}
}
@media screen and (max-width: 480px) {
.Bnr__img__inner {
width: 180px;
}
#Bnr .Bnr__img p.close {
right: -25%;
}
}
/***** 20230731_ADD #post-4785 *****/
.news-items .news-image {
text-align: center;
}
.post .entry-content a {
word-wrap: break-word;
overflow-wrap: break-word;
}
article#post-4785 .article + .article {
margin: 80px auto 0;
}
article#post-4785 header.entry-header + p,
article#post-4785 header.entry-header + p + br,
article#post-4785 header.entry-header + p + br + br {
display: none;
}
article#post-4785 .entry-content p {
line-height: 2.1;
}
article#post-4785 .entry-content div:first-child p + p {
margin-top: 20px;
}
article#post-4785 .entry-content h2 {
margin-bottom: 20px;
}
article#post-4785 .article ul li + li {
margin-top: 10px;
}
article#post-4785 .article:last-child {
margin-bottom: 50px;
}
article#post-4785 .article:last-child p + p {
margin-top: 15px;
}
@media screen and (max-width: 768px) {
}
/***** 20230824_ADD reCAPTCHA *****/
.grecaptcha-badge { visibility: hidden; }