@charset 'utf-8';



/* Reused as a whole
   ----------------------------------------------------------------- */
/* 下記は、何度も使いまわすもの */
/* 一行開ける */
.u-paragraph-oneline {
    margin-bottom: 1em;
}

.u-paragraph-twoline {
    margin-bottom: 2em;
}

.u-paragraph-threeline {
    margin-bottom: 3em;
}

.u-paragraph-fourline {
    margin-bottom: 4em;
}

.u-paragraph-fiveline {
    margin-bottom: 5em;
}

.u-paragraph-reset {
	margin-top: 0;
    margin-bottom: 0;
}

/* SPのみ適応する改行 */
@media (min-width: 34em) {
.u-br-sponly {
    display: none;
}
}

/* PCのみ適応する改行 */
@media (min-width: 34em) {
.u-br-pconly {
    display: inline;
}
}

.u-half-width-space {
    padding-right: .5em;
}

.u-link {
	font-size: 1.9rem;
    color: blue;
    text-decoration: underline;
    text-shadow: .1rem .1rem .1rem rgba(0,0,0,.7);
}

.u-link-large {
	font-size: 2.6rem;
    color: blue;
    text-decoration: underline;
    text-shadow: .1rem .1rem .1rem rgba(0,0,0,.7);
}

.u-link-large-x {
	font-size: 3rem;
    color: blue;
    text-decoration: underline;
    text-shadow: .1rem .1rem .1rem rgba(0,0,0,.7);
}

/* SPのみ適応する34em以下にするため、max-widthを使用 */
@media (max-width: 34em) {
.u-line-normal {
    line-height: normal;
}
}

/* クリックしてもページ遷移しないようにする。初期値auto */
.u-pointerevent-none {
	pointer-events: none;
}

.u-italic {
    font-style: italic;
}



/* centering - utility
--------------------------------------------------------- */
/* centerring */
.u-centaring-length-inline-block {
    margin: auto;
    text-align: center;
}

.u-centaring-position-parent {
    position: relative;
}

