@charset "UTF-8";
/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700); */
/** mixin */
/* //  @include transition; */
/** define value */
/* $gothic:  "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,"Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; */
/* $googlefont : "Playfair Display SC"; */
@import url("header.css");
@import url("footer.css");
/** Common style */
.colorRed { color: #FF3F62; }

body { width: 100%; margin: 0; padding: 0; line-height: 1.5; letter-spacing: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 13px; height: 100%; color: #010101; }
body .container { width: 100%; margin: 0 auto; }

a { color: #333; transition: all .3s; -webkit-transition: all .3s; text-decoration: none; }
a:hover { opacity: .8; color: #FF3F62; }

img { max-width: 100%; height: auto; }

ol, ul { list-style-type: none; margin-bottom: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0 auto; }

.btn_menu { float: right; position: relative; width: 60px; height: 60px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s; }

.btn_menu:focus { outline: none; }

.btn_menu span { display: block; position: absolute; top: 50%; left: 50%; margin-top: -1px; height: 2px; background: #FFF; width: 23px; margin-left: -11px; }

.btn_menu span::before, .btn_menu span::after { position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #FFF; content: ""; }

.btn_menu span::before { top: 8px; }

.btn_menu span::after { bottom: 8px; }

.btn_menu { background-color: #000000; }

.btn_menu span { -webkit-transition: background 0s 0.3s; -o-transition: background 0s 0.3s; transition: background 0s 0.3s; }

.btn_menu span::before, .btn_menu span::after { -webkit-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; -o-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; }

.btn_menu span::before { -webkit-transition-property: top, transform; -o-transition-property: top, transform; transition-property: top, transform; }

.btn_menu span::after { -webkit-transition-property: bottom, transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; }

/* active state, i.e. menu open */
.btn_menu.opened { background-color: #000; }

.btn_menu.opened span { background: none; }

.btn_menu.opened span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.btn_menu.opened span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.btn_menu.opened span::before, .btn_menu.opened span::after { -webkit-transition-delay: 0s, 0.3s; -o-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; }

.page .bottomBtn02 { margin-bottom: 120px; }
.page .bottomBtn02 li { width: 33.3333%; float: left; }
.page .bottomBtn02 li a { display: block; vertical-align: bottom; }
.page .bottomBtn02 li a img { width: 100%; vertical-align: bottom; }
@media only screen and (max-width: 767px) { .page .bottomBtn02 { margin: 60px 0 50px 0; }
  .page .bottomBtn02 li { width: 100%; } }

@media only screen and (max-width: 767px) { .mainTitle { padding: 23px 0; } }