/*
Template: responsive
Theme Name: Responsive Child
Theme URI: http://cyberchimps.com/responsive-theme/
Author: Spray Inc. Ltd.
Author URI: http://www.bugspray.co.jp/
Description: Responsiveの子テーマ
Version: 1.9.7.9
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, rtl-language-support, responsive-layout, fluid-layout, featured-images
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: responsive

Responsive WordPress Theme, Copyright (C) 2003-2014 Emil Uzelac, CyberChimps Inc

--------------------------------------------------------------
WARNING: (BEFORE YOU MAKE ANY CHANGES)
--------------------------------------------------------------
Please do not edit style.css or any other Theme files or
Templates directly. If you do, your customizations will be lost
as soon as you update Responsive.

WordPress and CyberChimps highly recommends Child Theme.

Read More:

- http://codex.wordpress.org/Child_Themes
- http://cyberchimps.com/guide/child-theme-example/
- http://cyberchimps.com/guide-tags/child-theme-2/

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	/* font-family: inherit; */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

body {
  color: rgb(43,43,43 );
}

label {
  cursor: pointer;
}

.entry-title {
  font-size: 24px;
}

.mtssb-users-history {
  font-size: 18px;
}

#mtslw_widget-10 h3 {
  font-size: 14px;
}

.login-username :not(label){
  font-size: 20px;
  font-weight: bold;
}

.section-title {
   font-size: 16px;
   padding: 5px;
   border: 2px solid #aaa;
   border-radius: 5px;
   background-color: #eee;
}

.booking-but {
  border: 2px solid #69f;
  border-radius: 3px;
  display: inline-block;
  width: 60px;
  height: 18px;
  text-align: center;
}

.widget_mtslw_widget ul{
   list-style: none;
   

    display: inline-block;
    width: 80px;
    margin: 0;
    padding: 4px auto;
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #333;
    background-color: #f9f9f9;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f9f9f9,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f9f9f9,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f9f9f9,#f1f1f1);
    background-image: -o-linear-gradient(top,#f9f9f9,#f1f1f1);
    background-image: linear-gradient(top,#f9f9f9,#f1f1f1);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3)inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3)inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.3)inset;
    text-shadow: 0 1px 0 #fff;
    font-size: 12px;
    vertical-align: middle;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1);
}

.widget_text h3{
  font-size: 20px;
  color: #00aa00;
}

.featured-title {
   font-size: 42px;
   color: #0061A8;
}

.featured-subtitle {
   font-size: 28px;
  /* color: gray; */
}

caption {
  text-align: left;
}

.widget-title h3 {
  font-size: 12px;
}

.login-username {
  margin-top: 0px;
}

/*釣りものリスト*/
.current_list ul{
  list-stile: none;
}

.current_list li{
  display: block;
  border: 1px solid #aaa;
   background-color: #f9f9f9;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f9f9f9,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f9f9f9,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f9f9f9,#f1f1f1);
    background-image: -o-linear-gradient(top,#f9f9f9,#f1f1f1);
    background-image: linear-gradient(top,#f9f9f9,#f1f1f1);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3)inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3)inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.3)inset;

  border-radius: 5px;
  width: 340px;
  height: 32px;
  font-size: 16px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 10px;
}

.current_list img {
  display: none;
}
/*  トップスライドショー */
#viewer {
    margin: 0 auto;
    width: 400px;
    height: 300px;
    text-align: left;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}
 
#viewer img {
    top: 0;
    left: 0;
    position: absolute;
}

.list-calendar {
  display: none;
}

.category-index {
  list-style: none;
}


@media screen and (max-width:640px){
.monthly-calendar {
  display: block;
}

.current_list li {
   margin-left: -15px;
   line-height: 26px;
   width: 300px;
   height: 60px;
 }

.list-calendar {
  display: none;
}

#viewer {
    width: 350px;
    height: 260px;
}

   .user-form tr, .user-form td ,
   .content-form tr, .content-form td  {
    display: block;
    width: 100%;
  }
   .user-form input , .content-form textarea, .content-text .medium{
    width: 99% !important;
  }
  .user-form th, .content-form th{
    text-align: left !important;
    width: 100%;
  }
}

/*  予約フォーム固定ページの仕立・乗合の出しわけ */
#for-shitate, #for-noriai {
  display: none;
}

/*退会ボタン*/
.button-primary {
   background-color: #fff;
   border: 1px solid #bb000;
   border-radius: 6px;
}

