/*
Theme Name: mommygym
*/

@charset "UTF-8";

/*----------------------------------------
 Reset
----------------------------------------*/

html{
/* font-size: 62.5%; */
}

html,
body,
div,
span,
applet,
object,
iframe,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video{
border:0;
vertical-align:baseline;
margin:0;
padding:0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{
display:block;
}


blockquote,
q{
quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after{
content:none;
}

/******************** CSS start ***************************/

.right_nav_menu a img {
	width: 180px;
    margin: 0 auto;
}

.top01-cv {
	background-color: #fff;
	padding-bottom: 40px;
}

.question_q.qa_open::after {
	content: "";
	transform: rotate(45deg);
	transition: 0.5s all;
}

div.page_inner div.question {
	background: transparent;
	border: none;
	padding: 0;
}

.question:before {
	display: none;
}

h4 button {
	all: unset;
}

#shop h3 {
	margin-bottom: 10px;
}

#shop h4 {
	margin-top: 20px;
}

#shop h4 button {
	cursor: pointer;
}

.shop-button:after {
	content: '▼';
	display: inline-block;
	margin-left: 5px;
	transition: 1s all;
}

.shop-button.shop-open:after {
	content: '▼';
	margin-left: 5px;
	display: inline-block;
	transform: rotate(-180deg);
	transition: 1s all;
}

#shop .shop-content p {
	transition: 1s all;
	transform-origin: top;
}
/*
.shop-hidden {
	transform: scaleY(0);
}
*/
.shop-content {
	display: none;
}

p.shop-info {
	margin-top: 30px;
}

#colum ul li .wp-block-latest-posts__post-title {
	font-size: 18px;
    margin: 10px 0;
    font-weight: 600;
}

.sp-fixed {
	position: fixed;
    z-index: 9999;
}

.sp-fixed img {
	width: 100%;
	height: auto;
}

.sp-cv {
	width: 100px;
    right: 10px;
    top: 140px;
}

.sp-top {
	width: 70px;
    right: 0px;
    bottom: 15%;
}

@media screen and (min-width: 768px){
	.pc-hide {
		display: none;
	}
	
	.sp-nav-button {
		display: none;
	}
}

@media screen and (max-width: 767px){
	ul.right_nav_menu {
		display: block !important;
		position: fixed;
		z-index: 5000;
		width: 60vw;
		height: 100vh;
		right: 0;
		top: 0;
		padding: 50px 0 0 0;
		background-color: #fff;
		transition: 1s all;
		transform: translateX(100%);
	}
	
	.sp-nav-button {
		border: none;
		background: inherit;
		position: fixed;
		width: 60px;
		height: 50px;
		right: 0;
		top: 0;
		z-index: 9999;
	}
	
	.sp-nav-button span {
		    display: inline-block;
			border-top: 3px solid #b78791;
			width: 70%;
			transition: 1s all;
	}
	
	.sp-nav-button.active span:nth-child(1) {
		transform: rotate(45deg);
    	transform-origin: bottom left;
	}
	
	.sp-nav-button.active span:nth-child(2) {
		transform: translateX(100%);
    	opacity: 0;
	}
	
	.sp-nav-button.active span:nth-child(3) {
		transform: rotate(-45deg);
    	transform-origin: top left;
	}
	
}

/*----------------------------------------
 column
----------------------------------------*/

.col_1_sp{
width: 8.33%;
}

.col_2_sp{
width: 16.66%;
}

.col_3_sp{
width: 25%;
}

.col_4_sp{
width: 33.33%;
}

.col_5_sp{
width: 41.66%;
}

.col_6_sp{
width: 50%;
}

.col_7_sp{
width: 58.33%;
}

.col_8_sp{
width: 66.66%;
}

.col_9_sp{
width: 75%;
}

.col_10_sp{
width: 83.33%;
}

.col_11_sp{
width: 91.66%;
}

.col_12_sp{
width: 100%;
}

.dp_col_2{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(5, auto);
column-gap: 2%;
row-gap: 40px;
width: 100%;
}

.dp_col_3{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(5, auto);
column-gap: 2%;
row-gap: 40px;
width: 100%;
}

.dp_col_4,.dp_col_4_sp{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(5, auto);
column-gap: 2%;
row-gap: 40px;
width: 100%;
}

.dp_col_5,.dp_col_5_sp{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, auto);
column-gap: 2%;
row-gap: 40px;
width: 100%;
}

.dp_col_row{
display: grid;
grid-template-rows: subgrid;
gap: 0;
width: 100%;
}

/* sp */

@media screen and (max-width : 897px) {

/*----------------------------------------
 column
----------------------------------------*/

.col_1{
width: 8.33%;
}

.col_2{
width: 16.66%;
}

.col_3{
width: 25%;
}

.col_4{
width: 33.33%;
}

.col_5{
width: 41.66%;
}

.col_6{
width: 50%;
}

.col_7{
width: 58.33%;
}

.col_8{
width: 66.66%;
}

.col_9{
width: 75%;
}

.col_10{
width: 83.33%;
}

.col_11{
width: 91.66%;
}

.col_12{
width: 100%;
}

.dp_col_2,
.dp_col_3,
.dp_col_4,
.dp_col_5{
grid-template-columns: 1fr;
gap: 20px 0;
}

.dp_col_4_sp,
.dp_col_5_sp{
grid-template-columns: repeat(2, 1fr);
gap: 20px 2%;
}

}

.PS_r{
position: relative;
}

.mincho{
font-family: YakuHanMP, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif !important;
}

.gothic{
font-family:"Noto Sans JP","游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ ",Meiryo,"MS ゴシック",sans-serif !important;
}

/*------文字色--------*/

.CL_00{
color: #333333 !important;
}

.CL_66{
color: #666666 !important;
}

.CL_cc{
color: #cccccc !important;
}

.CL_ff{
color: #ffffff !important;
}

.CL_red{
color: #a80a0a !important;
}

.CL_green{
color: #3d863f !important;
}

.CL_green2{
color: #9ec5b5 !important;
}

.CL_blue{
color: #5d7884 !important;
}

.CL_blue2{
color: #d5dce2 !important;
}

.CL_pink{
color: #be4d88 !important;
}


.CL_blown{
color: #7a6a56 !important;
}

.CL_blown2{
color: #4e402e !important;
}

.CL_main{
color: #c69042 !important;
}

.CL_pink2{
color: #be9e86 !important;
}


/*------背景色--------*/

.BG_00 {
background-color:#000000 !important;
}

.BG_33 {
background-color:#333333 !important;
}

