@charset "UTF-8";
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* Imports
--------------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

/*============================================================
全ページ共通
============================================================*/

html {
    font-size: 62.5%;
    min-width: 100%;
}

body {
    color: #333;
    word-wrap: break-word !important;
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 0;
    font-size: 1.4em;
    min-width: 100%;
    background: url(../images/bg.jpg) no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 30%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

p {
    margin: 0 0 24px;
    margin: 0 0 2.4rem;
    padding: 0;
}


/*============================================================
トップページ
============================================================*/

.card > .cyan {
    border-bottom: solid 2px #65eca6;
}

.card > .green {
    border-bottom: solid 2px #009e96;
}

.card > .blue {
    border-bottom: solid 2px #3488c7;
}

.card > .orange {
    border-bottom: solid 2px #f2c194;
}

.card > .purple {
    border-bottom: solid 2px #c194f2;
}

.card > .red {
    border-bottom: solid 2px #eb7591;
}

.card > .yellow {
    border-bottom: solid 2px #FDDF3A;
}

.str {
    color: #f29c9f;
}


/* Slider-Pro
--------------------------------------------- */

.slider-pro {
    margin: 0 auto 30px !important;
    width: 100% !important;
}

.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
    border: solid 2px #00b9e6 !important;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    border-bottom: 5px solid #fff !important;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    border-bottom: 13px solid #fff !important;
}

.slider-pro img.sp-thumbnail {
    width: 100% !important;
    height: auto !important;
}

.sp-arrow {
    width: 10px !important;
    height: 30px !important;
}


/* Masonry
--------------------------------------------- */

#masonry {
    max-width: 960px;
    /* 960 px */
    overflow: hidden;
    margin: 0 auto;
}


/* clearfix */

#masonry:after {
    content: '';
    display: block;
    clear: both;
}


/* ---- topics ---- */

.pink_solid {
    border: solid 2px #f19ec2;
    box-sizing: border-box;
    background: rgba(255, 255, 255, .5);
    margin: 0;
    padding: 0;
}

.topi {
    color: #f19ec2 !important;
    margin: 10px 20px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.1em;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.2em;
}

.topics {
    margin: 0;
    overflow: scroll;
    overflow-x: hidden;
    height: 140px;
    padding: 0 10px;
}

.topi > span {
    padding: 0 15px;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    letter-spacing: 0.2em;
    color: #98979a;
}

.topi {
    color: #333;
    margin-left: 20px;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.1em;
    font-weight: 600;
}

.topics table {
    width: 100%;
    border-top: solid 1px #ddd;
    font-size: 12px;
}

.topics table > tbody {
    padding: 5px 5px;
    display: block;
    border-bottom: solid 1px #ddd;
}

.topics span {
    display: block;
    float: left;
    width: 7em;
    text-align: center;
    font-size: 12px;
}

.category_tit > a {
    color: #fff;
}

.category_tit > a:hover,
.category_tit > a:active,
.category_tit > a:focus {
    background: transparent;
    opacity: .8;
}

.topics .data {
    display: inline;
    padding: 5;
    font-size: 12px;
}

.topics .title a {
    text-decoration: underline;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
    vertical-align: middle;
}

.topics .title {
    padding-left: 2em;
    vertical-align: middle;
}

.read-more {
    background: linear-gradient(transparent 40%, #ffff03 40%);
    font-weight: bold;
    color: rgba(0, 0, 0, 0.81);
    text-decoration: none;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
    font-size: 1em;
    line-height: 1.33;
}


/*--- カテゴリ別出力色 ---*/

.topics .news {
    background: #e3007f;
}

.topics > td span.blog_02 {
    background: #91308c;
}

.topics > td span.blog_03 {
    background: #1d2088;
}

.topics > td span.blog_04 {
    background: #0068b6;
}

.topics > td span.blog_05 {
    background: #007144;
}


/* ---- card ---- */

.grid {
    max-width: 960px;
    margin: 0 auto;
}

.grid-item {
    overflow: hidden;
    box-sizing: border-box;
    min-height: 150px;
}

.card {
    width: 100%;
    height: 100%;
    float: left;
    background: #fff;
    border: solid 2px #fff;
    overflow: hidden;
    box-shadow: 0 2px 5px #ccc;
    position: relative;
}

.card-img {
    position: relative;
    overflow: hidden;
    width: auto;
    height: 65%;
}

.card-img img {
    width: 100% !important;
    height: auto !important;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
    position: absolute;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

.card-img > .caption {
    position: absolute;
    bottom: -100%;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
    opacity: 1;
    text-align: center;
    vertical-align: middle;
}

@media screen and (max-width: 480px) {
    .card-img > .caption {
        display: none;
    }
}

.card-img > .caption h4 {
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    vertical-align: middle;
    margin: 50px auto;
    font-family: "Helvetica Neue";
    font-weight: 500;
}

.card-img > .caption a {
    color: #fff;
}

.card-img:hover .caption {
    bottom: 0;
    left: 0;
}

.card-content {
    overflow: hidden;
    width: 100%;
    height: 35%;
    vertical-align: middle;
}

.card-title {
    font-size: 12px;
    text-align: left;
    margin: 2.5px 5px;
    font-weight: 500;
}

.card-text {
    color: #777;
    font-size: 14px;
    line-height: 1.5;
}

.card-link {
    text-align: center;
    border-top: 1px solid #eee;
    padding: 20px;
}

.card-link a {
    text-decoration: none;
    color: #0bd;
    margin: 0 10px;
}

.card-link a:hover {
    color: #0090aa;
}

.card--width2 {
    width: 360px;
}

.card--width3 {
    width: 565px;
}

@media only screen and (max-width: 593px) {
    .card--width3 {
        width: 375px;
    }
}


/*追記*/
.sns {
    text-align:left;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 70px;
    z-index: 1;
    left: 10px;
}
.twitter{padding-top:5px;}
/*追記*/
/***下層****************************************/


/*共通*/

div#wrapper {
    max-width: 960px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.60);
    color: #7a7a7a;
}

div#wrapper section {
    margin: 0;
    padding: 0;
}

div#wrapper figure {
    margin: 0;
    padding: 0;
}

div#wrapper img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

div#wrapper img.size-thumbnail {
    width: 100% !important;
    max-width: 150px !important;
    height: auto !important;
}

div#wrapper img.size-medium {
    width: 100% !important;
    max-width: 300px !important;
    height: auto !important;
}

div#wrapper img.size-full {
    width: 100% !important;
    max-width: 640px !important;
    height: auto !important;
}

div#wrapper p {
    margin: 0;
    padding: 0;
}

div#wrapper ul,
div#wrapper ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#main_img {
    width: 100%;
    margin: 0;
    padding: 0;
}

div#main_img img,
div#main_img figure {
    margin: 0;
    padding: 0;
}

div#pankuzu,
div.breadcrumbs {
    padding: 5px 0 0 20px;
    font-size: 11px;
}

div#wrap_contents {
    padding: 10px 20px 30px;
}

div#main_contents {
    width: 100%;
    max-width: 80%;
    float: left;
}

div#side_contents {
    width: 100%;
    max-width: 18%;
    float: right;
}

div#main_contents h2 {
    font-size: 21px;
    color: #1b8892;
    font-weight: normal;
    background-image: url(../images/h2_bg.jpg);
    padding: 5px 0 5px 15px;
    margin: 0;
}

div.in_contents {
    margin: 30px 0 0;
    padding: 20px 20px;
    background-image: url(../images/bg_01.jpg);
}

div#news,
div#news_sp {
    background-color: #FFFFFF;
    padding: 0 10px 5px;
    margin-bottom: 20px;
    font-size: 12px;
}

div#news dl,
div#news_sp dl {
    margin: 0;
    padding: 0;
}

div#news dt,
div#news_sp dt {
    margin: 0;
    padding: 10px 0 0 0;
}

div#news dd,
div#news_sp dd {
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 1px dotted #CCCCCC;
}


/*news コース紹介用レスポンシブ用*/

div#news_sp {
    display: none;
}

div.news_responsive_in {
    width: 33.3333%;
    float: left;
    padding-top: 20px;
    padding-bottom: 30px;
}

div.news_responsive_in ul {
    margin: 0 5px !important;
    background-color: #fff;
    padding: 5px !important;
    height: 270px !important;
    font-size: 12px !important;
}

div.news_responsive_in ul li img {
    width: 100% !important;
    height: auto !important;
}


/*news コース紹介用レスポンシブ用*/

div#btn_wrap_02 {
    text-align: center;
}

div#btn_wrap_02 p,
div#btn_wrap_02 li {
    margin: 20px auto 0;
    width: 401px;
    height: 89px;
}

div#btn_wrap_02 p a,
div#btn_wrap_02 li a {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 30px;
    background-image: url(../images/btn_01.gif);
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 20px;
    color: #ffff00;
}

