/*
Theme Name:   kusuri
Template:     habakiri
*/

@import url('style_top.css');
@import url('style_etc.css');
@import url('shisetsu.css');
@import url('style_news.css');
@import url('style_form.css');

body {
    /* ゴシック体の場合 */
    font-family: "Roboto", "Droid Sans", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
    /* 明朝体の場合 
    font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
    line-height: 1.8;
    font-weight: 500;
}

p, ul, ol, dl, table {
    margin-bottom: 20px;
}

h2, .h2 {
    font-size: 26px;
    margin: 40px 0 20px;
}

.entry h2.content_title {
	text-align: center;
	margin:40px 0;
}

.entry h2.content_title span{
	border-bottom: solid  2px #1063C3;
}

h3, .h3 {
    font-size: 22px;
}

a,a:hover{color:#1063C3;}

/*  全ページ共通  */

.sub-page-contents {padding-top: 0;}


/*header*/
.header-logo{
	float:right;
}

@media screen and (max-width: 980px) {
	.header-logo{
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.entry h2.content_title{
		margin: 20px 0;
		font-size: 20px;
	}
}

/*gnavi*/

/*nav.global-nav{padding:5px 0 0 0;}*/

ul#menu-gnavi{width: 100%;}
ul#menu-gnavi li{
	display:block; 
	width: 25%;
	border-right: 1px dashed #eee;
}

ul#menu-gnavi:first-child{
	border-right: none;
}

ul#menu-gnavi .menu-item a{border-bottom: 2px solid #fff;}
ul#menu-gnavi .menu-item a:hover{border-bottom: 2px solid #1063C3;}
ul#menu-gnavi .current-menu-item a{border-bottom: 2px solid #1063C3;}


/*footer*/
footer#footer{background: #fff;}

/*フッターメニュー*/
.menu2{padding-bottom: 25px;}

#menu-footer_menu{
	padding: 0;
	margin: 0;
	}
	
#menu-footer_menu:after{
	content: "";
	clear: both;
	display: block;
}
  
#menu-footer_menu li{
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	float: left;
}

#menu-footer_menu li a{
	padding:5px 14px;
	}

.copyright{
	background: #1063C3;
	color: #fff;
	text-align: center;
}

/*見出しエリアの背景固定を打ち消す*/
.page-header{
	background-attachment: scroll;
}

/*トピックパスを非表示*/
.breadcrumbs{display:none;}
.sub-page-contents > .container,
.sub-page-contents > .container-fluid{margin-top: 30px;}

/**************** ボタン群 ****************/

/*基本のボタン*/

.square_btn{
	text-align:center;
	font-weight:bold;
    display: inline-block;
	width:100%;
    padding: 0.5em 1em;
    text-decoration: none;
    background: #1063C3;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #012695;
    /*border-radius: 3px;*/
	
}

.square_btn:after{
	content:'\f105';
	font-family: FontAwesome;
	color:#fff;
	margin-left:0.5rem;
	font-size:1.6rem;
}

.square_btn:visited{
	color:#fff;
}

.square_btn:hover {
    color: #fff;
	text-decoration:none;
	background: #3279CB;
	border-bottom: solid 4px #012695;
}

.square_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom: none;
}


/*ボタンのバリエーション*/
/*btn、square_btnクラスと一緒に使ってください*/

/**/
.mini_btn{
	font-size:95%;
	width:auto;
    padding: 0 5px;
}

.mini_btn:after{
	content:none;
}


/*団体予約（黄緑）*/
.dantai_btn{
	background: #9dd300;/*ボタン色*/
	border-bottom: solid 4px #61af00;
}
.dantai_btn:hover {
	background: #9dd300;
	border-bottom: solid 4px #61af00;
}
/*団体予約（黄緑）サイズ小*/
.dantai_mini_btn{
	background: #9dd300;/*ボタン色*/
	border-bottom: solid 4px #61af00;
	padding: 0;
}
.dantai_mini_btn:hover {
	background: #9dd300;
	border-bottom: solid 4px #61af00;
}

/*団体予約（黄緑）印刷ボタン*/
.dantai_print_btn{
	background: #9dd300;
	border-bottom: solid 4px #61af00;
}