.BG_66 {
background-color:#666666 !important;
}

.BG_99 {
background-color:#999999 !important;
}

.BG_cc {
background-color:#cccccc !important;
}

.BG_ee {
background-color:#eeeeee !important;
}

.BG_f0 {
background-color:#f0f0f0 !important;
}

.BG_f5 {
background-color:#f5f5f5 !important;
}

.BG_f7 {
background-color:#f7f7f7 !important;
}

.BG_eb {
background-color:#ebeae5 !important;
}

.BG_ea {
background-color:#eaeaea !important;
}

.BG_fa {
background-color:#fafafa !important;
}

.BG_ff {
background-color:#ffffff !important;
}

.BG_red{
background-color: #a80a0a !important;
}

.BG_green{
background-color: #3d863f !important;
}

.BG_blue{
background-color: #5d7884 !important;
}

.BG_blue2{
background-color: #eff2f3 !important;
}

.BG_blue3{
background-color: #d5dce2 !important;
}

.BG_blue4{
background-color: #91b0c2 !important;
}

.BG_blue5{
background-color: #065578 !important;
}

.BG_yellow{
background-color: #f7f3e8 !important;
}

.FT_BG01{
background-color: #c10f4e !important;
}

.FT_BG02{
background-color: #c69042 !important;
}

/*------ページ背景色文字色--------*/

.page_CL01{
color: #facc15 !important;
}

.page_CL02{
color: #344b90 !important;
}

.page_CL03{
color: #d53939 !important;
}

.page_CL04{
color: #00b600 !important;
}

.page_BG01{
background-color: #f7fafe !important;
}

.page_BG02{
background-color: #eff6ff !important;
}

/*------ボーダー--------*/

.BD_00 {
border: solid 1px #000000 !important;
}

.BD_cc {
border: solid 1px #cccccc !important;
}

.BDB_33 {
border-bottom: solid 1px #333 !important;
}

.BDR_66 {
border-right: solid 1px #666 !important;
}

.page_BD01{
border: solid 1px #344b90 !important;
}

/*------文字間--------*/

.LS_0{
letter-spacing: 0 !important;
}

.LS_1{
letter-spacing: 1px !important;
}

.LS_2{
letter-spacing: 2px !important;
}

.LS_3{
letter-spacing: 3px !important;
}

.LS_4{
letter-spacing: 4px !important;
}

.LS_5{
letter-spacing: 5px !important;
}

.LH_2{
line-height: 2;
}

.LH_3{
line-height: 3;
}

.TS_ff{
text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}

.TS_00{
text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
}

@media screen and (max-width : 896px) {

.LS_0_sp{
letter-spacing: 0 !important;
}

.LH_0_sp{
line-height: 1.6 !important;
}

}

/*----------------------------------------
	全体
----------------------------------------*/

html,body{
height: 100%;
}

body{
font-family: 'Noto Sans JP', sans-serif;
color: #333;
-webkit-text-size-adjust: 100%;
word-wrap: break-word;
min-height: 100vh;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
}

*,
*:before,
*:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

a,
a:link{
color: #806a6d;
text-decoration: none;
}

a:visited{
color: #806a6d;
}

img{
width: 100%;
height: auto;
flex-shrink: 0;
vertical-align: bottom;
-webkit-backface-visibility: hidden;
display: block;
}

a img:hover{
opacity: 0.7;
transition: 0.5s;
}

div,
a,
p,
img{
min-height: 0%; /* IE11設定 */
}

/*----------------------------------------
	page
----------------------------------------*/

.page_container {
display: -webkit-box;
display: flex;
background: url('https://astp.website/mommygym/wp-content/uploads/2025/08/LP_pc_back.png');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}

.page_logo {
width: 200px;
height: auto;
}

/* 中央スクロールコンテンツ */
.page_center {
z-index: 100;
-webkit-box-shadow: 5px 0px 10px 0px #bcbcbc, -5px 0px 10px 0px #bcbcbc;
box-shadow: 5px 0px 10px 0px #bcbcbc, -5px 0px 10px 0px #bcbcbc;
width: 100%;
max-width: 505px;
margin: 50px auto 0;
position: sticky;
border-radius: 20px 20px 0 0;
background: #f9f7f8;
overflow: hidden;
}

.page_inner{
max-width: 473px;
width: 90%;
}

.page_section {
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
position: relative;
padding: 0 0 80px;
}

.page_section h3{
font-size: 35px;
font-weight: normal;
color: #806a6d;
letter-spacing: 2px;
text-align: center;
padding: 0;
border-bottom: none;
width: 100%;
}

.page_section h3:where(:not(.wp-block-post-title)):after{
content: none;
}

.page_section h4{
font-size: 25px;
color: #806a6d;
font-weight: normal;
text-align: center;
background: none;
padding: 0;
width: 100%;
}

.page_section p{
color: #806a6d;
}

@media screen and (max-width: 505px) {
	.page_center {
		-webkit-box-shadow: none;
		box-shadow: none;
		margin: 0;
		border-radius: 0;
	}
}

/* 左右ナビゲーション */

@media screen and (min-width: 768px){
	.page_left,
	.right_nav {
		width: 25%;
		padding: 0 30px;
		position: sticky;
		top: 80px;
		height: 100vh;
		z-index: 10;
		display: flex;
		flex-direction: column;
		align-items: center;
		}
}

@media screen and (max-width: 767px){
	.page_left {
		display: none;
	}
}

/* 右側ナビゲーション */
.right_nav .qr_box{
display: flex;
justify-content: center;
width: 100%;
}

.right_nav .qr_box img{
position: absolute;
bottom: 110px;
max-width: 200px;
width: 100%;
}

.right_nav_menu {
list-style: none;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}

.right_nav_menu li {
margin: 0 0 20px;
}

.right_nav_menu a {
color: #806a6d;
text-decoration: none;
font-size: 15px;
transition: color 0.3s;
}

.right_nav_menu a:hover {
color: #d2bec1;
}

#shop p{
font-size: 18px;
}

/* よくある質問 */
.question {
width: 100%;
}

.question_item {
color: #806a6d;
margin: 20px 0;
}

.question_item p{
margin: 0;
}

.question_q {
font-weight: normal;
letter-spacing: 2px;
padding: 15px;
cursor: pointer;
position: relative;
background: #EBCFD2;
}

.question_q::after {
content: "";
background: url(../newlp-assets/img/q_icon.svg) 0 0 no-repeat;
background-size: cover;
width: 20px;
height: 20px;
position: absolute;
right: 15px;
top: 50%;
margin-top: -10px;
transition: 0.5s all;
}