div#btn_wrap_02 p a:hover,
div#btn_wrap_02 li a:hover {
    color: #ffffa1;
}


/*form_table*/

div#main_contents table#form_table {
    text-align: left !important;
    border-collapse: collapse !important;
    margin-top: 20px !important;
    width: 100% !important;
}

div#main_contents table#form_table th {
    width: 20% !important;
    vertical-align: middle !important;
    padding: 15px 0 !important;
    border-bottom: 1px dotted #CCCCCC !important;
    border-collapse: collapse !important;
    font-weight: normal !important;
}

div#main_contents table#form_table td {
    border-bottom: 1px dotted #CCCCCC !important;
    padding: 15px 0 !important;
    border-collapse: collapse !important;
    font-weight: normal !important;
}


/*form_table*/


/*right_side*/

div#sub_menu_01 {
    border-left: #be97f1 solid 1px;
    border-right: #be97f1 solid 1px;
    border-top: #be97f1 solid1px;
    margin-bottom: 30px;
}

div#sub_menu_01 h3 {
    text-align: center;
    color: #FFFFFF;
    background-color: #be97f1;
    padding: 5px 0;
    margin: 0;
    font-weight: normal;
}

div#sub_menu_03 {
    border-left: #39e68d solid 1px;
    border-right: #39e68d solid 1px;
    border-top: #39e68d solid1px;
    margin-bottom: 30px;
}

div#sub_menu_03 h3 {
    text-align: center;
    color: #FFFFFF;
    background-color: #39e68d;
    padding: 5px 0;
    margin: 0;
    font-weight: normal;
}

div#sub_menu_04 {
    border-left: #20bae5 solid 1px;
    border-right: #20bae5 solid 1px;
    border-top: #20bae5 solid1px;
    margin-bottom: 30px;
}

div#sub_menu_04 h3 {
    text-align: center;
    color: #FFFFFF;
    background-color: #20bae5;
    padding: 5px 0;
    margin: 0;
    font-weight: normal;
}

div#sub_menu_05 {
    border-left: #EFA0E1 solid 1px;
    border-right: #EFA0E1 solid 1px;
    border-top: #EFA0E1 solid1px;
    margin-bottom: 30px;
}

div#sub_menu_05 h3 {
    text-align: center;
    color: #FFFFFF;
    background-color: #EFA0E1;
    padding: 5px 0;
    margin: 0;
    font-weight: normal;
}


/*サイドレスポンシブアコーディオン*/

div#sub_menu_01 label,
div#sub_menu_01 input,
div#sub_menu_03 label,
div#sub_menu_03 input,
div#sub_menu_04 label,
div#sub_menu_04 input,
div#sub_menu_05 label,
div#sub_menu_05 input {
    display: none;
}


/*サイドレスポンシブアコーディオン*/

div#sub_menu_01 li a {
    display: block;
    font-size: 12px;
    color: #7a7a7a;
    padding: 10px 0 10px 5%;
    border-bottom: 1px solid #be97f1;
    background: url(../images/arrow_01.gif) no-repeat 95% center;
    background-size: 13% auto;
}

div#sub_menu_01 li a:hover {
    color: #be97f1;
    background: url(../images/arrow_03.gif) no-repeat 95% center;
    background-size: 13% auto;
}

div#sub_menu_01 li span {
    display: block;
    font-size: 10px;
}

div#sub_menu_03 li a {
    display: block;
    font-size: 12px;
    color: #7a7a7a;
    padding: 10px 0 10px 5%;
    border-bottom: 1px solid #39e68d;
    background: url(../images/arrow_01.gif) no-repeat 95% center;
    background-size: 13% auto;
}

div#sub_menu_03 li a:hover {
    color: #39e68d;
    background: url(../images/arrow_06.gif) no-repeat 95% center;
    background-size: 13% auto;
}

div#sub_menu_03 li span {
    display: block;
    font-size: 10px;
}

div#sub_menu_04 li a {
    display: block;
    font-size: 12px;
    color: #7a7a7a;
    padding: 10px 0 10px 5%;
    border-bottom: 1px solid #20bae5;
}

div#sub_menu_04 li a:hover {
    color: #20bae5;
}

div#sub_menu_04 li span {
    display: block;
    font-size: 10px;
}

div#sub_menu_05 li a {
    display: block;
    font-size: 12px;
    color: #7a7a7a;
    padding: 10px 0 10px 5%;
    border-bottom: 1px solid #EFA0E1;
}

div#sub_menu_05 li a:hover {
    color: #EFA0E1;
}

div#sub_menu_05 li span {
    display: block;
    font-size: 10px;
}

div#sub_menu_02 li {
    margin-top: 5px;
}

div#sub_menu_02 li a {
    display: block;
    font-size: 12px;
    color: #7a7a7a;
    padding: 15px 0 15px 5%;
    background-size: cover;
}

div#sub_menu_02 li a.btn_bg_01 {
    background-image: url(../images/sidebanner_01.jpg);
}

div#sub_menu_02 li a.btn_bg_02 {
    background-image: url(../images/sidebanner_02.jpg);
}

div#sub_menu_02 li a.btn_bg_03 {
    background-image: url(../images/sidebanner_03.jpg);
}

div#sub_menu_02 li a.btn_bg_04 {
    background-image: url(../images/sidebanner_04.jpg);
}

div#sub_menu_02 li a.btn_bg_05 {
    background-image: url(../images/sidebanner_05.jpg);
}

div#sub_menu_02 li a:hover {
    color: #ffffff;
}

div#sub_menu_02 li span {
    display: block;
    font-size: 10px;
}

div.in_wrap {
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.60);
    margin-top: 20px;
    padding: 10px;
}


/*right_side*/

.mt_0 {
    margin-top: 0 !important;
}

.ml_0 {
    margin-left: 0 !important;
}

.mr_0 {
    margin-right: 0 !important;
}

.pt_0 {
    padding-top: 0px !important;
}

.pt_5 {
    padding-top: 5px !important;
}

.pt_10 {
    padding-top: 10px !important;
}

.pt_20 {
    padding-top: 20px !important;
}

.pt_30 {
    padding-top: 30px !important;
}

.pb_0 {
    padding-bottom: 0 !important;
}

.tc_f29c9f {
    color: #f29c9f !important;
}

.tc_f29d4f {
    color: #f29d4f !important;
}

.tc_fe6868 {
    color: #fe6868 !important;
}

.tc_1b8892 {
    color: #1b8892 !important;
}

.tc_4dbdc8 {
    color: #4dbdc8 !important;
}

.ta_c {
    text-align: center !important;
}

.ta_l {
    text-align: left !important;
}

.bb_n {
    border-bottom: none !important;
}

.fw_b {
    font-weight: bold !important;
}

.w_50px {
    width: 50px !important;
}

.w_100p {
    width: 100% !important;
}

.w_70_100p {
    width: 70% !important;
}

@media only screen and (max-width: 494px) {
    .w_70_100p {
        width: 100% !important;
    }
}

.ajax-loader {
    display: none !important;
}


/*共通*/


/*SCUBA PRO SHOPを選ぶ、４つの理由。*/

div#main_contents h3 {
    font-size: 21px;
    color: #1b8892;
    font-weight: normal;
    background-repeat: no-repeat;
    background-position: 0;
    margin: 0;
    background-size: 14% auto;
}

h3#point_01 {
    background-image: url(../images/point1.png);
    padding: 1% 0 1% 16%;
}

h3#point_02 {
    background-image: url(../images/point2.png);
    padding: 1% 0 1% 16%;
}

h3#point_03 {
    background-image: url(../images/point3.png);
    padding: 1% 0 1% 16%;
}

h3#point_04 {
    background-image: url(../images/point4.png);
    padding: 1% 0 1% 16%;
}

h4#point_01_text {
    font-size: 18px;
    color: #f29c9f;
    text-align: center;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

h4#point_02_text {
    font-size: 18px;
    color: #1b8892;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

div.in_contents figure {
    text-align: center;
}

div.in_contents figure img {
    width: 70% !important;
    margin-top: 10px;
}


/*SCUBA PRO SHOPを選ぶ、４つの理由。*/


/*ショップ情報*/

div#btn_wrap {
    padding: 20px 20px 0;
}

div#btn_wrap li {
    width: 49%;
    margin: 0 0.5%;
    float: left;
    text-align: center;
}

div#btn_wrap li a {
    display: block;
    padding: 15px 0;
    font-size: 18px;
    background-color: #FFFFFF;
}

div#btn_wrap li#btn_01 a {
    border: 2px solid #f29c9f;
    color: #f29c9f;
}

div#btn_wrap li#btn_02 a {
    border: 2px solid #3b5998;
    color: #3b5998;
}

div#btn_wrap li a:hover {
    background-color: rgba(255, 255, 255, 0.60);
}

div.futo_wrap {
    padding: 20px 0;
    border-bottom: 1px dotted #1b8892;
}

