@charset "utf-8";

/*============================================================
//  富士登山ツアー 吉田口富士登山プラン 追記分
//==========================================================*/

/* ヘッダー */

/*#header01 {
    margin: 0 auto;
}*/

#header01 .hd_secB .select {
    margin-left: 150px;
    margin-top: 5px;
}

@media only screen and (max-width: 640px) {
    #header01 {
        display: block!important;
    }
    ul.floatBox {
    width: auto!important;
    }
    #nav .g-nav {
    margin: 0 auto;
    }
    #nav .g-nav li a img {
    height: 50px;
    }
    #nav .fl-l {
    width: 35%!important;
    }
}

/* 上書き */
#contents {
    padding-bottom: 40px !important;
    width: 950px;
}
table {
    display: table;
}
.txt01 {
    font-size: 14px;
}
#footer01 .infoTel-day2 {
    position: absolute;
    top: 15px;
    left: 425px;
    text-align: left;
    line-height: 1.5em;
    font-size: 13px;
}
.col_1 {
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
}
@media
only screen and (max-width : 640px){
.col_2 {
    float: none;
    width: 100%;
}
.col_3 {
    float: none;
    width: 100%;
}
.col_4 {
    float: none;
    width: 100%;
}
.txt01 {
    font-size: 12px;
}
#footer01 {
    display: block !important;
}
br.cl {
    display: block !important
}
}
/* スマホサイズ時の調整用クラス */
@media
only screen and (max-width : 640px){
.inner {
    margin: 0 10px;
    }
}

/* パンくず */
#pankuzu {
    background: #f5f4f4;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 0.5em;
}

#pankuzu div{
    display: inline-block;
}

#pankuzu .inner {
    display: block;
    width: 1000px;
   margin: 0 auto;
}

#pankuzu div a span{
    color: #666;
    font-size: 10px;
}

#pankuzu div a span:hover{
    text-decoration: underline;
    color: #666;
}

@media
only screen and (max-width : 640px){
#pankuzu .inner {
    width: 96%;
    }
}
/* パネル下テキスト */
.top_text {
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}
@media
only screen and (max-width : 640px){
.top_text {
    font-size: 13px;
    }
}

/* タブ */
.img-tab {
    width: 100%;
    display: table;
}
.img-tab li {
    width: 50%;
    display: table-cell;
}


/* 切り替えタブ */
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: DeepSkyBlue;
  display: block;
  order: -1;
}
.tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: DeepSkyBlue;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: hidden;
  padding: 0px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}



/*h2見出し */
h2.h2_c0 {
    background: -moz-linear-gradient(top, #f97025 0%,#fdb435 100%);
    background: -webkit-linear-gradient(top, #f97025 0%,#fdb435 100%);
    background: linear-gradient(to bottom, #f97025 0%,#fdb435 100%);
    padding: 15px 15px 15px 50px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    height: auto;
    position:relative;
}
h2.h2_c0 .bus_img {
    position: absolute;
    width: 200px;
    right: 10px;
    top: -20px;
}
h2.h2_c0:before {
    content: none;
    content: "";
    background: url(../image/h3_title02.png);
    display: block;
    width: 35px;
    height: 30px;
    position: absolute;
    left:10px;
    }
@media only screen and (max-width: 640px){
    h2.h2_c0 {
    font-size: 20px;
    text-align:left;
    }
    h2.h2_c0.second {
    padding: 15px 115px 15px 50px;
    }
    h2.h2_c0:before {
    top: 12px;
    }
    h2.h2_c0 .bus_img {
    position: absolute;
    width: 30%;
    top: 0;
    }
}

/* 山小屋一覧 */
.mountain_house table,
.mountain_house th,
.mountain_house td {
    border: 1px solid #2196F3;
    text-align: center;
}

.mountain_house th {
    padding: 0.8em;
    background: #E3F2FD;
    font-weight: bold;
}
@media only screen and (max-width: 640px){
    #main-contents .mountain_house table {
        display: table !important;
        border: 1px solid #2196F3 !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        table-layout: fixed !important;
        word-break: break-all !important;
        word-wrap: break-word !important;
    }
    #main-contents .mountain_house table tbody {
        width: 100% !important;
        display: table !important;
    }
    #main-contents .mountain_house table tr {
        width: 100% !important;
        display: table !important;
    }
    #main-contents .mountain_house table th {
        width: 25% !important;
        display: table-cell !important;
        border: 1px solid #2196F3 !important;
    }
    #main-contents .mountain_house table td {
        width: 25% !important;
        display: table-cell !important;
        border: 1px solid #2196F3 !important;
    }
}
/* H3見出し */
h3.h3_fuji {
    font-size: 16px;
    font-weight: bold;
    color: #2196F3;
    position: relative;
    padding-left: 40px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    border-bottom: 1px solid #2196F3;
}