.dantai_print_btn:after{
	content:'\f02f';
	font-family: FontAwesome;
	color:#fff;
	margin-left:0.5rem;
	font-size:1.6rem;
}

.dantai_print_btn:hover {
	background: #9dd300;
	border-bottom: solid 4px #61af00;
}


/*申込（黄色）*/
.rsrv_btn{
	background: #ffb400;
	border-bottom: solid 4px #ff7f00;
}
.rsrv_btn:hover {
	background: #ffb400;
	border-bottom: solid 4px #ff7f00;
}


/* 180131 ボタンの色を赤に変更 */
.rsrv_btn2{
	background: #AB140E;
	border-bottom: solid 4px #89100B;
	text-shadow: 2px 2px 0 #9D140D,
             -2px 2px 0 #9D140D,
             2px -2px 0 #9D140D,
             -2px -2px 0 #9D140D;
			 
	text-shadow: 2px 2px 1px #9D140D,
             -2px 2px 1px #9D140D,
             2px -2px 1px #9D140D,
             -2px -2px 1px #9D140D;
}

.rsrv_btn2:hover {
	background: #C81B11;
	border-bottom: solid 4px #9D140D;
	text-shadow: 2px 2px 0 #9D140D,
             -2px 2px 0 #9D140D,
             2px -2px 0 #9D140D,
             -2px -2px 0 #9D140D;
			 
	text-shadow: 2px 2px 1px #9D140D,
             -2px 2px 1px #9D140D,
             2px -2px 1px #9D140D,
             -2px -2px 1px #9D140D;

}

/*prトピックス（オレンジ）*/
.prtopics_btn{
	background: #FF7F00;/*ボタン色*/
	border-bottom: solid 4px #EC7600;
}
.prtopics_btn:hover {
	background: #FFA245;
	border-bottom: solid 4px #EC7600;
}

/*prトピックス（オレンジ）サイズ小*/
.prtopics_mini_btn{
	color:#fff;
	font-size:95%;
	background: #FF7F00;/*ボタン色*/
	border-bottom: solid 4px #EC7600;
	padding: 0 5px;
}
.prtopics_mini_btn:hover {
	color:#fff;
	background: #FF7F00;
	border-bottom: solid 4px #EC7600;
}



/*前に戻るボタン（灰色）*/

.goto-pre_btn{
	color: #333;
	background: #e1e1e1;
	border-bottom: solid 4px #aaa;
}

.goto-pre_btn:before{
	content:'\f104';
	font-family: FontAwesome;
	color:#333;
	margin-right:1rem;
	font-size:1.6rem;
}

.goto-pre_btn:after{
	content:none;
}

.goto-pre_btn:visited{
	color:#333;
}

.goto-pre_btn:hover {
	color:#333;
	background: #e1e1e1;
	border-bottom: solid 4px #aaa;
}


/**************** 下層ページ共通 ****************/


/******** ヘッダー ********/

.page-header--has_background-image{
	padding-bottom: 64px;
	padding-top: 64px;
	background-position:center bottom;
}

.page-header__title{
	text-shadow:-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px 2px 3px rgba(0, 0, 0, 0.6);
}

.intro-head {
	background-image: url(img/bg_page-header_intro.jpg);
	padding-bottom: 40px;
	padding-top: 40px;
}

.floor-head {
	background-image: url(img/bg_page-header_floor.jpg);
}

.guide-head {
	background-image: url(img/bg_page-header_guide.jpg);
}

.reservation-head {
	background-image: url(img/bg_page-header_reservation.jpg) ;
}

.head-title {
	text-align: center;
	padding-top: 60px;
	font-weight: bold;
	font-size: 26px;
	text-shadow:-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px 2px 3px rgba(0, 0, 0, 0.6);
}

/*くすりミュージアムとはの見出しエリア*/
/*.head-title-intro {
	/*padding-top: 30px;
	font-weight: bold;
	font-size: 26px;
	text-shadow:-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px 2px 3px rgba(0, 0, 0, 0.6);
}*/

.head-txt {
	/*text-align: center;*/
	padding-top: 16px;
	font-weight: bold;
	font-size: 16px;
	text-shadow:-1px -1px 0px #ffffff, 1px -1px 0px #ffffff, 1px 1px 0px #ffffff, -1px 1px 0px #ffffff;
}
.head-txt p{margin-bottom: 0;}

