@charset "utf-8";
/* CSS Document */

/*
Theme Name: osanbashi_custom
Theme URI:  http://www.osanbashi.com
Description: osanbashi
Author: http://www.osanbashi.com
Template: osanbashi
*/

@import url('../osanbashi/style_sp.css');

/*------ 共通 -----*/

.mt15{
	width:100%!important;
}

.pc_area{
	display:none!important;
}

.eventSpanPC{
	display: none!important;
}

.banner_area img{
	display: block;
	width: 100%;
}

.banner_area{
	margin-top:30px;
}

#contents {
    width: 96%;
    margin: 20px auto 30px auto;
}

.sp_brNone{
	display: none;
}

.main_title{
	margin: 30px 0;
}

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

/*------ TOP -----*/

.info_tit{
	font-size: 17px;
	line-height: 140%;
}

#main_ph{
	margin: 0;
	width: 100%;
	height: auto;
	padding: 5px 0 0;
}

#main_ph img{
	width: 100%;
}

.main_txt{
	width: 70% !important;
	top: 5%;
	right: 1%;
}

.w800_colum2 .right_colum2 .tit,
.w800_colum2 .right_colum2_notes .tit{
	margin-bottom: 15px;
}

.w800_colum2 .right_colum2 .tit,
.w800_colum2 .right_colum2_notes .tit{
	font-size: 160%;
}

.index-recommend-box{
	height: auto;
}

.index-recommend-box-title{
	margin: 15px;
}

/*------ #header ------*/

#header {
	padding: 12px 0;
}

#header .header-area{
	padding-left:10px;
}

#logo-area h1{
	float: left;
	width: 200px;
	margin:0;
}

#header #logo-area,
#header #logo-area img{
	width: 100%;
}

#header .menu{
	padding-top:10px;
}

#header .en_button{
	width:35px;
	height:35px;
	background: #53748a;
	text-align:center;
	vertical-align: middle;
	position:absolute; right:58px; margin:0;
	display:inline-block; font-size:11px; color:#333; line-height:35px; text-decoration:none;
	-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
	border:1px solid #ccc;
}

#header .en_button{
	color:#fff;
	font-weight:bold;
	font-size:20px;
}

.info_area{
	margin-top:10px;
	border:3px solid #debbcb;
	text-align:left;
	padding:15px;
	background: #f9f3f6;
	text-align: center;
}

.calendar_tit{
	font-size:19px;
}

.info_txt{
	font-size:14px;
	margin-top:10px !important;
	line-height:20px;
}

#mainColumn{
	margin-top:20px !important;
	border-top: splid 1px #333;
}

.search-area{
	width:96%;
	margin:10px auto 0;
}

.search-area p{
	margin:0;
}

.gsc-input-box {
	height:30px !important;
	height:28px\9;
	width:97%;
	height:79%\9;
	padding-right:5px;
	border:2px solid #676869 !important;
	-webkit-border-radius:3px;    /* Safari,Google Chrome用 */
	-moz-border-radius:3px;   /* Firefox用 */
	background: -moz-linear-gradient(top center, #f1f1f1 0%, #fff 100%) !important;/* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, from(#f1f1f1), to(#fff)) !important;/* Chrom と Safari */
	background: linear-gradient(top center, #f1f1f1 0%, #fff 100%);/* 共通 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f1f1f1, endcolorstr=#ffffff))" !important;/* IE8 IE9 */
	background: linear-gradient(to bottom, #f1f1f1, #fff) !important;/* IE10+, W3C */
}

.gsc-input{
	background: none !important;/* IE10+, W3C */
	padding: 0px !important;
}
.gsc-input-box-hover{
	height: 25px;
	box-shadow: none;
}

.gsc-input-box-focus,
.gsc-input-box-hover{
     box-shadow: none !important;
}

.gsc-control-cse{
	padding: 0em !important;
}

.gsc-search-box .gsc-input {
	padding-right: 5px !important;
}

#header input[type="image"] {
	height:30px;
	width:30px;
	border:2px solid #676869;
	padding: 0px;
	background: url("/images/search_btn.png") no-repeat 50% 50%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	-webkit-border-radius:3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
	cursor: pointer;
}

#header input[type="image"]::-webkit-search-decoration {
  display: none;
}

.gsib_a {
    padding: 7px 6px 0 !important;;
}

.gsst_a .gscb_a{
	padding-top: 7px;
	color: #676869 !important;
}


/*------ #index-news-ul -----*/

#index-news-ul .news_right img{
	width:100%;
}
/*20180604追加*/
#index-news-ul .news_left img{
	width:100%;
}
/*----------------------------*/

#index-news-ul .newstag{
	padding:1px 3px;
	text-align:center;
	font-size:12px;
	color:#fff;
	width:84px;
}