h3.h3_fuji2 {
    font-size: 16px;
    font-weight: bold;
    color: #2196F3;
    position: relative;
    padding-left: 40px;
    padding-bottom: 3px;
    margin-bottom: 10px;
    border-bottom: 1px solid #2196F3;
	padding-top:6px;
	background:#ededed;
	line-height:135%;
}

.col_4_pd0 h3.h3_fuji2 {
	font-size:100%;
}

h3.h3_fuji:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../image/h3_title.png);
    left: 0;
    top: -3px;
}

h3.h3_fuji2:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../image/h3_title.png);
    left: 4px;
    top: 0px;
}

h3.h3_fuji2 span{
	margin-right:3px;
	margin-left:3px;
	font-size:130%;
	line-height:inherit;
	color:inherit;
}

h3.h3_fuji span{
	font-size:130%;
	line-height:135%;
	color:inherit;
}

h3.h3_fuji.green {
    color: #64DD17 !important;
    border-bottom: 1px solid #64DD17;
}

h3.h3_fuji.green:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../image/h3_title_green.png) no-repeat;
    left: 0;
    top: 3px;
}

h3.h3_fuji.red {
    color: #cc0000 !important;
    border-bottom: 1px solid #cc0000;
}
h3.h3_fuji.red:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../../image/h3_title_red.png) no-repeat;
    left: 0;
    top: 3px;
}

h3.h3_fuji.orange ,
h3.h3_fuji2.orange {
    color: #f37200 !important;
    border-bottom: 1px solid #f37200;
}

h3.h3_fuji.orange:after ,
h3.h3_fuji2.orange:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../image/h3_title_orange.png) no-repeat;
    left: 4px;
    top: 3px;
}
h3.h3_fuji.darkgreen {
    color: #4DB7AD !important;
    border-bottom: 1px solid #4DB7AD;
}
h3.h3_fuji.darkgreen:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../image/h3_title_darkgreen.png) no-repeat;
    left: 0;
    top: 3px;
}
@media only screen and (max-width: 640px){
    h3.h3_fuji br {
        display: none;
    }
}

/* H4 */
h4 {
    font-size: 14px;
}

/* 予約ボタン */
.reservation_btn {
    /*padding: 10px 50px;*/
    padding: 10px 0;
    width: 100%;
    background: #ef5350;
    color: #FFF !important;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 15px 0;
    border: 1px solid #fff;
    box-shadow: 0 0 0 4px #ef5350;
    position: relative;
    box-sizing: border-box;
    text-align: center;
}

.reservation_btn1 {
    /*padding: 10px 50px;*/
    padding: 10px 0;
    width: 100%;
    background: #ff7f50;
    color: #FFF !important;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 15px 0;
    border: 1px solid #fff;
    box-shadow: 0 0 0 4px #ff7f50;
    position: relative;
    box-sizing: border-box;
    text-align: center;
}


.reservation_btn2 {
    /*padding: 10px 50px;*/
    padding: 10px 0;
    width: 100%;
    background: #6495ed;
    color: #FFF !important;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    margin: 15px 0;
    border: 1px solid #fff;
    box-shadow: 0 0 0 4px #6495ed;
    position: relative;
    box-sizing: border-box;
    text-align: center;
}

.reservation_btn.orange{
    background: #FFB74D;
    box-shadow: 0 0 0 4px #FFB74D;
}

.reservation_btn:after {
    content: "";
    /*background: url(../image/arrow_white.png) no-repeat;*/
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 11px;
}

.reservation_btn1:after {
    content: "";
    /*background: url(../image/arrow_white.png) no-repeat;*/
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 11px;
}

.reservation_btn2:after {
    content: "";
    /*background: url(../image/arrow_white.png) no-repeat;*/
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 11px;
}

span.small_txt {
	font-size: 0.6em;
	font-weight: normal;
	color: #FFFFFF !important;
}

.col_4 .reservation_btn:after,
.col_4_pd0 .reservation_btn:after {
    background: none;
}
@media only screen and (max-width: 640px){
    .col_4 .reservation_btn:after {
    content: "";
    background: url(../image/arrow_white.png) no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 11px;
    }
}
/* ツアー設定日 */
.tour_day {
    background: #E3F2FD;
    padding: 5px;
    border: 1px solid #2196F3;
    text-align: center;
	margin-top: 10px;
}

@media only screen and (max-width: 640px){
    .circle_img {
        margin-bottom: 10px;
    }
}

/* おすすめ */
.osusume {
    background: url(../image/bg-hukidashi02.jpg) no-repeat;
    background-size: 100%;
    height: 220px;
    position: relative;
}
.osusume-text {
    position: absolute;
    top: 36px;
    width: 300px;
    left: 80px;
}
.osusume-text p {
    font-size: 1em;
}

@media only screen and (max-width: 640px){
    .osusume {
        background: none;
        margin: 20px 0;
    }
    .osusume-text {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        border: 3px double #FDD835;
        padding: 15% 10%;
        border-radius: 100%;
    }
}
/* 横並び */
div.col_a1 {
    width: 490px;
    float: left;
}
div.col_a2 {
    width: 430px;
    float: right;
}