div#main_contents div.futo_wrap h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
}

div.futo_wrap_left {
    width: 60%;
    float: left;
}

div.futo_wrap_right {
    width: 38%;
    float: right;
}

div.staff_left {
    width: 45%;
    float: left;
}

div.staff_left figure {
    margin: 0;
    padding: 0;
    text-align: left;
}

div.staff_left figure img {
    width: 100% !important;
}

div.staff_right {
    width: 53%;
    float: right;
}


/*スタッフレスポンシブアコーディオン*/

div.staff_right label,
div.staff_right input {
    display: none;
}


/*スタッフレスポンシブアコーディオン*/

div.staff_right dl,
div.staff_right dt,
div.staff_right dd {
    margin: 0;
    padding: 0;
}

div.staff_right dt {
    color: #4dbdc8;
}

div.staff_right dd {
    padding-bottom: 10px;
}

div.access {
    padding: 20px 0;
    border-bottom: 1px dotted #1b8892;
}

div#main_contents div.access h3 {
    margin: 0;
    padding: 0;
    font-size: 18px;
}

div#googlemap {
    margin-top: 10px;
}

div#googlemap iframe {
    width: 100%;
    height: 400px;
}

img.map_train {
    max-width: 510px;
}


/*富戸店料金表*/

section#price_01 ul {
    padding-top: 20px;
}

section#price_01 li {
    text-align: center;
    color: #61b4bc;
    border: 2px solid #61b4bc;
    background-color: #FFFFFF;
    width: 33%;
    margin-right: 0.5%;
    float: left;
    padding: 10px 0;
}

section#price_01 li span {
    color: #f29c9f;
    font-size: 18px;
}

section#price_02 table,
section#price_03 table {
    border-collapse: collapse;
    border: 1px solid #61b4bc;
    width: 100%;
}

section#price_02 th,
section#price_03 th {
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #61b4bc;
    font-weight: normal;
    padding: 10px 0 10px 5px;
    vertical-align: middle;
}

th.d5e9ea {
    background: #d5e9ea;
}

section#price_02 td,
section#price_03 td {
    text-align: right;
    border-collapse: collapse;
    border: 1px solid #61b4bc;
    width: 20%;
    color: #f29c9f;
    padding: 10px 5px 10px 0;
    vertical-align: middle;
}


/*富戸店料金表*/


/*クラブハウス*/

div.club_house_wrap {
    padding: 20px 0;
    border-bottom: 1px dotted #1b8892;
}

div#main_contents div.club_house_wrap h3 {
    margin: 0;
    padding: 0;
    color: #61b4bc;
    font-size: 14px;
    margin-bottom: 20px;
}

div.club_house_wrap_left {
    width: 60%;
    float: left;
}

div.club_house_wrap_right {
    width: 38%;
    float: right;
}

div.gallery_contents li {
    width: 19.2%;
    float: left;
    margin: 1% 0.4% 0;
}

div.remodal dt img {
    width: 100%;
}

div.remodal dd {
    text-align: left;
    margin: 0;
    padding: 0;
}


/*クラブハウス*/


/*ショップ情報*/


/*コース　テンプレート*/

div#course_experience_01 h3 {
    text-align: center;
    background-repeat: repeat-x;
    background-position: 0% bottom;
    background-image: url(../images/line.jpg);
    font-size: 16px;
    background-size: auto 10%;
    margin: 20px 10% 0;
    padding-bottom: 5px;
}

p#btn_01 a {
    border: 2px solid #f29c9f;
    color: #f29c9f;
    display: block;
    padding: 15px 0;
    font-size: 18px;
    background-color: #FFFFFF;
    margin: 20px auto 0;
    width: 49%;
}

p#btn_01 a:hover {
    background-color: rgba(255, 255, 255, 0.60);
}

div#course_experience_02 p {
    padding-top: 20px;
}

div#course_experience_02 table {
    text-align: left;
    border-collapse: collapse;
    margin-top: 20px;
    width: 100%;
}

div#course_experience_02 th {
    width: 20%;
    vertical-align: middle;
    padding: 15px 0;
    border-bottom: 1px dotted #CCCCCC;
    border-collapse: collapse;
    font-weight: normal;
}

div#course_experience_02 td {
    border-bottom: 1px dotted #CCCCCC;
    padding: 15px 0;
    border-collapse: collapse;
    font-weight: normal;
}

div.course_contents_wrap {
    padding: 20px 0;
    border-bottom: 1px dotted #1b8892;
}

div#main_contents div.course_contents_wrap h3,
section.course_contents_wrap h3 {
    margin: 0;
    padding: 0;
    color: #61b4bc !important;
    font-size: 18px !important;
}

div.course_contents_wrap_left {
    width: 60%;
    float: left;
}

div.course_contents_wrap_right {
    width: 38%;
    float: right;
}

section.course_table table {
    border-collapse: collapse;
    border: 1px solid #61b4bc;
    width: 100%;
}

section.course_table th {
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #61b4bc;
    font-weight: bold;
    padding: 10px 5px;
    vertical-align: middle;
    width: 20%;
}

th.d5e9ea {
    background: #d5e9ea;
}

section.course_table td {
    border-collapse: collapse;
    border: 1px solid #61b4bc;
    padding: 10px 5px;
    vertical-align: middle;
}

section.course_contents_wrap ol {
    list-style: none;
}


/*コース　テンプレート*/


/*FAQ*/

div#faq_01 p {
    margin-top: 2%;
    padding: 0 0 0 6%;
    background: url(../images/faq_a.png) no-repeat left top;
    background-size: 5% auto;
}

div#faq_01 p a {
    display: block;
    margin-top: 10px;
}

div#faq_01 label#f_01 {
    background-image: url(../images/faq_01.png);
}

div#faq_01 label#f_02 {
    background-image: url(../images/faq_02.png);
}

div#faq_01 label#f_03 {
    background-image: url(../images/faq_03.png);
}

div#faq_01 label#f_04 {
    background-image: url(../images/faq_04.png);
}

div#faq_01 label#f_05 {
    background-image: url(../images/faq_05.png);
}

div#faq_01 label#f_06 {
    background-image: url(../images/faq_06.png);
}

div#faq_01 label#f_07 {
    background-image: url(../images/faq_07.png);
}

div#faq_01 label#f_08 {
    background-image: url(../images/faq_08.png);
}

div#faq_01 label#f_09 {
    background-image: url(../images/faq_09.png);
}

div#faq_01 label#f_10 {
    background-image: url(../images/faq_10.png);
}

div#faq_01 label#f_11 {
    background-image: url(../images/faq_11.png);
}

div#faq_01 label#f_12 {
    background-image: url(../images/faq_12.png);
}

div#faq_01 label#f_13 {
    background-image: url(../images/faq_13.png);
}


/*FAQレスポンシブアコーディオン*/

div#faq_01 label {
    display: inherit;
}

div#faq_01 label {
    color: #1b8892;
    font-weight: bold;
    padding: 2% 0 2% 6%;
    border-bottom: 1px dotted #1b8892;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 5% auto;
    text-align: left;
    margin-top: 10px;
}

input[type="checkbox"].on-off {
    display: none;
}

div#faq_01 p {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

input[type="checkbox"].on-off + p {
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + p {
    height: 100%;
}


/*FAQレスポンシブアコーディオン*/

div.in_contents h3 img {
    max-width: 304px;
    text-align: center;
}

div#faq_02 {
    text-align: center;
}

div#faq_02 h4 {
    color: #f29c9f;
    font-weight: normal;
    font-size: 16px;
    margin: 20px auto 0;
    padding: 0;
}

div#faq_02 ul {
    margin: 0 auto;
    padding: 0;
    width: 60%;
}

div#faq_02 li {
    margin-top: 5px;
    background-color: #FFFFFF;
    font-size: 11px;
}

div#faq_02 li a {
    font-size: 14px;
}


/*FAQ*/


/*ライセンス取得*/

div#license_wrap_01 div.in_contents h3 img {
    width: 100%;
    max-width: 432px !important;
}

div.license_wrap {
    padding: 20px 0;
    border-bottom: 1px dotted #1b8892;
}

div.license_wrap_left {
    width: 60%;
    float: left;
}

div.license_wrap_right {
    width: 38%;
    float: right;
}

div#license_wrap_01 ol {
    margin: 20px 5% 0;
    padding-bottom: 5px;
    color: #1b8892;
}

div#license_wrap_01 ol li {
    background-repeat: repeat-x;
    background-position: 0% bottom;
    background-image: url(../images/line.jpg);
    background-size: auto 2px;
    padding: 5px 0;
}

div#license_wrap_02 {
    padding: 20px 0;
}

div#license_wrap_02_left {
    width: 38%;
    float: left;
    margin: 0;
    padding: 0;
}

div#license_wrap_02_left figure img {
    width: 100% !important;
    margin: 0;
    padding: 0;
}