.question_q.active::after {
background: url(../newlp-assets/img/a_icon.svg) 0 0 no-repeat;
}

.question_a {
display: none;
padding: 15px 0;
position: relative;
}

.question_a p {
letter-spacing: 1px;
line-height: 2;
}

.question_a span{
position: absolute;
top: 14px;
left: 15px;
}

.question_a span,
.question_q span{
font-size: 120%;
font-weight: bold;
margin-right: 5px;
}

.question_q.active .question_a{
display: flex;
}

/* 投稿・記事 */
#colum ul li .wp-block-latest-posts__post-title,
#colum ul li a{
color: #806a6d;
}

#colum ul li .wp-block-latest-posts__post-excerpt{
font-size: 16px;
}

/* ボタン */
a.link_btn {
border: #806a6d solid 1px;
width: 100%;
padding: 8px 20px 8px 20px;
margin: 20px 0 0;
display: inline-block;
text-align: center;
border-radius: 10px;
text-decoration: none;
font-weight: bold;
color: #806a6d;
transition: .3s;
position: relative;
}

a.link_btn::after{
content: "";
width: 12px;
height: 12px;
display: inline-block;
border-bottom: 2px solid #806a6d;
border-right: 2px solid #806a6d;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
}

a.link_btn:hover{
color: #806a6d;
opacity: 0.7;
}

.PS_r{
position: relative;
}

.mincho{
font-family: YakuHanMP, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif !important;
}

.gothic{
font-family:"Noto Sans JP","游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ ",Meiryo,"MS ゴシック",sans-serif !important;
}

/*------文字色--------*/

.CL_00{
color: #333333 !important;
}

.CL_66{
color: #666666 !important;
}

.CL_cc{
color: #cccccc !important;
}

.CL_ff{
color: #ffffff !important;
}

.CL_red{
color: #a80a0a !important;
}

.CL_green{
color: #3d863f !important;
}

.CL_green2{
color: #9ec5b5 !important;
}

.CL_blue{
color: #5d7884 !important;
}

.CL_blue2{
color: #d5dce2 !important;
}

.CL_pink{
color: #be4d88 !important;
}


.CL_blown{
color: #7a6a56 !important;
}

.CL_blown2{
color: #4e402e !important;
}

.CL_main{
color: #c69042 !important;
}

.CL_pink2{
color: #be9e86 !important;
}


/*------背景色--------*/

.BG_00 {
background-color:#000000 !important;
}

.BG_33 {
background-color:#333333 !important;
}

.BG_66 {
background-color:#666666 !important;
}

.BG_99 {
background-color:#999999 !important;
}

.BG_cc {
background-color:#cccccc !important;
}

.BG_ee {
background-color:#eeeeee !important;
}

.BG_f0 {
background-color:#f0f0f0 !important;
}

.BG_f5 {
background-color:#f5f5f5 !important;
}

.BG_f7 {
background-color:#f7f7f7 !important;
}

.BG_eb {
background-color:#ebeae5 !important;
}

.BG_ea {
background-color:#eaeaea !important;
}

.BG_fa {
background-color:#fafafa !important;
}

.BG_ff {
background-color:#ffffff !important;
}

.BG_red{
background-color: #a80a0a !important;
}

.BG_green{
background-color: #3d863f !important;
}

.BG_blue{
background-color: #5d7884 !important;
}

.BG_blue2{
background-color: #eff2f3 !important;
}

.BG_blue3{
background-color: #d5dce2 !important;
}

.BG_blue4{
background-color: #91b0c2 !important;
}

.BG_blue5{
background-color: #065578 !important;
}

.BG_yellow{
background-color: #f7f3e8 !important;
}

.FT_BG01{
background-color: #c10f4e !important;
}

.FT_BG02{
background-color: #c69042 !important;
}

/*------ページ背景色文字色--------*/

.page_CL01{
color: #facc15 !important;
}

.page_CL02{
color: #344b90 !important;
}

.page_CL03{
color: #d53939 !important;
}

.page_CL04{
color: #00b600 !important;
}

.page_BG01{
background-color: #f7fafe !important;
}

.page_BG02{
background-color: #eff6ff !important;
}

/*------ボーダー--------*/

.BD_00 {
border: solid 1px #000000 !important;
}

.BD_cc {
border: solid 1px #cccccc !important;
}

.BDB_33 {
border-bottom: solid 1px #333 !important;
}

.BDR_66 {
border-right: solid 1px #666 !important;
}

.page_BD01{
border: solid 1px #344b90 !important;
}

/*------文字間--------*/

.LS_0{
letter-spacing: 0 !important;
}

.LS_1{
letter-spacing: 1px !important;
}

.LS_2{
letter-spacing: 2px !important;
}

.LS_3{
letter-spacing: 3px !important;
}

.LS_4{
letter-spacing: 4px !important;
}

.LS_5{
letter-spacing: 5px !important;
}

.LH_2{
line-height: 2;
}

.LH_3{
line-height: 3;
}

.TS_ff{
text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}

.TS_00{
text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
}

@media screen and (max-width : 896px) {

.LS_0_sp{
letter-spacing: 0 !important;
}

.LH_0_sp{
line-height: 1.6 !important;
}

}

/*----------------------------------------
 詳細設定
----------------------------------------*/

.OF_h  { overflow: hidden !important; }
.DP_n  { display: none !important; }
.DP_ib { display: inline-block !important; }
.DP_i  { display: inline !important; }
.DP_b { display: block !important; }
.DP_c { display: contents !important; }

/*-flexbox-*/
.FB    { display: flex !important; }
.JC_c  { justify-content: center !important; }
.JC_s  { justify-content: flex-start !important; }
.JC_e  { justify-content: flex-end !important; }
.JC_sb { justify-content: space-between !important; }
.JC_sa { justify-content: space-around !important; }
.JC_se { justify-content: space-evenly !important; }
.AC_c  { align-content: center !important; }
.AC_sb { align-content: space-between !important; }
.AC_sa { align-content: space-around !important; }
.AI_s  { align-items: flex-start !important; }
.AI_e  { align-items: flex-end !important; }
.AI_st  { align-items: stretch !important; }
.AI_c  { align-items: center !important; }
.FD_r  { flex-direction: row !important; }
.FD_rr { flex-direction: row-reverse !important; }
.FD_c  { flex-direction: column !important; }
.FD_cr { flex-direction: column-reverse !important;}
.FW_w  { flex-wrap: wrap !important; }
.FW_wr { flex-wrap: wrap-reverse !important; }

