@charset "utf-8";
/*リセットCSS（sanitize.css）の読み込み
---------------------------------------------------------------------------*/
@import url("https://unpkg.com/sanitize.css");
/*slick.cssの読み込み
---------------------------------------------------------------------------*/
@import url("https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css");
/*Font Awesomeの読み込み
---------------------------------------------------------------------------*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");
/*テンプレート専用cssファイルの読み込み
---------------------------------------------------------------------------*/
@import url("animation.css");
@import url("inview.css");
/*全体の設定
---------------------------------------------------------------------------*/
body {
font-family: "游ゴシック Medium", "Yu Gothic Medium" , "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; -webkit-text-size-adjust: none;
background: #fff; /*背景色*/
color: #333; /*全体の文字色*/
line-height: 1.8; /*行間*/
overflow-x: hidden;
font-size: 16px;
width: 100%;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
.wrap {
padding: 0 20px;
width: 100%;
max-width: 960px;
margin: 0 auto;
}
.flex{
display: flex;
justify-content: space-around;
align-items: flex-start;
}
.centering_item {
margin: 2rem auto;
display: flex;
justify-content: center;
align-items: center;
}
ul li{
list-style-type: none;
}
#mainimg img.slide0 {
width: 100%;
height: 30vh;
object-fit: cover;
}
@media screen and (min-width:768px){
#mainimg img.slide0 {
height: auto;
}
}
.big_text{
font-size: 1.7rem;
font-weight: bold;
letter-spacing: 0.1rem;
}
li.indent{
padding-left: 1em;
text-indent: -1em;
}
/*リセット*/
figure {margin: 0;}
dd {margin: 0;}
nav {margin: 0;padding: 0;}
/*画像全般の設定*/
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
/*iframeタグ*/
iframe {width: 100%;}
/*背景
---------------------------------------------------------------------------*/
.bgGrid {
background: linear-gradient(to left,transparent 0, transparent 27px, rgba(204,204,204,.08) 27px, rgba(204,204,204,.08) 29px), linear-gradient(to bottom,transparent 0, transparent 27px, rgba(204,204,204,.08) 27px, rgba(204,204,204,.08) 29px), #fffffa;
background-size: 29px 29px;
}
.bgYe {
background: #fffff0;
}
/*下線
---------------------------------------------------------------------------*/
.marker-stripe_05 {
background-image: repeating-linear-gradient(-45deg,#fcf69f 0, #fcf69f 2px,transparent 2px, transparent 4px);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 100% 0.5em;
}
/*各ページtop_img
---------------------------------------------------------------------------*/
section.top_img {
margin: 0;
padding: 0;
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
section.top_img .img_all_box {
width: 100vw;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
section.top_img .img_all_box img {
width: 100vw;
object-fit: cover;
height: 15vh;
}
section.top_img.about .img_all_box img {
object-position: center;
}
section.top_img.oyakosalon .img_all_box img {
object-position: center;
}
section.top_img.satooya .img_all_box img {
object-position: center;
}
section.top_img.volunteer .img_all_box img {
object-position: center;
}
section.top_img h3{
position: absolute;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
margin-top: 0;
margin-bottom: 0;
color: #fff;
font-size: 1.5rem;
letter-spacing: 0;
font-weight: bold;
z-index: 10;
text-shadow: 1px 1px 3px #444;
}
@media screen and (min-width:768px){
section.top_img .img_all_box img {
height: 25vh;
}
section.top_img h3{
font-size: 2rem;
letter-spacing: 2px;
}
}
/*ボタン
---------------------------------------------------------------------------*/
.btn{
display: inline-block;
border-radius: 50px;
font-weight: bold;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
}
.btnOR{
border: solid 2px #F19331;
padding: 5px 15px;
background: #F19331;
color: #fff;
}
.btnOR:hover {
color: #F19331;
background: #fff;
}
@media screen and (min-width:768px){
.btn{
width: auto;
}
}
/*リンクテキスト全般の設定
---------------------------------------------------------------------------*/
a {
color: #57524b; /*文字色*/
transition: 0.3s;
text-decoration: none;
}
a:hover {
opacity: 0.8; /*マウスオン時に80%の透明度にする*/
}
/*section
---------------------------------------------------------------------------*/
section {
margin: 0 auto;
padding: 10px 0 30px 0; /*ボックス内の余白*/
}
#index section.indexAbout.bgYe{
padding: 0 0 50px 0;
}
@media screen and (min-width:768px){
#index section.indexAbout.bgYe{
padding: 50px 0 50px 0;
}
section {
margin: 0 auto;
padding: 30px 0 30px 0; /*ボックス内の余白*/
}
}
/*containerブロック
---------------------------------------------------------------------------*/
#container {
height: 100%;
display: flex; /*flexボックスを使う指定*/
flex-direction: column; /*子要素を縦並びにする*/
justify-content: space-between; /*並びかたの種類の指定*/
}
/*改行設定
---------------------------------------------------------------------------*/
/* スマホ用
*/
@media screen and (max-width:767px) {
.br-sp { display: block; }
.br-tb { display: none; }
.br-pc { display: none; }
}
/* tablet 縦用
*/
@media only screen and (min-width:768px) and (max-width:1279px) {
.br-sp { display: none; }
.br-tb { display: block; }
.br-pc { display: none; }
}
/* pc用
*/
@media screen and (min-width:1280px) {
.br-sp { display: none; }
.br-tb { display: none; }
.br-pc { display: block; }
}
/*page_block
---------------------------------------------------------------------------*/
.img_box{
width: 100%;
}
.img_box2{
width: 100%;
}
#index .indexAbout.bgYe .img_box2 {
text-align: center;
margin-top: 2rem;
}
.img_all_box{
display:block;
width:100%;
margin:auto;
}
.text_contencts {
width: 100%;
margin-top: 1rem;
}
.page_text{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 2rem;
}
.page_text2 {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
justify-content: space-between;
margin-bottom: 2rem;
}
#index .indexAbout.bgYe .page_text2 {
flex-direction: column-reverse;
}
.page_all_text{
display:block;
width:100%;
margin-bottom: 2rem;
}
@media screen and (min-width:768px){
.text_contencts {
width: 50%;
margin-top: 0;
}
.img_box {
width: 45%;
}
.img_box2 {
width: 45%;
}
#index .indexAbout.bgYe .page_text2 {
flex-direction: row-reverse;
}
#index .indexAbout.bgYe .img_box2 {
width: 35%;
margin-top: 0;
}
#index .indexAbout.bgYe .text_contencts {
width: 60%;
}
#volunteer .bgWt .img_box2 {
width: 35%;
}
#volunteer .bgWt .text_contencts {
width: 60%;
}
}
/*header（ロゴなどが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
box-shadow: 0px 0px 30px rgb(74 74 74 / 20%);
}
h1#logo {
font-size: 2em;
margin: 0.5em 0 0;
}
header {
background: #fff; /*背景色*/
z-index: 100;
}
header .wrap {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1280px;
margin: 0 auto;
flex-wrap: wrap;
}
/*ロゴ画像*/
header #logo img {
display: block;
width: 80%;
}
.h_contact_area {
display: flex;
justify-content: flex-start;
align-items: center;
margin-top: 0.5em;
font-size: 80%;
flex-wrap: wrap;
}
.h_contact_area i.fas.fa-phone-alt:before {
margin: 0 0.5rem;
}
.h_contact_area span {
font-weight: bold;
font-size: 1.3rem;
padding: 0 0.5rem;
}
@media screen and (min-width:768px){
h1#logo {
margin: 0.67em 0;
}
header .wrap {
flex-wrap: nowrap;
}
}
@media screen and (min-width:1024px){
.h_contact_area {
justify-content: flex-end;
flex-wrap: nowrap;
}
}
/*mainブロック設定
---------------------------------------------------------------------------*/
/*h2タグ*/
main h2.heading {
clear: both;
font-size: 1.3rem;
text-align: center;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #542c03;
font-weight: bold;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 0.1rem;
margin-bottom: 3rem;
}
main h2.heading:after {
position: absolute;
bottom: -5px; /* changed */
left: 50%; /* added */
transform: translateX(-50%); /* added */
content: "";
margin: 0 auto;
display: block;
width: 120px;
height: 4px;
border-radius: 2px;
background: -webkit-linear-gradient(25deg, #F13F79, #FFC778);
background: linear-gradient(25deg, #F13F79, #FFC778);
}
@media screen and (min-width:768px){
main h2.heading {
font-size: 1.7rem;
}
}
main h2.Ol{
font-weight: bold;
color: #f19331;
font-size: 1.3rem;
}
/*h3タグ*/
main h3 {
border-left: solid 8px #ffcf94;
font-size: 1.3rem;
padding-left: 15px;
text-align: left;
font-weight: bold;
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
text-align: center; /*内容をセンタリング*/
background: #F19331; /*背景色*/
color: #fff; /*文字色*/
}
/*footer introduction*/
footer .introduction .contents {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 1rem 0 0;
}
footer .introduction figure {
margin: 0;
flex-basis: 100%;
}
footer .introduction img.intro_img {
width: auto;
height: auto;
object-fit: cover;
}
footer .introduction p {
color: #000;
font-size: 80%;
}
footer .introduction a{
width: 50%;
}
/*リンクテキスト*/
footer a {text-decoration: none;color: #fff;}
footer .footer {
padding: 30px 20px;
}
.footer .flex{
flex-wrap: wrap;
}
footer .footer.introduction {
color: #000;
}
footer .footer_access_map {
width: 100%;
}
footer .footer_access_data {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
footer .footer_address {
text-align: left;
font-weight: 500;
}
footer img.footerLogo {
margin-bottom: 1.5rem;
}
footer .footer.sitemap {
border-top: 1px solid #d9d9d9;
}
.sitemap {
display: none;
}
footer .sitemap ul.title {
width: calc(100% / 6);
text-align: left;
padding-left: 0;
font-size: 70%;
line-height: 1;
}
footer .footer.copyright {
background-image: url(../img/footer.png);
max-width: none;
font-size: 50%;
overflow: hidden;
padding: 200px 0px 25px 0px;
background-position: center bottom;
background-repeat: no-repeat;
}
@media screen and (min-width:768px){
footer .introduction a{
width: calc(100% / 4);
}
.footer .flex{
flex-wrap: nowrap;
padding: 30px 0;
}
footer .footer_access_map,
footer .footer_access_data {
width: 48%;
}
.sitemap .flex {
flex-wrap: wrap;
justify-content: flex-start;
}
}
@media screen and (min-width:1024px){
.sitemap {
display: block;
}
}
/*topics設定
---------------------------------------------------------------------------*/
.topics_btn_wrap {
margin: 5% 0;
justify-content: space-between;
display: flex;
flex-wrap: wrap;
}
.topics_btn_wrap .btn{
border-radius: 5px;
padding: 0.5rem;
letter-spacing: 0;
color: #fff;
font-weight: bold;
width: 30%;
font-size: 85%;
margin: 0.3rem;
}
.icon{
display: inline-block;
width: 100px;
margin: 8px 12px 8px 0px;
text-align: center;
font-size: 12px;
padding: 0 5px;
border-radius: 4px;
color: #fff;
font-weight: bold;
}
.topics_btn_wrap .btn.news,
.icon.news{
background: #24bcae;
}
.topics_btn_wrap .btn.jihou,
.icon.jihou {
background: #d2815bfc;
}
.topics_btn_wrap .btn.oyako,
.icon.oyako {
background: #5b8bd2fc;
}
.topics_btn_wrap .btn.satooya,
.icon.satooya {
background: #2a3f7a;
}
.topics_btn_wrap .btn.blog,
.icon.blog {
background: #d25b7cfc;
}
.topics_btn_wrap .btn.all {
background: #adadadfc;
}
.newicon {
background: #F00; /*背景色*/
color: #FFF; /*文字色*/
font-size: 70%; /*文字サイズ*/
line-height: 1.5;
padding: 2px 5px;
border-radius: 2px;
margin: 0px 5px;
vertical-align: text-top;
}
.ul_news{
list-style-type: none;
padding-left: 0;
}
.ul_news > li > div{
margin: 1rem 0;
}
a.ul_news {
color : #1111cc;
}
.news_hr {
border: none;
border-top: dashed 1px #CCCCCC;
height: 1px;
color: #FFFFFF;
background-color: #FFFFFF;
margin: 1px 0px;
}
.topics .btn span {
margin-left: 0.5em;
font-size: 85%;
}
@media screen and (min-width:768px){
.topics_btn_wrap {
flex-wrap: nowrap;
}
.topics_btn_wrap .btn{
width: calc(100% / 6);
}
}
@media screen and (min-width:1024px){
.topics_btn_wrap .btn{
letter-spacing: 7px;
font-size: 100%;
}
}
/*施設概要・歩み
---------------------------------------------------------------------------*/
dl.shisetu_list,
dl.enkaku_list,
dl.pp_list,
dl.site_porlicy_list {
display: flex;
flex-flow: column;
width: 100%;
}
dl.enkaku_list {
background: #ffffff;
border-radius: 10px;
padding: 1.5em;
}
.shisetu_list dt,
.enkaku_list dt {
flex-basis: 20%;
padding: 10px 20px 0;
border-bottom: none;
font-weight: bold;
}
.shisetu_list dd,
.enkaku_list dd{
flex-basis: 80%;
padding: 10px 20px;
border-bottom: 1px solid #ccc;
}
.pp_list dt,
.site_porlicy_list dt{
font-weight: bold;
}
.pp_list dt,
.pp_list dd,
.site_porlicy_list dt,
.site_porlicy_list dd {
flex-basis: 100%;
}
@media screen and (min-width:768px){
dl.shisetu_list,
dl.enkaku_list,
dl.pp_list,
dl.site_porlicy_list {
flex-flow: row wrap;
}
.shisetu_list dt,
.enkaku_list dt{
font-weight: normal;
border-bottom: 1px solid #ccc;
padding: 20px;
}
.pp_list dt,
.site_porlicy_list dt {
padding: 20px 0 0;
}
.shisetu_list dd,
.enkaku_list dd{
padding: 20px;
}
.pp_list dd,
.site_porlicy_list dd {
padding: 0 0 20px;
border-bottom: 1px solid #ccc;
}
}
/*サイトマップ
---------------------------------------------------------------------------*/
dl.sitemap_list {
display: flex;
flex-flow: column;
width: 100%;
}
.sitemap_list dt {
flex-basis: 30%;
padding: 10px 20px 0;
border-bottom: none;
font-weight: bold;
}
.sitemap_list dt .sm_list {
position: relative;
padding-left: 15px;
color: #666;
text-decoration: none;
}
.sitemap_list dt .sm_list:before {
content: "";
position: absolute;
top: 0.25em;
left: 0;
width: 0;
height: 0;
border-width: 6px;
border-style: solid;
border-color: transparent transparent transparent #f39800;
}
.sitemap_list dt .sm_clist {
position: relative;
padding-left: 15px;
}
.sitemap_list dt .sm_clist:before {
content: "";
position: absolute;
top: 0.45em;
left: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 5px;
height: 5px;
border-top: 2px solid #f9ef85;
border-right: 2px solid #f9ef85;
}
.sitemap_list dd {
flex-basis: 70%;
padding: 10px 20px;
border-bottom: 1px solid #ccc;
}
@media screen and (min-width:768px){
dl.sitemap_list{
flex-flow: row wrap;
}
.sitemap_list dt {
border-bottom: 1px solid #ccc;
padding: 20px;
}
.sitemap_list dd {
padding: 20px;
}
}
/*書類ダウンロード
---------------------------------------------------------------------------*/
.document_wrap ul {
display: flex;
flex-wrap: wrap;
width: 100%;
padding-left: 0;
justify-content: center;
border-bottom: 1px solid #ccc;
align-items: center;
font-size: 95%;
}
.document_wrap .d_wrap {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
flex-direction: column;
}
.document_wrap .d_wrap li{
width: 100%;
}
.document_wrap .d_wrap li:nth-of-type(2){
font-weight: bold;
}
.document_wrap ul > li{
width: 100%;
}
.document_wrap ul > li > div {
margin: 0.5rem 0;
}
.document_wrap .btn span {
margin-left: 0.5em;
font-weight: normal;
}
@media screen and (min-width:768px){
.document_wrap .d_wrap {
width: 35%;
}
.document_wrap ul {
flex-wrap: nowrap;
}
.document_wrap ul > li{
width: 70%;
margin-left: 2rem;
}
}
/*問合わせ
---------------------------------------------------------------------------*/
#contact .box{
padding: 20px;
border: 2px solid #f19331;
border-radius: 10px;
text-align: center;
}
.contact_form .contact_tel_fax {
margin-bottom: 3rem;
}
.contact_item {
width: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCCCCC;
padding: 10px 0;
}
.contact_form .contact_article {
font-weight: bold;
text-align: left;
padding: 5px;
font-size: 15px;
min-width: 350px;
display: flex;
align-items: center;
}
.contact_form span.memo {
font-weight: normal;
margin-left: 2rem;
}
.contact_form .contact_input_area,
.contact_form .contact_input_area select {
width: 60%;
text-align: left;
padding: 5px;
min-width: 320px;
}
.contact_form .contact_article_comments {
text-align: left;
font-size: 0.8rem;
padding: 1rem 5rem;
clear: both;
}
.contact_form .f-tel {
font-size: 1.8rem;
}
.contact_form .text_area {
padding: 2rem 0 1rem;
}
/*記入枠の色*/
.contact_form .contact_input_area input ,
.contact_form .contact_input_area textarea,
.contact_form .contact_input_area select {
color: #666;
background-color: #fff;
border: solid 1px #ccc;
border-radius: 3px;
margin: 0 0.2em;
}
/*必須表示*/
.need {
padding: 0.1rem 0.5rem;
font-size: 0.7rem;
color: #FFFFFF;
background-color: #F00;
margin: 0 1rem 0 0;
border-radius: 4px;
}
.input_space_01 {
width:100%;
padding-left: 10px;
height:2em;
}
.input_space_02 {
width:100%;
padding-left: 10px;
}
/*確認ボタン*/
.contact_form .btnArea_submit {
clear: both;
margin: 1rem;
}
.contact_form .btnArea_submit .btnOR {
border-radius: 0.5rem;
font-size: 1.3rem;
padding: 0.5rem 2rem;
box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
-webkit-appearance: none;
}
.contact_form .btnArea_submit .btnGY {
border: solid 2px #aaa;
background: #aaa;
border-radius: 0.5rem;
color: #fff;
font-size: 1.3rem;
padding: 0.5rem 2rem;
box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
-webkit-appearance: none;
margin: 0;
width: auto;
}
.contact_form .btnArea_submit .btnOR:hover {
opacity: 0.5; /*透明度。50%の色がついた状態*/
transition: 0.5s; /*ふわっと変化させる*/
color: #fff;
background: #F19331;
}
.contact_form .btnArea_submit .btnGY:hover {
opacity: 0.5; /*透明度。50%の色がついた状態*/
transition: 0.5s; /*ふわっと変化させる*/
}
/*内容確認*/
dl.contact_confirm {
display: flex;
flex-flow: column;
width: 100%;
text-align: left;
}
.contact_confirm dt {
flex-basis: 30%;
padding: 10px 20px 0;
border-bottom: none;
font-weight: bold;
}
.contact_confirm dd {
flex-basis: 70%;
padding: 10px 20px;
border-bottom: 1px solid #ccc;
}
@media screen and (min-width:768px){
dl.contact_confirm{
flex-flow: row wrap;
width: 90%;
padding: 2rem 0;
}
.contact_confirm dt {
border-bottom: 1px solid #ccc;
padding: 20px;
}
.contact_confirm dd {
padding: 20px;
}
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
.contact_form .contact_input_area, .contact_form .contact_input_area select {
width: auto;
}
}
@media screen and (min-width:1280px){
.input_space_01 {
width:55%;
}
.input_space_02 {
width:90%;
}
}
#contact_volunteer .contact_form .contact_article {
align-items: flex-start;
flex-wrap: wrap;
flex-direction: column;
}
#contact_volunteer .contact_form span.memo {
font-weight: normal;
margin-left: 0;
}
/*blog設定
---------------------------------------------------------------------------*/
#blog .wrap{
max-width: 1100px;
}
.blog_wrap{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
@media screen and (min-width:768px){
.blog_wrap{
flex-wrap:nowrap;
}
}
/*メインエリア*/
.blog_main{
width: 100%;
}
figure.blog_main_img {
text-align: center;
}
@media screen and (min-width:768px){
.blog_main{
width: 75%;
}
}
/*サムネイル*/
.blog_thumbnail_wrap {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-wrap: wrap;
width: 100%;
margin-top: 2em;
}
.blog_thumbnail_list {
width: 100%;
margin: 0.3em 0;
padding: 20px;
border: 1px solid #dbdbdb;
box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
background-color: #ffffff;
}
.blog_thumbnail_list .img {
width: 216px;
height: 216px;
object-fit: cover;
}
.blog_thumbnail_list .img img {
object-fit: cover;
height: 100%;
width: 100%;
}
.blog_thumbnail_list h4 {
margin: 0.5em 0;
}
.blog_thumbnail_list figcaption{
margin: 0.3em 0;
}
.blog_thumbnail_list figcaption p {
margin: 0.1em;
font-size: 90%;
}
@media screen and (min-width:768px){
.blog_thumbnail_wrap:after {
content: "";
width: calc((100% - 20px) /3 );
}
.blog_thumbnail_list {
width: calc((100% - 20px) /3 );
}
}
/*サブエリア*/
.blog_sub{
width: 100%;
margin-top: 2rem;
}
.blog_sub .box {
padding: 20px;
border: 1px solid #dbdbdb;
box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
background-color: #ffffff;
margin: 1em 0;
}
.blog_sub .box:first-of-type{
margin: 0;
}
.blog_sub .box p {
margin: 0;
}
.blog_sub .box .list-sub {
border-bottom: 1px solid #dbdbdb;
padding: 0.3em 0;
}
.blog_sub .box .list-sub:last-of-type {
border-bottom: none;
}
.blog_sub .box .sub_ttl{
background: #f19331;
color: #fff;
text-align: center;
padding: 0.3em;
margin-bottom: 1em;
}
.blog_sub span.cat_icon {
background: linear-gradient(#fff, #eee);
display: inline-block;
font-size: 12px;
padding: 0 5px;
border-radius: 4px;
border: 1px solid #ccc;
margin: 0 0 1rem 0;
}
.blog_sub .box span.cat_icon2 {
text-align: center;
font-size: 90%;
background: #e9e9e9;
padding: 0.5em 1em;
border-radius: 10px;
display: inline-block;
}
.blog_sub form {
display: flex;
justify-content: space-around;
}
.blog_wrap .new {
background: #ff2c5d;
color: #FFF;
font-size: 70%;
line-height: 1.5;
padding: 2px 5px;
border-radius: 2px;
margin: 0px 5px;
vertical-align: text-top;
}
.blog_sub .new {
font-size: 50%;
}
#blog input[type="submit"],#blog button[type="submit"],#blog button[type="reset"] {
border: none;
background: #e9e9e9;
padding: 0.5em 1em;
border-radius: 10px;
width: auto;
}
@media screen and (min-width:768px){
.blog_sub{
width: 22%;
margin-top: 0;
}
}
/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
.pagetop-show {display: block;}
/*ボタンの設定*/
.pagetop a {
display: block;text-decoration: none;text-align: center;z-index: 99;
position: fixed; /*スクロールに追従しない(固定で表示)為の設定*/
right: 20px; /*右からの配置場所指定*/
bottom: 20px; /*下からの配置場所指定*/
color: #fff; /*文字色*/
font-size: 1.5em; /*文字サイズ*/
background: rgba(0,0,0,0.2); /*背景色。0,0,0は黒の事で0.2は色が20%出た状態。*/
width: 60px; /*幅*/
line-height: 60px; /*高さ*/
border-radius: 50%; /*円形にする*/
}
/*その他
---------------------------------------------------------------------------*/
.clearfix::after {content: "";display: block;clear: both;}
._color-black{color: #343434;}
.color-theme, .color-theme a {color: #770000 !important;}
.color-check, .color-check a {color: #f00 !important;}
.c {text-align: center !important;}
.ws {width: 95%;display: block;}
.wl {width: 95%;display: block;}
._w100{width: 100%;}
.mb30 {margin-bottom: 30px !important;}
.mt30 {margin-top: 30px !important;}.mt50 {margin-top: 50px !important;}
.look {display: inline-block;padding: 0px 10px;background: #666; color: #fff; border-radius: 3px;margin: 5px 0; word-break: break-all;}
.look .color-check {color: #ffcc00 !important;}
.small {font-size: 0.6em;}
._txtc{text-align: center;}
ul.post-categories{margin: 0;padding: 0;}
ul.post-categories li::before{content: "・";}
._txt-ell{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.nav-links a{text-decoration: underline;}
.nav-links span,.nav-links .page-numbers{display: inline-block;margin: 0.25em 0.5em;}
.ul_news li p{margin: 0;}
.wp-pagenavi {
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-column-gap: 1%;
}
.wp-pagenavi span,.wp-pagenavi a {
display: block;
line-height: 1;
padding: 0.5em 0.75em;
border: solid 1px #ddd;
text-decoration: none;
border-radius: 3px;
}
.wp-pagenavi span{
background-color: #fff;
color: #343434;
}
.wp-pagenavi a {
background-color: #F19331;
color: #FFFFFF;
}
/*search.php*/
.card *{margin: 0;padding: 0;}
.card .card__title{font-size: 120%;font-weight: normal;color: #00009f;text-decoration: underline;}
.card .card__excerpt {color: #343434;line-height: 1.4;}
.card time.card__time {
text-align: right;
color: #666;
display: block;
font-size: 90%;
margin-bottom: 2rem;
}
._m0{margin: 0 !important;}._mt0 {margin-top: 0px !important; }._mb0 {margin-bottom: 0px !important; }._ml0 {margin-left: 0px !important; }._mr0 {margin-right: 0px !important; }._pt0 {padding-top: 0px !important; }._pb0 {padding-bottom: 0px !important; }._pl0 {padding-left: 0px !important; }._pr0 {padding-right: 0px !important; }._mt5 {margin-top: 5px !important; }._mb5 {margin-bottom: 5px !important; }._ml5 {margin-left: 5px !important; }._mr5 {margin-right: 5px !important; }._pt5 {padding-top: 5px !important; }._pb5 {padding-bottom: 5px !important; }._pl5 {padding-left: 5px !important; }._pr5 {padding-right: 5px !important; }._mt10 {margin-top: 10px !important; }._mb10 {margin-bottom: 10px !important; }._ml10 {margin-left: 10px !important; }._mr10 {margin-right: 10px !important; }._pt10 {padding-top: 10px !important; }._pb10 {padding-bottom: 10px !important; }._pl10 {padding-left: 10px !important; }._pr10 {padding-right: 10px !important; }._mt15 {margin-top: 15px !important; }._mb15 {margin-bottom: 15px !important; }._ml15 {margin-left: 15px !important; }._mr15 {margin-right: 15px !important; }._pt15 {padding-top: 15px !important; }._pb15 {padding-bottom: 15px !important; }._pl15 {padding-left: 15px !important; }._pr15 {padding-right: 15px !important; }._mt20 {margin-top: 20px !important; }._mb20 {margin-bottom: 20px !important; }._ml20 {margin-left: 20px !important; }._mr20 {margin-right: 20px !important; }._pt20 {padding-top: 20px !important; }._pb20 {padding-bottom: 20px !important; }._pl20 {padding-left: 20px !important; }._pr20 {padding-right: 20px !important; }._mt25 {margin-top: 25px !important; }._mb25 {margin-bottom: 25px !important; }._ml25 {margin-left: 25px !important; }._mr25 {margin-right: 25px !important; }._pt25 {padding-top: 25px !important; }._pb25 {padding-bottom: 25px !important; }._pl25 {padding-left: 25px !important; }._pr25 {padding-right: 25px !important; }._mt30 {margin-top: 30px !important; }._mb30 {margin-bottom: 30px !important; }._ml30 {margin-left: 30px !important; }._mr30 {margin-right: 30px !important; }._pt30 {padding-top: 30px !important; }._pb30 {padding-bottom: 30px !important; }._pl30 {padding-left: 30px !important; }._pr30 {padding-right: 30px !important; }._mt35 {margin-top: 35px !important; }._mb35 {margin-bottom: 35px !important; }._ml35 {margin-left: 35px !important; }._mr35 {margin-right: 35px !important; }._pt35 {padding-top: 35px !important; }._pb35 {padding-bottom: 35px !important; }._pl35 {padding-left: 35px !important; }._pr35 {padding-right: 35px !important; }._mt40 {margin-top: 40px !important; }._mb40 {margin-bottom: 40px !important; }._ml40 {margin-left: 40px !important; }._mr40 {margin-right: 40px !important; }._pt40 {padding-top: 40px !important; }._pb40 {padding-bottom: 40px !important; }._pl40 {padding-left: 40px !important; }._pr40 {padding-right: 40px !important; }._mt45 {margin-top: 45px !important; }._mb45 {margin-bottom: 45px !important; }._ml45 {margin-left: 45px !important; }._mr45 {margin-right: 45px !important; }._pt45 {padding-top: 45px !important; }._pb45 {padding-bottom: 45px !important; }._pl45 {padding-left: 45px !important; }._pr45 {padding-right: 45px !important; }._mt50 {margin-top: 50px !important; }._mb50 {margin-bottom: 50px !important; }._ml50 {margin-left: 50px !important; }._mr50 {margin-right: 50px !important; }._pt50 {padding-top: 50px !important; }._pb50 {padding-bottom: 50px !important; }._pl50 {padding-left: 50px !important; }._pr50 {padding-right: 50px !important; }._mt55 {margin-top: 55px !important; }._mb55 {margin-bottom: 55px !important; }._ml55 {margin-left: 55px !important; }._mr55 {margin-right: 55px !important; }._pt55 {padding-top: 55px !important; }._pb55 {padding-bottom: 55px !important; }._pl55 {padding-left: 55px !important; }._pr55 {padding-right: 55px !important; }._mt60 {margin-top: 60px !important; }._mb60 {margin-bottom: 60px !important; }._ml60 {margin-left: 60px !important; }._mr60 {margin-right: 60px !important; }._pt60 {padding-top: 60px !important; }._pb60 {padding-bottom: 60px !important; }._pl60 {padding-left: 60px !important; }._pr60 {padding-right: 60px !important; }._mt65 {margin-top: 65px !important; }._mb65 {margin-bottom: 65px !important; }._ml65 {margin-left: 65px !important; }._mr65 {margin-right: 65px !important; }._pt65 {padding-top: 65px !important; }._pb65 {padding-bottom: 65px !important; }._pl65 {padding-left: 65px !important; }._pr65 {padding-right: 65px !important; }._mt70 {margin-top: 70px !important; }._mb70 {margin-bottom: 70px !important; }._ml70 {margin-left: 70px !important; }._mr70 {margin-right: 70px !important; }._pt70 {padding-top: 70px !important; }._pb70 {padding-bottom: 70px !important; }._pl70 {padding-left: 70px !important; }._pr70 {padding-right: 70px !important; }._mt75 {margin-top: 75px !important; }._mb75 {margin-bottom: 75px !important; }._ml75 {margin-left: 75px !important; }._mr75 {margin-right: 75px !important; }._pt75 {padding-top: 75px !important; }._pb75 {padding-bottom: 75px !important; }._pl75 {padding-left: 75px !important; }._pr75 {padding-right: 75px !important; }._mt80 {margin-top: 80px !important; }._mb80 {margin-bottom: 80px !important; }._ml80 {margin-left: 80px !important; }._mr80 {margin-right: 80px !important; }._pt80 {padding-top: 80px !important; }._pb80 {padding-bottom: 80px !important; }._pl80 {padding-left: 80px !important; }._pr80 {padding-right: 80px !important; }._mt85 {margin-top: 85px !important; }._mb85 {margin-bottom: 85px !important; }._ml85 {margin-left: 85px !important; }._mr85 {margin-right: 85px !important; }._pt85 {padding-top: 85px !important; }._pb85 {padding-bottom: 85px !important; }._pl85 {padding-left: 85px !important; }._pr85 {padding-right: 85px !important; }._mt90 {margin-top: 90px !important; }._mb90 {margin-bottom: 90px !important; }._ml90 {margin-left: 90px !important; }._mr90 {margin-right: 90px !important; }._pt90 {padding-top: 90px !important; }._pb90 {padding-bottom: 90px !important; }._pl90 {padding-left: 90px !important; }._pr90 {padding-right: 90px !important; }._mt95 {margin-top: 95px !important; }._mb95 {margin-bottom: 95px !important; }._ml95 {margin-left: 95px !important; }._mr95 {margin-right: 95px !important; }._pt95 {padding-top: 95px !important; }._pb95 {padding-bottom: 95px !important; }._pl95 {padding-left: 95px !important; }._pr95 {padding-right: 95px !important; }._mt100 {margin-top: 100px !important; }._mb100 {margin-bottom: 100px !important; }._mb-1em {margin-bottom: 1em; }._ml100 {margin-left: 100px !important; }._mr100 {margin-right: 100px !important; }._pt100 {padding-top: 100px !important; }._pt150 {padding-top: 150px !important; }._pb100 {padding-bottom: 100px !important; }._pl100 {padding-left: 100px !important; }._pr100 {padding-right: 100px !important; }._w0 {width: 0; }._w1 {width: 1%; }._w2 {width: 2%; }._w3 {width: 3%; }._w4 {width: 4%; }._w5 {width: 5%; }._w6 {width: 6%; }._w7 {width: 7%; }._w8 {width: 8%; }._w9 {width: 9%; }._w10 {width: 10%; }._w11 {width: 11%; }._w12 {width: 12%; }._w13 {width: 13%; }._w14 {width: 14%; }._w15 {width: 15%; }._w16 {width: 16%; }._w17 {width: 17%; }._w18 {width: 18%; }._w19 {width: 19%; }._w20 {width: 20%; }._w21 {width: 21%; }._w22 {width: 22%; }._w23 {width: 23%; }._w24 {width: 24%; }._w25 {width: 25%; }._w26 {width: 26%; }._w27 {width: 27%; }._w28 {width: 28%; }._w29 {width: 29%; }._w30 {width: 30%; }._w31 {width: 31%; }._w32 {width: 32%; }._w33 {width: 33%; }._w34 {width: 34%; }._w35 {width: 35%; }._w36 {width: 36%; }._w37 {width: 37%; }._w38 {width: 38%; }._w39 {width: 39%; }._w40 {width: 40%; }._w41 {width: 41%; }._w42 {width: 42%; }._w43 {width: 43%; }._w44 {width: 44%; }._w45 {width: 45%; }._w46 {width: 46%; }._w47 {width: 47%; }._w48 {width: 48%; }._w49 {width: 49%; }._w50 {width: 50%; }._w51 {width: 51%; }._w52 {width: 52%; }._w53 {width: 53%; }._w54 {width: 54%; }._w55 {width: 55%; }._w56 {width: 56%; }._w57 {width: 57%; }._w58 {width: 58%; }._w59 {width: 59%; }._w60 {width: 60%; }._w61 {width: 61%; }._w62 {width: 62%; }._w63 {width: 63%; }._w64 {width: 64%; }._w65 {width: 65%; }._w66 {width: 66%; }._w67 {width: 67%; }._w68 {width: 68%; }._w69 {width: 69%; }._w70 {width: 70%; }._w71 {width: 71%; }._w72 {width: 72%; }._w73 {width: 73%; }._w74 {width: 74%; }._w75 {width: 75%; }._w76 {width: 76%; }._w77 {width: 77%; }._w78 {width: 78%; }._w79 {width: 79%; }._w80 {width: 80%; }._w81 {width: 81%; }._w82 {width: 82%; }._w83 {width: 83%; }._w84 {width: 84%; }._w85 {width: 85%; }._w86 {width: 86%; }._w87 {width: 87%; }._w88 {width: 88%; }._w89 {width: 89%; }._w90 {width: 90%; }._w91 {width: 91%; }._w92 {width: 92%; }._w93 {width: 93%; }._w94 {width: 94%; }._w95 {width: 95%; }._w96 {width: 96%; }._w97 {width: 97%; }._w98 {width: 98%; }._w99 {width: 99%; }._w100 {width: 100%; }
@media screen and (max-width: 980px) { ._sp_mt0 {margin-top: 0px !important; }._sp_mb0 {margin-bottom: 0px !important; }._sp_ml0 {margin-left: 0px !important; }._sp_mr0 {margin-right: 0px !important; }._sp_pt0 {padding-top: 0px !important; }._sp_pb0 {padding-bottom: 0px !important; }._sp_pl0 {padding-left: 0px !important; }._sp_pr0 {padding-right: 0px !important; }._sp_mt5 {margin-top: 5px !important; }._sp_mb5 {margin-bottom: 5px !important; }._sp_ml5 {margin-left: 5px !important; }._sp_mr5 {margin-right: 5px !important; }._sp_pt5 {padding-top: 5px !important; }._sp_pb5 {padding-bottom: 5px !important; }._sp_pl5 {padding-left: 5px !important; }._sp_pr5 {padding-right: 5px !important; }._sp_mt10 {margin-top: 10px !important; }._sp_mb10 {margin-bottom: 10px !important; }._sp_ml10 {margin-left: 10px !important; }._sp_mr10 {margin-right: 10px !important; }._sp_pt10 {padding-top: 10px !important; }._sp_pb10 {padding-bottom: 10px !important; }._sp_pl10 {padding-left: 10px !important; }._sp_pr10 {padding-right: 10px !important; }._sp_mt15 {margin-top: 15px !important; }._sp_mb15 {margin-bottom: 15px !important; }._sp_ml15 {margin-left: 15px !important; }._sp_mr15 {margin-right: 15px !important; }._sp_pt15 {padding-top: 15px !important; }._sp_pb15 {padding-bottom: 15px !important; }._sp_pl15 {padding-left: 15px !important; }._sp_pr15 {padding-right: 15px !important; }._sp_mt20 {margin-top: 20px !important; }._sp_mb20 {margin-bottom: 20px !important; }._sp_ml20 {margin-left: 20px !important; }._sp_mr20 {margin-right: 20px !important; }._sp_pt20 {padding-top: 20px !important; }._sp_pb20 {padding-bottom: 20px !important; }._sp_pl20 {padding-left: 20px !important; }._sp_pr20 {padding-right: 20px !important; }._sp_mt25 {margin-top: 25px !important; }._sp_mb25 {margin-bottom: 25px !important; }._sp_ml25 {margin-left: 25px !important; }._sp_mr25 {margin-right: 25px !important; }._sp_pt25 {padding-top: 25px !important; }._sp_pb25 {padding-bottom: 25px !important; }._sp_pl25 {padding-left: 25px !important; }._sp_pr25 {padding-right: 25px !important; }._sp_mt30 {margin-top: 30px !important; }._sp_mb30 {margin-bottom: 30px !important; }._sp_ml30 {margin-left: 30px !important; }._sp_mr30 {margin-right: 30px !important; }._sp_pt30 {padding-top: 30px !important; }._sp_pb30 {padding-bottom: 30px !important; }._sp_pl30 {padding-left: 30px !important; }._sp_pr30 {padding-right: 30px !important; }._sp_mt35 {margin-top: 35px !important; }._sp_mb35 {margin-bottom: 35px !important; }._sp_ml35 {margin-left: 35px !important; }._sp_mr35 {margin-right: 35px !important; }._sp_pt35 {padding-top: 35px !important; }._sp_pb35 {padding-bottom: 35px !important; }._sp_pl35 {padding-left: 35px !important; }._sp_pr35 {padding-right: 35px !important; }._sp_mt40 {margin-top: 40px !important; }._sp_mb40 {margin-bottom: 40px !important; }._sp_ml40 {margin-left: 40px !important; }._sp_mr40 {margin-right: 40px !important; }._sp_pt40 {padding-top: 40px !important; }._sp_pb40 {padding-bottom: 40px !important; }._sp_pl40 {padding-left: 40px !important; }._sp_pr40 {padding-right: 40px !important; }._sp_mt45 {margin-top: 45px !important; }._sp_mb45 {margin-bottom: 45px !important; }._sp_ml45 {margin-left: 45px !important; }._sp_mr45 {margin-right: 45px !important; }._sp_pt45 {padding-top: 45px !important; }._sp_pb45 {padding-bottom: 45px !important; }._sp_pl45 {padding-left: 45px !important; }._sp_pr45 {padding-right: 45px !important; }._sp_mt50 {margin-top: 50px !important; }._sp_mb50 {margin-bottom: 50px !important; }._sp_ml50 {margin-left: 50px !important; }._sp_mr50 {margin-right: 50px !important; }._sp_pt50 {padding-top: 50px !important; }._sp_pb50 {padding-bottom: 50px !important; }._sp_pl50 {padding-left: 50px !important; }._sp_pr50 {padding-right: 50px !important; }._sp_mt55 {margin-top: 55px !important; }._sp_mb55 {margin-bottom: 55px !important; }._sp_ml55 {margin-left: 55px !important; }._sp_mr55 {margin-right: 55px !important; }._sp_pt55 {padding-top: 55px !important; }._sp_pb55 {padding-bottom: 55px !important; }._sp_pl55 {padding-left: 55px !important; }._sp_pr55 {padding-right: 55px !important; }._sp_mt60 {margin-top: 60px !important; }._sp_mb60 {margin-bottom: 60px !important; }._sp_ml60 {margin-left: 60px !important; }._sp_mr60 {margin-right: 60px !important; }._sp_pt60 {padding-top: 60px !important; }._sp_pb60 {padding-bottom: 60px !important; }._sp_pl60 {padding-left: 60px !important; }._sp_pr60 {padding-right: 60px !important; }._sp_mt65 {margin-top: 65px !important; }._sp_mb65 {margin-bottom: 65px !important; }._sp_ml65 {margin-left: 65px !important; }._sp_mr65 {margin-right: 65px !important; }._sp_pt65 {padding-top: 65px !important; }._sp_pb65 {padding-bottom: 65px !important; }._sp_pl65 {padding-left: 65px !important; }._sp_pr65 {padding-right: 65px !important; }._sp_mt70 {margin-top: 70px !important; }._sp_mb70 {margin-bottom: 70px !important; }._sp_ml70 {margin-left: 70px !important; }._sp_mr70 {margin-right: 70px !important; }._sp_pt70 {padding-top: 70px !important; }._sp_pb70 {padding-bottom: 70px !important; }._sp_pl70 {padding-left: 70px !important; }._sp_pr70 {padding-right: 70px !important; }._sp_mt75 {margin-top: 75px !important; }._sp_mb75 {margin-bottom: 75px !important; }._sp_ml75 {margin-left: 75px !important; }._sp_mr75 {margin-right: 75px !important; }._sp_pt75 {padding-top: 75px !important; }._sp_pb75 {padding-bottom: 75px !important; }._sp_pl75 {padding-left: 75px !important; }._sp_pr75 {padding-right: 75px !important; }._sp_mt80 {margin-top: 80px !important; }._sp_mb80 {margin-bottom: 80px !important; }._sp_ml80 {margin-left: 80px !important; }._sp_mr80 {margin-right: 80px !important; }._sp_pt80 {padding-top: 80px !important; }._sp_pb80 {padding-bottom: 80px !important; }._sp_pl80 {padding-left: 80px !important; }._sp_pr80 {padding-right: 80px !important; }._sp_mt85 {margin-top: 85px !important; }._sp_mb85 {margin-bottom: 85px !important; }._sp_ml85 {margin-left: 85px !important; }._sp_mr85 {margin-right: 85px !important; }._sp_pt85 {padding-top: 85px !important; }._sp_pb85 {padding-bottom: 85px !important; }._sp_pl85 {padding-left: 85px !important; }._sp_pr85 {padding-right: 85px !important; }._sp_mt90 {margin-top: 90px !important; }._sp_mb90 {margin-bottom: 90px !important; }._sp_ml90 {margin-left: 90px !important; }._sp_mr90 {margin-right: 90px !important; }._sp_pt90 {padding-top: 90px !important; }._sp_pb90 {padding-bottom: 90px !important; }._sp_pl90 {padding-left: 90px !important; }._sp_pr90 {padding-right: 90px !important; }._sp_mt95 {margin-top: 95px !important; }._sp_mb95 {margin-bottom: 95px !important; }._sp_ml95 {margin-left: 95px !important; }._sp_mr95 {margin-right: 95px !important; }._sp_pt95 {padding-top: 95px !important; }._sp_pb95 {padding-bottom: 95px !important; }._sp_pl95 {padding-left: 95px !important; }._sp_pr95 {padding-right: 95px !important; }._sp_mt100 {margin-top: 100px !important; }._sp_mb100 {margin-bottom: 100px !important; }._sp_mb-1em {margin-bottom: 1em; }._sp_ml100 {margin-left: 100px !important; }._sp_mr100 {margin-right: 100px !important; }._sp_pt100 {padding-top: 100px !important; }._sp_pt150 {padding-top: 150px !important; }._sp_pb100 {padding-bottom: 100px !important; }._sp_pl100 {padding-left: 100px !important; }._sp_pr100 {padding-right: 100px !important; }._sp_w0 {width: 0; }._sp_w1 {width: 1%; }._sp_w2 {width: 2%; }._sp_w3 {width: 3%; }._sp_w4 {width: 4%; }._sp_w5 {width: 5%; }._sp_w6 {width: 6%; }._sp_w7 {width: 7%; }._sp_w8 {width: 8%; }._sp_w9 {width: 9%; }._sp_w10 {width: 10%; }._sp_w11 {width: 11%; }._sp_w12 {width: 12%; }._sp_w13 {width: 13%; }._sp_w14 {width: 14%; }._sp_w15 {width: 15%; }._sp_w16 {width: 16%; }._sp_w17 {width: 17%; }._sp_w18 {width: 18%; }._sp_w19 {width: 19%; }._sp_w20 {width: 20%; }._sp_w21 {width: 21%; }._sp_w22 {width: 22%; }._sp_w23 {width: 23%; }._sp_w24 {width: 24%; }._sp_w25 {width: 25%; }._sp_w26 {width: 26%; }._sp_w27 {width: 27%; }._sp_w28 {width: 28%; }._sp_w29 {width: 29%; }._sp_w30 {width: 30%; }._sp_w31 {width: 31%; }._sp_w32 {width: 32%; }._sp_w33 {width: 33%; }._sp_w34 {width: 34%; }._sp_w35 {width: 35%; }._sp_w36 {width: 36%; }._sp_w37 {width: 37%; }._sp_w38 {width: 38%; }._sp_w39 {width: 39%; }._sp_w40 {width: 40%; }._sp_w41 {width: 41%; }._sp_w42 {width: 42%; }._sp_w43 {width: 43%; }._sp_w44 {width: 44%; }._sp_w45 {width: 45%; }._sp_w46 {width: 46%; }._sp_w47 {width: 47%; }._sp_w48 {width: 48%; }._sp_w49 {width: 49%; }._sp_w50 {width: 50%; }._sp_w51 {width: 51%; }._sp_w52 {width: 52%; }._sp_w53 {width: 53%; }._sp_w54 {width: 54%; }._sp_w55 {width: 55%; }._sp_w56 {width: 56%; }._sp_w57 {width: 57%; }._sp_w58 {width: 58%; }._sp_w59 {width: 59%; }._sp_w60 {width: 60%; }._sp_w61 {width: 61%; }._sp_w62 {width: 62%; }._sp_w63 {width: 63%; }._sp_w64 {width: 64%; }._sp_w65 {width: 65%; }._sp_w66 {width: 66%; }._sp_w67 {width: 67%; }._sp_w68 {width: 68%; }._sp_w69 {width: 69%; }._sp_w70 {width: 70%; }._sp_w71 {width: 71%; }._sp_w72 {width: 72%; }._sp_w73 {width: 73%; }._sp_w74 {width: 74%; }._sp_w75 {width: 75%; }._sp_w76 {width: 76%; }._sp_w77 {width: 77%; }._sp_w78 {width: 78%; }._sp_w79 {width: 79%; }._sp_w80 {width: 80%; }._sp_w81 {width: 81%; }._sp_w82 {width: 82%; }._sp_w83 {width: 83%; }._sp_w84 {width: 84%; }._sp_w85 {width: 85%; }._sp_w86 {width: 86%; }._sp_w87 {width: 87%; }._sp_w88 {width: 88%; }._sp_w89 {width: 89%; }._sp_w90 {width: 90%; }._sp_w91 {width: 91%; }._sp_w92 {width: 92%; }._sp_w93 {width: 93%; }._sp_w94 {width: 94%; }._sp_w95 {width: 95%; }._sp_w96 {width: 96%; }._sp_w97 {width: 97%; }._sp_w98 {width: 98%; }._sp_w99 {width: 99%; }._sp_w100 {width: 100%; }
}