#index-news-ul .news_day,
#index-news-ul .newstag{
	float:left;
}

#index-news-ul .news_day{
	margin-right:10px;
	font-weight:bold;
	font-size:13px;
	padding:2px 8px;
}

#index-news-ul .news_tit h3{
	margin:0;
	color:#3f8ecd;
	font-size:16px;
	margin-top:5px !important;
}

#index-news-ul .news_lead{
	font-weight:bold;
	font-size:13px;
	margin-top:10px;
	margin-bottom:0;
	line-height:18px;
}

#index-news-ul .news_txt{
	margin-top:5px;
	margin-bottom:0px;
	line-height:22px;
}

#index-news-ul .news_right{
	margin-top:5px;
}

.other_area{
	margin-top:5px;
	text-align:right;
	font-weight:bold;
}

.other_area a{
	background: url("/images/other_arrow.png") no-repeat center left;
	padding-left:15px;
	text-decoration: none;
}

/*20180604追加*/
#index-news-ul .news_tit_new {
	width:320px;
	margin-top:-20px;
	margin-bottom:-15px;
}

#index-news-ul .news_tit_new h3 a{
	margin:0;
	font-size:15px;
	color:#ea180e;
}

.news_txt_new{
	font-size:15px;
}

/*------ #sideColumn -----*/

#sideColumn img{
	width:100%;
}

#sideColumn .calendar_txt{
	margin-bottom:5px;
}

#sideColumn {
    border-top: solid 1px #cbcbcb;
}

#sideColumn .calendar_img_area .month{
	margin-bottom:0;
	text-align:center;
	font-weight:bold;
	color:#3b6079;
}

#sideColumn .facebook_area{
	margin-top:20px;
	width:100%;
}
.fb_iframe_widget {
	display:block !important;
}

#sideColumn .facebook_area .fb-page{
	width:300px;
	margin:0 auto;
}

#sideColumn .twitter_area{
	margin-top:20px;
}

#sideColumn .web_camera_area{
	margin-top:20px;
	padding:5px;
	background: #dfbbcc;
}

#sideColumn .web_camera_area #wrap_all{
	margin-top:3px;
}

#sideColumn .harbor_area,
#sideColumn .region_area{
	margin-top:20px;
}

#sideColumn .region_tit{
	border:2px solid #6f4e33;
	position:relative;
	height:35px;
	padding:0 2%;
	background: -moz-linear-gradient(top center, #5d3819 0%, #81644c 100%);/* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, from(#5d3819), to(#81644c));/* Chrom と Safari */
	background: linear-gradient(top center, #5d3819 0%, #81644c 100%);/* 共通 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#5d3819, endcolorstr=#81644c))";/* IE8 IE9 */
	background: linear-gradient(to bottom, #5d3819, #81644c);/* IE10+, W3C */
}

#sideColumn .harbor_tit{
	border:2px solid #3b6079;
	position:relative;
	height:35px;
	padding:0 2%;
	background: -moz-linear-gradient(top center, #3f8ecd 0%, #65a5d7 100%);/* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, from(#3f8ecd), to(#65a5d7));/* Chrom と Safari */
	background: linear-gradient(top center, #3f8ecd 0%, #65a5d7 100%);/* 共通 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#3f8ecd, endcolorstr=#65a5d7))";/* IE8 IE9 */
	background: linear-gradient(to bottom, #3f8ecd, #65a5d7);/* IE10+, W3C */
}

#sideColumn .region_tit h3{
	margin:0;
	width:96%;
	height:21px;
	position: absolute;
	margin:auto;
	top: 0%;
	bottom: 0%;
	left: 15px;
	background: url("/images/brank_icon.png") no-repeat 93% 50%;
}

#sideColumn .harbor_tit h3{
	margin:0;
	width:96%;
	height:21px;
	position: absolute;
	margin:auto;
	top: 0%;
	bottom: 0%;
	left: 15px;
	background: url("/images/brank_icon.png") no-repeat 93% 50%;
}

#sideColumn .region_tit h3 img{
	width:189px;
}

#sideColumn .harbor_tit h3 img{
	width:190px;
}


#sideColumn .harbor_area .harbor_txt .harbor_list,
#sideColumn .region_area .region_txt .region_list{
	padding:5px 15px 0;
	font-size:13px;
}

#sideColumn .harbor_area .harbor_txt .harbor_list li,
#sideColumn .region_area .region_txt .region_list li{
	padding-left:22px;
	line-height:22px;
	background: url("/images/sidearea_dot.png") no-repeat 0% 50%;
}

#sideColumn .harbor_area .harbor_txt .harbor_list li a,
#sideColumn .region_area .region_txt .region_list li a{
	text-decoration: none;
}

