@charset "UTF-8";
/***-----------------------------------
スタイル
-----------------------------------***/

body {
    background: rgba(255,255,255,1.00);
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: rgba(50,50,50,1.00);
}
a {
    color: rgba(50,50,50,1.00);
}
a:hover {
    color: rgba(50,50,50,1.00);
}
a:active {
    color: rgba(50,50,50,1.00);
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.clearfix {
    overflow: hidden;
}
.dot {
    -webkit-text-emphasis: filled dot rgba(255,245,30,1.00);
    text-emphasis: filled dot rgba(255,245,30,1.00);
}
.end {
    text-decoration: line-through;
}
.respon {
    width: 100%;
}
.respon-sp {
    max-width: 100%;
}
.str {
    font-weight: bold;
}
.ul {
    text-decoration: underline;
}
.ym {
    background: linear-gradient(transparent 60%, rgba(255,250,135,1.00) 60%);
    font-weight: bold;
}
.aqua {
    color: rgba(135,195,225,1.00);
}
.beige {
    color: rgba(255,250,165,1.00);
}
.black {
    color: rgba(0,0,0,1.00);
}
.blue {
    color: rgba(0,65,165,1.00);
}
.gray {
    color: rgba(210,210,210,1.00);
}
.green {
    color: rgba(55,195,155,1.00);
}
.navy {
    color: rgba(25,40,115,1.00);
}
.orange {
    color: rgba(255,95,10,1.00);
}
.pink {
    color: rgba(240,130,160,1.00);
}
.red {
    color: rgba(205,15,30,1.00);
}
.white {
    color: rgba(255,255,255,1.00);
}
.yellow {
    color: rgba(250,240,45,1.00);
}
/***-----------------------------------
pcとspでの表示非表示
-----------------------------------***/
.pc {
    display: none !important;
}

@media screen and (min-width: 640px) {
.pc {
    display: block !important;
}
}
.sp {
    display: block !important;
}

@media screen and (min-width: 640px) {
.sp {
    display: none !important;
}
}
/***-----------------------------------
font-size
-----------------------------------***/
.font120 {
    font-size: 120%;
}
.font150 {
    font-size: 120%;
}

@media screen and (min-width: 640px) {
.font150 {
    font-size: 150%;
}
}
.font180 {
    font-size: 180%;
}
.font210 {
    font-size: 210%;
}
.font240 {
    font-size: 240%;
}
.fs-10 {
    font-size: 10px;
}
.fs-20 {
    font-size: 20px;
}
.fs-30 {
    font-size: 30px;
}
.fs-40 {
    font-size: 40px;
}
.fs-50 {
    font-size: 50px;
}
.fs-60 {
    font-size: 60px;
}
.fs-70 {
    font-size: 70px;
}
.fs-80 {
    font-size: 80px;
}
.fs-90 {
    font-size: 90px;
}
.fs-100 {
    font-size: 100px;
}
/***-----------------------------------
margin-bottom
-----------------------------------***/
.mb-0 {
    margin-bottom: 0px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-70 {
    margin-bottom: 70px;
}
.mb-80 {
    margin-bottom: 80px;
}
.mb-90 {
    margin-bottom: 90px;
}
.mb-100 {
    margin-bottom: 100px;
}
/***-----------------------------------
margin-top
-----------------------------------***/
.mt-0 {
    margin-top: 0px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-70 {
    margin-top: 70px;
}
.mt-80 {
    margin-top: 80px;
}
.mt-90 {
    margin-top: 90px;
}
.mt-100 {
    margin-top: 100px;
}
/***-----------------------------------
padding-bottom
-----------------------------------***/
.pb-0 {
    padding-bottom: 0px;
}
.pb-10 {
    padding-bottom: 10px;
}
.pb-20 {
    padding-bottom: 20px;
}
.pb-30 {
    padding-bottom: 30px;
}
.pb-40 {
    padding-bottom: 40px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pb-80 {
    padding-bottom: 80px;
}
.pb-90 {
    padding-bottom: 90px;
}
.pb-100 {
    padding-bottom: 100px;
}
/***-----------------------------------
padding-top
-----------------------------------***/
.pt-0 {
    padding-top: 0px;
}
.pt-10 {
    padding-top: 10px;
}
.pt-20 {
    padding-top: 20px;
}
.pt-30 {
    padding-top: 30px;
}
.pt-40 {
    padding-top: 40px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-60 {
    padding-top: 60px;
}
.pt-70 {
    padding-top: 70px;
}
.pt-80 {
    padding-top: 80px;
}
.pt-90 {
    padding-top: 90px;
}
.pt-100 {
    padding-top: 100px;
}