@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

ol, ul {
  list-style: none;
}

a {
  color: #6888D2;
  text-decoration: none;
}

a:focus, a:hover {
  opacity: 0.6;
}

img {
  vertical-align: top;
}

.font-size12 {
  font-size: 12px;
}

.font-size14 {
  font-size: 14px;
}

.font-size16 {
  font-size: 16px;
}

.line-hight1 {
  line-height: 1;
}

.line-hight12 {
  line-height: 1.2;
}

.line-hight14 {
  line-height: 1.4;
}

.line-hight16 {
  line-height: 1.6;
}

.line-hight18 {
  line-height: 1.8;
}

.line-hight2 {
  line-height: 2;
}

.line-hight3 {
  line-height: 3;
}

header {
  background-color: #FFF;
  width: 100%;
  top: 0;
  left: 0;
  height: 158px;
}

.header__wrap {
  max-width: 1040px;
  margin: 0 auto;
  height: 100%;
}

.header-bg-img {
  background-image: url(../img/header.jpg);
  background-repeat: no-repeat;
  width: 100%;
  height: 126px;
}

.header__title {
  display: none;
}

nav ul {
  display: flex;
}

footer {
  width: 100%;
  font-size: 12px;
  padding: 20px;
  box-sizing: border-box;
}

.main {
  max-width: 1040px;
  margin: 0 auto;
  display: flex;
  padding: 10px;
  box-sizing: border-box;
}

aside {
  width: 240px;
}

.aside__warp {
  background-color: #F0F0F0;
}

.style_wrap, .order_wrap, .option_wrap {
  padding: 10px;
}

.style_wrap ul, .option_wrap ul {
  background-color: #FFF;
}

.address_wrap {
  color: #636363;
}

article {
  padding: 10px;
  width: 780px;
}

.osusume__wrap {
  padding: 10px;
}

.osusume__title {
  color: #FFA819;
  width: 100%;
  border-bottom: 1px solid #FFA819;
  font-weight: bold;
}