/*------ #footer -----*/

#footer img{
	width:100%;
}


#footer .right_area{
	margin-top:20px;
}

#footer .foot_img{
	margin-top:20px;
}

#footer .foot_img img{
	border: 3px solid rgba(255,255,255,0.8);
	box-sizing: border-box;
}

#footer .right_area .fot_list{
	margin:0px;
}

#footer .right_area .fot_list li{
	line-height:18px;
	margin-bottom:9px;
}

#footer .right_area .fot_list li a{
	color:#fff;
	font-weight:bold;
}

#footer .right_area .fot_list li a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

#footer .right_area .fot_list li.list01{
	padding-left:15px;
	background: url("/images/fot_arrow_01.png") no-repeat 0% 48%;
}

#footer .right_area .fot_list_in{
	padding-left:15px;
	margin-bottom:0px;
}

#footer .right_area .fot_list li.list02{
	padding-left:13px;
	background: url("/images/fot_arrow_02.png") no-repeat 0% 53%;
}

#footer .right_area .sns_area_list{
	margin:0 auto !important;
	width:65px;
}

#footer .right_area .sns_area{
	margin-right:-15px;
}

 .right_area .sns_area li{
	width:25px;
	float:left;
	margin-right:15px;
}

.foot_logo,
.foot_img{
	margin: 0 auto;
}

.foot_logo{
	width: 250px;
}

.foot_img{
	width: 250px;
}

/*------ #main_area -----*/

#main_area{
	border-bottom:1px solid #e5e5e5;
}

#main_area .main_img img{
	width:100%;
}

#main_area .main_tit img{
	width:100%;
}

#main_area .main_tit{
	margin-top:10px;
}

.main_tit h2{
	text-align: center;
	margin: 15px auto 10px auto;
	line-height: 140%;
}

/*------ #table_area -----*/

#table_area td,
#table_area th{
	display:block
}

#table_area .table01{
	border:2px solid #9fc6e6;
	margin-top:20px;
}

#table_area .table01 th{
	background: #ecf4fa;
	font-weight:normal;
	padding:10px;
}

#table_area .table01 td{
	border-bottom:1px solid #9fc6e6;
	padding:10px;
	text-align:center;
}

#table_area .table01 td:last-child{
	border-bottom:none;
}

#table_area .table01 td.last{
	border-bottom:none;
}

/*------ .img_area -----*/

.cont_img_area{
    margin: 20px auto 0;
}

/*------ .w800_colum3 -----*/

.w800_colum3 ul{
	margin-left:-15px;
	margin-top:-15px;
}

.w800_colum3 ul li{
	float:left;
	width:50%;
	margin-top:15px;
}

.w800_colum3 ul li .w800_colum3_sp_w{
	padding-left:15px;
}

.w800_colum3 ul li .txt_area{
	margin:5px 0 0 0;
	line-height:24px;
}

.bule_colum2_w.mr0{
	margin-top: 20px;
}

/*------ 個人情報保護基本方針 -----*/

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

#information  h3{
	margin-top: 40px;
	padding-left: 35px;
	background-size: 10%;
}

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

/*------ リストアイコン -----*/
#information .tit01,
#information .tit02,
#information .tit03,
#information .tit04,
#information .tit05,
#information .tit06,
#information .tit07{
	background-size: 6%;
}

/*------ シャドウボックス -----*/
.sl-wrapper .sl-image .sl-caption{
	display: none !important;
}

/*------ 交通アクセス -----*/
#access img{
	width: 100%;
}

/*------ 大さん橋から皆さまへ -----*/
#notes .tit{
	background-size: 28px;
	padding-left: 35px;
}


#guidance .tit{
	margin-top: 20px;
}

/*------ カレンダー ------*/
#event td{
	font-size: 20px !important;
}

/*------ 駐車場 -----*/
#parking .lead .tit{
	font-size: 170%;
	line-height: 140%;
	margin-bottom: 5px !important;
	text-align: center!important;

}

/*------ お問い合わせ -----*/
.form_left p{
	margin: 10px 0 0 0;
}

/*------ カレンダー -----*/
.post th{
	background: #093757;
	color: #fff;
	font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 120%;
	line-height: 120%;
}

#tribe-events-content .tribe-events-calendar td{
	min-height: 90px !important;
	height: auto !important;
}

#event .contents_w800{
	margin-top: 20px;
}

.tribe-events-bar{
	margin-top: 0;
}

.tribe-events-sub-nav li a{
	background: #ebf3f9;
	color: #333 !important;
	padding: 0 50px;
	font-size: 110%;
	text-decoration: none !important;
}

.tribe-events-sub-nav li a:hover, .tribe-events-sub-nav li a:visited{
	color: #333 !important;
}