/*-margin／padding-*/
.M_0 { margin: 0!important; }     .P_0 { padding: 0!important; }
.M_5 { margin: 5px 5px!important; }     .P_5 { padding: 5px 5px!important; }
.M_10 { margin: 10px 10px!important; }     .P_10 { padding: 10px 10px!important; }
.M_20 { margin: 20px 20px!important; }     .P_20 { padding: 20px 20px!important; }

.MT_5 { margin-top:  5px!important; }    /*.PT_5 { padding-top:  5px!important; }*/
.MT_10 { margin-top: 10px!important; }    .PT_10 { padding-top: 10px!important; }
.MT_15 { margin-top: 15px!important; }    .PT_15 { padding-top: 15px!important; }
.MT_20 { margin-top: 20px!important; }    .PT_20 { padding-top: 20px!important; }
.MT_25 { margin-top: 25px!important; }    .PT_25 { padding-top: 25px!important; }
.MT_30 { margin-top: 30px!important; }    .PT_30 { padding-top: 30px!important; }
.MT_35 { margin-top: 35px!important; }    .PT_35 { padding-top: 35px!important; }
.MT_40 { margin-top: 40px!important; }    .PT_40 { padding-top: 40px!important; }
.MT_45 { margin-top: 45px!important; }    .PT_45 { padding-top: 45px!important; }
.MT_50 { margin-top: 50px!important; }    .PT_50 { padding-top: 50px!important; }
.MT_55 { margin-top: 55px!important; }    .PT_55 { padding-top: 55px!important; }
.MT_60 { margin-top: 60px!important; }    .PT_60 { padding-top: 60px!important; }
.MT_65 { margin-top: 65px!important; }    .PT_65 { padding-top: 65px!important; }
.MT_70 { margin-top: 70px!important; }    .PT_70 { padding-top: 70px!important; }
.MT_75 { margin-top: 75px!important; }    .PT_75 { padding-top: 75px!important; }
.MT_80 { margin-top: 80px!important; }    .PT_80 { padding-top: 80px!important; }
.MT_85 { margin-top: 85px!important; }    .PT_85 { padding-top: 85px!important; }
.MT_90 { margin-top: 90px!important; }    .PT_90 { padding-top: 90px!important; }
.MT_95 { margin-top: 95px!important; }    .PT_95 { padding-top: 95px!important; }
.MT_100{ margin-top:100px!important; }    .PT_100{ padding-top:100px!important; }
.MT_0 { margin-top:  0px!important; }    .PT_0 { padding-top:  0px!important; }

.MR_5 { margin-right:  5px!important; }  .PR_5 { padding-right:  5px!important; }
.MR_10 { margin-right: 10px!important; }  .PR_10 { padding-right: 10px!important; }
.MR_15 { margin-right: 15px!important; }  .PR_15 { padding-right: 15px!important; }
.MR_20 { margin-right: 20px!important; }  .PR_20 { padding-right: 20px!important; }
.MR_25 { margin-right: 25px!important; }  .PR_25 { padding-right: 25px!important; }
.MR_30 { margin-right: 30px!important; }  .PR_30 { padding-right: 30px!important; }
.MR_35 { margin-right: 35px!important; }  .PR_35 { padding-right: 35px!important; }
.MR_40 { margin-right: 40px!important; }  .PR_40 { padding-right: 40px!important; }
.MR_45 { margin-right: 45px!important; }  .PR_45 { padding-right: 45px!important; }
.MR_50 { margin-right: 50px!important; }  .PR_50 { padding-right: 50px!important; }
.MR_55 { margin-right: 55px!important; }  .PR_55 { padding-right: 55px!important; }
.MR_60 { margin-right: 60px!important; }  .PR_60 { padding-right: 60px!important; }
.MR_65 { margin-right: 65px!important; }  .PR_65 { padding-right: 65px!important; }
.MR_70 { margin-right: 70px!important; }  .PR_70 { padding-right: 70px!important; }
.MR_75 { margin-right: 75px!important; }  .PR_75 { padding-right: 75px!important; }
.MR_80 { margin-right: 80px!important; }  .PR_80 { padding-right: 80px!important; }
.MR_85 { margin-right: 85px!important; }  .PR_85 { padding-right: 85px!important; }
.MR_90 { margin-right: 90px!important; }  .PR_90 { padding-right: 90px!important; }
.MR_95 { margin-right: 95px!important; }  .PR_95 { padding-right: 95px!important; }
.MR_100{ margin-right:100px!important; }  .PR_100{ padding-right:100px!important; }
.MR_0 { margin-right:  0px!important; }  .PR_0 { padding-right:  0px!important; }

.MB_5 { margin-bottom:  5px!important; } .PB_5 { padding-bottom:  5px!important; }
.MB_10 { margin-bottom: 10px!important; } .PB_10 { padding-bottom: 10px!important; }
.MB_15 { margin-bottom: 15px!important; } .PB_15 { padding-bottom: 15px!important; }
.MB_20 { margin-bottom: 20px!important; } .PB_20 { padding-bottom: 20px!important; }
.MB_25 { margin-bottom: 25px!important; } .PB_25 { padding-bottom: 25px!important; }
.MB_30 { margin-bottom: 30px!important; } .PB_30 { padding-bottom: 30px!important; }
.MB_35 { margin-bottom: 35px!important; } .PB_35 { padding-bottom: 35px!important; }
.MB_40 { margin-bottom: 40px!important; } .PB_40 { padding-bottom: 40px!important; }
.MB_45 { margin-bottom: 45px!important; } .PB_45 { padding-bottom: 45px!important; }
.MB_50 { margin-bottom: 50px!important; } .PB_50 { padding-bottom: 50px!important; }
.MB_55 { margin-bottom: 55px!important; } .PB_55 { padding-bottom: 55px!important; }
.MB_60 { margin-bottom: 60px!important; } .PB_60 { padding-bottom: 60px!important; }
.MB_65 { margin-bottom: 65px!important; } .PB_65 { padding-bottom: 65px!important; }
.MB_70 { margin-bottom: 70px!important; } .PB_70 { padding-bottom: 70px!important; }
.MB_75 { margin-bottom: 75px!important; } .PB_75 { padding-bottom: 75px!important; }
.MB_80 { margin-bottom: 80px!important; } .PB_80 { padding-bottom: 80px!important; }
.MB_85 { margin-bottom: 85px!important; } .PB_85 { padding-bottom: 85px!important; }
.MB_90 { margin-bottom: 90px!important; } .PB_90 { padding-bottom: 90px!important; }
.MB_95 { margin-bottom: 95px!important; } .PB_95 { padding-bottom: 95px!important; }
.MB_100{ margin-bottom:100px!important; } .PB_100{ padding-bottom:100px!important; }
.MB_0 { margin-bottom:  0px!important; } .PB_0 { padding-bottom:  0px!important; }