div#license_wrap_02_right {
    width: 60%;
    float: right;
    padding-top: 20px;
}

div#license_wrap_03 p {
    padding-top: 10px;
}

div.license_wrap_03_left h3,
div.license_wrap_04_left h3 {
    color: #f29d4f !important
}

div.license_wrap_03_left h3 {
    background-size: 30% !important;
}

div.license_wrap_04_left h3 {
    background-size: 17% !important;
}

h3#step_01 {
    background-image: url(../images/step1.png);
    padding: 1% 0 1% 32%;
}

h3#step_02 {
    background-image: url(../images/step2.png);
    padding: 1% 0 1% 18%;
}

h3#step_03 {
    background-image: url(../images/step3.png);
    padding: 1% 0 1% 18%;
}

h3#step_04 {
    background-image: url(../images/step4.png);
    padding: 1% 0 1% 32%;
}

h3#step_05 {
    background-image: url(../images/step5.png);
    padding: 1% 0 1% 18%;
}

h3#step_06 {
    background-image: url(../images/step6.png);
    padding: 1% 0 1% 32%;
}

div.license_wrap_03_left {
    width: 40%;
    float: left;
}

div.license_wrap_03_right {
    width: 59%;
    float: right;
}

div.license_wrap_03_right li {
    width: 49%;
    float: right;
    margin-left: 1%;
}

div.license_wrap_04_left {
    width: 70%;
    float: left;
}

div.license_wrap_04_right {
    width: 30%;
    float: right;
}

div.license_wrap_04_right li {
    float: right;
    margin-left: 1%;
}


/*ライセンス取得*/


/*料金表*/

div.price_contents {
    margin-top: 15px;
}

div.price_contents li {
    width: 19.2%;
    float: left;
    margin: 1% 0.4% 0;
}

div.remodal div.price_modal h3 {
    font-size: 18px;
    font-weight: bold;
    color: #1b8892;
    border-bottom: 1px dotted #1b8892;
    margin-bottom: 0;
}

div.remodal div.price_modal p {
    border-bottom: 1px dotted #1b8892;
    margin: 0;
    padding: 10px 0 !important;
}

div.remodal div.price_modal span.text_01 {
    color: #fe6868;
    font-size: 18px;
    font-weight: bold;
}

div.remodal div.price_modal span.text_02 {
    font-size: 12px;
}

div.remodal div.price_modal table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #1b8892;
    margin-top: 20px;
}

div.remodal div.price_modal th {
    border-collapse: collapse;
    border: 1px solid #1b8892;
    text-align: left;
    vertical-align: middle;
    padding: 5px 0 5px 5px;
    font-weight: normal;
}

div.remodal div.price_modal td {
    border-collapse: collapse;
    border: 1px solid #1b8892;
    width: 30%;
    text-align: left;
    vertical-align: middle;
    padding: 5px 0 5px 5px;
}


/*料金表*/


/*ブログ*/

div.archive_contents {
    border-bottom: #c0e5ff dotted 1px;
    margin-top: 20px;
    padding-bottom: 20px;
}

div.archive_right {
    width: 84%;
    float: right;
}

div.archive_right h3 {
    font-size: 18px !important
}

div.archive_right p {
    padding-top: 5px !important;
}

div.archive_left {
    width: 15%;
    float: left;
}

div.archive_left img {
    width: 100% !important;
    height: auto !important;
}

<!--記事送り--> #single_navi li {
    width: 50%;
}

li.f_left {
    float: left;
    margin-top: 20px;
}

li.f_right {
    float: right;
    margin-top: 20px;
}

<!--記事送り-->
/*ブログ*/


/* s50 */

div.s50_wrap {}

div#s50_wrap_01 ul {
    margin-top: 20px;
}

div#s50_wrap_01 ul li {
    background-repeat: repeat-x;
    background-position: 0% bottom;
    background-image: url(../images/line.jpg);
    background-size: auto 2px;
    padding: 10px 0;
    text-align: center;
}

div#s50_wrap_01 p img {
    width: auto;
}

div#s50_wrap_02 p {
    padding-top: 10px;
}

div.s50_wrap_02_left h3 {
    background-size: 18% !important;
    color: #2cd27c !important;
    font-size: 16px !important;
    padding: 1% 0 1% 19% !important;
}

div.s50_wrap_02_left h3#s50_step_01 {
    background-image: url(../images/point1_50s.png);
}

div.s50_wrap_02_left h3#s50_step_02 {
    background-image: url(../images/point2_50s.png);
}

div.s50_wrap_02_left h3#s50_step_03 {
    background-image: url(../images/point3_50s.png);
}

div.s50_wrap_02_left h3#s50_step_04 {
    background-image: url(../images/point4_50s.png);
}

div.s50_wrap_02_left h3#s50_step_05 {
    background-image: url(../images/point5_50s.png);
}

div.s50_wrap_02_left h3#s50_step_06 {
    background-image: url(../images/point6_50s.png);
}

div.s50_wrap_02_left {
    width: 70%;
    float: left;
}

div.s50_wrap_02_right {
    width: 29%;
    float: right;
}

div.s50_wrap_02_right li {
    float: right;
    margin-left: 1%;
}


/*s50*/


/*イベント*/
div#events_btn{margin-bottom:10px;}
div#events_btn li{
	float:left;
	width:50%;
	border: solid #1EB9E5 1px;
	text-align:center;
	background-color:#88D3D9;
	}
div#events_btn li a{
	display: block;
	padding: 10px 0;
	color: #fff;
	}
div#events_btn li:hover,
div#events_btn li a:hover{background-color: rgba(136,211,217,0.60) !important;}
/*イベント*/

/*@media only screen and (max-width: 1180px)*/

@media only screen and (max-width: 1180px) {
    /*共通*/
    /*right_side*/
    div#sub_menu_01 li a,
    div#sub_menu_02 li a,
    div#sub_menu_03 li a,
    div#sub_menu_04 li a,
    div#sub_menu_05 li a {
        font-size: 10px;
    }
    /*right_side*/
    /*共通*/
}


/*@media only screen and (max-width: 1040px)*/

@media only screen and (max-width: 1040px) {
    /*共通*/
    div#wrap_contents {
        padding: 10px 5px 20px;
    }
    div#main_contents {
        width: 100%;
        max-width: 100%;
        float: inherit;
    }
    div#side_contents {
        width: 100%;
        max-width: 100%;
        float: inherit;
    }
    .smt_5 {
        margin-top: 5px !important;
    }
    /*right_side*/
    div#sub_menu_01,
    div#sub_menu_03 {
        display: none;
    }
    div#sub_menu_01 li a,
    div#sub_menu_03 li a {
        background-size: 3% auto;
    }
    div#sub_menu_02 ul {
        margin-top: 0;
    }
    div#sub_menu_02 li {
        width: 24.5%;
        margin-right: 0.666%;
        float: left;
    }
    /*right_side*/
    /*共通*/
    /*ショップ情報*/
    div#btn_wrap_02 p {
        margin: 20px auto 0;
        width: 305px;
        height: 66px;
    }
    div#btn_wrap_02 p a {
        width: 100%;
        height: 100%;
        padding-top: 20px;
        font-size: 18px;
    }
    /*ショップ情報*/
}


/*@media only screen and (max-width: 780px)*/

@media only screen and (max-width: 780px) {
    /*共通*/
    div#wrapper {
        font-size: 12px;
    }
    /*共通*/
    /*SCUBA PRO SHOPを選ぶ、４つの理由。*/
    div#main_contents h2,
    div#main_contents h3,
    h4#point_01_text,
    h4#point_02_text {
        font-size: 14px;
    }
    div.in_contents figure {
        display: none;
    }
    /*SCUBA PRO SHOPを選ぶ、４つの理由。*/
    /*ショップ情報*/
    div#btn_wrap {
        padding: 20px 0 0;
    }
    div#btn_wrap li a {
        font-size: 14px;
    }
    div.staff_left {
        width: 100%;
        float: inherit;
    }
    div.staff_left figure {
        display: inherit;
        text-align: center;
    }
    div.staff_right {
        width: 100%;
        float: inherit;
    }
    div.staff_right dl {
        margin-top: 20px;
    }
    /*ショップ情報*/
    /*FAQ*/
    div#faq_02 li {
        font-size: 10px;
    }
    div#faq_02 li a {
        display: block;
    }
    /*FAQ*/
    /*ライセンス取得*/
    div#license_wrap_02_left figure {
        display: inherit;
    }
    div#license_wrap_02_right {
        padding-top: 0;
    }
    /*ライセンス取得*/
    /*s50*/
    div#s50_wrap_01 p img {
        width: 60%;
    }
    /*s50*/
/*イベント*/
div#events_btn{display:none;}
/*イベント*/
}


/*@media only screen and (max-width: 494px) */