.tribe-events-calendar .tribe-events-present, .tribe-events-calendar .tribe-events-present.mobile-active div[id*=tribe-events-daynum-], .tribe-events-calendar .tribe-events-present.mobile-active div[id*=tribe-events-daynum-] a, .tribe-events-calendar td.tribe-events-present.mobile-active,
.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{
	background: #5299d1;
}

table.tribe-events-calendar{
	border-collapse: collapse;
}

table.tribe-events-calendar tbody{
	border: 4px solid #ddd !important;
}

#tribe-events-content .tribe-events-calendar td, #tribe-events-content {
	border: none !important;
}

.tribe-events-calendar th,
.tribe-events-calendar td{
	display: block;
	width: 100% !important;
}

.tribe-events-calendar th{
	display: none;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-othermonth div {
    background: #e5e5e5;
}

#tribe-events-content .tribe-events-calendar td.tribe-events-othermonth{
    background: #f2f2f2;
}

/*------ parking -----*/
#TERMS {
    padding: 10px;
}
.sp_br{
	display: block;
}

#AREA01,
#AREA02,
#AREA03 {
    margin-top: 40px;
}
/*#parking td, #parking th {
    display: block;
}*/
#parking .table01,
#fee .table01 {
	font-size: 80%;
	line-height: 1.2em;
}
#parking .table01 ul li,
#fee .table01 ul li{
	line-height: 1.4em;
}
#parking .table01 th,
#fee .table01 th {
  border: 1px solid #9fc6e6;
width: auto;
		text-align: center;
		padding: 5px;
}
#parking .table01 td,
#fee .table01 td {
	border: 1px solid #9fc6e6;
  padding: 5px;
  text-align: left !important;
}

.parking_tit01 {
    font-size: 115%;
}
.parking_tit02 {
    font-size: 110%;
}

#parking .sp_l td,
#fee .sp_l td {
  text-align: left;
}

#parking table .table_col_area,
#fee table .table_col_area {
	width: auto;
    /*border: none;*/
		border-right: none;
}


.page_link_area li{
	width: auto;
	border-bottom: 1px solid #fff;
}

.page_link_area li a{
	    padding: 10px;
}

.page_link_area li a span{
	display: block;
	display: block;
}

#parking .table01 .t_wd01,
#parking .table01 .t_wd03,
#fee .table01 .t_wd01,
#fee .table01 .t_wd03 {
    width: auto;
}
#parking .table01 .t_wd02,
#fee .table01 .t_wd02 {
		width: 25%;
}
#parking .table01 .t_wd03,
#fee .table01 .t_wd03 {
		width: 12%;
}

#parking .table01 .t_wd04,
#fee .table01 .t_wd04 {
		width: 40%;
}


#parking .table01 .t_wd05,
#fee .table01 .t_wd05  {
		width: 28%!important;
}
#fee .table01 .t_wd06  {
		width: 12%!important;
}
#fee .table01 .t_wd07  {
		width: 20%!important;
}

#parking .notes,
#fee .notes{
	font-size: 70%;
}

#parking .notes02,
#fee .notes02 {
font-size: 90%;
margin-top: 0;
}

ul.list {
    text-indent: -1.3em;
    padding-left: 1.3em;
}


#parking table .table_tit,
#fee table .table_tit {
    font-size: 100%;
}

#parking ol,
#fee ol {
    margin: 0 0 1em 19px;
}

#parking .sp_fs ,
#fee .sp_fs {
    font-size: 100%;
}

.page_link_area li a{
	display: block;
  padding: 7px 7px 7px 29px;
  color: #fff!important;
  text-decoration: none !important;
  background: #093757 url("/images/arrow_01.png") no-repeat 4% 48%;
	font-size: 80%;
}

#parking .lead{
	text-align: left!important;
}

#parking .sub_tit {
    font-size: 80%;
    margin-top: 0!important;
	text-align: center!important;
}

/*-- faq --*/

.faq_left_area {
	text-align: center;
	margin-bottom: 10px;
}

.faq_left_area img{
	width: 52px;
}


.faq_area .q_area {
	padding-bottom:5px;
	margin-bottom: 10px;
}

#faq .faq .main_title {
	margin: 80px 0 40px;
}

.faq_area .left_area {
	float: left;
	width: 10%;
}

.faq_area .right_area {
	float: left;
	margin-left:3%;
	width: 87%;
}

.faq_area .right_area img,
.faq_area .left_area img {
	width: 100%;
}

.faq_area .faq_bottom {
	margin-bottom: 25px;
}

/*-- flow --*/