@media screen and (max-width: 480px) {
	.head-txt {
		font-size: 13px;
	}
	
}

/*************  TOPページ  *************/

/* 後でstyle_topの内容をマージする*/


/******** 団体見学予約 ********/


/*** よくあるご質問 ***/
.all_disp {
	color: #fff;
}

.questions {
	margin-bottom: 0;
}

.spn_question_sh_02 p {
	margin-bottom: 0;
}

.spn_question_sh_01 {
	vertical-align: bottom;
	position:relative;
	content: '';
	display: block;
	width: 100%;
	height: auto;
	background: rgba(0, 0, 0, 0) url("https://kusuri-museum.com/wp-content/themes/kusuri/img/icon_faq_q.gif") no-repeat scroll 10px 16px / 16px  auto;
	padding-left: 40px;
	padding-top: 17px;
	padding-bottom: 16px;
}

.spn_question_sh_02 {
	vertical-align: bottom;
	position:relative;
	content: '';
	display: block;
	width: 100%;
	height: auto;
	background: rgba(0, 0, 0, 0) url("https://kusuri-museum.com/wp-content/themes/kusuri/img/icon_faq_a.gif") no-repeat scroll 10px 17px / 18px  auto;
	padding-left: 40px;
	padding-top: 17px;
	padding-bottom: 16px;
}

.panel-heading {
    cursor: pointer;
}

.accordion-toggle a:after {
    font-family: 'Glyphicons Halflings';
    content:"\e082";
    float: right;
    color: inherit;
}

 .accordion-toggle a.collapsed:after {
    font-family: 'Glyphicons Halflings';
    content:"\e081";
    float: right;
    color: inherit;
}


/******** くすりミュージアムとは ********/

.poem {
	background-image: url(img/bg_intro_poem.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#info-main dt {
	color: #1063C3;
	font-size: 16px;
	padding-bottom: 5px;
}

#intro-poem {
	background-color: #ffffff;
	margin-bottom: 30px;
	padding: 20px 0px 20px 0px;
}

#intro-negai {
	background-color: #ffffff;
	margin-bottom: 30px;
	padding: 10px 10px 10px 40px;
}

#intro-doga {
	background-color: #ffffff;
	padding: 10px;
}

#intro-doga dl{margin-bottom: 0;}
#intro-doga dt{font-size:1.8rem;}
#intro-doga dd{padding:10px;}

#intro-logo {
	background-color: #ffffff;
	padding: 10px;
}

#logo-mark {
	padding: 21px 0px 21px 0px;
}
#intro-logo dt{font-size:1.8rem;}


/* PC表示の場合－SP用タイトルを非表示 */
@media screen and (min-width: 480px) {
	.intro_sp {display: none;}
}

@media screen and (max-width: 769px) {
	#intro-logo {
		margin-top: 40px;
	}
	#intro-logo dt{text-align: center;}
	#intro-logo dd{padding: 0 25px;}
}

@media screen and (max-width: 480px) {
	/* SP表示の場合－PC用タイトルを非表示 */
	.intro_pc {
		display: none;
	}
	.poem {
		background-image: none;
	}
	.poem img {
		width: 85%;
	}
	#intro-logo {
		margin-top: 30px;
	}
	#intro-logo dt{
		text-align: center;
	}
	#logo-mark {
		padding: 20px 0px 20px 0px;
	}
	#intro-negai {
		padding-left: 10px;
	}
	#info-main dt {
		font-size: 15.5px;
	}
}

/******** 施設情報（ご利用案内＆アクセス） ********/


.shisetsu-title{
	text-align:center;
	font-size:22px;
	font-weight:bold;
}

.shisetsu-info{
	display: -webkit-flex;
	display: flex;
	
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
	
	flex-wrap: wrap;
	align-items: stretch;
}

.shisetsu-info .shisetsu-info-item{
	width:24.9%;
	/*margin:20px 10px 0;
	background: #fff;*/
}

.shisetsu-items2{
	margin-top: 25px;
}

.shisetsu-info > dl,
.shisetsu-items2 > dl{
	border-left: 1px solid #eee;
	/*ご利用案内のアイコンや文字をセンタリング*/
	margin: 0 auto;
	text-align: center;
}