@media only screen and (max-width: 494px) {
    /*共通*/
    div#pankuzu {
        padding: 5px 0 5px 5px;
    }
    /*news コース紹介用レスポンシブ用*/
    div#news_responsive h2 span {
      display: block;
    }
    div#news_sp {
        display: inherit;
    }
    div.news_responsive_in {
        display: none;
    }
    /*news コース紹介用レスポンシブ用*/
    div#btn_wrap_02 p,
    div#btn_wrap_02 li {
        margin: 20px auto 0;
        width: 205px;
        height: 45px;
    }
    div#btn_wrap_02 p a,
    div#btn_wrap_02 li a {
        width: 100%;
        height: 100%;
        padding-top: 14px;
        font-size: 12px;
    }
    div#btn_wrap_02 p a:hover,
    div#btn_wrap_02 li a:hover {
        color: #ffff00;
    }
    /*right_side*/
    div#sub_menu_01,
    div#sub_menu_03 {
        display: inherit;
        margin: 20px 0 0;
    }
    div#sub_menu_01 li a,
    div#sub_menu_03 li a {
        background-size: 5% auto;
        padding: 15px 0 15px 5%;
    }
    div#sub_menu_01 li a:hover,
    div#sub_menu_03 li a:hover {
        color: inherit;
    }
    div#sub_menu_01 li span,
    div#sub_menu_03 li span {
        display: inline;
        color: #CECECE;
    }
    /*サイドレスポンシブアコーディオン*/
    div#sub_menu_01 label,
    div#sub_menu_03 label {
        display: inherit;
    }
    div#sub_menu_01 h3,
    div#sub_menu_03 h3 {
        display: none;
    }
    label {
        text-align: center;
        color: #FFFFFF;
        background-color: #be97f1;
        padding: 20px 0;
        margin: 0;
        font-weight: normal;
        display: block;
    }
    div#sub_menu_03 label {
        background-color: #39e68d;
    }
    input[type="checkbox"].on-off {
        display: none;
    }
    div#sub_menu_01 ul,
    div#sub_menu_03 ul {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    input[type="checkbox"].on-off + ul {
        height: 0;
        overflow: hidden;
    }
    div#sub_menu_01 input[type="checkbox"].on-off:checked + ul {
        height: 100%;
    }
    div#sub_menu_03 input[type="checkbox"].on-off:checked + ul {
        height: 100%;
    }
    /*サイドレスポンシブアコーディオン*/
    div#sub_menu_02 ul {
        margin-top: 20px;
    }
    div#sub_menu_02 li {
        width: 49.5%;
        margin-right: 0;
        margin-left: 1%;
        float: left;
    }
    div#sub_menu_01 li a:hover,
    div#sub_menu_03 li a:hover {
        background: url(../images/arrow_01.gif) no-repeat 95% center;
        background-size: 5% auto;
    }
    /*right_side*/
    .dp_b {
        display: block !important;
    }
    /*form_table*/
    div#main_contents table#form_table table {
        font-size: 11px !important;
    }
    div#main_contents table#form_table th {
        width: 30% !important;
    }
    div#main_contents table#form_table th span {
        display: block !important;
    }
    /*form_table*/
    /*共通*/
    /*SCUBA PRO SHOPを選ぶ、４つの理由。*/
    h4#point_01_text,
    h4#point_02_text {
        font-size: 12px;
    }
    /*SCUBA PRO SHOPを選ぶ、４つの理由。*/
    /*ショップ情報*/
    div#main_contents div.futo_wrap h3 {
        font-size: 14px;
    }
    div.futo_wrap_left,
    div.futo_wrap_right {
        float: inherit;
    }
    div.futo_wrap_left {
        width: 100%;
    }
    div.futo_wrap_right {
        display: none;
    }
    div.staff_right {
        display: none;
    }
    /*スタッフレスポンシブアコーディオン*/
    div.staff_right label {
        display: inherit;
    }
    label {
        text-align: center;
        color: #FFFFFF;
        background-color: #be97f1;
        padding: 15px 0;
        margin: 0;
        font-weight: normal;
        display: block;
    }
    input[type="checkbox"].on-off {
        display: none;
    }
    div.staff_right dl {
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    input[type="checkbox"].on-off + dl {
        height: 0;
        overflow: hidden;
    }
    input[type="checkbox"].on-off:checked + dl {
        height: 322px;
    }
    /*スタッフレスポンシブアコーディオン*/
    div#googlemap iframe {
        height: 250px;
    }
    /*富戸店料金表*/
    section#price_01 li {
        font-size: 10px
    }
    section#price_01 li span {
        font-size: 12px;
    }
    section#price_02 td,
    section#price_03 td {
        width: 22%;
    }
    /*富戸店料金表*/
    /*クラブハウス*/
    div.club_house_wrap_left,
    div.club_house_wrap_right {
        float: inherit;
        width: 100%;
    }
    div.club_house_wrap_left p {
        padding-top: 10px !important;
    }
    div.gallery_contents li {
        width: 32.5%;
        margin: 1% 0.4% 0;
    }
    /*クラブハウス*/
    /*ショップ情報*/
    /*コース　テンプレート*/
    div#course_experience_01 h3 {
        background-image: url(../images/line.jpg);
        font-size: 12px;
        background-size: auto 5%;
    }
    div#course_experience_01 h3 span {
        display: block;
    }
    p#btn_01 a {
        font-size: 14px;
        width: 100%;
    }
    p#btn_01 a:hover {
        background-color: #ffffff;
    }
    div#course_experience_02 table {
        font-size: 11px;
    }
    div#course_experience_02 th span {
        display: block;
    }
    div.course_contents_wrap_left,
    div.course_contents_wrap_right {
        float: inherit;
        width: 100%;
    }
    div.course_contents_wrap_left p {
        padding-top: 10px !important;
    }
    section.course_table th {
        width: 22%;
    }
    div#main_contents div.course_contents_wrap h3,
    section.course_contents_wrap h3 {
        font-size: 14px !important;
    }
    /*コース　テンプレート*/
    /*FAQ*/
    /*FAQレスポンシブアコーディオン*/
    div#faq_01 label {
        font-size: 12px;
    }
    div#faq_01 label {
        background-color: inherit;
    }
    /*FAQレスポンシブアコーディオン*/
    /*FAQ*/
    /*ライセンス取得*/
    div.license_wrap_left,
    div.license_wrap_right {
        float: inherit;
        width: 100%;
    }
    div.license_wrap_left p {
        padding-top: 10px !important;
    }
    div.license_wrap_right {
        text-align: center;
    }
    div.license_wrap_right img {
        width: 80% !important;
    }
    div#license_wrap_01 ol li {
        font-size: 12px;
    }
    body div#license_wrap_02_left {
        float: inherit;
        text-align: center;
        width: 100%;
    }
    body div#license_wrap_02_left img {
        width: 80% !important;
        margin: 0 auto;
    }
    body div#license_wrap_02_right {
        width: 100%;
        float: inherit;
    }
    div.license_wrap_03_left h3,
    div.license_wrap_04_left h3 {
        background-size: 14% !important;
        padding-left: 16% !important;
    }
    div.license_wrap_03_left,
    div.license_wrap_04_left {
        width: 100%;
    }
    div.license_wrap_03_right,
    div.license_wrap_04_right {
        display: none;
    }
    /*ライセンス取得*/
    /*料金表*/
    div.price_contents li {
        width: 32.5%;
        margin: 1% 0.4% 0;
    }
    div.remodal {
        padding: 10px;
        font-size: 12px;
    }
    div.remodal div.price_modal h3,
    div.remodal div.price_modal span.text_01 {
        font-size: 14px;
    }
    div.remodal div.price_modal td {
        width: 40%;
    }
    /*料金表*/
    /*s50*/
    div#s50_wrap_01 ul li {
        font-size: 12px;
    }
    div#s50_wrap_01 p img {
        width: 85%;
    }
    div.s50_wrap_02_left h3 {
        background-size: 14% !important;
        padding-left: 16% !important;
        font-size: 14px !important;
    }
    div.s50_wrap_02_left {
        width: 100%;
        float: none;
    }
    div.s50_wrap_02_right {
        float: none;
        display: none;
    }
    /*s50*/

}


/***下層****************************************/


/* Footer
--------------------------------------------- */

footer {
    width: 100%;
    padding: 12px 0 20px 0;
    margin: 0 auto;
    background-color: #fff;
    border-style: solid;
    border-width: 2px 0px 0px;
    -moz-border-image: url(../images/footer_border.png) 2 0 0 repeat;
    -webkit-border-image: url(../images/footer_border.png) 2 0 0 repeat;
    -o-border-image: url(../images/footer_border.png) 2 0 0 repeat;
    border-image: url(../images/footer_border.png) 2 0 0 repeat;
    color: #ddd;
    text-align: center;
    font-family: Montserrat, sans-serif;
}

#footer-menu {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
}

#footer-menu .footer_logo {
    height: 220px;
    float: left;
}