#flow .contents_w800 .bule_colum1_w .tit_bb{
	line-height: 180%;
}
.spmt0{
	margin-top:0!important;
}
.spmt5{
	margin-top:5px!important;
}
.spmt10{
	margin-top:10px!important;
}
.spmt15{
	margin-top:15px!important;
}
.spmt20{
	margin-top:20px!important;
}
.spmt25{
	margin-top:25px!important;
}
.spmt30{
	margin-top:30px!important;
}
.spmt35{
	margin-top:35px!important;
}
.spmt40{
	margin-top:40px!important;
}
.spmt45{
	margin-top:45px!important;
}
.spmt50{
	margin-top:50px!important;
}
.spmt55{
	margin-top:55px!important;
}
.spmt60{
	margin-top:60px!important;
}
.spmt65{
	margin-top:65px!important;
}
.spmt70{
	margin-top:70px!important;
}
.spmt75{
	margin-top:75px!important;
}
.spmt80{
	margin-top:80px!important;
}
.spmt85{
	margin-top:85px!important;
}
.spmt90{
	margin-top:90px!important;
}
.spmt100{
	margin-top:100px!important;
}
.spmt110{
	margin-top:110px!important;
}
.spmt120{
	margin-top:120px!important;
}

/*-------- overview -------- */

#overview .lead{
	text-align: left;
}

#overview .designer_area{
	margin-top: 50px;
}

.green_colum2_w {
	margin-top: 20px;
}

#overview table .table_col_area {
	border: none;
}

#overview table .table_bn {
	border: none;
}

#overview .book_area{
	margin-top:50px;
}

#overview .book_area{
	margin-top:50px;
}

#overview .book_area .book_sp_img{
	margin-top:20px;
}

#overview .book_area .book_sp_img img{
	width: 100%;
}

/*-------- header -------- */

/* global menu */
#header a.menu_button {
	width:35px;
	height:35px;
	padding: 0;
	background: url("/images/sp_menu.png") no-repeat 50% 50% ;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
   position:absolute; right:15px; margin:0;
   display:inline-block; font-size:11px; color:#333; line-height:35px; text-decoration:none;
   -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
   border:1px solid #ccc;
}
#header a.menu_button:hover { background: url("/images/sp_menu_close.png") no-repeat 50% 50% #53748a; border:1px solid #fff; color:#fff; }
#header a.active { color:#000; background: url("/images/sp_menu_close.png") no-repeat 50% 50% #53748a; box-shadow:1px 1px 2px rgba(0,0,0,0.2) inset; }


/*-------- cafe -------- */

#cafe .txt_area .add_tit{
	top: -4%;
}


/*-------- 大さん橋の歩み -------- */

#history .lead {
    text-align: left;
}

.tit_under {
    font-size: 110%;
}

.main_ph img{
	width: 100%;
}


#history .ph_area p{
	line-height: 1.6;
}


.spbrNone{
	display: none;
}

#history .lead p{
	line-height: 1.6;
}


.splh14{
	line-height: 1.4;
}
.splh12{
	line-height: 1.2;
}

.sptxt_l{
	text-align: left;
}


.tit_under {
	font-size: 110%!important;
	margin-bottom: 15px!important;
}

#history #table_area {
    font-size: 95%;
}
#history #table_area td,
#history #table_area th {
     display: table-cell!important;
}

#history #table_area th {
	width: 30%;
	border-bottom: 1px solid #9fc6e6;
	line-height: 1.4em;
}

/*-------- TOP スライダー -------- */
#main_ph img {
    width: 100%;
}

.flex-control-nav {
    bottom: -25px!important;
}

.flexslider {
	margin-bottom: 40px!important;
}


/*-------- 右ナビ -------- */
#sideColumn .tit_gr h3 {
    width: 96%;
    background: url("/images/brank_icon.png") no-repeat 93% 50%;
}

#sideColumn .tit_gr {
    padding: 0 2%;
}

#sideColumn .tit_gr h3 img{
	width: 166px;
}



/*-------- TOPカレンダー -------- */

.top_page .mc-main caption {
    width: 120px;
    margin: 16px auto!important;
    padding: 7px;
    position: absolute;
    top: -5%;
    right: 0;
    left: 0;
}


/*-------- イベント -------- */
#calendar_index .heading{
	position: absolute;
	top: 0;
	    left: 0;
	    right: 0;
}

#calendar_index .mc-main caption {
	margin: 0 auto!important;
    text-align: center;
    width: 160px;
    font-size: 1.2em;
}

#calendar_index .my-calendar-next a,
#calendar_index .my-calendar-prev a{
	font-size: 1.2em;
}

#calendar_index .my-calendar-next{
	position: absolute;
    right: 10px;
}



	/*-------- TOPカレンダー -------- */