.ML_5 { margin-left:  5px!important; }   .PL_5 { padding-left:  5px!important; }
.ML_10 { margin-left: 10px!important; }   .PL_10 { padding-left: 10px!important; }
.ML_15 { margin-left: 15px!important; }   .PL_15 { padding-left: 15px!important; }
.ML_20 { margin-left: 20px!important; }   .PL_20 { padding-left: 20px!important; }
.ML_25 { margin-left: 25px!important; }   .PL_25 { padding-left: 25px!important; }
.ML_30 { margin-left: 30px!important; }   .PL_30 { padding-left: 30px!important; }
.ML_35 { margin-left: 35px!important; }   .PL_35 { padding-left: 35px!important; }
.ML_40 { margin-left: 40px!important; }   .PL_40 { padding-left: 40px!important; }
.ML_45 { margin-left: 45px!important; }   .PL_45 { padding-left: 45px!important; }
.ML_50 { margin-left: 50px!important; }   .PL_50 { padding-left: 50px!important; }
.ML_55 { margin-left: 55px!important; }   .PL_55 { padding-left: 55px!important; }
.ML_60 { margin-left: 60px!important; }   .PL_60 { padding-left: 60px!important; }
.ML_65 { margin-left: 65px!important; }   .PL_65 { padding-left: 65px!important; }
.ML_70 { margin-left: 70px!important; }   .PL_70 { padding-left: 70px!important; }
.ML_75 { margin-left: 75px!important; }   .PL_75 { padding-left: 75px!important; }
.ML_80 { margin-left: 80px!important; }   .PL_80 { padding-left: 80px!important; }
.ML_85 { margin-left: 85px!important; }   .PL_85 { padding-left: 85px!important; }
.ML_90 { margin-left: 90px!important; }   .PL_90 { padding-left: 90px!important; }
.ML_95 { margin-left: 95px!important; }   .PL_95 { padding-left: 95px!important; }
.ML_100{ margin-left:100px!important; }   .PL_100{ padding-left:100px!important; }
.ML_0 { margin-left:  0px!important; }   .PL_0 { padding-left:  0px!important; }

/*-サイズ-*/
.W_0 { width:  0%!important; }   .H_0 { height:  0%!important; }
.W_5 { width:  5%!important; }   .H_5 { height:  5%!important; }
.W_10 { width: 10%!important; }   .H_10 { height: 10%!important; }
.W_15 { width: 15%!important; }   .H_15 { height: 15%!important; }
.W_20 { width: 20%!important; }   .H_20 { height: 20%!important; }
.W_25 { width: 25%!important; }   .H_25 { height: 25%!important; }
.W_30 { width: 30%!important; }   .H_30 { height: 30%!important; }
.W_35 { width: 35%!important; }   .H_35 { height: 35%!important; }
.W_40 { width: 40%!important; }   .H_40 { height: 40%!important; }
.W_45 { width: 45%!important; }   .H_45 { height: 45%!important; }
.W_50 { width: 50%!important; }   .H_50 { height: 50%!important; }
.W_55 { width: 55%!important; }   .H_55 { height: 55%!important; }
.W_60 { width: 60%!important; }   .H_60 { height: 60%!important; }
.W_65 { width: 65%!important; }   .H_65 { height: 65%!important; }
.W_70 { width: 70%!important; }   .H_70 { height: 70%!important; }
.W_75 { width: 75%!important; }   .H_75 { height: 75%!important; }
.W_80 { width: 80%!important; }   .H_80 { height: 80%!important; }
.W_85 { width: 85%!important; }   .H_85 { height: 85%!important; }
.W_90 { width: 90%!important; }   .H_90 { height: 90%!important; }
.W_95 { width: 95%!important; }   .H_95 { height: 95%!important; }
.W_100 { width:100%!important; }   .H_100 { height:100%!important; }
.W_auto { width:auto!important; }   .H_auto { height:auto!important; }

.W_98 { width: 98% !important; margin: 0 1%; }
.W_88 { width: 88% !important; margin: 0 1%; }
.W_78 { width: 78% !important; margin: 0 1%; }
.W_73 { width: 73% !important; margin: 0 1%; }
.W_68 { width: 68% !important; margin: 0 1%; }
.W_58 { width: 58% !important; margin: 0 1%; }
.W_48 { width: 48% !important; margin: 0 1%; }
.W_38 { width: 38% !important; margin: 0 1%; }
.W_28 { width: 28% !important; margin: 0 1%; }
.W_18 { width: 18% !important; margin: 0 1%; }
.W_64 { width: 64% !important; margin: 0 1%; }
.W_63 { width: 63% !important; margin: 0 1%; }
.W_53 { width: 53% !important; margin: 0 1%; }
.W_43 { width: 43% !important; margin: 0 1%; }
.W_33 { width: calc(33.3333% - 2%); margin: 0 1%;}
.W_31 { width: 31% !important; margin: 0 1%; }
.W_23 { width: 23% !important; margin: 0 1%; }
.W_21 { width: 21% !important; margin: 0 1%; }
.W_18 { width: 18% !important; margin: 0 1%; }
.W_16 { width: 16.666% }
.W_14 { width: 14% !important; margin: 0 1%; }

/*-文字サイズ-*/
.F_20{font-size: 20%!important} .F_25{font-size: 25%!important}
.F_30{font-size: 30%!important} .F_35{font-size: 35%!important}
.F_40{font-size: 40%!important} .F_45{font-size: 45%!important}
.F_50{font-size: 50%!important} .F_55{font-size: 55%!important}
.F_60{font-size: 60%!important} .F_65{font-size: 65%!important}
.F_70{font-size: 70%!important} .F_75{font-size: 75%!important}
.F_80{font-size: 80%!important} .F_85{font-size: 85%!important}
.F_90{font-size: 90%!important} .F_95{font-size: 95%!important}
.F_110{font-size: 110%!important} .F_115{font-size: 115%!important}
.F_120{font-size: 120%!important} .F_125{font-size: 125%!important}
.F_130{font-size: 130%!important} .F_135{font-size: 135%!important}
.F_140{font-size: 140%!important} .F_145{font-size: 145%!important}
.F_150{font-size: 150%!important} .F_155{font-size: 155%!important}
.F_160{font-size: 160%!important} .F_165{font-size: 165%!important}
.F_170{font-size: 170%!important} .F_175{font-size: 175%!important}
.F_180{font-size: 180%!important} .F_185{font-size: 185%!important}
.F_190{font-size: 190%!important} .F_195{font-size: 195%!important}
.F_200{font-size: 200%!important} .F_210{font-size: 210%!important}
.F_220{font-size: 220%!important} .F_230{font-size: 230%!important}
.F_240{font-size: 240%!important} .F_250{font-size: 250%!important}
.F_260{font-size: 260%!important} .F_270{font-size: 270%!important}
.F_280{font-size: 280%!important} .F_290{font-size: 290%!important}
.F_300{font-size: 300%!important} .F_350{font-size: 350%!important}