#footer-menu .footer_col {
    width: 18%;
    height: 220px;
    float: left;
    margin-left: 10px;
}

div.insta_api h3 {
    margin: 15px 10px;
}

div#scroller {
    margin: 5px;
}

#footer-menu dl {
    width: 14%;
    height: 220px;
    text-align: left;
    float: left;
}

#footer-menu dl > dt {
    font-size: 12px;
    color: #5d5d5d;
}

#footer-menu dl dd {
    margin-left: .5em;
    padding: 4px 0;
}

#footer-menu dl dd a {
    display: block;
    color: #777;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}

#footer-menu dl dd a:before {
    content: "\f105 "" ";
    font-family: FontAwesome;
}

#footer-menu dl dt a {
    display: block;
    color: #777;
    font-size: 11px;
    line-height: 2;
    font-family: Arial, Helvetica, sans-serif;
}

#footer-menu dl dd a,
#footer-menu dl dt a {
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

#footer-menu dl dd a:hover,
#footer-menu dl dt a:hover {
    text-decoration: none;
    color: #0000ff;
}

#footer-menu #f-submenu {
    text-align: center;
    padding: 18px 0 10px;
}

#footer-menu #f-submenu a {
    color: #777;
    font-size: 10px;
    padding: 0 5px;
    display: inline-block;
}

#copyright {
    width: 98%;
    max-width: 960px;
    margin: 10px auto 10px;
    text-align: center;
    color: #010101;
    font-size: .8em;
}

div.insta_api {
    border: 1px solid #D1D1D1;
}

@media only screen and (max-width: 991px) {
    #footer {
        padding: 20px 3% 0;
        margin: 0 auto;
    }
    #footer dl {
        width: 100%;
        height: auto;
        border: none;
        text-align: left;
        margin: 0;
        padding-bottom: 10px;
        float: none;
    }
    #footer dl.site_map {
        border-bottom: solid 1px #232323;
    }
    #footer dl.site_map dt {
        padding: 1% 3% 1% 5%;
        font-size: 10px !important;
        border-bottom: #E4E4E4 dotted 1px;
    }
    #footer dl.site_map dt a {
        font-size: 12px !important;
    }
    #footer-menu dl > dt {
        font-size: 16px;
        font-weight: 600;
    }
    #footer .footer_logo {
        width: 100%;
        vertical-align: middle;
        height: auto;
        padding: 20px;
        float: none;
    }
    #footer .footer_col {
        width: 100%;
        height: auto;
        margin: 20px .5%;
        float: none;
    }
    #footer .footer_tit {
        border-bottom: solid 1px #ccc;
        line-height: 2.5;
        font-weight: normal;
    }
    #footer .footer_logo img {
        margin: 10px auto;
    }
    #footer-menu dl dt {
        margin: 0;
        padding: 2% 3% 0 5%;
    }
    #footer-menu dl > dd:first-child {
        border-top: solid 1px #ccc;
    }
    #footer-menu dl dd {
        padding: 2% 3% 2% 6%;
        margin: 0;
        border-bottom: solid 1px #ccc;
    }
    #footer-menu dl dt a {
        display: block;
        color: #777;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: normal;
    }
    #footer dl dd a {
        display: block;
        color: #777;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        padding: 0 0 0 1em;
        background: none;
    }
    #footer dl.cyan dd a {
        border-left: solid 3px #65eca6;
    }
    #footer dl.purple dd a {
        border-left: solid 3px #c194f2;
    }
    #footer dl dd a:before {
        content: "";
    }
    #footer dl dd a:after {
        content: "\f105 "" ";
        font-family: FontAwesome;
        float: right;
        font-weight: bold;
        font-size: 1.5em;
    }
    #copyright {
        border-top: solid 1px #ddd;
        padding: 10px;
    }
}

@media only screen and (max-width: 768px) {}


/******ここより上に記述しないとサファリで崩れる****************************/


/* Helper Classes
--------------------------------------------- */

.wrapper {
    width: 100%;
}

#bg_overlay {
    background: rgba(255, 255, 255, .7);
}

.clearfix {
    display: block;
    clear: both;
    zoom: 1;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
    /*display: block;*/
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.nostyle {
    list-style: none;
    padding: 0;
}

.p_none {
    padding: 0 !important;
}

.m_none {
    margin: 0 !important;
}

.mt_none {
    margin-top: 0 !important;
}

.mt_10 {
    margin-top: 10px !important;
}

.mt_20 {
    margin-top: 20px !important;
}

.mt_30 {
    margin-top: 30px !important;
}

.mb_none {
    margin-bottom: 0 !important;
}

.mb_10 {
    margin-bottom: 10px !important;
}

.mb_20 {
    margin-bottom: 20px !important;
}

.mb_30 {
    margin-bottom: 30px !important;
}

.nostyle {
    list-style: none;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

@media screen and (max-width: 480px) {
    .visible-xs {
        display: none;
    }
}

@media screen and (min-width: 479px) {
    .hidden-xs {
        display: none;
    }
}


/* Links
--------------------------------------------- */

a {
    text-decoration: none;
    color: #00b9e6
}

a:hover {
    text-decoration: none;
    color: #0000ff;
}


/* 色指定
--------------------------------------------- */

.cyan {
    color: #65eca6;
}

.bg_cyan {
    background: rgba(101, 236, 166, 0.5);
}

.green {
    color: #009e96;
}

.bg_green {
    background: rgba(0, 158, 150, 0.5);
}

.blue {
    color: #3488c7;
}

.bg_blue {
    background: rgba(52, 136, 199, 0.5);
}

.orange {
    color: #f2c194;
}

.bg_orange {
    background: rgba(242, 193, 148, 0.5);
}

.purple {
    color: #c194f2;
}

.bg_purple {
    background: rgba(193, 148, 242, 0.5);
}

.red {
    color: #eb7591;
}

.bg_red {
    background: rgba(235, 117, 145, 0.5);
}

.yellow {
    color: #FDDF3A;
}

.bg_yellow {
    background: rgba(240, 238, 60, 0.5);
}

.pink {
    color: #f19ec2;
}


/* Header
--------------------------------------------- */

header {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#cssmenu #menu-button {
    display: none;
}

#cssmenu {
    font-family: Montserrat, sans-serif;
    background: none;
    max-width: 1200px;
    margin: 0 auto;
}

#cssmenu > ul {
    float: right;
    margin: 10px 0;
}

#cssmenu > ul > li {
    float: left;
}

#cssmenu.align-center > ul {
    font-size: 0;
    text-align: center;
}

#cssmenu.align-center > ul > li {
    display: inline-block;
    float: none;
}

#cssmenu.align-center ul ul {
    text-align: left;
}

#cssmenu.align-right > ul > li {
    float: right;
}

#cssmenu > ul > li > a {
    padding: 17px;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #333;
    font-weight: normal;
    text-transform: uppercase;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    #cssmenu > ul > li > a {
        padding: 16px;
        font-size: 10px;
        letter-spacing: 1px;
    }
}

#cssmenu > ul > li:hover > a {
    padding-bottom: 15px;
}


/*--  COLOR BUTTON  --*/

#cssmenu > ul > li.cyan:hover > a {
    color: #65eca6;
    border-bottom: 2px solid #65eca6;
}

#cssmenu ul > li.cyan ul li:hover > a,
#cssmenu ul > li.cyan ul li a:hover {
    color: #65eca6;
    border-left: 2px solid #65eca6;
    padding-left: -2px;
}

#cssmenu ul > li.cyan > .submenu-button.submenu-opened {
    background: #65eca6;
}

#cssmenu > ul > li.green:hover > a {
    color: #009e96;
    border-bottom: 2px solid #009e96;
}

#cssmenu > ul > li.blue:hover > a {
    color: #3488c7;
    border-bottom: 2px solid #3488c7;
}

#cssmenu > ul > li.orange:hover > a {
    color: #f2c194;
    border-bottom: 2px solid #f2c194;
}

#cssmenu > ul > li.purple:hover > a {
    color: #c194f2;
    border-bottom: 2px solid #c194f2;
}

#cssmenu ul > li.purple ul li:hover > a,
#cssmenu ul > li.purple ul li a:hover {
    color: #c194f2;
    border-left: 2px solid #c194f2;
    padding-left: -2px;
}

#cssmenu ul > li.purple > .submenu-button.submenu-opened {
    background: #c194f2;
}

#cssmenu ul > li.purple > ul li .submenu-button.submenu-opened {
    background: #c194f2;
}

#cssmenu > ul > li.red:hover > a {
    color: #eb7591;
    border-bottom: 2px solid #eb7591;
}

#cssmenu > ul > li.yellow:hover > a {
    color: #FDDF3A;
    border-bottom: 2px solid #FDDF3A;
}

#cssmenu > ul > li.has-sub > a {
    padding-right: 30px;
}