.u-centaring-all-position-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.u-centaring-length-position-item {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
/* /centerring */

/* 縦書きを中央ぞろえにするため */
.u-centaring-position-parent-vertical {
    position: relative;
}

.u-centaring-position-item-vertical {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline;
    transform: translate(-50%, -50%);
}

.u-centaring-all-parent-height-flexible {
    position: relative;
}

.u-centaring-all-item-height-flexible {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}
/* /縦書きを中央ぞろえにするため */


/* gradient - utility
--------------------------------------------------------- */
/* 背景画像のグラデーションを一括指定 */
.u-gradient-lightgreen {
    background: linear-gradient(to left bottom , rgba(23,255,211,.66), rgba(0,255,145,.66) 15%, rgba(115,255,194,.66) 33%, rgba(189,255,226,.66) 49%, rgba(115,255,194,.66) 67%, rgba(0,255,145,.66) 84%, rgba(189,255,226,.66));
}

.u-gradient-red {
background: linear-gradient(to right bottom, rgba(177, 30, 30, .5), rgba(177, 30, 30, .4) 15%, rgba(177, 30, 30, .2) 33%, rgba(177, 30, 30, .5) 49%, rgba(177, 30, 30, .3) 67%, rgba(177, 30, 30, .2) 84%, rgba(177, 30, 30, .5));
}

.u-gradient-blue-boxshadow {
background: linear-gradient(to right bottom, rgba(0, 255, 255, .1), rgba(0, 0, 255, .1) 15%, rgba(0, 255, 255, .1) 33%, rgba(0, 0, 255, .1) 49%, rgba(0, 255, 255, .1) 67%, rgba(0, 0, 255, .1) 84%, rgba(0, 255, 255, .1));
    box-shadow: .1rem .1rem .1rem rgba(0,0,0,.3);
}

.u-gradient-red-boxshadow {
background: linear-gradient(to right bottom, rgba(177, 30, 30, .3), rgba(177, 30, 30, .2) 15%, rgba(177, 30, 30, .1) 33%, rgba(177, 30, 30, .3) 49%, rgba(177, 30, 30, .1) 67%, rgba(177, 30, 30, .2) 84%, rgba(177, 30, 30, .3));
    box-shadow: .1rem .1rem .1rem rgba(0,0,0,.3);
}

/* shadow - utility
--------------------------------------------------------- */
/* box-shadow: 水平方向 垂直方向 ぼかし 広がり 色 (外側か内側か); */
.u-boxshadow-0-0dot1rem-0dot1rem-a0dot9 {
    box-shadow: 0 .1rem .1rem rgba(0,0,0,.9);
}

.u-boxshadow-0-0dot2rem-0dot2rem-a0dot9 {
    box-shadow: 0 .2rem .2rem rgba(0,0,0,.9);
}

.u-boxshadow-inside-0-0dot1rem-0dot1rem-a0dot9 {
    box-shadow: 1 -.1rem .1rem rgba(0,0,0,.9);
}

.u-boxshadow-inside-0-0dot2rem-0dot2rem-a0dot9 {
    box-shadow: 1 -.2rem .2rem rgba(0,0,0,.9);
}

/* テキストのシャドウ */
.u-text-shadow-0dot1rem-0dot1rem-0dot1rem-a0dot4 {
    text-shadow: .1rem .1rem .1rem rgba(0,0,0,.4);
}

.u-text-shadow-0dot15rem-0dot15rem-0dot15rem-a0dot4 {
    text-shadow: .15rem .15rem .15rem rgba(0,0,0,.4);
}

.u-text-shadow--0dot2rem-0dot2rem-0dot2rem-a0dot4 {
    text-shadow: .2rem .2rem .2rem rgba(0,0,0,.4);
}

.u-text-shadow-0dot1rem-0dot1rem-0dot2rem-a0dot8 {
    text-shadow: .1rem .1rem .2rem rgba(0,0,0,.8);
}

.u-white-shadow-text {
	text-shadow: 0px 0px 16px rgba(255,255,255,.7), 0px 0px 14px rgba(255,255,255,.8), 0px 0px 12px rgba(255,255,255,.8), 0px 0px 10px rgba(255,255,255,.8), 0px 0px 10px rgba(255,255,255,.9), 0px 0px 10px rgba(255,255,255,.9), 0px 0px 10px rgba(255,255,255), 0px 0px 10px rgba(255,255,255);
}

.u-text-bugcharacter-orange-brilliancy-yellow {
	text-shadow: 0rem 0rem 2rem rgba(255,255,0,1), .1rem 0rem 0rem #FF864B, 0rem .1rem 0rem #FF864B, -.1rem 0rem 0rem #FF864B, 0rem -.1rem 0rem #FF864B;
}

/* longshadow */
.u-long-shadow {
    text-shadow:
        .1rem .1rem rgba(0, 0, 0, .2),
        .2rem .2rem rgba(0, 0, 0, .1),
        .3rem .3rem rgba(0, 0, 0, .1),
        .4rem .4rem rgba(0, 0, 0, .05),
        .5rem .5rem rgba(0, 0, 0, .05),
        .6rem .6rem rgba(0, 0, 0, .05);
}

.u-long-shadow-white {
    text-shadow:
        .1rem .1rem rgba(255, 255, 255, .2),
        .2rem .2rem rgba(255, 255, 255, .1),
        .3rem .3rem rgba(255, 255, 255, .1),
        .4rem .4rem rgba(255, 255, 255, .5),
        .5rem .5rem rgba(255, 255, 255, .5),
        .6rem .6rem rgba(255, 255, 255, .05);
}

/* pressfont */
.u-press-font--white-bold {
    text-shadow: -.1rem -.1rem 0 rgba(0,0,0,.3);
    font-weight: bold;
    color: #fff;
}

.u-press-font--nomal {
    text-shadow: -.1rem -.1rem 0 rgba(0,0,0,.3);
}

/* bag-character */
.u-bag-character--gray {
	text-shadow: .1rem 0rem 0rem #969696, 0rem .1rem 0rem #969696, -.1rem 0rem 0rem #969696, 0rem -.1rem 0rem #969696;
}

/* display-flex - utility
--------------------------------------------------------- */
.u-flex-center {
    display: flex;
    justify-content: center;
}

@media (min-width: 34em) {
.u-flex-center-min34em {
    display: flex;
    justify-content: center;
}
}

@media (min-width: 48em) {
.u-flex-center-min48em {
    display: flex;
    justify-content: center;
}
}

@media (min-width: 75em) {
.u-flex-center-min75em {
    display: flex;
    justify-content: center;
}
}

/* 上下中央揃え-揃えたい要素の親要素につける */
.u-flexiblebox-centaring-all {
	display: flex;
	align-items: center; /* 縦方向中央揃え */
	justify-content: center; /* 横方向中央揃え */
}

/* color - utility
--------------------------------------------------------- */
.u-color-white {
	color: rgba(255, 255, 255, 1);
}

.u-color-black {
	color: #000;
}

.u-color-black-important {
	color: #000!important;
}

.u-color-red {
	color: #FF0000;
}

.u-color-red-bold {
	color: #FF0000;
	font-weight: bold;
}

.u-color-red--saturation-low {
	color: #FF2F2F;
}

.u-color-orange {
	color: rgba(255, 125, 0, 1);
}

.u-color-pink {
	color: rgba(180, 0, 100, 1);
}

.u-color-yellow {
	color: rgba(255, 255, 0, 1);
}

.u-color-red-bold {
	font-weight: bold;
	color: red;
}

.u-color-orange-bold {
	font-weight: bold;
	color: orange;
}

.u-color-red-shadow {
	color: rgba(255, 0, 50, 1);
	text-shadow: 0px 0px 10px rgba(255,255,255,.6), 0px 0px 10px rgba(255,255,255,.9), 0px 0px 10px rgba(255,255,255,.9), 0px 0px 10px rgba(255,255,255,.9), 0px 0px 10px rgba(255,255,255,.9);
}

.u-color-orange-shadow {
	color: rgba(255, 50, 0, 1);
	text-shadow: 0px 0px 10px rgba(255,255,255,.6), 0px 0px 10px rgba(255,255,255,.9), 0px 0px 10px rgba(255,255,255,.9), 0px 0px 10px rgba(255,255,255,.9), 0px 0px 10px rgba(255,255,255,.9);
}

.u-color-brown-shadow {
	color: rgba(150, 70, 0, 1);
	text-shadow: 0px 0px 10px rgba(255,255,255,.6), 0px 0px 10px rgba(255,255,255,.9), 0px 0px 10px rgba(255,255,255,.9), 0px 0px 10px rgba(255,255,255,.9), 0px 0px 10px rgba(255,255,255,.9);
}

.u-color-yellow-shadow {
	color: rgba(255, 255, 0, 1);
	text-shadow: 0px 0px 10px rgba(0,5,55,.6), 0px 0px 10px rgba(0,5,55,.9), 0px 0px 10px rgba(0,5,55,.9), 0px 0px 10px rgba(0,5,55,.9), 0px 0px 10px rgba(0,5,55,.9);
}

.u-color-pink-shadow {
	color: rgba(255, 10, 130, 1);
	text-shadow: 0px 0px 10px rgba(255,255,255,.6), 0px 0px 10px rgba(255,255,255,.9), 0px 0px 10px rgba(255,255,255,.9), 0px 0px 10px rgba(255,255,255,.9), 0px 0px 10px rgba(255,255,255,.9);
}

/* opacy - utility
--------------------------------------------------------- */
.u-opacy-weak {
    opacity: .8;
}

.u-opacy-medium {
    opacity: .6;
}

.u-opacy-strong {
    opacity: .4;
}

/* skew - utility
--------------------------------------------------------- */
.u-skewY-6deg {
	transform: skewY(6deg);
}

/* zindex - utility
--------------------------------------------------------- */
.u-zindex-bottom　{
   z-index: -100;
}

.u-zindex-most-bottom　{
   z-index: -999;
}

.u-zindex-1　{
   z-index: 1;
}

.u-zindex-2　{
   z-index: 2;
}

.u-zindex-3　{
   z-index: 3;
}

.u-zindex-4　{
   z-index: 4;
}

.u-zindex-5　{
   z-index: 5;
}

.u-zindex-top　{
   z-index: 100;
}

.u-zindex-most-top　{
   z-index: 999;
}

/* cursor - utility
--------------------------------------------------------- */
.u-pointer {
	cursor: pointer;
}

/* vertical-align - utility
--------------------------------------------------------- */
.u-va-t{
	vertical-align: top !important;
}

.u-va-m{
	vertical-align: middle !important;
}

.u-va-b{
	vertical-align: bottom !important;
}

/* インライン要素上下中央ぞろえ */
.u-height-lineheight-1rem {
    height: 1rem;
    line-height: 1rem;
}

.u-height-lineheight-2rem {
    height: 2rem;
    line-height: 2rem;
}

.u-height-lineheight-3rem {
    height: 3rem;
    line-height: 3rem;
}

.u-height-lineheight-4rem {
    height: 4rem;
    line-height: 4rem;
}

.u-height-lineheight-5rem {
    height: 5rem;
    line-height: 5rem;
}

.u-height-lineheight-6rem {
    height: 6rem;
    line-height: 6rem;
}

/* インライン要素上下左右中央ぞろえ */
.u-height-lineheight-1rem-textalu-igncenter {
    height: 1rem;
    line-height: 1rem;
    text-align: center;
}

.u-height-lineheight-2rem-textaligncenter {
    height: 2rem;
    line-height: 2rem;
    text-align: center;
}

.u-height-lineheight-3rem-textaligncenter {
    height: 3rem;
    line-height: 3rem;
    text-align: center;
}

.u-height-lineheight-4rem-textaligncenter {
    height: 4rem;
    line-height: 4rem;
    text-align: center;
}

.u-height-lineheight-5rem-textaligncenter {
    height: 5rem;
    line-height: 5rem;
    text-align: center;
}

.u-height-lineheight-6rem-textaligncenter {
    height: 6rem;
    line-height: 6rem;
    text-align: center;
}

/* border - utility
--------------------------------------------------------- */
/* border-radius */
.u-br-0dot1{
	-webkit-border-radius: .1rem;
	   -moz-border-radius: .1rem;
	        border-radius: .1rem;
	    -ms-border-radius: .1rem;
}

.u-br-0dot2{
	-webkit-border-radius: .2rem;
	   -moz-border-radius: .2rem;
	        border-radius: .2rem;
	    -ms-border-radius: .2rem;
}

.u-br-0dot3{
	-webkit-border-radius: .3rem;
	   -moz-border-radius: .3rem;
	        border-radius: .3rem;
	    -ms-border-radius: .3rem;
}

.u-br-0dot4{
	-webkit-border-radius: .4rem;
	   -moz-border-radius: .4rem;
	        border-radius: .4rem;
	    -ms-border-radius: .4rem;
}

.u-br-0dot8{
	-webkit-border-radius: .8rem;
	   -moz-border-radius: .8rem;
	        border-radius: .8rem;
	    -ms-border-radius: .8rem;
}

.u-br-1dot2{
	-webkit-border-radius: 1.2rem;
	   -moz-border-radius: 1.2rem;
	        border-radius: 1.2rem;
	    -ms-border-radius: 1.2rem;
}

.u-br-1dot6{
	-webkit-border-radius: 1.6rem;
	   -moz-border-radius: 1.6rem;
	        border-radius: 1.6rem;
	    -ms-border-radius: 1.6rem;
}

.u-br-40{
	border-radius: 40rem;
}

/* border-none */
.u-br-0{
	border: none;
}

.u-b{
	border: .1rem solid black;
}

.u-br-t-0{
	border-top: none;
}

.u-br-r-0{
	border-right: none;
}

.u-br-b-0{
	border-bottom: none;
}

.u-br-l-0{
	border-left: none;
}

.u-decoration-under {
	text-decoration: underline;
}

/* display - utility
--------------------------------------------------------- */
.u-d-tb{
	display: table !important;
}

.u-d-tbc{
	display: table-cell !important;
}

.u-d-b{
	display: block !important;
}

.u-d-ib{
	display: inline-block !important;
}

.u-d-n{
	display: none !important;
}

.u-only-sp-size-dis-none {
    display: none;
}

@media (min-width: 34rem) {
.u-only-sp-size-dis-none {
    display: inline-block;
}
}

/* SPのみ適応する改行 */
@media (max-width: 34em) {
.u-db-sponly {
    display: block;
}
}

/* float - utility
--------------------------------------------------------- */
.u-fl-l{
	float: left !important;
}

.u-fl-r{
	float: right !important;
}

/* font-size - utility
--------------------------------------------------------- */
.u-fz-1rem{
	font-size: 1rem !important;
}

.u-fz-1dot4rem{
	font-size: 1.4rem !important;
}

.u-fz-1dot6rem{
	font-size: 1.6rem !important;
}

.u-fz-1dot8rem{
	font-size: 1.8rem !important;
}

.u-fz-2rem{
	font-size: 2.0rem !important;
}

.u-fz-2dot2rem{
	font-size: 2.2rem !important;
}

.u-fz-2dot4rem{
	font-size: 2.4rem !important;
}

.u-fz-2dot6rem{
	font-size: 2.6rem !important;
}

.u-fz-4rem{
	font-size: 8rem !important;
}

.u-fz-5rem{
	font-size: 5rem !important;
}

.u-fz-6rem{
	font-size: 6rem !important;
}

.u-fz-responsive--midium {
	font-size: 1.8rem !important;
}

@media (min-width: 34rem) {
.u-fz-responsive--midium {
	font-size: 2rem !important;
}
}

@media (min-width: 48rem) {
.u-fz-responsive--midium {
	font-size: 2.2rem !important;
}
}

@media (min-width: 62rem) {
.u-fz-responsive--midium {
	font-size: 2.4rem !important;
}
}

.u-fz-responsive--large {
	font-size: 2rem !important;
}

@media (min-width: 34rem) {
.u-fz-responsive--large {
	font-size: 2.2rem !important;
}
}

@media (min-width: 48rem) {
.u-fz-responsive--large {
	font-size: 2.4rem !important;
}
}

@media (min-width: 62rem) {
.u-fz-responsive--large {
	font-size: 2.6rem !important;
}
}

/* line-clamp - utility
--------------------------------------------------------- */
/* 文字が溢れたら「...」を出す */
.u-lc {
	display:         flex;
	display: -webkit-flex;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* margin - utility
--------------------------------------------------------- */
/* インラインブロック左右中央ぞろえ */
.u-centering-left-right-block-inline {
    margin: auto;
    text-align: center;
}

.u-centering-left-right\+inlineblock {
	display: inline-block;
	margin: auto;
}

.u-centering-length\+block {
	display: block;
    margin: auto;
}

/* auto margin */
.u-centering-margin-length {
	margin-right: auto !important;
	margin-left: auto !important;
}

/* Top margin */
.u-mt-0{
	margin-top: 0 !important;
}

.u-mt-0dot1rem{
	margin-top: .1rem !important;
}

.u-mt-0dot2rem{
	margin-top: .2rem !important;
}

.u-mt-0dot3rem{
	margin-top: .3rem !important;
}

.u-mt-0dot4rem{
	margin-top: .4rem !important;
}

.u-mt-0dot5rem{
	margin-top: .5rem !important;
}

.u-mt-0dot8rem{
	margin-top: .8rem !important;
}

.u-mt-1rem{
	margin-top: 1rem !important;
}

.u-mt-1dot5rem{
	margin-top: 1.5rem !important;
}

.u-mt-1dot6rem{
	margin-top: 1.6rem !important;
}

.u-mt-2rem{
	margin-top: 2rem !important;
}

.u-mt-2dot4rem{
	margin-top: 2.4rem !important;
}

.u-mt-2dot5rem{
	margin-top: 2.5rem !important;
}

.u-mt-3rem{
	margin-top: 3rem !important;
}

.u-mt-3dot2rem{
	margin-top: 3.2rem !important;
}

.u-mt-4rem{
	margin-top: 4rem !important;
}

.u-mt-4rem{
	margin-top: 4rem !important;
}

.u-mt-4dot8rem{
	margin-top: 4.8rem !important;
}

.u-mt-5rem{
	margin-top: 5rem !important;
}

.u-mt-5dot6rem{
	margin-top: 5.6rem !important;
}

.u-mt-6rem{
	margin-top: 6rem !important;
}

.u-mt-6dot4rem{
	margin-top: 6.4rem !important;
}

.u-mt-7rem{
	margin-top: 7rem !important;
}

.u-mt-8rem{
	margin-top: 8rem !important;
}

.u-mt-9rem{
	margin-top: 9rem !important;
}

.u-mt-10rem{
	margin-top: 10rem !important;
}

.u-mt-1percent{
	margin-top: 1% !important;
}

.u-mt-2percent{
	margin-top: 2% !important;
}

.u-mt-3percent{
	margin-top: 3% !important;
}

.u-mt-4percent{
	margin-top: 4% !important;
}

.u-mt-5percent{
	margin-top: 5% !important;
}

.u-mt-6percent{
	margin-top: 6% !important;
}

.u-mt-7percent{
	margin-top: 7% !important;
}

.u-mt-8percent{
	margin-top: 8% !important;
}

.u-mt-9percent{
	margin-top: 9% !important;
}

.u-mt-10percent{
	margin-top: 10% !important;
}

/* Right margin */
.u-mr-0{
	margin-right: 0 !important;
}

.u-mr-0dot1rem{
	margin-right: .1rem !important;
}

.u-mr-0dot2rem{
	margin-right: .2rem !important;
}

.u-mr-0dot3rem{
	margin-right: .3rem !important;
}

.u-mr-0dot4rem{
	margin-right: .4rem !important;
}

.u-mr-0dot5rem{
	margin-right: .5rem !important;
}

.u-mr-0dot8rem{
	margin-right: .8rem !important;
}

.u-mr-0dot9rem{
	margin-right: .9rem !important;
}

.u-mr-1rem{
	margin-right: 1rem !important;
}

.u-mr-1dot6rem{
	margin-right: 1.6rem !important;
}

.u-mr-2dot4rem{
	margin-right: 2.4rem !important;
}

.u-mr-3dot2rem{
	margin-right: 3.2rem !important;
}

.u-mr-4dot0rem{
	margin-right: 4.0rem !important;
}

.u-mr-4dot8rem{
	margin-right: 4.8rem !important;
}

.u-mr-5dot6rem{
	margin-right: 5.6rem !important;
}

.u-mr-6dot4rem{
	margin-right: 6.4rem !important;
}

.u-mr-1percent{
	margin-right: 1% !important;
}

.u-mr-2percent{
	margin-right: 2% !important;
}

.u-mr-3percent{
	margin-right: 3% !important;
}

.u-mr-4percent{
	margin-right: 4% !important;
}

.u-mr-5percent{
	margin-right: 5% !important;
}

.u-mr-6percent{
	margin-right: 6% !important;
}

.u-mr-7percent{
	margin-right: 7% !important;
}

.u-mr-8percent{
	margin-right: 8% !important;
}

.u-mr-9percent{
	margin-right: 9% !important;
}

.u-mr-10percent{
	margin-right: 10% !important;
}

/* Bottom margin */
.u-mb-0{
	margin-bottom: 0 !important;
}

.u-mb-0dot1rem{
	margin-bottom: .1rem !important;
}

.u-mb-0dot2rem{
	margin-bottom: .2rem !important;
}

.u-mb-0dot3rem{
	margin-bottom: .3rem !important;
}

.u-mb-0dot4rem{
	margin-bottom: .4rem !important;
}

.u-mb-0dot5rem{
	margin-bottom: .5rem !important;
}

.u-mb-0dot8{
	margin-bottom: .8rem !important;
}

.u-mb-1rem {
	margin-bottom: 1.0rem !important;
}

.u-mb-1dot6{
	margin-bottom: 1.6rem !important;
}

.u-mb-2rem {
	margin-bottom: 2.0rem !important;
}

.u-mb-2dot4{
	margin-bottom: 2.4rem !important;
}

.u-mb-3rem {
	margin-bottom: 3.0rem !important;
}

.u-mb-3dot2{
	margin-bottom: 3.2rem !important;
}

.u-mb-4rem {
	margin-bottom: 4.0rem !important;
}

.u-mb-4dot8{
	margin-bottom: 4.8rem !important;
}

.u-mb-5rem {
	margin-bottom: 5.0rem !important;
}

.u-mb-5dot6{
	margin-bottom: 5.6rem !important;
}

.u-mb-6rem {
	margin-bottom: 6rem !important;
}

.u-mb-6dot4{
	margin-bottom: 6.4rem !important;
}

.u-mb-7rem {
	margin-bottom: 7rem !important;
}

.u-mb-8rem {
	margin-bottom: 8rem !important;
}

.u-mb-15rem {
	margin-bottom: 15rem !important;
}

.u-mb-16rem {
	margin-bottom: 16rem !important;
}

.u-mb-17rem {
	margin-bottom: 17rem !important;
}

.u-mb-20rem {
	margin-bottom: 20rem !important;
}

.u-mb-23rem {
	margin-bottom: 23rem !important;
}

.u-mb-25rem {
	margin-bottom: 25rem !important;
}

.u-mb-30rem {
	margin-bottom: 30rem !important;
}

.u-mb-1percent{
	margin-bottom: 1% !important;
}

.u-mb-2percent{
	margin-bottom: 2% !important;
}

.u-mb-3percent{
	margin-bottom: 3% !important;
}

.u-mb-4percent{
	margin-bottom: 4% !important;
}

.u-mb-5percent{
	margin-bottom: 5% !important;
}

.u-mb-6percent{
	margin-bottom: 6% !important;
}

.u-mb-7percent{
	margin-bottom: 7% !important;
}

.u-mb-8percent{
	margin-bottom: 8% !important;
}

.u-mb-9percent{
	margin-bottom: 9% !important;
}

.u-mb-10percent{
	margin-bottom: 10% !important;
}

.u-mtb-1rem{
	margin: 1rem auto!important;
}

.u-mtb-2rem{
	margin: 2rem auto!important;
}

.u-mtb-3rem{
	margin: 3rem auto!important;
}

.u-mtb-4rem{
	margin: 4rem auto!important;
}

.u-mtb-5rem{
	margin: 5rem auto!important;
}

.u-mtb-6rem{
	margin: 6rem auto!important;
}

.u-mtb-7rem{
	margin: 7rem auto!important;
}

.u-mtb-8rem{
	margin: 8rem auto!important;
}

.u-mtb-9rem{
	margin: 9rem auto!important;
}

.u-mtb-10rem{
	margin: 10rem auto !important;
}

.u-mtb-1percent{
	margin: 1% auto!important;
}

.u-mtb-2percent{
	margin: 2% auto!important;
}

.u-mtb-3percent{
	margin: 3% auto!important;
}

.u-mtb-4percent{
	margin: 4% auto!important;
}

.u-mtb-5percent{
	margin: 5% auto!important;
}

.u-mtb-6percent{
	margin: 6% auto!important;
}

.u-mtb-7percent{
	margin: 7% auto!important;
}

.u-mtb-8percent{
	margin: 8% auto!important;
}

.u-mtb-9percent{
	margin: 9% auto!important;
}

.u-mtb-10percent{
	margin: 10% auto !important;
}

.u-mb-res-xx-small {
    margin-bottom: .25%;
}

@media (min-width: 48em) {
.u-mb-res-xx-small {
    margin-bottom: 1%;
}
}

.u-mb-res-x-small {
    margin-bottom: .5%;
}

@media (min-width: 48em) {
.u-mb-res-x-small {
    margin-bottom: 1%;
}
}

.u-mb-responsive-small {
    margin-bottom: 2%;
}

@media (min-width: 34em) {
.u-mb-responsive-small {
    margin-bottom: 1%;
}
}

.u-mb-responsive-medium {
    margin-bottom: 4%;
}

@media (min-width: 34em) {
.u-mb-responsive-medium {
    margin-bottom: 3%;
}
}

.u-mb-responsive-large {
    margin-bottom: 5%;
}

@media (min-width: 34em) {
.u-mb-responsive-large {
    margin-bottom: 4%;
}
}
.u-mb-responsive-xx-large {
    margin-bottom: 7%;
}

@media (min-width: 34em) {
.u-mb-responsive-xx-large {
    margin-bottom: 6%;
}
}

/* Left margin */
.u-ml-0{
	margin-left: 0 !important;
}

.u-ml-0dot8rem {
	margin-left: .8rem !important;
}

.u-ml-0dot9rem {
	margin-left: .9rem !important;
}

.u-ml-1rem {
	margin-left: 1rem !important;
}

.u-ml-2rem {
	margin-left: 2rem !important;
}

.u-ml-1dot6rem {
	margin-left: 1.6rem !important;
}

.u-ml-2dot4rem {
	margin-left: 2.4rem !important;
}

.u-ml-3dot2rem {
	margin-left: 3.2rem !important;
}

.u-ml-4dot0rem {
	margin-left: 4.0rem !important;
}

.u-ml-4dot8rem {
	margin-left: 4.8rem !important;
}

.u-ml-5dot6rem {
	margin-left: 5.6rem !important;
}

.u-ml-6dot4rem {
	margin-left: 6.4rem !important;
}

.u-ml-1percent{
	margin-left: 1% !important;
}

.u-ml-2percent{
	margin-left: 2% !important;
}

.u-ml-3percent{
	margin-left: 3% !important;
}

.u-ml-4percent{
	margin-left: 4% !important;
}

.u-ml-5percent{
	margin-left: 5% !important;
}

.u-ml-6percent{
	margin-left: 6% !important;
}

.u-ml-7percent{
	margin-left: 7% !important;
}

.u-ml-8percent{
	margin-left: 8% !important;
}

.u-ml-9percent{
	margin-left: 9% !important;
}

.u-ml-10percent{
	margin-left: 10% !important;
}

.u-ml-responsive-small {
    margin-left: 1%;
}

@media (min-width: 34em) {
.u-ml-responsive-small {
    margin-left: 2%;
}
}

@media (min-width: 75em) {
.u-ml-responsive-small {
    margin-left: 4%;
}
}

.u-ml-responsive-medium {
    margin-left: 4%;
}

@media (min-width: 34em) {
.u-ml-responsive-medium {
    margin-left: 3%;
}
}

.u-ml-responsive-large {
    margin-left: 5%;
}

@media (min-width: 34em) {
.u-ml-responsive-large {
    margin-left: 4%;
}
}

.u-ml-responsive-x-large {
    margin-left: 5%;
}

@media (min-width: 34em) {
.u-ml-responsive-x-large {
    margin-left: 7%;
}
}

@media (min-width: 48em) {
.u-ml-responsive-x-large {
    margin-left: 8%;
}
}

@media (min-width: 75em) {
.u-ml-responsive-x-large {
    margin-left: 10%;
}
}

.u-ml-responsive-xx-large {
    margin-left: 7%;
}

@media (min-width: 34em) {
.u-ml-responsive-xx-large {
    margin-left: 8%;
}
}

@media (min-width: 48em) {
.u-ml-responsive-xx-large {
    margin-left: 9%;
}
}

@media (min-width: 75em) {
.u-ml-responsive-xx-large {
    margin-left: 11%;
}
}

/* misc - utility
--------------------------------------------------------- */
.u-ws-nowrap{
	white-space: nowrap;
}

.u-mx-img{
	max-width: 100%;
}

.u-tx-inside{
	margin-left: 1em;
	text-indent: -1em;
}

/* padding - utility
--------------------------------------------------------- */
/* Top padding */
.u-pt-0dot{
	padding-top: 0 !important;
}

.u-pt-0dot5{
	padding-top: .5rem !important;
}

.u-pt-0dot8{
	padding-top: .8rem !important;
}

.u-pt-1dot6{
	padding-top: 1.6rem !important;
}

.u-pt-2dot4{
	padding-top: 2.4rem !important;
}

.u-pt-3dot2{
	padding-top: 3.2rem !important;
}

.u-pt-4dot0{
	padding-top: 4.0rem !important;
}

.u-pt-4dot8{
	padding-top: 4.8rem !important;
}

.u-pt-5dot6{
	padding-top: 5.6rem !important;
}

.u-pt-6dot4{
	padding-top: 6.4rem !important;
}

.u-pt-1percent{
	padding-top: 1% !important;
}

.u-pt-2percent{
	padding-top: 2% !important;
}

.u-pt-3percent{
	padding-top: 3% !important;
}

.u-pt-4percent{
	padding-top: 4% !important;
}

.u-pt-5percent{
	padding-top: 5% !important;
}

.u-pt-6percent{
	padding-top: 6% !important;
}

.u-pt-7percent{
	padding-top: 7% !important;
}

.u-pt-8percent{
	padding-top: 8% !important;
}

.u-pt-9percent{
	padding-top: 9% !important;
}

.u-pt-10percent{
	padding-top: 10% !important;
}

/* Right padding */
.u-pr-0dot{
	padding-right: 0 !important;
}

.u-pr-0dot8{
	padding-right: .8rem !important;
}

.u-pr-1rem {
	padding-right: 1rem !important;
}

.u-pr-1dot6{
	padding-right: 1.6rem !important;
}

.u-pr-2rem {
	padding-right: 2rem !important;
}

.u-pr-2dot4{
	padding-right: 2.4rem !important;
}

.u-pr-3dot2{
	padding-right: 3.2rem !important;
}

.u-pr-4dot0{
	padding-right: 4.0rem !important;
}

.u-pr-4dot8{
	padding-right: 4.8rem !important;
}

.u-pr-5dot6{
	padding-right: 5.6rem !important;
}

.u-pr-6dot4{
	padding-right: 6.4rem !important;
}

.u-pr-1percent{
	padding-right: 1% !important;
}

.u-pr-2percent{
	padding-right: 2% !important;
}

.u-pr-3percent{
	padding-right: 3% !important;
}

.u-pr-4percent{
	padding-right: 4% !important;
}

.u-pr-5percent{
	padding-right: 5% !important;
}

.u-pr-6percent{
	padding-right: 6% !important;
}

.u-pr-7percent{
	padding-right: 7% !important;
}

.u-pr-8percent{
	padding-right: 8% !important;
}

.u-pr-9percent{
	padding-right: 9% !important;
}

.u-pr-10percent{
	padding-right: 10% !important;
}

/* Bottom padding */
.u-pb-0dot{
	padding-bottom: 0 !important;
}

.u-pb-0dot8{
	padding-bottom: .8rem !important;
}

.u-pb-1dot6{
	padding-bottom: 1.6rem !important;
}

.u-pb-2dot4{
	padding-bottom: 2.4rem !important;
}

.u-pb-3dot2{
	padding-bottom: 3.2rem !important;
}

.u-pb-4dot0{
	padding-bottom: 4.0rem !important;
}

.u-pb-4dot8{
	padding-bottom: 4.8rem !important;
}

.u-pb-5dot6{
	padding-bottom: 5.6rem !important;
}

.u-pb-6dot4{
	padding-bottom: 6.4rem !important;
}

.u-pb-1percent{
	padding-bottom: 1% !important;
}

.u-pb-2percent{
	padding-bottom: 2% !important;
}

.u-pb-3percent{
	padding-bottom: 3% !important;
}

.u-pb-4percent{
	padding-bottom: 4% !important;
}

.u-pb-5percent{
	padding-bottom: 5% !important;
}

.u-pb-6percent{
	padding-bottom: 6% !important;
}

.u-pb-7percent{
	padding-bottom: 7% !important;
}

.u-pb-8percent{
	padding-bottom: 8% !important;
}

.u-pb-9percent{
	padding-bottom: 9% !important;
}

.u-pb-10percent{
	padding-bottom: 10% !important;
}

/* Left padding */
.u-pl-0{
	padding-left: 0 !important;
}

.u-pl-0dot8rem {
	padding-left: .8rem !important;
}

.u-pl-1dot6rem {
	padding-left: 1.6rem !important;
}

.u-pl-2dot4rem {
	padding-left: 2.4rem !important;
}

.u-pl-3dot2rem {
	padding-left: 3.2rem !important;
}

.u-pl-4rem {
	padding-left: 4.0rem !important;
}

.u-pl-4dot8rem {
	padding-left: 4.8rem !important;
}

.u-pl-5dot6rem {
	padding-left: 5.6rem !important;
}

.u-pl-6dot4rem {
	padding-left: 6.4rem !important;
}

.u-pl-1percent{
	padding-left: 1% !important;
}

.u-pl-2percent{
	padding-left: 2% !important;
}

.u-pl-3percent{
	padding-left: 3% !important;
}

.u-pl-4percent{
	padding-left: 4% !important;
}

.u-pl-5percent{
	padding-left: 5% !important;
}

.u-pl-6percent{
	padding-left: 6% !important;
}

.u-pl-7percent{
	padding-left: 7% !important;
}

.u-pl-8percent{
	padding-left: 8% !important;
}

.u-pl-9percent{
	padding-left: 9% !important;
}

.u-pl-10percent{
	padding-left: 10% !important;
}

/* Right padding */
.u-pr-0{
	padding-right: 0 !important;
}

.u-pr-0dot8rem {
	padding-right: .8rem !important;
}

.u-pr-1dot6rem {
	padding-right: 1.6rem !important;
}

.u-pr-2dot4rem {
	padding-right: 2.4rem !important;
}

.u-pr-3dot2rem {
	padding-right: 3.2rem !important;
}

.u-pr-4rem {
	padding-right: 4.0rem !important;
}

.u-pr-4dot8rem {
	padding-right: 4.8rem !important;
}

.u-pr-5dot6rem {
	padding-right: 5.6rem !important;
}

.u-pr-6dot4rem {
	padding-right: 6.4rem !important;
}

.u-ptb-1percent{
	padding: 1% 0!important;
}

.u-ptb-2percent{
	padding: 2% 0!important;
}

.u-ptb-3percent{
	padding: 3% 0!important;
}

.u-ptb-4percent{
	padding: 4% 0!important;
}

.u-ptb-5percent{
	padding: 5% 0!important;
}

.u-ptb-6percent{
	padding: 6% 0!important;
}

.u-ptb-7percent{
	padding: 7% 0!important;
}

.u-ptb-8percent{
	padding: 8% 0!important;
}

.u-ptb-9percent{
	padding: 9% 0!important;
}

.u-ptb-10-percent{
	padding: 10% 0!important;
}

.u-ptb-11percent{
	padding: 11% 0!important;
}

.u-ptb-12percent{
	padding: 12% 0!important;
}

.u-ptb-13percent{
	padding: 13% 0!important;
}

.u-ptb-14percent{
	padding: 14% 0!important;
}

.u-ptb-15percent{
	padding: 15% 0!important;
}

.u-ptb-responsive-large {
    padding: 13% 0;
}

@media (min-width: 34em) {
.u-ptb-responsive-large {
    padding: 6% 0;
}
}

@media (min-width: 48em) {
.u-ptb-responsive-large {
    padding: 6% 0;
}
}

@media (min-width: 75em) {
.u-ptb-responsive-large {
    padding: 6% 0;
}
}
/* position - utility
--------------------------------------------------------- */
.u-pos-a{
	position: absolute !important;
}

.u-pos-r{
	position: relative !important;
}

/* text-align - utility
--------------------------------------------------------- */
.u-ta-l{
	text-align: left;
}

.u-ta-c{
	text-align: center;
}

.u-ta-r{
	text-align: right;
}

/* text-decoration - utility
--------------------------------------------------------- */
.u-fw-n{
	font-weight: normal !important;
}

.u-fw-b{
	font-weight: bold !important;
}

.u-td-u{
	text-decoration: underline !important;
}

/* text-truncate - utility
--------------------------------------------------------- */
.u-tt{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	/* for IE 8/9 */
}

.u-word-break {
	word-wrap: break-word;
}

/* width - utility
--------------------------------------------------------- */
.u-w-auto{
	width: auto !important;
}

.u-maw-full{
	max-width: 100% !important;
}

.u-maw-half{
	max-width: 50% !important;
}

.u-width-1rem {
	width: 1rem !important;
}

.u-width-2rem {
	width: 2rem !important;
}

.u-width-3rem {
	width: 3rem !important;
}

.u-width-4rem {
	width: 4rem !important;
}

.u-width-5rem {
	width: 5rem !important;
}

.u-width-6rem {
	width: 6rem !important;
}

.u-width-7rem {
	width: 7rem !important;
}

.u-width-8rem {
	width: 8rem !important;
}

.u-width-9rem {
	width: 9rem !important;
}

.u-width-10rem {
	width: 10rem !important;
}

.u-width-11rem {
	width: 11rem !important;
}

.u-width-12rem {
	width: 12rem !important;
}

.u-width-13rem {
	width: 13rem !important;
}

.u-width-14rem {
	width: 14rem !important;
}

.u-width-15rem {
	width: 15rem !important;
}

.u-width-75per {
	width: 75% !important;
}

.u-width-85per {
	width: 85% !important;
}

.u-width-90per {
	width: 90% !important;
}

.u-width-100per {
	width: 100% !important;
}

.u-size-full{
	width: 100% !important;
	height: 100% !important;
}

@media (min-width: 34em) {
.u-width-mid-res {
	width: 90% !important;
}
}

@media (min-width: 48em) {
.u-width-mid-res {
	width: 60% !important;
}
}

@media (min-width: 62em) {
.u-width-mid-res {
	width: 70% !important;
}
}
/* visibility - utility
--------------------------------------------------------- */
.u-visibility-visible {
	visibility: visible;
}

.u-visibility-hidden {
	visibility: hidden;
}

/* animation - utility
--------------------------------------------------------- */
.u-transition-all-500ms {
	transition: all .5s;
}

.u-transition-all-600ms {
	transition: all .6s;
}

.u-transition-all-700ms {
	transition: all .7s;
}

.u-transition-all-800ms {
	transition: all .8s;
}

.u-transition-all-900ms {
	transition: all .9s;
}

.u-transition-all-1s {
	transition: all 1s;
}

.u-transform-0dot5s-ease {
    transition: transform 0.5s ease; /* easeはイージングの一種 */
}

/* 拡大するアニメーション */
.u-is-hover-scale-110per:hover {
    transform: scale(1.1);
}

.u-is-hover-scale-120per:hover {
    transform: scale(1.2);
}

.u-is-scale-1dot1-zindex100-pos-r:hover {
    transform: scale(1.1);
    z-index: 100;
    position: relative;
}

.u-is-scale-1dot2-zindex100-pos-r:hover {
    transform: scale(1.2);
    z-index: 100;
    position: relative;
}

/* 拡大するアニメーション */
.u-is-active-scale-110per--active:active {
    transform: scale(1.1);
}

.u-is-active-scale-120per--active:active {
    transform: scale(1.2);
}

.u-is-scale-1dot1-zindex100-pos-r--active:active {
    transform: scale(1.1);
    z-index: 100;
    position: relative;
}

.u-is-scale-1dot2-zindex100-pos-r--active:active {
    transform: scale(1.2);
    z-index: 100;
    position: relative;
}

/* box-shadow:右方向 下方向 ぼかし 広がり 色,右方向 下方向 ぼかし 広がり 色 inset; */
.u-hover-brilliancy-outside:hover {
	box-shadow: 0 0 4.5rem rgba(255,255,255,.6);
}

.u-hover-brilliancy-inside:hover {
	box-shadow: 0 0 3rem rgba(255,255,255,.6) inset;
}

.u-hover-brilliancy-outside-inside:hover {
	box-shadow: 0 0 4rem rgba(255,255,255,.6), 0 0 4rem rgba(255,255,255,.6) inset;
}

.u-hover-brilliancy-outside-inside--strong:hover {
	box-shadow: 0 0 7rem rgba(255,255,255,.9), 0 0 12rem rgba(255,255,255,.6) inset;
}

/* 遅れて実行される */
.u-animation-delay-500ms {
    transition-delay: .5s;
}

.u-animation-delay-1s {
    transition-delay: 1s;
}

.u-animation-delay-2s {
    transition-delay: 2s;
}

.u-is-hover-opacy-weak:hover {
    opacity: .8;
}

.u-is-hover-opacy-medium:hover {
    opacity: .6;
}

.u-is-hover-opacy-strong:hover {
    opacity: .4;
}

/* borderを透過 */
.u-is-hover-border-opacy-weak--white:hover {
    border-color:rgba(255,255,255,0.8);
}

.u-is-hover-border-opacy-medium--white:hover {
    border-color:rgba(255,255,255,0.6);
}

.u-is-hover-border-opacy-strong--white:hover {
    border-color:rgba(255,255,255,0.4);
}
/* /borderを透過 */