/*
Theme Name:swell-child
Theme URI:
Description:WordPressテーマ「swell-child」の自作子テーマです。
Template:swell
Author:moeru.jp
Author URI:https://moeru.jp
Version:0.0.1
*/
/* original.css */
/* ####################################################### */
/* ▼ PCのみ表示／SPのみ表示
*/
/* ▼PC/タブレット 表示領域が600px以上の場合 */
@media (min-width: 600px) {
/* PC表示 (SP非表示) */
.display_on_sp{
display: none !important;
}
/*改行無し*/
.br_smartphone{ display: none; }
}
/* ▼スマホ 表示領域が600px未満の場合 */
@media (max-width: 599px) {
/* SP表示 (PC非表示) */
.display_on_pc{
display: none !important;
}
/*改行表示*/
.br_smartphone{}
}
/*
PC [blog_parts id="12020"]
SP [blog_parts id="12020"]
*/
/* ####################################################### */
/* ▼ 関連記事
*/
/* ▼PC/タブレット 表示領域が600px以上の場合 */
@media (min-width: 600px) {
/* 関連記事を4列表示にする */
.-related .p-postList__item{
width: calc(100% / 2);
}
/* ウジェット ランキング一覧一覧を1列表示にする */
.widget_swell_popular_posts .p-postList__item{
width: calc(100% / 1);
}
/* ウジェット新着一覧を1列表示にする */
.widget_swell_new_posts .p-postList__item{
width: calc(100% / 1);
}
}
/* ▼スマホ 表示領域が600px未満の場合 */
@media (max-width: 599px) {
/* 関連記事を1列表示にする */
.-related .p-postList__item{
width: calc(100% / 1);
}
/* ウジェット ランキング一覧一覧を1列表示にする */
.widget_swell_popular_posts .p-postList__item{
width: calc(100% / 1);
}
/* ウジェット新着一覧を1列表示にする */
.widget_swell_new_posts .p-postList__item{
width: calc(100% / 1);
}
}
/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼動画記事用クラス
*/
.area_wrap_porn_anime_title {}
.area_wrap_porn_anime_pagetop_title {
padding: 15px 0 15px 0 !important;
border-top: 2px #ad0a50 solid !important;
border-bottom: 2px #ad0a50 solid !important;
}
.area_wrap_porn_anime_cid {}
.area_wrap_porn_anime_actress {}
.area_wrap_porn_anime_performer {}
.area_wrap_porn_anime_maker {}
.area_wrap_porn_anime_label {}
.area_wrap_porn_anime_director {}
.area_wrap_porn_anime_series {}
.area_wrap_porn_anime_volume {}
.area_wrap_porn_anime_date {}
.area_wrap_porn_anime_genre {}
.area_wrap_porn_anime_genre_pagetop {
padding: 15px 0 15px 0 !important;
border-top: 1px #ad0a50 solid !important;
border-bottom: 1px #ad0a50 solid !important;
}
.area_wrap_porn_anime_random1 {}
.area_wrap_porn_anime_random2 {}
.area_wrap_porn_anime_random3 {}
.area_wrap_porn_anime_detail-list {}
.area_wrap_porn_anime_detail-table {}
.area_wrap_porn_anime_package_main {
width:100% !important;
}
.area_wrap_porn_anime_package_main img {
width: 100vw !important;
height: auto;
margin:0 auto 0 auto;
}
.area_wrap_porn_anime_package {}
.area_wrap_porn_anime_package img {
width:75% !important;
margin:0 auto 0 auto;
padding:5px;
border:3px solid #eeeeee;
}
.area_wrap_porn_anime_sample-movie2 {}
.area_wrap_porn_anime_sample-movie {}
.area_wrap_porn_anime_tachiyomi {}
.area_wrap_porn_anime_sample-cap {}
.area_wrap_porn_anime_sample-photo {
width:100% !important;
text-align:center !important;
}
.wp-block-image{
width:100% !important;
text-align:center !important;
}
.area_wrap_porn_anime_sample-photo img {
margin:0 auto 25px auto !important;
/* box-shadow: 2px 2px 2px 1px rgb(128 128 128 / 20%); */
box-shadow: 0 5px 8px 0 rgba(128, 128, 128, 0.5);
}
.area_wrap_porn_anime_sample-flex {}
.area_wrap_porn_anime_act-info {}
.area_wrap_porn_anime_act-table {}
.area_wrap_porn_anime_comment {}
.area_wrap_porn_anime_comment-short {}
.area_wrap_porn_anime_aff-button {}
.area_wrap_porn_anime_aff-button2 {}
.area_wrap_porn_anime_aff-link {}
.area_wrap_porn_anime_tachiyomi-link {}
/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼ボタンデザイン
*/
/* ボタン アフィリエイト系 */
.btn_affi_base,
a.btn_affi_base,
button.btn_affi_base {
position: relative;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
}
/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼PCとSP 個別CSS
*/
/* ####################################################### */
/* ▼タイトル系
*/
/* ▼PC/タブレット 表示領域が600px以上の場合 */
@media (min-width: 600px) {
/* テキスト メインビジュアル トップページ */
.text_main_visual_no1{
font-size: 160% !important;
letter-spacing:0.35em !important;
}
}
/* ▼スマホ 表示領域が600px未満の場合 */
@media (max-width: 599px) {
/* テキスト メインビジュアル */
.text_main_visual_no1{
font-size: 180% !important;
letter-spacing:0.25em !important;
}
}
/* ####################################################### */
/* ▼ボタン系
*/
/* ▼PC/タブレット 表示領域が600px以上の場合 */
@media (min-width: 600px) {
/* ボタン アフィリエイト系 赤*/
a.btn_affi_clr_red {
background-color: #d40861;
border: 2px solid #9f0055;
}
a.btn_affi_clr_orange {
background-color: #eb9a05;
border: 2px solid #c78100;
}
/* ボタン アフィリエイト系 タイプA*/
a.btn_affi_type_a {
font-size: 1.5rem !important;
letter-spacing: 0.1em;
font-weight: 700;
line-height: 1.5;
width:100%;
position: relative;
padding: 20px 20px 20px 20px;
color: #fff !important;
border-radius: 100vh !important;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .3) !important;
box-shadow: 0 5px 5px rgba(0, 0, 0, .3) !important;
}
}
/* ▼スマホ 表示領域が600px未満の場合 */
@media (max-width: 599px) {
/* ボタン アフィリエイト系 赤*/
a.btn_affi_clr_red {
background-color: #d40861;
border: 2px solid #9f0055;
}
a.btn_affi_clr_orange {
background-color: #eb9a05;
border: 2px solid #c78100;
}
/* ボタン アフィリエイト系 タイプA*/
a.btn_affi_type_a {
font-size: 1.3rem !important;
letter-spacing: 0.1em;
font-weight: 700;
line-height: 1.5;
width:100%;
position: relative;
padding: 20px 20px 20px 20px;
color: #fff !important;
border-radius: 100vh !important;
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .3) !important;
box-shadow: 0 5px 5px rgba(0, 0, 0, .3) !important;
}
}
/* ####################################################### */
/* ▼テキスト系
*/
/* ▼PC/タブレット 表示領域が600px以上の場合 */
@media (min-width: 600px) {
/* テキストサイズ */
.text_size_xxs {font-size: 70% !important;}
.text_size_xs {font-size: 90% !important;}
.text_size_s {font-size: 110% !important;}
.text_size_m {font-size: 120% !important;}
.text_size_l {font-size: 130% !important;}
.text_size_xl {font-size: 150% !important;}
.text_size_xxl {font-size: 170% !important;}
/* 行間サイズ */
.text_line_xxs {line-height: 70% !important;}
.text_line_xs {line-height: 90% !important;}
.text_line_s {line-height: 110% !important;}
.text_line_m {line-height: 120% !important;}
.text_line_l {line-height: 130% !important;}
.text_line_xl {line-height: 150% !important;}
.text_line_xxl {line-height: 170% !important;}
/* 文字間サイズ */
.text_letter_xxs {letter-spacing:0.01em !important;}
.text_letter_xs {letter-spacing:0.05em !important;}
.text_letter_s {letter-spacing:0.1em !important;}
.text_letter_m {letter-spacing:0.15em !important;}
.text_letter_l {letter-spacing:0.20em !important;}
.text_letter_xl {letter-spacing:0.25em !important;}
.text_letter_xxl {letter-spacing:0.30em !important;}
}
/* ▼スマホ 表示領域が600px未満の場合 */
@media (max-width: 599px) {
/* テキストサイズ */
.text_size_xxs {font-size: 70% !important;}
.text_size_xs {font-size: 90% !important;}
.text_size_s {font-size: 110% !important;}
.text_size_m {font-size: 120% !important;}
.text_size_l {font-size: 130% !important;}
.text_size_xl {font-size: 150% !important;}
.text_size_xxl {font-size: 170% !important;}
/* 行間サイズ */
.text_line_xxs {line-height: 70% !important;}
.text_line_xs {line-height: 90% !important;}
.text_line_s {line-height: 110% !important;}
.text_line_m {line-height: 120% !important;}
.text_line_l {line-height: 130% !important;}
.text_line_xl {line-height: 150% !important;}
.text_line_xxl {line-height: 170% !important;}
/* 文字間サイズ */
.text_letter_xxs {letter-spacing:0.01em !important;}
.text_letter_xs {letter-spacing:0.05em !important;}
.text_letter_s {letter-spacing:0.1em !important;}
.text_letter_m {letter-spacing:0.15em !important;}
.text_letter_l {letter-spacing:0.20em !important;}
.text_letter_xl {letter-spacing:0.25em !important;}
.text_letter_xxl {letter-spacing:0.30em !important;}
}
/* ####################################################### */
/* ▼パディング、マージン、幅
*/
/* ▼スマホ 表示領域が599px未満の場合 */
@media screen and (max-width: 599px) {
/* パディング左右、幅 採用案内 */
.padding_group_leftandright_intro,
.padding_group_leftandright_achieve,
.padding_group_leftandright_recruit,
.padding_group_leftandright_news{
padding:0 0 0 0 !important;
}
}
/* ▼タブレット 600px〜1379px */
@media screen and (min-width: 600px) and (max-width: 1119px){
/* パディング左右、幅 採用案内 */
.padding_group_leftandright_intro,
.padding_group_leftandright_achieve,
.padding_group_leftandright_recruit,
.padding_group_leftandright_news{
padding:0 0 0 0 !important;
}
}
/* ▼PC/タブレット 表示領域が1380px以上の場合 */
@media screen and (min-width: 1120px) {
/* パディング左右、幅 採用案内 */
.padding_group_leftandright_intro,
.padding_group_leftandright_achieve,
.padding_group_leftandright_recruit,
.padding_group_leftandright_news{
width:1020px !important;
}
}
/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼エリア一覧 レスポンシブで3列-2列
*/
.area_3-2_column {
display: flex;
flex-wrap: wrap;
}
.area_3-2_column .column {
width: 50%;
margin:0 0 10px 0;
}
@media (min-width: 1024px) {
.area_3-2_column .column {
width: calc(100% / 3);
margin:0 0 10px 0;
}
}
/*
*/
/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼角丸リンクテキスト
*/
.linktext_radius_bg a {
color: #fff;
font-weight: bold;
padding:2px 5px 2px 5px;
border-radius: 6px;
transition: .3s;
}
/* purple */
.linktext_radius_bg a.purple {background: #674ed9;}
.linktext_radius_bg a:hover.purple {background: #8f7af0;}
/* pink */
.linktext_radius_bg a.pink {background: #ce61ca;}
.linktext_radius_bg a:hover.pink {background: #ed85e9;}
/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼角丸背景テキスト text radius background color
*/
/* 背景色装飾文字solid */
.text_radius_bg_gray,
.text_radius_bg_purple,
.text_radius_bg_yellow,
.text_radius_bg_green,
.text_radius_bg_blue,
.text_radius_bg_tqsblue,
.text_radius_bg_red,
.text_radius_bg_orange,
.text_radius_bg_brown,
.text_radius_bg_navy,
.text_radius_bg_pink {
margin:0 3px 0 3px;
border-radius: 5px; /* CSS3草案 */
-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
-moz-border-radius: 5px; /* Firefox用 */
color:#ffffff !important;
padding:2px 5px 2px 5px;
}
.text_radius_bg_gray strong,
.text_radius_bg_purple strong,
.text_radius_bg_yellow strong,
.text_radius_bg_green strong,
.text_radius_bg_blue strong,
.text_radius_bg_tqsblue strong,
.text_radius_bg_red strong,
.text_radius_bg_orange strong,
.text_radius_bg_brown strong,
.text_radius_bg_navy strong,
.text_radius_bg_pink strong {
color:#ffffff !important;
}
.text_radius_bg_gray {background-color:#979797;}
.text_radius_bg_yellow {background-color:#ddc100;}
.text_radius_bg_green {background-color:#57af48;}
.text_radius_bg_blue {background-color:#2949b2;}
.text_radius_bg_tqsblue {background-color:#0798b0;}
.text_radius_bg_red {background-color:#c91e1e;}
.text_radius_bg_orange {background-color:#e2671d;}
.text_radius_bg_brown {background-color:#ad7c4b;}
.text_radius_bg_navy {background-color:#092e63;}
.text_radius_bg_pink {background-color:#ce61ca;}
.text_radius_bg_purple {background-color:#6b47e5;}
.text_radius_bg_gray a,
.text_radius_bg_purple a,
.text_radius_bg_yellow a,
.text_radius_bg_green a,
.text_radius_bg_blue a,
.text_radius_bg_tqsblue a,
.text_radius_bg_red a,
.text_radius_bg_orange a,
.text_radius_bg_brown a,
.text_radius_bg_navy a,
.text_radius_bg_pink a {
color:#ffffff !important;
}
/*
▲solid */
/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼text size
*/
/* 横配置 */
.text_center {text-align:center !important;}
.text_right {text-align:right !important;}
.text_left {text-align:left !important;}
/* 太さ */
.text_bold {font-weight:bold !important;}
/* サイズ */
.text_size_40 {font-size: 40% !important;}
.text_size_45 {font-size: 45% !important;}
.text_size_50 {font-size: 50% !important;}
.text_size_55 {font-size: 55% !important;}
.text_size_60 {font-size: 60% !important;}
.text_size_65 {font-size: 65% !important;}
.text_size_70 {font-size: 70% !important;}
.text_size_75 {font-size: 75% !important;}
.text_size_80 {font-size: 80% !important;}
.text_size_85 {font-size: 85% !important;}
.text_size_90 {font-size: 90% !important;}
.text_size_95 {font-size: 95% !important;}
.text_size_100 {font-size: 100% !important;}
.text_size_105 {font-size: 105% !important;}
.text_size_110 {font-size: 110% !important;}
.text_size_115 {font-size: 115% !important;}
.text_size_120 {font-size: 120% !important;}
.text_size_125 {font-size: 125% !important;}
.text_size_130 {font-size: 130% !important;}
.text_size_135 {font-size: 135% !important;}
.text_size_140 {font-size: 140% !important;}
.text_size_145 {font-size: 145% !important;}
.text_size_150 {font-size: 150% !important;}
.text_size_155 {font-size: 155% !important;}
.text_size_160 {font-size: 160% !important;}
.text_size_165 {font-size: 165% !important;}
.text_size_170 {font-size: 170% !important;}
.text_size_180 {font-size: 180% !important;}
.text_size_190 {font-size: 190% !important;}
.text_size_200 {font-size: 200% !important;}
.text_size_210 {font-size: 210% !important;}
.text_size_220 {font-size: 220% !important;}
.text_size_230 {font-size: 230% !important;}
.text_size_240 {font-size: 240% !important;}
.text_size_250 {font-size: 250% !important;}
.text_size_260 {font-size: 260% !important;}
.text_size_270 {font-size: 270% !important;}
.text_size_280 {font-size: 280% !important;}
.text_size_290 {font-size: 290% !important;}
.text_size_300 {font-size: 300% !important;}
.text_size_320 {font-size: 320% !important;}
.text_size_340 {font-size: 340% !important;}
.text_size_360 {font-size: 360% !important;}
.text_size_380 {font-size: 380% !important;}
.text_size_400 {font-size: 400% !important;}
.text_size_500 {font-size: 500% !important;}
.text_size_600 {font-size: 600% !important;}
/* 行間サイズ */
.text_line_60 {line-height:60% !important;}
.text_line_70 {line-height:70% !important;}
.text_line_80 {line-height:80% !important;}
.text_line_90 {line-height:90% !important;}
.text_line_100 {line-height:100% !important;}
.text_line_110 {line-height:110% !important;}
.text_line_120 {line-height:120% !important;}
.text_line_130 {line-height:130% !important;}
.text_line_140 {line-height:140% !important;}
.text_line_150 {line-height:150% !important;}
.text_line_160 {line-height:160% !important;}
.text_line_170 {line-height:170% !important;}
.text_line_180 {line-height:180% !important;}
.text_line_190 {line-height:190% !important;}
.text_line_200 {line-height:200% !important;}
.text_line_210 {line-height:210% !important;}
.text_line_220 {line-height:220% !important;}
.text_line_230 {line-height:230% !important;}
.text_line_240 {line-height:240% !important;}
.text_line_250 {line-height:250% !important;}
.text_line_260 {line-height:260% !important;}
.text_line_270 {line-height:270% !important;}
.text_line_280 {line-height:280% !important;}
.text_line_300 {line-height:300% !important;}
.text_line_400 {line-height:400% !important;}
.text_line_500 {line-height:500% !important;}
.text_line_600 {line-height:600% !important;}
/* 文字間サイズ */
.text_letter_1 {letter-spacing:0.01em !important;}
.text_letter_2 {letter-spacing:0.02em !important;}
.text_letter_3 {letter-spacing:0.03em !important;}
.text_letter_4 {letter-spacing:0.04em !important;}
.text_letter_5 {letter-spacing:0.05em !important;}
.text_letter_6 {letter-spacing:0.06em !important;}
.text_letter_7 {letter-spacing:0.07em !important;}
.text_letter_8 {letter-spacing:0.08em !important;}
.text_letter_9 {letter-spacing:0.09em !important;}
.text_letter_10 {letter-spacing:0.10em !important;}
.text_letter_15 {letter-spacing:0.15em !important;}
.text_letter_20 {letter-spacing:0.20em !important;}
.text_letter_25 {letter-spacing:0.25em !important;}
.text_letter_30 {letter-spacing:0.30em !important;}
.text_letter_35 {letter-spacing:0.35em !important;}
.text_letter_40 {letter-spacing:0.40em !important;}
.text_letter_45 {letter-spacing:0.45em !important;}
.text_letter_50 {letter-spacing:0.50em !important;}
.text_letter_75 {letter-spacing:0.75em !important;}
.text_letter_100 {letter-spacing:1.0em !important;}
.text_letter_125 {letter-spacing:1.25em !important;}
.text_letter_150 {letter-spacing:1.5em !important;}
.text_letter_175 {letter-spacing:1.75em !important;}
/* 太さ */
.text_bold_100 {font-weight: 100 !important;}
.text_bold_200 {font-weight: 200 !important;}
.text_bold_300 {font-weight: 300 !important;}
.text_bold_400 {font-weight: 400 !important;}
.text_bold_500 {font-weight: 500 !important;}
.text_bold_600 {font-weight: 600 !important;}
.text_bold_700 {font-weight: 700 !important;}
.text_bold_800 {font-weight: 800 !important;}
.text_bold_900 {font-weight: 900 !important;}
/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼text color
*/
/* 灰色 */
.text_clr_white {color:#ffffff !important;}
.text_clr_black {color:#000000 !important;}
/* 灰色 */
.text_clr_gray1 {color:#f2f2f2 !important;}
.text_clr_gray2 {color:#ececec !important;}
.text_clr_gray3 {color:#e0e0e0 !important;}
.text_clr_gray4 {color:#cecece !important;}
.text_clr_gray5 {color:#b7b7b7 !important;}
.text_clr_gray6 {color:#a2a2a2 !important;}
.text_clr_gray7 {color:#8a8a8b !important;}
.text_clr_gray8 {color:#777777 !important;}
.text_clr_gray9 {color:#5c5c5c !important;}
.text_clr_gray10 {color:#484848 !important;}
.text_clr_gray11 {color:#373737 !important;}
.text_clr_gray12 {color:#242424 !important;}
.text_clr_gray13 {color:#181818 !important;}
.text_clr_gray14 {color:#0f0f0f !important;}
/* 青 */
.text_clr_lightblue {color:#557de4 !important;}
.text_clr_blue {color:#3761cb !important;}
.text_clr_darkblue {color:#1d42a1 !important;}
.text_clr_deepblue {color:#0b2b7e !important;}
/* ターコイズブルー */
.text_clr_lighttqsblue {color:#21c3de !important;}
.text_clr_tqsblue {color:#0798b0 !important;}
.text_clr_darktqsblue {color:#038296 !important;}
.text_clr_deeptqsblue {color:#025c6b !important;}
/* 赤色 */
.text_clr_lightred {color:#ff7373 !important;}
.text_clr_red {color:#e34646 !important;}
.text_clr_darkred {color:#c22b2b !important;}
.text_clr_deepred {color:#850f0f !important;}
/* ピンク */
.text_clr_lightpink {color:#ff99c5 !important;}
.text_clr_pink {color:#fa69a7 !important;}
.text_clr_darkpink {color:#f0418c !important;}
.text_clr_deeppink {color:#c7085a !important;}
/* 黄色 */
.text_clr_lightyellow {color:#f2d71f !important;}
.text_clr_yellow {color:#ffd429 !important;}
.text_clr_darkyellow {color:#edc900 !important;}
.text_clr_deepyellow {color:#c4aa00 !important;}
/* 緑 */
.text_clr_lightgreen {color:#8bcc47 !important;}
.text_clr_green {color:#79bf32 !important;}
.text_clr_darkgreen {color:#5fa31a !important;}
.text_clr_deepgreen {color:#447d0b !important;}
/* 紫 */
.text_clr_lightpurple {color:#ddb7eb !important;}
.text_clr_purple {color:#d491ec !important;}
.text_clr_darkpurple {color:#ad69c8 !important;}
.text_clr_deeppurple {color:#9047a6 !important;}
/* 茶色 */
.text_clr_lightbrown {color:#e6c89e !important;}
.text_clr_brown {color:#c7a26d !important;}
.text_clr_darkbrown {color:#ac8246 !important;}
.text_clr_deepbrown {color:#7d5722 !important;}
/* オレンジ */
.text_clr_lightorange {color:#ff9c3b !important;}
.text_clr_orange {color:#ff7e00 !important;}
.text_clr_darkorange {color:#fa6800 !important;}
.text_clr_deeporange {color:#c95700 !important;}
/*
▲text color */
/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼背景
*/
.bg_clr_white {background-color:#ffffff !important;}
.bg_clr_black {background-color:#000000 !important;}
.bg_clr_superlightgray {background-color:#f5f5f5 !important;}
.bg_clr_lightgray {background-color:#e3e3e3 !important;}
.bg_clr_gray {background-color:#c9c9c9 !important;}
.bg_clr_darkgray {background-color:#8c8c8c !important;}
.bg_clr_deepgray {background-color:#616161 !important;}
.bg_clr_lightpurple {background-color:#d8b7eb !important;}
.bg_clr_purple {background-color:#cb91ec !important;}
.bg_clr_darkpurple {background-color:#a669c8 !important;}
.bg_clr_deeppurple {background-color:#8447a6 !important;}
.bg_clr_lightgreen {background-color:#91cf51 !important;}
.bg_clr_green {background-color:#6fa835 !important;}
.bg_clr_darkgreen {background-color:#509010 !important;}
.bg_clr_deepgreen {background-color:#366904 !important;}
.bg_clr_lightyellow {background-color:#f2d71f !important;}
.bg_clr_yellow {background-color:#fdbe1e !important;}
.bg_clr_darkyellow {background-color:#e89a02 !important;}
.bg_clr_deepyellow {background-color:#c08300 !important;}
.bg_clr_lightorange {background-color:#ff9c3b !important;}
.bg_clr_orange {background-color:#ff7e00 !important;}
.bg_clr_darkorange {background-color:#fa6800 !important;}
.bg_clr_deeporange {background-color:#c95700 !important;}
.bg_clr_lightred {background-color:#f27c7c !important;}
.bg_clr_red {background-color:#e74a4a !important;}
.bg_clr_darkred {background-color:#db1a1a !important;}
.bg_clr_deepred {background-color:#b30000 !important;}
.bg_clr_whiteblue {background-color:#d4f6ff !important;}
.bg_clr_superlightblue {background-color:#7de1ff !important;}
.bg_clr_lightblue {background-color:#2db6fa !important;}
.bg_clr_blue {background-color:#028cd1 !important;}
.bg_clr_darkblue {background-color:#0276b0 !important;}
.bg_clr_deepblue {background-color:#005078 !important;}
.bg_clr_lighttqsblue {background-color:#21c3de !important;}
.bg_clr_tqsblue {background-color:#0798b0 !important;}
.bg_clr_darktqsblue {background-color:#038296 !important;}
.bg_clr_deeptqsblue {background-color:#025c6b !important;}
.bg_clr_lightbrown {background-color:#e6c89e !important;}
.bg_clr_brown {background-color:#c7a26d !important;}
.bg_clr_darkbrown {background-color:#ac8246 !important;}
.bg_clr_deepbrown {background-color:#7d5722 !important;}
/*
▲背景色 */
/* #################################################################################################################### */
/* #################################################################################################################### */
/* ▼マージン、パディング、サイズ
*/
.mg_b_0 {margin-bottom: 0px !important;}
.mg_b_1 {margin-bottom: 1px !important;}
.mg_b_2 {margin-bottom: 2px !important;}
.mg_b_3 {margin-bottom: 3px !important;}
.mg_b_4 {margin-bottom: 4px !important;}
.mg_b_5 {margin-bottom: 5px !important;}
.mg_b_6 {margin-bottom: 6px !important;}
.mg_b_7 {margin-bottom: 7px !important;}
.mg_b_8 {margin-bottom: 8px !important;}
.mg_b_9 {margin-bottom: 9px !important;}
.mg_b_10 {margin-bottom: 10px !important;}
.mg_b_20 {margin-bottom: 20px !important;}
.mg_b_30 {margin-bottom: 30px !important;}
.mg_b_40 {margin-bottom: 40px !important;}
.mg_b_50 {margin-bottom: 50px !important;}
.mg_t_0 {margin-top: 0px !important;}
.mg_t_1 {margin-top: 1px !important;}
.mg_t_2 {margin-top: 2px !important;}
.mg_t_3 {margin-top: 3px !important;}
.mg_t_4 {margin-top: 4px !important;}
.mg_t_5 {margin-top: 5px !important;}
.mg_t_6 {margin-top: 6px !important;}
.mg_t_7 {margin-top: 7px !important;}
.mg_t_8 {margin-top: 8px !important;}
.mg_t_9 {margin-top: 9px !important;}
.mg_t_10 {margin-top: 10px !important;}
.mg_t_20 {margin-top: 20px !important;}
.mg_t_30 {margin-top: 30px !important;}
.mg_t_40 {margin-top: 40px !important;}
.mg_t_50 {margin-top: 50px !important;}
.mg_t_m0 {margin-top: -0px !important;}
.mg_t_m1 {margin-top: -1px !important;}
.mg_t_m2 {margin-top: -2px !important;}
.mg_t_m3 {margin-top: -3px !important;}
.mg_t_m4 {margin-top: -4px !important;}
.mg_t_m5 {margin-top: -5px !important;}
.mg_t_m6 {margin-top: -6px !important;}
.mg_t_m7 {margin-top: -7px !important;}
.mg_t_m8 {margin-top: -8px !important;}
.mg_t_m9 {margin-top: -9px !important;}
.mg_t_m10 {margin-top: -10px !important;}
.mg_t_m20 {margin-top: -20px !important;}
.mg_t_m30 {margin-top: -30px !important;}
.mg_t_m40 {margin-top: -40px !important;}
.mg_t_m50 {margin-top: -50px !important;}
.mg_r_0 {margin-right: 0px !important;}
.mg_r_1 {margin-right: 1px !important;}
.mg_r_2 {margin-right: 2px !important;}
.mg_r_3 {margin-right: 3px !important;}
.mg_r_4 {margin-right: 4px !important;}
.mg_r_5 {margin-right: 5px !important;}
.mg_r_6 {margin-right: 6px !important;}
.mg_r_7 {margin-right: 7px !important;}
.mg_r_8 {margin-right: 8px !important;}
.mg_r_9 {margin-right: 9px !important;}
.mg_r_10 {margin-right: 10px !important;}
.mg_r_20 {margin-right: 20px !important;}
.mg_r_30 {margin-right: 30px !important;}
.mg_r_40 {margin-right: 40px !important;}
.mg_r_50 {margin-right: 50px !important;}
.mg_r_auto {margin-right: auto !important;}
.mg_l_0 {margin-left: 0px !important;}
.mg_l_1 {margin-left: 1px !important;}
.mg_l_2 {margin-left: 2px !important;}
.mg_l_3 {margin-left: 3px !important;}
.mg_l_4 {margin-left: 4px !important;}
.mg_l_5 {margin-left: 5px !important;}
.mg_l_6 {margin-left: 6px !important;}
.mg_l_7 {margin-left: 7px !important;}
.mg_l_8 {margin-left: 8px !important;}
.mg_l_9 {margin-left: 9px !important;}
.mg_l_10 {margin-left: 10px !important;}
.mg_l_20 {margin-left: 20px !important;}
.mg_l_30 {margin-left: 30px !important;}
.mg_l_40 {margin-left: 40px !important;}
.mg_l_50 {margin-left: 50px !important;}
.mg_l_auto {margin-left: auto !important;}
.mg_0 {margin-left: 0px !important;margin-right: 0px !important;margin-top: 0px !important;margin-bottom: 0px !important;}
.mg_1 {margin-left: 1px !important;margin-right: 1px !important;margin-top: 1px !important;margin-bottom: 1px !important;}
.mg_2 {margin-left: 2px !important;margin-right: 2px !important;margin-top: 2px !important;margin-bottom: 2px !important;}
.mg_3 {margin-left: 3px !important;margin-right: 3px !important;margin-top: 3px !important;margin-bottom: 3px !important;}
.mg_4 {margin-left: 4px !important;margin-right: 4px !important;margin-top: 4px !important;margin-bottom: 4px !important;}
.mg_5 {margin-left: 5px !important;margin-right: 5px !important;margin-top: 5px !important;margin-bottom: 5px !important;}
.mg_6 {margin-left: 6px !important;margin-right: 6px !important;margin-top: 6px !important;margin-bottom: 6px !important;}
.mg_7 {margin-left: 7px !important;margin-right: 7px !important;margin-top: 7px !important;margin-bottom: 7px !important;}
.mg_8 {margin-left: 8px !important;margin-right: 8px !important;margin-top: 8px !important;margin-bottom: 8px !important;}
.mg_9 {margin-left: 9px !important;margin-right: 9px !important;margin-top: 9px !important;margin-bottom: 9px !important;}
.mg_10 {margin-left: 10px !important;margin-right: 10px !important;margin-top: 10px !important;margin-bottom: 10px !important;}
.mg_20 {margin-left: 20px !important;margin-right: 20px !important;margin-top: 20px !important;margin-bottom: 20px !important;}
.mg_30 {margin-left: 30px !important;margin-right: 30px !important;margin-top: 30px !important;margin-bottom: 30px !important;}
.mg_40 {margin-left: 40px !important;margin-right: 40px !important;margin-top: 40px !important;margin-bottom: 40px !important;}
.mg_50 {margin-left: 50px !important;margin-right: 50px !important;margin-top: 50px !important;margin-bottom: 50px !important;}
.pd_b_0 {padding-bottom: 0px !important;}
.pd_b_1 {padding-bottom: 1px !important;}
.pd_b_2 {padding-bottom: 2px !important;}
.pd_b_3 {padding-bottom: 3px !important;}
.pd_b_4 {padding-bottom: 4px !important;}
.pd_b_5 {padding-bottom: 5px !important;}
.pd_b_6 {padding-bottom: 6px !important;}
.pd_b_7 {padding-bottom: 7px !important;}
.pd_b_8 {padding-bottom: 8px !important;}
.pd_b_9 {padding-bottom: 9px !important;}
.pd_b_10 {padding-bottom: 10px !important;}
.pd_b_20 {padding-bottom: 20px !important;}
.pd_b_30 {padding-bottom: 30px !important;}
.pd_b_40 {padding-bottom: 40px !important;}
.pd_b_50 {padding-bottom: 50px !important;}
.pd_t_0 {padding-top: 0px !important;}
.pd_t_1 {padding-top: 1px !important;}
.pd_t_2 {padding-top: 2px !important;}
.pd_t_3 {padding-top: 3px !important;}
.pd_t_4 {padding-top: 4px !important;}
.pd_t_5 {padding-top: 5px !important;}
.pd_t_6 {padding-top: 6px !important;}
.pd_t_7 {padding-top: 7px !important;}
.pd_t_8 {padding-top: 8px !important;}
.pd_t_9 {padding-top: 9px !important;}
.pd_t_10 {padding-top: 10px !important;}
.pd_t_20 {padding-top: 20px !important;}
.pd_t_30 {padding-top: 30px !important;}
.pd_t_40 {padding-top: 40px !important;}
.pd_t_50 {padding-top: 50px !important;}
.pd_r_0 {padding-right: 0px !important;}
.pd_r_1 {padding-right: 1px !important;}
.pd_r_2 {padding-right: 2px !important;}
.pd_r_3 {padding-right: 3px !important;}
.pd_r_4 {padding-right: 4px !important;}
.pd_r_5 {padding-right: 5px !important;}
.pd_r_6 {padding-right: 6px !important;}
.pd_r_7 {padding-right: 7px !important;}
.pd_r_8 {padding-right: 8px !important;}
.pd_r_9 {padding-right: 9px !important;}
.pd_r_10 {padding-right: 10px !important;}
.pd_r_20 {padding-right: 20px !important;}
.pd_r_30 {padding-right: 30px !important;}
.pd_r_40 {padding-right: 40px !important;}
.pd_r_50 {padding-right: 50px !important;}
.pd_l_0 {padding-left: 0px !important;}
.pd_l_1 {padding-left: 1px !important;}
.pd_l_2 {padding-left: 2px !important;}
.pd_l_3 {padding-left: 3px !important;}
.pd_l_4 {padding-left: 4px !important;}
.pd_l_5 {padding-left: 5px !important;}
.pd_l_6 {padding-left: 6px !important;}
.pd_l_7 {padding-left: 7px !important;}
.pd_l_8 {padding-left: 8px !important;}
.pd_l_9 {padding-left: 9px !important;}
.pd_l_10 {padding-left: 10px !important;}
.pd_l_20 {padding-left: 20px !important;}
.pd_l_30 {padding-left: 30px !important;}
.pd_l_40 {padding-left: 40px !important;}
.pd_l_50 {padding-left: 50px !important;}
.pd_0 {padding-left: 0px !important;padding-right: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}
.pd_1 {padding-left: 1px !important;padding-right: 1px !important;padding-top: 1px !important;padding-bottom: 1px !important;}
.pd_2 {padding-left: 2px !important;padding-right: 2px !important;padding-top: 2px !important;padding-bottom: 2px !important;}
.pd_3 {padding-left: 3px !important;padding-right: 3px !important;padding-top: 3px !important;padding-bottom: 3px !important;}
.pd_4 {padding-left: 4px !important;padding-right: 4px !important;padding-top: 4px !important;padding-bottom: 4px !important;}
.pd_5 {padding-left: 5px !important;padding-right: 5px !important;padding-top: 5px !important;padding-bottom: 5px !important;}
.pd_6 {padding-left: 6px !important;padding-right: 6px !important;padding-top: 6px !important;padding-bottom: 6px !important;}
.pd_7 {padding-left: 7px !important;padding-right: 7px !important;padding-top: 7px !important;padding-bottom: 7px !important;}
.pd_8 {padding-left: 8px !important;padding-right: 8px !important;padding-top: 8px !important;padding-bottom: 8px !important;}
.pd_9 {padding-left: 9px !important;padding-right: 9px !important;padding-top: 9px !important;padding-bottom: 9px !important;}
.pd_10 {padding-left: 10px !important;padding-right: 10px !important;padding-top: 10px !important;padding-bottom: 10px !important;}
.pd_20 {padding-left: 20px !important;padding-right: 20px !important;padding-top: 20px !important;padding-bottom: 20px !important;}
.pd_30 {padding-left: 30px !important;padding-right: 30px !important;padding-top: 30px !important;padding-bottom: 30px !important;}
.pd_40 {padding-left: 40px !important;padding-right: 40px !important;padding-top: 40px !important;padding-bottom: 40px !important;}
.pd_50 {padding-left: 50px !important;padding-right: 50px !important;padding-top: 50px !important;padding-bottom: 50px !important;}
.wid_0p {width:0% !important;}
.wid_1p {width:1% !important;}
.wid_2p {width:2% !important;}
.wid_3p {width:3% !important;}
.wid_4p {width:4% !important;}
.wid_5p {width:5% !important;}
.wid_6p {width:6% !important;}
.wid_7p {width:7% !important;}
.wid_8p {width:8% !important;}
.wid_9p {width:9% !important;}
.wid_10p {width:10% !important;}
.wid_11p {width:11% !important;}
.wid_12p {width:12% !important;}
.wid_13p {width:13% !important;}
.wid_14p {width:14% !important;}
.wid_15p {width:15% !important;}
.wid_16p {width:16% !important;}
.wid_17p {width:17% !important;}
.wid_18p {width:18% !important;}
.wid_19p {width:19% !important;}
.wid_20p {width:20% !important;}
.wid_21p {width:21% !important;}
.wid_22p {width:22% !important;}
.wid_23p {width:23% !important;}
.wid_24p {width:24% !important;}
.wid_25p {width:25% !important;}
.wid_26p {width:26% !important;}
.wid_27p {width:27% !important;}
.wid_28p {width:28% !important;}
.wid_29p {width:29% !important;}
.wid_30p {width:30% !important;}
.wid_31p {width:31% !important;}
.wid_32p {width:32% !important;}
.wid_33p {width:33% !important;}
.wid_34p {width:34% !important;}
.wid_35p {width:35% !important;}
.wid_36p {width:36% !important;}
.wid_37p {width:37% !important;}
.wid_38p {width:38% !important;}
.wid_39p {width:39% !important;}
.wid_40p {width:40% !important;}
.wid_41p {width:41% !important;}
.wid_42p {width:42% !important;}
.wid_43p {width:43% !important;}
.wid_44p {width:44% !important;}
.wid_45p {width:45% !important;}
.wid_46p {width:46% !important;}
.wid_47p {width:47% !important;}
.wid_48p {width:48% !important;}
.wid_49p {width:49% !important;}
.wid_50p {width:50% !important;}
.wid_51p {width:51% !important;}
.wid_52p {width:52% !important;}
.wid_53p {width:53% !important;}
.wid_54p {width:54% !important;}
.wid_55p {width:55% !important;}
.wid_56p {width:56% !important;}
.wid_57p {width:57% !important;}
.wid_58p {width:58% !important;}
.wid_59p {width:59% !important;}
.wid_60p {width:60% !important;}
.wid_61p {width:61% !important;}
.wid_62p {width:62% !important;}
.wid_63p {width:63% !important;}
.wid_64p {width:64% !important;}
.wid_65p {width:65% !important;}
.wid_66p {width:66% !important;}
.wid_67p {width:67% !important;}
.wid_68p {width:68% !important;}
.wid_69p {width:69% !important;}
.wid_70p {width:70% !important;}
.wid_71p {width:71% !important;}
.wid_72p {width:72% !important;}
.wid_73p {width:73% !important;}
.wid_74p {width:74% !important;}
.wid_75p {width:75% !important;}
.wid_76p {width:76% !important;}
.wid_77p {width:77% !important;}
.wid_78p {width:78% !important;}
.wid_79p {width:79% !important;}
.wid_80p {width:80% !important;}
.wid_81p {width:81% !important;}
.wid_82p {width:82% !important;}
.wid_83p {width:83% !important;}
.wid_84p {width:84% !important;}
.wid_85p {width:85% !important;}
.wid_86p {width:86% !important;}
.wid_87p {width:87% !important;}
.wid_88p {width:88% !important;}
.wid_89p {width:89% !important;}
.wid_90p {width:90% !important;}
.wid_91p {width:91% !important;}
.wid_92p {width:92% !important;}
.wid_93p {width:93% !important;}
.wid_94p {width:94% !important;}
.wid_95p {width:95% !important;}
.wid_96p {width:96% !important;}
.wid_97p {width:97% !important;}
.wid_98p {width:98% !important;}
.wid_99p {width:99% !important;}
.wid_100p {width:100% !important;}
/*
▲マージン、パディング、サイズ */