#cssmenu > ul > li.has-sub > a:after {
    position: absolute;
    top: 22px;
    right: 10px;
    width: 9px;
    height: 1px;
    display: block;
    background: #333;
    content: '';
}

#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 19px;
    right: 14px;
    display: block;
    width: 1px;
    height: 8px;
    background: #333;
    content: '';
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

#cssmenu > ul > li.has-sub:hover > a:before {
    top: 23px;
    height: 0;
}

#cssmenu ul ul {
    position: absolute;
    left: -9999px;
}

#cssmenu.align-right ul ul {
    text-align: right;
}

#cssmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

#cssmenu li:hover > ul {
    left: auto;
}

#cssmenu.align-right li:hover > ul {
    left: auto;
    right: 0;
}

#cssmenu li:hover > ul > li {
    height: 35px;
}

#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}

#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}

#cssmenu ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.25);
    padding: 11px 15px;
    width: 170px;
    font-size: 12px;
    text-decoration: none;
    color: #333;
    font-weight: 400;
    background: rgba(255, 255, 255, .8);
}

#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
    border-bottom: 0;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    color: #ffffff;
}

#cssmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    right: 10px;
    width: 9px;
    height: 1px;
    display: block;
    background: #333;
    content: '';
}

#cssmenu.align-right ul ul li.has-sub > a:after {
    right: auto;
    left: 11px;
}

#cssmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 1px;
    height: 8px;
    background: #333;
    content: '';
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

#cssmenu.align-right ul ul li.has-sub > a:before {
    right: auto;
    left: 14px;
}

#cssmenu ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0;
}

@media all and (max-width: 991px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenu {
        width: 100%;
    }
    #cssmenu ul {
        width: 100%;
        display: none;
    }
    #cssmenu.align-center > ul {
        text-align: left;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid rgba(120, 120, 120, 0.2);
    }
    #cssmenu ul ul li,
    #cssmenu li:hover > ul > li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu > ul > li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #333;
        background: none;
    }
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li.active > a {
        color: #ffffff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul,
    #cssmenu.align-right ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
        background: rgba(255, 255, 255, .6);
    }
    #cssmenu > ul > li.has-sub > a:after,
    #cssmenu > ul > li.has-sub > a:before,
    #cssmenu ul ul > li.has-sub > a:after,
    #cssmenu ul ul > li.has-sub > a:before {
        display: none;
    }
    #cssmenu #menu-button {
        display: block;
        padding: 17px;
        color: #333;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
    }
    #cssmenu #menu-button:after {
        position: absolute;
        top: 22px;
        right: 17px;
        display: block;
        height: 2px;
        width: 20px;
        border-top: 2px solid #333;
        content: '';
    }
    #cssmenu #menu-button:before {
        position: absolute;
        top: 16px;
        right: 17px;
        display: block;
        height: 2px;
        width: 20px;
        background: #333;
        content: '';
    }
    #cssmenu #menu-button.menu-opened:after {
        top: 23px;
        border: 0;
        height: 2px;
        width: 15px;
        background: #333;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #cssmenu #menu-button.menu-opened:before {
        top: 23px;
        background: #333;
        width: 15px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, 0.2);
        height: 45px;
        width: 45px;
        cursor: pointer;
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 7px;
        height: 1px;
        display: block;
        background: #333;
        content: '';
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #ffffff;
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 1px;
        height: 7px;
        background: #333;
        content: '';
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
}


/* 共通コンテンツ部分
--------------------------------------------- */

#content {
    padding: 0 0 30px;
    position: relative;
    font-family: Montserrat, sans-serif;
}

#content .wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    overflow: visible;
    box-sizing: border-box;
}

#main {
    width: 100%;
    float: left;
}

.main_inner {
    margin-left: 210px;
}

@media screen and (max-width: 1200px) {
    .wrap,
    #content .wrap,
    #cssmenu {
        margin-left: 36px;
        margin-right: 36px;
        width: auto;
    }
}

@media screen and (max-width: 991px) {
    .wrap,
    #content .wrap,
    #cssmenu {
        width: auto;
        margin: 0 24px;
    }
    .wrap,
    #content .wrap {
        margin-left: 24px;
        margin-right: 24px;
    }
    #main,
    .main_inner {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    #sidemenu {
        width: 100% !important;
        position: relative !important;
        float: none;
        margin: 0 0 30px;
    }
    #sq-menu {
        clear: both;
        width: 100%;
        margin: 0 !important;
        position: fixed !important;
    }
    #sq-menu #logo {
        text-align: center;
        padding: 55px 0 0 0;
        float: left;
        width: 50%;
    }
    #logo img {
        margin: 0 auto;
    }
    .side_list ul li {
        float: left;
        width: 33.33333%;
        /* 未対応ブラウザ用フォールバック */
        width: -webkit-calc(100% / 3);
        width: calc(100% / 3);
    }
}

@media screen and (max-width: 767px) {
    .wrap,
    #content .wrap,
    #cssmenu {
        width: auto;
        margin: 0 12px;
    }
    .wrap,
    #content .wrap,
    #cssmenu {
        margin-left: 12px;
        margin-right: 12px;
    }
    #main,
    .main_inner {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    #sidemenu {
        float: none;
        width: 100%;
        margin: 0 0 20px;
        position: relative;
    }
    .side_list ul li {
        float: left;
        width: 33.33333%;
        /* 未対応ブラウザ用フォールバック */
        width: -webkit-calc(100% / 3);
        width: calc(100% / 3);
    }
}

@media screen and (max-width: 480px) {
    .sq-menu #logo {
        margin-bottom: 20px;
    }
    .side_list ul li {
        margin-bottom: 0;
    }
    .side_list ul li .document {
        background: #0068b7;
        height: auto;
        width: 100%;
    }
    .side_list ul li .reservation {
        background: #f4744d;
        height: auto;
        width: 100%;
    }
    .side_list ul li .equipment {
        background: #4dc491;
        height: auto;
        width: 100%;
    }
    .side_list ul li .tel_banner {
        height: auto;
        width: 100%;
        border: solid 1px #c194f2;
    }
    .side_list ul {
        margin: 0;
    }
}


/* Sidebar
--------------------------------------------- */

#sidemenu {
    width: 200px;
    padding: 15px 10px;
    background: #fff;
    box-shadow: 0 2px 5px #ccc;
    display: inline-block;
    font-family: Montserrat, sans-serif;
    position: fixed;
}

.fixed-side {
    position: fixed;
    top: 0;
}

.bottom-side {
    position: absolute;
    bottom: 0;
}

.static-side {
    position: static;
}

#sq-menu {
    width: 192px;
    height: 472px;
    position: relative;
    margin: 0 1px;
}

.side_list li {
    margin-bottom: 10px;
}

.side_list li img {
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
	vertical-align:bottom;
}

.side_list li > a:hover {
    opacity: .8;
}

.side_list ul li span{display:none;}

#logo span{display:none;}

@media screen and (max-width: 480px) {
.side_list ul li span{
		display:block !important;
		}
#logo span{display:inherit !important;}
}


#logo {
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

@media screen and (max-width: 767px) {
    .sp-arrow {
        width: 10px !important;
        height: 30px !important;
        top: 90px;
    }
    <!--positionは slider-pro.min.css で指定-->
}


/*============================================================
下層ページ
============================================================*/

.about_col {
    position: relative;
    background: #fff;
    width: 100%;
    padding: 20px;
}

.txt_col {
    max-width: 800px;
    margin: 0 170px 0 0;
    float: left;
}

@media only screen and (max-width: 980px) {
    .txt_col {
        width: 65%;
    }
}

@media only screen and (max-width: 600px) {
    .txt_col {
        width: 100%;
    }
}

.txt_col h2 {
    color: #1b8892;
    line-height: 3;
    background: url(../images/h2_bg.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 50px;
    padding-left: 15px;
    font-size: 1.2em;
}

.txt_col h3 {
    color: #61b4bc;
}

.main_visual {
    width: 100%;
    margin: 0;
}

#right_menu {
    width: 150px;
    position: absolute;
    right: 20px;
    top: 20px;
}

#right_menu .menu_r ul li {
    margin-bottom: 10px;
}

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

#content section {
    margin: 40px 0;
}

#content h2,
#content h3 {
    color: #1b8892;
}

.bg_texture {
    background: url(../images/bg_texture.jpg) repeat;
    padding: 20px;
}

.harf {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.col_box {
    border-radius: 5px;
    background: #fff;
    padding: 30px 20px;
}

.cat-item a {
    font-size: 12pt;
    font-weight: bold !important;
    color: #7a7a7a;
    display: block;
}

.cat-item .children a {
    font-weight: normal !important;
}

span.wpcf7-list-item {
    display: block;
}


/*2016_0330_watanabe*/

.change_sp {
    display: none;
}



@media screen and (max-width: 991px) {
    .change_sp {
        display: block;
    }
    .change_pc {
    display: none;
}
}
/*2016_0330_watanabe_end*/

/*20160428_yama*/
#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a{
    display: none !important;
}
/*20160428_yama*/

