@charset "utf-8";



/**
    Foundation (html, body, and all)
*/

html {
    font-size: 65%;
}

body {
    padding: 0;
    font-size: 1.4em;
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ W3", sans-serif;
    color: #111;
    /* background-color: #eee; */
    background-color: #fff;
}

* {
    transition: 0.2s linear all;
    box-sizing: border-box;
}

*:hover {
    transition: 0.2s linear all;
}



.sp {
    display: none;
}



/**
    Foundation (a, span)
*/

a, span {
    display: inline-block;
    text-decoration: none;
    color: #111;
}

a:hover {
    opacity: 0.7;
}



.bg-image-cover {
    background: center center transparent no-repeat;
    background-size: cover;
}

.bg-image-contain {
    background: center center transparent no-repeat;
    background-size: contain;
}



.bg-image-top-left {
    background-position: top left;
}

.bg-image-center-left {
    background-position: center left;
}

.bg-image-bottom-left {
    background-position: bottom left;
}



.bg-image-top-right {
    background-position: top right;
}

.bg-image-center-right {
    background-position: center right;
}

.bg-image-bottom-right {
    background-position: bottom right;
}



.bg-image-top-center {
    background-position: top center;
}

.bg-image-bottom-center {
    background-position: bottom center;
}




/**
    Foundation (center box)
*/

.center_box {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
}

.center_box_mini {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}

.center_box_mini.thin {
    max-width: 980px;
}

.center_box_micro.wide {
    max-width: 870px;
}


.center_box_micro {
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
}



/**
    Foundation (main)
*/

/*
main {
    min-height: 650px;
}
*/



/**
    Foundation (ul)
*/

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}



/**
    Foundation (table)
*/

table {
    width: 100%;
}

table th,
table td {
    vertical-align: top;
}

table th {
    /* padding: 1em 0.5em 1em 1em; */
    padding: 0.3em;
}

table td {
    /* padding: 1em 1em 1em 0.5em; */
    padding: 0.3em;
}



/**
    Foundation (flex)
*/

.flex_center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.flex_left {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.flex_right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.flex_left_sp {
    display: none;
}



/**
    Foundation (float)
*/

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.cb,
.pc_cb {
    clear: both;
}



/**
    Utilities (width)
*/

.w10p {
    width: 10%;
}

.w20p {
    width: 20%;
}

.w25p {
    width: 25%;
}

.w30p {
    width: 30%;
}

.w33p {
    width: 33.334%;
}

.w40p {
    width: 40%;
}

.w50p {
    width: 50%;
}

.w60p {
    width: 60%;
}

.w66p {
    width: 66.666%;
}

.w70p {
    width: 70%;
}

.w75p {
    width: 75%;
}

.w80p {
    width: 80%;
}

.w90p {
    width: 90%;
}

.w100p {
    width: 100%;
}



/**
    Utilities (height)
*/

.h50px {
    height: 50px;
}

.h100px {
    height: 100px;
}

.h150px {
    height: 150px;
}

.h200px {
    height: 200px;
}

.h250px {
    height: 250px;
}
.h300px {
    height: 300px;
}