/*同意ボタン*/
#accedence-box {
  display: block;
  text-align: center;
}

#accedence-box label {
  border: 2px solid #00aa00;
  border-radius: 10px;
  height: 25px;
  width: 158px;
  padding-top: 10px;
  background-color: #ccffcc;
  color: #006633;
}

/*前のページに戻るボタン*/
#accedence-pageback {
  display: block;
  text-align: center;
}

#accedence-pageback label {
  margin-top: 20px;
  border: 1px solid #66abff;
  border-radius: 10px;
  height: 25px;
  width: 160px;
  padding-top: 10px;
  background-color: #ff8c00;
  color: #ffffe0;
}

/*予約ボタン*/
#action-button button{
  margin-top: 20px;
  border: 1px solid #0061A8;
  border-radius: 10px;
  font-size: 1.1rem;
  font-weight: bold;
  height: 36px;
  width: 160px;
  background-color: #0061A8;
  color: #fff;
  cursor: pointer;
}


#action-button button:hover{
  background-color: #0077b8;
}

/*スマホの時のメニューバー*/
.js .main-nav {
  position: relative;
  background-color: #0061A8;
  background-image: none;
  clear: both;
  margin: 0 auto;
}

@media screen and (max-width:400px){
 .monthly-calendar {
   display: none;
 }

 .current_list li {
   margin-left: -15px;
   line-height: 26px;
   width: 200px;
   height: 60px;
 }

 .list-calendar {
   display: block;
 }

 #viewer {
    width: 100%;
 }

  .featured-title {
    font-size: 28px;
  }
  .featured-subtitle {
    font-size: 22px;
   }
  .featured-content p {
    font-size: 12px;
  }

	.js .main-nav .menu li {
		float: none;
		background-color: #ffffff;
		border: none;
	}

	.js .main-nav .menu li a {
		color: #444444;
		font-size: 13px;
		font-weight: normal;
		height: 45px;
		line-height: 45px;
		padding: 0 15px;
		border: none;
		border-bottom: 1px solid #f5f5f5;
		text-shadow: none;
		text-align: left;
		cursor: pointer;
	}

	.js .main-nav .menu li.current_page_item,
	.js .menu .current_page_item a,
	.js .menu .current-menu-item a {
		background-color: #f5f5f5;
	}
/*予約履歴の表*/
  .mtssb-users table {
      font-size: 0.8em;

    }


}

.option-note {
  display: block;
  font-size: 0.8em;
}

.schedule-note {
  font-size: 0.8em;
}

.noservice {
  font-size: 0.6em;
  font-weight: normal;
}

/* =Header Menu (Primary)
-------------------------------------------------------------- */
.menu {
	background-color: #0061A8;
	background-image: none;
	clear: both;
	margin: 0 auto;
}

.main-nav {
	clear: both;
}

.menu,
.menu ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu li {
	border: 0;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 5;
}

.menu li:hover {
	white-space: normal;
	z-index: 10000;
}

.menu li li {
	float: none;
}

.menu ul {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	z-index: 10;
}

.menu li:hover > ul {
	top: 100%;
	visibility: visible;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu:after,
.menu ul:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.menu,
.menu ul {
	min-height: 0;
}

.menu ul,
.menu ul ul {
	margin: 0;
	padding: 0;
}

.menu ul li a:hover,
.menu li li a:hover {
	color: #007FFF;
	text-decoration: none;
}

.menu ul {
	margin-top: 1px;
	min-width: 15em;
	width: auto;
}

.menu a {
	border-left: 1px solid #4F71A4;
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: 700;
	height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0 0.9em;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 0 #000000;
	white-space: nowrap;
}

.menu a:hover {
	background-color: #007FFF;
	background-image: none;
	color: #ffffff;
}

ul.menu > li:hover {
	background-color: #007FFF;
	color: #ffffff;
}

.menu .current_page_item a,
.menu .current-menu-item a {
	background-color: #002FF8;
}

.front-page .menu .current_page_item a {
	background: none;
	background-color: transparent;
	background-image: none;
	filter: none;
}

.menu li li {
	background: #ffffff;
	background-image: none;
	border: 1px solid #e5e5e5;
	color: #444444;
	filter: none;
	margin: -1px 0 1px 0;
	width: auto;
}

.menu li li a {
	background: transparent !important;
	border: none;
	color: #444444;
	font-size: 12px;
	font-weight: 400;
	height: auto;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	text-shadow: none;
	white-space: nowrap;
}

.menu li li a:hover {
	background: #f5f5f5 !important;
	background-image: none;
	border: none;
	color: #444444;
	filter: none;
}

.menu li li:hover {
	background: #f5f5f5 !important;
	filter: none;
}

.menu ul > li + li {
	border-top: 0;
}

.menu li li:hover > ul {
	left: 100%;
	top: 0;
}

.menu > li:first-child > a {
	border-left: none;
}

.menu a#responsive_menu_button {
	display: none;
}