/*20160504_yamamoto*/
#btn_n a{
    border: 2px solid #0068b9;
    color: #0068b9;
    display: block;
    padding: 15px 0;
    font-size: 18px;
    background-color: #FFFFFF;
    margin: 20px auto 0;
    width: 49%;
}
#btn_n i.fa.fa-file-text-o {
    padding-right: 12px;
}
div#btn_wrap-x li {
    width: 32%;
    height: 75px;
        margin: 20px 3px 0 5px;
    /* margin-left: 10px; */
    float: left;
    text-align: center;
}
.btn_x-1 a{
    border: 2px solid #c293f1;
    background-color: #FFFFFF;
    font-size: 16px;
    color: #c293f1;
    display: block;
    padding: 12px 2px;
    margin: 0 auto;
}
.btn_x-2 a{
    border: 2px solid #3be58d;
    background-color: #FFFFFF;
    font-size: 16px;
    color: #3be58d;
    display: block;
    padding: 12px 2px;
    margin: 0 auto;
}
.btn_x-3 a{
    border: 2px solid #009f97;
    background-color: #FFFFFF;
    font-size: 16px;
    letter-spacing: 0.4em;
    color: #009f97;
    display: block;
    padding: 13px 2px 21px;
    margin: 0 auto;
}
span.d_b {
    display: block;
    padding-top: 5px;
    font-size: 10px;
    line-height:5px;
    letter-spacing: normal;
}
@media screen and (max-width: 1071px) {
    div#btn_wrap-x li {
    width: 32%;
    height: 75px;
    margin: 20px 3px 0 4px;
    float: left;
    text-align: center;
}
}
@media screen and (max-width: 734px) {
    div#btn_wrap-x li {
      width: 46%;
      margin: 20px 9px 0 10px;
      /*margin-left: 12px;*/
      float: left;
      text-align: center;
      }
}
@media screen and (max-width: 666px) {
    div#btn_wrap-x li {
        width: 44%;
        margin: 20px 0px 0 22px;
    }
    #btn_n a{
        padding: 12px 0;
        font-size: 15px;
    }
    #btn_n i.fa.fa-file-text-o {
        padding-right: 7px;
    }
}
@media screen and (max-width: 479px) {
    #btn_n a{
        padding: 10px 0;
        font-size: 11px;
    }
    #btn_n i.fa.fa-file-text-o {
        padding-right: 4px;
    }
    div#btn_wrap-x li {
      margin: 20px 0px 0 15px;
      }
    .btn_x-1 a{
      font-size: 11px;
    }
    .btn_x-2 a{
      font-size: 11px;
    }
    .btn_x-3 a,
    .btn_x-4 a{
      font-size: 12px;
    }
}
/*20160504_yamamoto*/

div.buy_banner{
	width:100%;
	max-width: 960px;
	text-align:right;
	margin: 0 auto;
	}
div.buy_banner img{width:100%;}


/*20160713 get_license i*/
div#license_campaign{}
div#license_campaign li.lc_01{
	float:left;
	width:50%;
}
div#license_campaign li img{margin-bottom:30px;}

@media screen and (max-width: 479px) {
div#license_campaign ul{text-align:center;}
div#license_campaign li.lc_01{
	float:none;
	width:75%;
	margin-left:auto;
	margin-right:auto;
}
div#license_campaign li img{margin-bottom:10px;}
	}

/*20160713 get_license i*/

/* 20160817 nishimura */
.btn_x-4 a{
    border: 2px solid #0068b9;
    background-color: #FFFFFF;
    font-size: 16px;
    letter-spacing: 0.4em;
    color: #0068b9;
    display: block;
    padding: 13px 2px 21px;
    margin: 0 auto;
}

/* 20160823 オープンウォーターページ変更_Nishimura */
#students_voice .voice_box:first-child {
    margin-top: 20px;
}
#students_voice .voice_box {
    margin: 0 auto 20px;
    padding: 20px;
    width: 100%;
    -webkit-box-shadow: 0px 0px 4px rgba(51,51,51,0.2);
    box-shadow: 0px 0px 4px rgba(51,51,51,0.2);
}
#students_voice .voice_box .voice_thumbnails {
    float: left;
    display: block;
    margin: 0;
    width: 25%;
}
#students_voice .voice_box .voice_thumbnails img {
    width: 100%;
    height: auto;
    display: block;
}
#students_voice .voice_box .voice_thumbnails h5 {
    margin: .5em auto 0;
    font-size: 1.1em;
    text-align: center;
    letter-spacing: -0.03em;
}
#students_voice .voice_box .voice_thumbnails h5 span {
    margin-left: 1em;
}
#students_voice .voice_box .voice_text {
    font-size: 100% !important;
    width: 73% !important;
    float: left;
    margin: 0 0 0 2%;
    overflow: initial;
    font-weight: normal !important;
}
#students_voice .students_voice_box_01 {
    background-color: #ffd7b7;
    border: solid 1px #f3a45f;
}

#students_voice .students_voice_box_02 {
    background-color: #caf5fe;
    border: solid 1px #1fbae6;
}

#students_voice .voice_box .comment_box {
    margin-top: 10px;
    padding: 5px 10px;
    font-weight: bold;
    line-height: 2;
}

#students_voice .voice_box .yellow_comment_box {
    background-color: #e1ffbd;
    border: solid 1px #97ba5b;
}
#students_voice .voice_box .red_comment_box {
    background-color: #feccda;
    border: solid 1px #e7758f;
}
@media only screen and (max-width: 494px) {
    #students_voice .voice_box .voice_thumbnails h5 {
        font-size: 1em;
    }
    #students_voice .voice_box .voice_thumbnails h5 .br-sp {
        display: block;
        margin-left: 0;
    }
}

/*20161207 トップページ変更_matsunaga*/

@media only screen and (min-width: 494px) {
    .spro_topbanner{
    width:488px;
    float:left;
    height:100px;
}

.spro_topbanner{
padding-left:1.5% !important;
margin-bottom: 0.5%;
}

.buy_banner{min-width:100%;
    max-width:574px;
   /* height:210px;*/
}}


/*20170124 トップページ変更_matsunaga*/

  /*  .spro_topbanner2{
     padding:0 1.5% 0 1.5%;
    }*/
    
/*20170131 トップページ変更_matsunaga*/
.pool{padding-left: 5%;
     margin-left: 5%;
}

/*20170328 フッター変更_matsunaga
この部分削除
#footer-menu .footer_logo 
    padding: 50px 20px;*/
#footer-menu .footer_logo {
    width: 200px !important;
    padding: 10px 20px 0 0 !important;
}

/*20170808*/
#footer-menu .footer_logo{
     color: #333333 !important;
     font-size: 10px !important;
     text-align: left !important;
}

@media only screen and (max-width: 494px) {
    #footer-menu .footer_logo img {
    max-width:100% !important;
    height:auto !important;
    text-align: center;
}}

#footer_add
   {
    width: 98%;
    max-width: 960px;
    margin: 10px auto 10px;
    text-align: center;
    color: #777;
    font-size: .8em;
}
/*20170809*/ 

/*フッターの線を消す*/
  .futofoot{
      border-bottom-style: none !important;
  }
/*フッターを消す*/ 

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; 
      max-width: 960px;
      margin-left: 1.5%;
      clear: both;
}
.sp { display: none !important; }
 
 @media only screen and (max-width: 750px) {
    .pc { display: none !important; 
         clear: both;
    }
    .sp { display: block !important; 
    }
}

/* 20170821_matsunaga */
.googlemap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.googlemap iframe,
.googlemap object,
.googlemap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*20170830 i*/
#footer-menu .footer_logo p{
margin: 0 !important;
padding: 0 !important;
}



#footer-menu .footer_logo address span{
font-style: normal;
padding: 5px 0;
display: block;
}


@media only screen and (max-width: 991px){
#footer-menu .footer_logo address span{font-size: 12px;}
#footer-menu .footer_logo {width: inherit!important;}
#footer-menu .footer_logo img {max-width: 70% !important;}
#footer-menu .footer_logo address span{padding-bottom: 20px;}
}



/*関連コンテンツ*/
dl.add_dl{
    max-width: 960px;
    margin: 20px auto 0;
	padding: 20px;
	background-color: #fff;
}

dl.add_dl dt,
dl.add_dl dd,
dl.add_dl ul,
dl.add_dl li{
margin: 0;
padding: 0;
list-style: none;
}

dl.add_dl li a{
padding: 10px 0;
border-bottom: 1px dotted #777;
display: block;
}

@media only screen and (max-width: 991px){
dl.add_dl li a{font-size: 12px;}
}


/*ストリートビューレスポンシブ*/
.g-map{
position: relative;
padding-bottom: 60%;
height: 0;
overflow: hidden;
}
.g-map iframe{
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/*20170830 i*/