.top_page .mc-main {
	padding-top: 28px!important;
}


	/*-------- 150315 イベントスケジュール　カレンダー -------- */
#calendar_index .mc-main .my-calendar-header,
#calendar_index .mc-main .mc_bottomnav {
	padding-top: 28px!important;
}
#calendar_index .mc-main caption {
    width: 120px;
    margin: 6px auto!important;
    padding: 7px;
	font-size: 1em;
}

#calendar_index .my-calendar-prev {
	position: absolute;
	left: 0px;
	top: 11px;
	font-size: 0.8em;
}
#calendar_index .my-calendar-next {
	position: absolute;
	right: 0px;
	top: 11px;
	font-size: 0.8em;
}

	/*-------- 150315 トップスライダー -------- */
	.flex-direction-nav .flex-next {
    /* height: 54px; */
    background: url("/images/arrow_r.png") no-repeat 23px 12px!important;
    background-size: 40%!important;
}

.flex-direction-nav .flex-prev {
	/* height: 54px; */
	background: url("/images/arrow_l.png") no-repeat 3px 12px!important;
	background-size: 40%!important;
}


/*--------  overview　-------- */
#overview .w800_colum3_sp_w img{
    width: 100%;
}

#overview .w800_colum3_sp_w{
    margin-bottom: 10px;
}

/*--------  use　-------- */
#use img.hall{
	width: 100%;
}

#fee02 #table_area .table01 td,
#use #table_area .table01 td{
	border-bottom: none !important;
}

#outline .page_link_area li a,
#lobby .page_link_area li a,
#use .page_link_area li a {
	display: block;
	padding: 7px 7px 7px 65px;
	color: #fff!important;
	text-decoration: none !important;
	font-size: 80%;
	min-height: 40px;
	margin-bottom: 3px;
	font-size: 110%;
	vertical-align: middle;
	line-height: 48px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	text-align: left;
	vertical-align: middle;
}

#outline .page_link_area li a {
	background: -moz-linear-gradient(top center, #62a57c 0%, #019966 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#62a57c), to(#019966));
	background: linear-gradient(top center, #62a57c 0%, #019966 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#62a57c, endcolorstr=#019966))";
	background: linear-gradient(to bottom, #62a57c, #019966);
	-webkit-border-radius: 12px 12px 12px 12px;
}


#outline .page_link_area li,
#lobby .page_link_area li,
#use .page_link_area li{
	background: -moz-linear-gradient(top center, #62a57c 0%, #019966 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#62a57c), to(#019966));
	background: linear-gradient(top center, #62a57c 0%, #019966 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#62a57c, endcolorstr=#019966))";
	background: linear-gradient(to bottom, #62a57c, #019966);
	-webkit-border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
	text-align: center;
	border: 3px #cbddcd solid ;
	margin-bottom: 5px;
}


#outline .page_link_area li a span,
#lobby .page_link_area li a span,
#use .page_link_area li a span {
	display: block;
	padding-top: 0px;
	height: 48px;
	display: block;
	background:url("/images/arrow_03.png") no-repeat 98% 48%;
}

#lobby .page_link_area li a.reservation_btn ,
#use .page_link_area li a.reservation_btn {
	background: url("/images/use/icon_01.png") no-repeat 5% 50%;
}

#lobby .page_link_area li a.faq_btn,
#use .page_link_area li a.faq_btn {
	background: url("/images/use/icon_02.png") no-repeat 5% 50%;
}


#outline .page_link_area li a.application_btn,
#lobby .page_link_area li a.application_btn,
#use .page_link_area li a.application_btn {
	background: url("/images/use/icon_03.png") no-repeat 7% 50%;
}

#outline .page_link_area li a.fee_btn {
	background: url("/images/use/icon_04.png") no-repeat 5% 50%;
}

#outline .page_link_area li a.faq_btn02 {
	background: url("/images/use/icon_05.png") no-repeat 5% 50%;
}


.link_area_top{
	width: 96%;
	margin: 20px auto 30px auto;
}


/*-------- 大さん橋ホール160318 -------- */

#lobby img.hall{
	width: 100%;
}

#lobby .map_img,
#use .map_img{
	margin:40px 0 20px;
}

#lobby .map_img img,
#use .map_img img{
	width: 100%;
}


/*-------- CIQプラザ -------- */

#table_area .table01 th.fee_th{
	background: #9fc6e6;
}

/*-------- 予約状況  -------- */

#outline .left_text {
	margin-bottom: 0px;
}

#outline .right_text {
	margin-bottom: 20px;
}

#outline .re_calendarright ,
#outline .re_calendarleft  {
	margin-top: 20px;
}

/*-------- top_adobe -------- */

#header .adobe_txt{
	padding-left: 20px;
	background: url("/images/i_pdf.gif") no-repeat 0 1px;
	text-align: right;
	float: right;
	width: 185px;
}