.main-nav #responsive_current_menu_item {
	display: none;
}

/** ホームへ戻るボタン  **/
.reservation-bar-wrapper {
  position: fixed;
  top: -100px;
  margin-left: -20px;
  display: block;
  width: 150px;
  height: 30px;
  background-color: rgba(255,255,255,0.7);
  border: solid 1px gray;
  color: green;
  text-align: center;
  font-weight: bold;
  padding-top: 10px;
  border-radius: 5px;
}
.reservation-bar-wrapper a{
 color: green;
}

.yoyaku table {
  font-size: 12px;
  margin: 0px auto;
  padding: 2px;
}
.yoyaku td {
  padding: 2px;
}

#text-44 {
 backgroun-color: none;
 height: 0px;
}
#text-44 .widget-wrapper {
  border: none;
  background-color: rgba(255, 255, 255, 0.01);
}

.call-to-action {
  margin-bottom: 20px;
}

/****** ページ中にログインを表示させるショートコード ******/
#inpage-login {
  border: 1px solid #00aa00;
  border-radius: 5px;
  padding: 10px;
}

#inpage-login label {
  display: block;
}

#inpage-login input[type="text"] {
  width: 200px;
}

#inpage-login-left {
 display: inline-block;
  padding-right: 10px;
}

#inpage-login-right {
  display: inline-block;
  color: red;
  margin-top: 0px;
  padding-left: 10px;
}

/**** スケジュール ****/

    .scheduletable {
       margin-top: 0px;
    }
    .schedule_area {
        background-color: white;
        margin: 20px 0px;
        padding: 20px;
    }
    #schedule_table {
        margin-right : auto;
        margin-left : auto;
        margin-top: 10px;
    }
    #schedule_table td{
        margin-right : auto;
        margin-left : auto;
        text-align: center;
        padding: 2px;
        font-size: 0.9em;
    } 
    
    #schedule_table .schedule_weeks {
        background-color: #6D9EEB;
    }
    #schedule_table .sun {
        background-color:#EAD1DC;
    }
    #schedule_table .sat {
        background-color:#EAD1DC;
    }
    #schedule_table .days {
        background-color: #CFE2F3;
    }
    
    #schedule_table .weekday{
        background-color: #90a9ce;
	color: #fff;
    }
    #schedule_table .off{
        background-color: #eee;
    }

    #schedule_table .schedule_caption {
       font-size: 0.8em;
    }

    #schedule_table .color_red {
       color: red;
    }
    #schedule_table .spacer {
       height: 2px;
    }


/**
 ログインフォームウィジェットをPostページの中でキレイに見せるためのCSS
 2018/04/30
 M.Minamihara 
*/
    .post-entry #loginform {
        display: block !important;
        margin-top: -15px !important;
        border-width: 1px !important;
        border-color: #eee !important;
        border-style: solid !important;
        padding-top: 10px !important;
        padding-left: 10px !important;
        padding-bottom: 0px !important;
        padding-right: 10px !important;
        border-radius: 10px !important;
    }
    .post-entry #loginform p{
        width:100% !important;
    }   
    .post-entry #loginform .login-remember label{
        width:100% !important;
        display: inline-block !important;
        text-align:left !important;
    }
    .post-entry #loginform .login-remember input{
        width:auto !important;
        display: inline-block !important;
    }   
    .post-entry .login-username {
        display: table !important;
    }
    .post-entry .login-username label,input {
        width: 50% !important;
        display: inline-block !important;   
    }
    .post-entry .login-password {
        display: table !important;
    }
    .post-entry .login-password label,input {
        width: 50% !important;
        display: inline-block !important;   
    }

    #loginform p.login-submit {
        text-align: center !important;
    }
    #loginform p.login-submit input {
        display: inline-block !important;   
    }