.col2 {
    width: 100%;
    display: table;
}

.col2 li {
    display: table-cell;
    width: 50%;
}

.col3 {
    width:100%;
    margin-top: 20px;
}

.col3 li {
    float: left;
    width:32.33333%;
    margin-left: 1%;
}

@media only screen and (min-width: 640px){
.col5 {
    width: 100%;
    display: table;
    margin-bottom: 20px;
}
.col_5 {
    margin-right: 1%;
    margin-top: 10px;
    width: 19%;
    float: left;
}
.col5 li {
    display: table-cell;
    width: 20%;
}
}
@media only screen and (max-width: 640px){
    div.col_a1 {
    width: 100%;
    float: none;
}
    div.col_a2 {
    width: 100%;
    float: none;
    margin-top: 10px;
}
.col_5 {
    width: 100%;
    float: none;
}
.col3 {
    display: block;
    margin-top: 0;
}
.col3 li {
    float: none;
    width:100%;
    margin-left: 0;
}
}

/* ページ下部リンク */

#areaNav {
    margin-bottom: 0;
}

#areaNav ul li a span {
    display: block;
    height: 50px;
    line-height: 50px;
    border: 1px solid #fff;
    padding: 0 10px;
    color: #ffffff;
}

#areaNav ul.col4 li {
    width: 222px;
}

/*#areaNav ul li.lp1 a {
    border: 2px solid #ff902e;
    background: #ff902e url(../_img/common/ai_ar_1.png) 95% center no-repeat;
}*/

#areaNav ul li.lp5,
#areaNav ul li.lp6,
#areaNav ul li.lp7 {
    margin-top: 20px;
}

#areaNav ul li a:hover {
    background: #fff url(../_img/common/ai_ar_1_s2.png) 95% center no-repeat;
}

@media only screen and (max-width: 640px){
    #areaNav {
        width: 100%;
    }
    #areaNav ul {
        width: 100%;
    }
    #areaNav ul.col3 li,
    #areaNav ul.col3 li.last {
    width: 95%;
    margin-right: 2.5%;
    margin-left: 2.5%;
    }
    #areaNav ul.col4 li {
        float: none;
        display: inline-block;
        margin: 0;
        width: 50%;
        padding: 0.5em;
    }
    #areaNav ul.col4 {
        font-size: 0;
        width:100%;
    }
    #areaNav ul.col4 li.last {
    width: 50%;
    }
    #areaNav ul li.lp5,
    #areaNav ul li.lp6,
    #areaNav ul li.lp7 {
        margin-top: 0;
    }
}

/* 富士登山フッター */
.icon-menu {
    background: url(http://www.clubgets.com/fujitozan/img_2014/bg_about.gif) no-repeat;
}
.icon-menu .button_pre {
    background: url(http://www.clubgets.com/fujitozan/img_2014/icon_pre_off.gif) no-repeat;
}
.icon-menu .button_sup {
    background: url(http://www.clubgets.com/fujitozan/img_2014/icon_sup_off.gif) no-repeat;
}
.icon-menu .button_pre:hover{
    background:url("http://www.clubgets.com/fujitozan/img_2014/icon_pre_on.gif") no-repeat;
}
.icon-menu .button_sup:hover{
    background:url("http://www.clubgets.com/fujitozan/img_2014/icon_sup_on.gif") no-repeat;
}
@media only screen and (max-width: 640px){
    .icon-menu {
        background: url(http://www.clubgets.com/fujitozan/img_2014/bg_about.gif) repeat-y;
    }
    .icon-menu li {
        margin: 0 !important;
    }
    .icon-menu .button_pre {
        background: url(http://www.clubgets.com/fujitozan/img_2014/icon_pre2_off.gif) #ffffff no-repeat;
    }
    .icon-menu .button_pre:hover {
        background: url(http://www.clubgets.com/fujitozan/img_2014/icon_pre2_on.gif) #ffffff no-repeat;
    }
    .icon-menu .button_sup{
        background:url("http://www.clubgets.com/fujitozan/img_2014/icon_sup2_off.gif") #ffffff no-repeat;
    }
    .icon-menu .button_sup:hover{
        background:url("http://www.clubgets.com/fujitozan/img_2014/icon_sup2_on.gif") #ffffff no-repeat;
    }
}

/* 吉田口データ */
.yoshida_data dl {
    margin-bottom: 10px;
}
.yoshida_data dt {
    font-weight: bold;
    float: left;
    width: 150px;
}
.yoshida_data dd {
    float: left;
}
@media only screen and (max-width: 640px){
    .yoshida_data dt {
    float: none;
    width: auto;
    }
.yoshida_data dd {
    float: none;
    }
}

/* 20180406追記 */
.pd-0{
	padding:0!important;
}

.pd-10{
	padding:10px!important;
}


.font_space{
	margin-bottom:15px;
	margin-left:15px;
}

.font_space strong{
	margin-left:3px;
	margin-right:3px;
	font-size:130%;
}