/*-文字太さ-*/
.FW_100 { font-weight: 100 !important; }
.FW_200 { font-weight: 200 !important; }
.FW_300 { font-weight: 300 !important; }
.FW_400 { font-weight: 400 !important; }
.FW_500 { font-weight: 500 !important; }
.FW_600 { font-weight: 600 !important; }
.FW_700 { font-weight: 700 !important; }
.FW_b { font-weight: bold !important; }
.FW_n { font-weight: normal !important; }

/*-文字位置-*/
.TA_r { text-align: right !important; }
.TA_c { text-align: center !important; }
.TA_l { text-align: left !important; }


/*----------------------------------------
　レスポンシブ
----------------------------------------*/

@media screen and (max-width : 896px) {

.OF_h_sp  { overflow: hidden !important; }
.DP_n_sp  { display: none !important; }
.DP_ib_sp { display: inline-block !important; }
.DP_i_sp { display: inline !important; }
.DP_b_sp { display: block !important; }
.DP_c_sp { display: contents !important; }


/*-flexbox-*/
.JC_c_sp  { justify-content: center !important; }
.JC_s_sp  { justify-content: flex-start !important; }
.JC_e_sp  { justify-content: flex-end !important; }
.JC_sb_sp { justify-content: space-between !important; }
.JC_sa_sp { justify-content: space-around !important; }
.JC_se_sp { justify-content: space-evenly !important; }
.AC_c_sp  { align-content: center !important; }
.AC_sb_sp { align-content: space-between !important; }
.AC_sa_sp { align-content: space-around !important; }
.AI_s_sp  { align-items: flex-start !important; }
.AI_e_sp  { align-items: flex-end !important; }
.AI_c_sp  { align-items: center !important; }
.AI_st_sp  { align-items: stretch !important; }
.FD_r_sp  { flex-direction: row !important; }
.FD_rr_sp { flex-direction: row-reverse !important; }
.FD_c_sp  { flex-direction: column !important; }
.FD_cr_sp { flex-direction: column-reverse !important; }
.FW_w_sp  { flex-wrap: wrap !important; }
.FW_wr_sp { flex-wrap: wrap-reverse !important; }


/*-margin／padding-*/
.M_0_sp { margin: 0!important; } .P_0_sp { padding: 0!important; }
.M_5_sp { margin: 5px 5px!important; } .P_5_sp { padding: 5px 5px!important; }
.M_10_sp { margin: 10px 10px!important; } .P_10_sp { padding: 10px 10px!important; }
.M_20_sp { margin: 20px 20px!important; } .P_20_sp { padding: 20px 20px!important; }
.M_0_sp { margin: 0 0!important; } .P_0_sp { padding: 0 0!important; }

.MT_5_sp { margin-top:  5px!important; }    .PT_5_sp { padding-top:  5px!important; }
.MT_10_sp { margin-top: 10px!important; }    .PT_10_sp { padding-top: 10px!important; }
.MT_15_sp { margin-top: 15px!important; }    .PT_15_sp { padding-top: 15px!important; }
.MT_20_sp { margin-top: 20px!important; }    .PT_20_sp { padding-top: 20px!important; }
.MT_25_sp { margin-top: 25px!important; }    .PT_25_sp { padding-top: 25px!important; }
.MT_30_sp { margin-top: 30px!important; }    .PT_30_sp { padding-top: 30px!important; }
.MT_35_sp { margin-top: 35px!important; }    .PT_35_sp { padding-top: 35px!important; }
.MT_40_sp { margin-top: 40px!important; }    .PT_40_sp { padding-top: 40px!important; }
.MT_45_sp { margin-top: 45px!important; }    .PT_45_sp { padding-top: 45px!important; }
.MT_50_sp { margin-top: 50px!important; }    .PT_50_sp { padding-top: 50px!important; }
.MT_55_sp { margin-top: 55px!important; }    .PT_55_sp { padding-top: 55px!important; }
.MT_60_sp { margin-top: 60px!important; }    .PT_60_sp { padding-top: 60px!important; }
.MT_65_sp { margin-top: 65px!important; }    .PT_65_sp { padding-top: 65px!important; }
.MT_70_sp { margin-top: 70px!important; }    .PT_70_sp { padding-top: 70px!important; }
.MT_75_sp { margin-top: 75px!important; }    .PT_75_sp { padding-top: 75px!important; }
.MT_80_sp { margin-top: 80px!important; }    .PT_80_sp { padding-top: 80px!important; }
.MT_85_sp { margin-top: 85px!important; }    .PT_85_sp { padding-top: 85px!important; }
.MT_90_sp { margin-top: 90px!important; }    .PT_90_sp { padding-top: 90px!important; }
.MT_95_sp { margin-top: 95px!important; }    .PT_95_sp { padding-top: 95px!important; }
.MT_100_sp { margin-top:100px!important; }    .PT_100_sp{ padding-top:100px!important; }
.MT_0_sp { margin-top:  0px!important; }    .PT_0_sp { padding-top:  0px!important; }

.MR_5_sp { margin-right:  5px!important; }  .PR_5_sp { padding-right:  5px!important; }
.MR_10_sp { margin-right: 10px!important; }  .PR_10_sp { padding-right: 10px!important; }
.MR_15_sp { margin-right: 15px!important; }  .PR_15_sp { padding-right: 15px!important; }
.MR_20_sp { margin-right: 20px!important; }  .PR_20_sp { padding-right: 20px!important; }
.MR_25_sp { margin-right: 25px!important; }  .PR_25_sp { padding-right: 25px!important; }
.MR_30_sp { margin-right: 30px!important; }  .PR_30_sp { padding-right: 30px!important; }
.MR_35_sp { margin-right: 35px!important; }  .PR_35_sp { padding-right: 35px!important; }
.MR_40_sp { margin-right: 40px!important; }  .PR_40_sp { padding-right: 40px!important; }
.MR_45_sp { margin-right: 45px!important; }  .PR_45_sp { padding-right: 45px!important; }
.MR_50_sp { margin-right: 50px!important; }  .PR_50_sp { padding-right: 50px!important; }
.MR_55_sp { margin-right: 55px!important; }  .PR_55_sp { padding-right: 55px!important; }
.MR_60_sp { margin-right: 60px!important; }  .PR_60_sp { padding-right: 60px!important; }
.MR_65_sp { margin-right: 65px!important; }  .PR_65_sp { padding-right: 65px!important; }
.MR_70_sp { margin-right: 70px!important; }  .PR_70_sp { padding-right: 70px!important; }
.MR_75_sp { margin-right: 75px!important; }  .PR_75_sp { padding-right: 75px!important; }
.MR_80_sp { margin-right: 80px!important; }  .PR_80_sp { padding-right: 80px!important; }
.MR_85_sp { margin-right: 85px!important; }  .PR_85_sp { padding-right: 85px!important; }
.MR_90_sp { margin-right: 90px!important; }  .PR_90_sp { padding-right: 90px!important; }
.MR_95_sp { margin-right: 95px!important; }  .PR_95_sp { padding-right: 95px!important; }
.MR_100_sp { margin-right:100px!important; }  .PR_100_sp { padding-right:100px!important; }
.MR_0_sp { margin-right:  0px!important; }  .PR_0_sp { padding-right:  0px!important; }

.MB_5_sp { margin-bottom:  5px!important; } .PB_5_sp { padding-bottom:  5px!important; }
.MB_10_sp { margin-bottom: 10px!important; } .PB_10_sp { padding-bottom: 10px!important; }
.MB_15_sp { margin-bottom: 15px!important; } .PB_15_sp { padding-bottom: 15px!important; }
.MB_20_sp { margin-bottom: 20px!important; } .PB_20_sp { padding-bottom: 20px!important; }
.MB_25_sp { margin-bottom: 25px!important; } .PB_25_sp { padding-bottom: 25px!important; }
.MB_30_sp { margin-bottom: 30px!important; } .PB_30_sp { padding-bottom: 30px!important; }
.MB_35_sp { margin-bottom: 35px!important; } .PB_35_sp { padding-bottom: 35px!important; }
.MB_40_sp { margin-bottom: 40px!important; } .PB_40_sp { padding-bottom: 40px!important; }
.MB_45_sp { margin-bottom: 45px!important; } .PB_45_sp { padding-bottom: 45px!important; }
.MB_50_sp { margin-bottom: 50px!important; } .PB_50_sp { padding-bottom: 50px!important; }
.MB_55_sp { margin-bottom: 55px!important; } .PB_55_sp { padding-bottom: 55px!important; }
.MB_60_sp { margin-bottom: 60px!important; } .PB_60_sp { padding-bottom: 60px!important; }
.MB_65_sp { margin-bottom: 65px!important; } .PB_65_sp { padding-bottom: 65px!important; }
.MB_70_sp { margin-bottom: 70px!important; } .PB_70_sp { padding-bottom: 70px!important; }
.MB_75_sp { margin-bottom: 75px!important; } .PB_75_sp { padding-bottom: 75px!important; }
.MB_80_sp { margin-bottom: 80px!important; } .PB_80_sp { padding-bottom: 80px!important; }
.MB_85_sp { margin-bottom: 85px!important; } .PB_85_sp { padding-bottom: 85px!important; }
.MB_90_sp { margin-bottom: 90px!important; } .PB_90_sp { padding-bottom: 90px!important; }
.MB_95_sp { margin-bottom: 95px!important; } .PB_95_sp { padding-bottom: 95px!important; }
.MB_100_sp { margin-bottom:100px!important; } .PB_100_sp { padding-bottom:100px!important; }
.MB_0_sp { margin-bottom:  0px!important; } .PB_0_sp { padding-bottom:  0px!important; }

.ML_5_sp { margin-left:  5px!important; }   .PL_5_sp { padding-left:  5px!important; }
.ML_10_sp { margin-left: 10px!important; }   .PL_10_sp { padding-left: 10px!important; }
.ML_15_sp { margin-left: 15px!important; }   .PL_15_sp { padding-left: 15px!important; }
.ML_20_sp { margin-left: 20px!important; }   .PL_20_sp { padding-left: 20px!important; }
.ML_25_sp { margin-left: 25px!important; }   .PL_25_sp { padding-left: 25px!important; }
.ML_30_sp { margin-left: 30px!important; }   .PL_30_sp { padding-left: 30px!important; }
.ML_35_sp { margin-left: 35px!important; }   .PL_35_sp { padding-left: 35px!important; }
.ML_40_sp { margin-left: 40px!important; }   .PL_40_sp { padding-left: 40px!important; }
.ML_45_sp { margin-left: 45px!important; }   .PL_45_sp { padding-left: 45px!important; }
.ML_50_sp { margin-left: 50px!important; }   .PL_50_sp { padding-left: 50px!important; }
.ML_55_sp { margin-left: 55px!important; }   .PL_55_sp { padding-left: 55px!important; }
.ML_60_sp { margin-left: 60px!important; }   .PL_60_sp { padding-left: 60px!important; }
.ML_65_sp { margin-left: 65px!important; }   .PL_65_sp { padding-left: 65px!important; }
.ML_70_sp { margin-left: 70px!important; }   .PL_70_sp { padding-left: 70px!important; }
.ML_75_sp { margin-left: 75px!important; }   .PL_75_sp { padding-left: 75px!important; }
.ML_80_sp { margin-left: 80px!important; }   .PL_80_sp { padding-left: 80px!important; }
.ML_85_sp { margin-left: 85px!important; }   .PL_85_sp { padding-left: 85px!important; }
.ML_90_sp { margin-left: 90px!important; }   .PL_90_sp { padding-left: 90px!important; }
.ML_95_sp { margin-left: 95px!important; }   .PL_95_sp { padding-left: 95px!important; }
.ML_100_sp { margin-left:100px!important; }   .PL_100_sp { padding-left:100px!important; }
.ML_0_sp { margin-left:  0px!important; }   .PL_0_sp { padding-left:  0px!important; }

.W_30,
.W_35,
.W_40,
.W_45,
.W_50,
.W_55,
.W_60,
.W_65,
.W_70,
.W_75,
.W_80,
.W_85,
.W_90,
.W_95,
.W_100{
width: 100%!important;
}

.W_5,
.W_10,
.W_15,
.W_20,
.W_25{
width: 50%!important;
}

.W_98,
.W_88,
.W_78,
.W_68,
.W_64,
.W_63,
.W_58,
.W_53,
.W_48,
.W_43,
.W_38,
.W_33,
.W_31{
width: 98%!important;
}

.W_23,
.W_18,
.W_16,
.W_14{
width: 48%!important;
}

.W_21{
width: 50%!important;
margin: 0;
}

/*-サイズ-*/
.W_0_sp { width:  0%!important; }   .H_0_sp { height:  0%!important; }
.W_5_sp { width:  5%!important; }   .H_5_sp { height:  5%!important; }
.W_10_sp { width: 10%!important; }   .H_10_sp { height: 10%!important; }
.W_15_sp { width: 15%!important; }   .H_15_sp { height: 15%!important; }
.W_20_sp { width: 20%!important; }   .H_20_sp { height: 20%!important; }
.W_25_sp { width: 25%!important; }   .H_25_sp { height: 25%!important; }
.W_30_sp { width: 30%!important; }   .H_30_sp { height: 30%!important; }
.W_35_sp { width: 35%!important; }   .H_35_sp { height: 35%!important; }
.W_40_sp { width: 40%!important; }   .H_40_sp { height: 40%!important; }
.W_45_sp { width: 45%!important; }   .H_45_sp { height: 45%!important; }
.W_50_sp { width: 50%!important; }   .H_50_sp { height: 50%!important; }
.W_55_sp { width: 55%!important; }   .H_55_sp { height: 55%!important; }
.W_60_sp { width: 60%!important; }   .H_60_sp { height: 60%!important; }
.W_65_sp { width: 65%!important; }   .H_65_sp { height: 65%!important; }
.W_70_sp { width: 70%!important; }   .H_70_sp { height: 70%!important; }
.W_75_sp { width: 75%!important; }   .H_75_sp { height: 75%!important; }
.W_80_sp { width: 80%!important; }   .H_80_sp { height: 80%!important; }
.W_85_sp { width: 85%!important; }   .H_85_sp { height: 85%!important; }
.W_90_sp { width: 90%!important; }   .H_90_sp { height: 90%!important; }
.W_95_sp { width: 95%!important; }   .H_95_sp { height: 95%!important; }
.W_100_sp { width:100%!important; }   .H_100_sp { height:100%!important; }

.W_98_sp { width: 98% !important; margin: 0 1%; }
.W_88_sp { width: 88% !important; margin: 0 1%; }
.W_78_sp { width: 78% !important; margin: 0 1%; }
.W_68_sp { width: 68% !important; margin: 0 1%; }
.W_58_sp { width: 58% !important; margin: 0 1%; }
.W_48_sp { width: 48% !important; margin: 0 1%; }
.W_38_sp { width: 38% !important; margin: 0 1%; }
.W_28_sp { width: 28% !important; margin: 0 1%; }
.W_18_sp { width: 18% !important; margin: 0 1%; }

.W_64_sp { width: 64% !important; margin: 0 1%; }
.W_63_sp { width: 63% !important; margin: 0 1%; }
.W_53_sp { width: 53% !important; margin: 0 1%; }
.W_43_sp { width: 43% !important; margin: 0 1%; }
.W_33_sp { width: calc(33.3333% - 2%); margin: 0 1%;}
.W_31_sp { width: 31% !important; margin: 0 1%; }
.W_23_sp { width: 23% !important; margin: 0 1%; }
.W_18_sp { width: 18% !important; margin: 0 1%; }
.W_16_sp { width: 16.666% }
.W_14_sp { width: 14% !important; margin: 0 1%; }


/*-文字サイズ-*/
.F_20_sp {font-size: 20%!important} .F_25_sp {font-size: 25%!important}
.F_30_sp {font-size: 30%!important} .F_35_sp {font-size: 35%!important}
.F_40_sp {font-size: 40%!important} .F_45_sp {font-size: 45%!important}
.F_50_sp {font-size: 50%!important} .F_55_sp {font-size: 55%!important}
.F_60_sp {font-size: 60%!important} .F_65_sp {font-size: 65%!important}
.F_70_sp {font-size: 70%!important} .F_75_sp {font-size: 75%!important}
.F_80_sp {font-size: 80%!important} .F_85_sp {font-size: 85%!important}
.F_90_sp {font-size: 90%!important} .F_95_sp {font-size: 95%!important}
.F_110_sp {font-size: 110%!important} .F_115_sp {font-size: 115%!important}
.F_120_sp {font-size: 120%!important} .F_125_sp {font-size: 125%!important}
.F_130_sp {font-size: 130%!important} .F_135_sp {font-size: 135%!important}
.F_140_sp {font-size: 140%!important} .F_145_sp {font-size: 145%!important}
.F_150_sp {font-size: 150%!important} .F_155_sp {font-size: 155%!important}
.F_160_sp {font-size: 160%!important} .F_165_sp {font-size: 165%!important}
.F_170_sp {font-size: 170%!important} .F_175_sp {font-size: 175%!important}
.F_180_sp {font-size: 180%!important} .F_185_sp {font-size: 185%!important}
.F_190_sp {font-size: 190%!important} .F_195_sp {font-size: 195%!important}
.F_200_sp {font-size: 200%!important} .F_210_sp {font-size: 210%!important}
.F_220_sp {font-size: 220%!important} .F_230_sp {font-size: 230%!important}
.F_240_sp {font-size: 240%!important} .F_250_sp {font-size: 250%!important}
.F_260_sp {font-size: 260%!important} .F_270_sp {font-size: 270%!important}
.F_280_sp {font-size: 280%!important} .F_290_sp {font-size: 290%!important}
.F_300_sp {font-size: 300%!important} .F_350_sp {font-size: 350%!important}


/*-文字太さ-*/
.FW_100_sp { font-weight: 100 !important; }
.FW_200_sp { font-weight: 200 !important; }
.FW_300_sp { font-weight: 300 !important; }
.FW_400_sp { font-weight: 400 !important; }
.FW_500_sp { font-weight: 500 !important; }
.FW_600_sp { font-weight: 600 !important; }
.FW_700_sp { font-weight: 700 !important; }
.FW_b_sp   { font-weight: bold !important; }
.FW_n_sp   { font-weight: normal !important; }

/*-文字位置-*/

.TA_r_sp { text-align: right !important; }
.TA_c_sp { text-align: center !important; }
.TA_l_sp { text-align: left !important; }

}