/*-------- CIQプラザ コピーライト -------- */

.main_copy{
	margin: 0 auto;
	width: 96%;

}

/*-------- 大さん橋WEBカメラ -------- */

.camera_area{
	margin: 0 auto;
	width: 96%;
}

.camera_area img{
	width: 100%;
}

/*-------- イベントカレンダー -------- */
.single-tribe_events .tribe-events-event-meta{
	margin: 0 auto;
	padding: 0px;
}

.tribe-events-meta-group-details{
	padding: 20px;
}


/*-------- 大さん橋WEBカメラ -------- */

.camera_area{
	margin: 0 auto;
	width: 96%;
	padding-bottom: 40px;
}


.lansp{
	width: 60% !important;
	margin: 0 auto;
	text-align: center;
	display: block;
}

#outline .table01 .t_wd05{
	width: 10%!important;
}


/*------ .w1200_colum4 -----*/

.contents_w1200 {
	padding: 0 15px 0;
	margin-top: 20px;
}

.w1200_colum4 ul{
	margin-left:-15px;
	margin-top:-15px;
}

.w1200_colum4 ul li{
	float:left;
	width:50%;
	margin-top:15px;
}

.w1200_colum4 ul li .w1200_colum4_sp_w{
	padding-left:15px;
}

.w1200_colum4 ul li .txt_area{
	margin:5px 0 0 0;
	line-height:24px;
}

.bule_colum2_w.mr0{
	margin-top: 20px;
}

/*------ INFO_AREA_EN -----*/

#INFO_AREA_EN .open_hours {
	float: left;
	font-size: 15px;
	font-weight: bold;
}

#INFO_AREA_EN .open_hours p.icon{
	width: 123px;
	margin-bottom: 5px;
}

#INFO_AREA_EN .open_hours p.icon img {
	width: 100%;
}

#INFO_AREA_EN .open_hours p.txt {
	color: #3e8dcc;
}

#INFO_AREA_EN .info_box_en {
	float: right;
}

#INFO_AREA_EN .info_box_en a{
	text-decoration: none;
}

.cont_img_area_en ul{
	margin-bottom: 0!important;
}

#INFO_AREA_EN .open_hours p.txt {
	line-height: 1.4em;
}

.sh_top{
	width:100%
}


.w950px{
	width:100%;
	margin: 0 auto;
}
.w950pxs {
    width: 100%;
    padding: 30px;
    background: #EBF3F9;
    margin: 0 auto;
    box-sizing: border-box;
}
.w950pxs p {
    margin-left: 0;
    margin-bottom: 10px;
}

.w950pxs h2,.w950pxs h3{
	text-align:center;
	padding-left:0!important;
}

.sh_btn {
    display: block;
    margin-left: 0;
}

.sh_btn a {
    width: 100%;
    height: 100%;
    background:#F15A24;
    padding: 10px;
    text-decoration: none;
    color: #FFF;
    display: block;
    text-align: center;
    margin-bottom: 0;
}
.sh_btn a:hover {
    background: blue;
    color: #FFF!important;
}

.sh_p1{
	width: 100%;
	vertical-align: top;
	/* margin-left: 250px; */
}

.sh_p2{
	width: 100%;
}

.sh_p3{
	width: 100%;
}

.mb_dw{
	margin-bottom:0px!important;
}



.s_h3{
	font-size:28px;
	border-bottom:solid #ECF4FA;

	padding:0!important;
	margin-top:0;
	
	font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}


p.s_info_shoulder {
    margin: 0;
    padding: 0;
}


.s_info_left{
	float:none;
	width:100%;
	box-sizing: content-box;
}

.s_info_left .sho1{
	width:100%;
	height:auto;
}
.s_info_left .sho2{
	width:100%;
	height:auto;
	margin-top:20px;
}

.s_info_right{
	float:none;
	width:100%;
	box-sizing: content-box;
}


.s_info_table{
	border-collapse:collapse;
	text-align:left;
	margin:20px 0 60px 0;
	width:100%;
	
}

.s_info_table th, .s_info_table td{
	padding:10px;
	border:solid 1px #FFF;
	box-sizing: border-box;

}

.s_info_table th{
	display:block;
	
}

.s_info_table tr{
	width:100%;
	background:#EEEEEE;
	

}
.s_info_table td{
	width:100%;
	background:#F5F5F5;
	display:list-item;
	list-style:none;

}

.tel_a{
	color:#FFF;
}
.tel_a:link{
	color:#FFF;
}

.emaj1{
	 float: none;
	 margin-left:0;
	 text-align: center;
	 margin:0 auto;
	 display:block;
}

