@charset "utf-8";
/**
Foundation (html, body, and all)
*/
html {
font-size: 65%;
}
body {
padding: 0;
font-size: 1.3em;
background-color: #e2e3e0;
color: #111;
font-family: "Kosugi Maru", "Yu Gothic", YuGothic, "Meiryo", sans-serif;
}
* {
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;
}
.background-center-center {
background: center center transparent no-repeat;
}
.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: 970px;
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;
}
.flex_center.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;
}