.shisetsu-info > dl:first-child,
.shisetsu-items2 > dl:first-child{border-left: none;}



.shisetsu-font-1{
	font-size:18px;
	font-weight:bold;
}

.shisetsu-font-2{
	font-weight:normal;
	font-size:14px;
}

.shisetsu-font-3{
	font-size:14px;
}

.shisetsu-font-4{
	font-size:14px;
	font-color:#1063C3;
}

.shisetsu-font-5{
	font-size:12px;
}

.shisetsu-ul{
list-style-type: disc;
}

.entry .entry__content .shisetsu-content{
	background:#ffffff;
	padding:5px 20px;
}

.shisetsu-side-by-side{
	float:left;
}

.item-content ul{
	padding-left: 20px;
}

.clearfix {
  clear: both;
}

.shisetsu-items6{ 
	text-align:center;
	padding: 20px 0;
	}
.shisetsu-items7{width:70%}


/*ご利用案内とアクセスの下線*/
	.shisetu-underline{
		border-bottom-color: blue;
		border-bottom-width: 2px;
		border-bottom-style: solid;
	}


	.shisetsu-top_botton{
		margin-top: 10px;	
	}	

	.annai-shisetsu{
   	 list-style-type: disc;
   	 text-align: left;
	}


	/*開館スケジュールと団体見学の位置調整*/
	.shisetsu-container {
	display: table;
	}
	.contents {
    	display: table-cell;
    	vertical-align: middle;
	}


	/*一部文字をnormalに*/
	.shisetsu-normal{
		font-weight:normal;
	}

	/*一部文字をboldに*/
	.shisetsu-bold{
		font-weight:bold;
	}

	/*アクセスの位置調整*/
	.shisetsu-content{
		margin-bottom: 50px;	
	}

	/*アクセスマップの位置調整*/
	.access_map{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	
	.access_map_c{
		margin-top: 50px;
		margin-left: 150px;
	}
	/*アクセスの内容の位置調整*/
	/*.shisetsu-font-4{
		width: auto;
		margin:0 auto;
	}
	*/
	.shisetsu-font-5{
	/*	width: auto;
		margin:0 auto;
	*/	font-weight:bold;
	}

	/*.shisetsu-font-6{
		width: auto;
		margin:0 auto;
	}
	*/
	.shisetsu-font-7{
	/*	width: auto;
		margin:0 auto;
	*/	font-weight:normal;
	}
	
	.access-shisetsu-center{
		margin:0 auto;
		text-align: left;
	}	

	/*特定の文字に色を付加*/
	.shisetsu_font_style1{
		color:#337ab7;
	}


@media screen and (min-width: 480px) {
	/* PC表示の場合－SP用タイトルを非表示 */
	.guide_sp {
		display: none;
	}
	
	/*開館スケジュール、団体見学と文字間隔の調整*/
	.shisetsu-under{
		margin-top: 20px;
		border-top-width: 5px;
	}

	.shisetsu-margin{
		margin-left: 50px;
	}
}

@media screen and (max-width: 769px) {
	.shisetsu-info .shisetsu-info-item{
	width:100%;
	/*margin:20px 10px 0;
	background: #fff;*/
	}
	
	.shisetsu-info > dl:first-child{
		border-top: 1px solid #eee;
	}

	.shisetsu-info > dl,
	.shisetsu-items2 > dl{
		border-left: none;
		border-bottom: 1px solid #eee;
		margin:0 auto;
		padding:15px 0;
	}
}

@media screen and (max-width: 480px) {
	/* SP表示の場合－PC用タイトルを非表示 */
	.guide_pc {
		display: none;
	}
	.guide_sp {
		font-size: 26px;
	}
	
	.shisetsu-items7{
		width:100%
	}
		
	.shisetsu-margin{
		text-align: center;
		width: auto;
	}
}

/***************PRトピックス***************/

#pr_topics{
	background: #fff;
	padding:20px;
}


/******** オフキャンバスナビゲーション ********/

.off-canvas-nav{
	background: #1063C3;
	}
.off-canvas-nav #menu-sp_menu > li > a{
	padding: 12px 6px 12px 10px;
	color:#fff;
	}
.off-canvas-nav #menu-sp_menu > li > a:hover{
	background: #3279CB;
}