.emaj2{
	width:90%;
	 text-align: center;
	 margin:0 auto;
	 display:block;
}

/*english access*/
.ac{
	width:100%;
    margin:0 auto;
}

.ac h2{
	border-bottom: 3px solid #CFE1EF;
}

.ac p{
	width:100%;
	margin:0 auto;
}

.ac_tit{
	width:100%;
	margin:0 auto;
	color:white;
	background:#3e8dcc;
}

.ac_tit p{
	font-size:30px;
	padding-left:10px
}

.ac_by{
	margin-top:-30px;
	line-height: 140%;
	color: #000;
	font-size:25px;
	font-weight: normal;
	padding: 1px 8px 4px;
	/*border-left: 5px solid #3a5f8f;*/
	border-bottom:5px solid #3a5f8f;
}

.to_go{
	width:100%;
	margin:0 auto;
}

.to_go img{
	width:100%;
	margin-top: -30px;
	margin-bottom: 20px;
}

/*img[usemap] {
    max-width: 100%;
    height: auto;
}*/


.ac_by_2{
	line-height: 140%;
	color: #000;
	font-size: 25px;
	font-weight: normal;
	padding: 1px 8px 4px;
	/*border-left: 5px solid #3a5f8f;*/
	border-bottom:5px solid #3a5f8f;
}

/*customer*/

.custom{
	font-size:18px;
    border-left: solid 5px #36F;
    padding-left: 10px;
    color: #666;
	margin-bottom:10px;

}

.custom_a{
	margin-bottom:20px;
}

/*coin*/
.ga_text{
	margin:0;

}

.coin_img{
	width:100%;
	height: 100%;
	margin-top:10px;
}

.GA_tab{
	float:none;
	width: 100%;
}


.taxt_j{
	margin: 0;
}

.cointable{
	float:none;
	width:100%;
}

.mainmap img{
	width:100%;
}

/*kaigen*/
.w950px .kai_img{
	width:100%;
	height:auto;
}
.sh_btn .kai_btn{
	width:100%;
}


/*花火*/

#fireworks p,#fireworks h2,#fireworks h3{
	text-align:center;
}

#fireworks p{
	font-size:60%;
}

#fireworks .vbeu span{
	font-size:70%;
}

#fireworks table{
  border:1px solid;
  width:90%;
  margin:0 auto;
  margin-bottom:30px;
}

#fireworks table caption{
	font-size:1em;
	padding-bottom:10px;
}

#fireworks table th{
	background-color:#9fc6e6;
}

#fireworks table tr td,#fireworks table th{
	text-align:center;
	vertical-align:middle;
	border:1px solid;
	width:16%;
	padding:5px;
	font-size:20%;
	
}

#fireworks table span{
	color:#ff0000;
}

#fireworks .search{
	font-size: 80%;
}

#fireworks .search img{
	width:80%;
}

#fireworks strong{
	font-size:1em;
}

#fireworks .ac_s{
	color:#ff0000;
}

#fireworks .fire_img{
	width:80%;
	display:block;
	margin:0 auto;
	margin-bottom:30px;
}

/*-----------------------------
マルシェ
-------------------------------*/
.tabe{
  width:100%;
  text-align:center;
  border:1px solid;
}

.tabe tr,td{
	border:1px solid;
	padding:10px;
}

.w950px h2 {
    border-left: solid 5px #36F;
    padding-left: 10px;
	color:#666;
}

.mar_img{
	margin:20px 0;
}

.mar_img img{
	width:90%;
	height:auto;
	display:block;
	margin:0 auto;
}
.video iframe{
	width:90%;
	display:block;
	margin:0 auto;
}

/*-----------------------------
マルシェ　出店紹介
-------------------------------*/
#mar_store img{
	width:80%;
	display:block;
	margin:0 auto;
}

/*-----------------------------
クルーズ船見送り
-------------------------------*/
#cruise_ship img{
	width:80%;
	height:auto;
	display:block;
	margin:0 auto;
}

/*-----------------------------
イルミネーション
-------------------------------*/


#illumi .main_tit p{
	color:#000;
	margin-bottom:-10px;
	text-align:center;
}

#illumi h2 span{
	font-size:20px;
}

#illumi .sche{
	font-weight:bold;
}

#illumi .anvs,#illumi .retro,#illumi .welcome{
	margin-bottom:30px;
}

#illumi .anvs img,#illumi .retro img,#illumi .welcome img{
	display:block;
	margin:0 auto;
}

#illumi .anvs img{
	width:100%;
}

#illumi .retro img,#illumi .welcome img{
	max-width:450px;
	width:100%;
}

#illumi .il_url{
	margin-bottom: 30px;
}

#illumi .il_url a{
	word-break:break-all;
}