/*
Theme Name:伊香保 観光なら竹久夢二記念館（大正ロマンの森）｜公益財団法人 竹久夢二伊香保記念館
Theme URI: http://yumeji.or.jp/
Description:竹久夢二伊香保記念館
Author: 竹久夢二伊香保記念館
Author URI: http://yumeji.or.jp/
*/


@media only screen and (min-width: 961px) {
/* --------------------------

     PC端末

-------------------------- */ 

@charset "UTF-8";

*{
	margin:0px;
	padding:0px;
	font-size:100%;
}


/* --------------------------

     PC端末

-------------------------- */ 
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*.continer 可変幅*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	color:#000000;
	font-family:Meiryo UI, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	font-weight:normal;
	text-align:center;
	line-height:150%;
	background-image:url(http://yumeji.or.jp/img/topbg.jpg), url(http://yumeji.or.jp/img/bg.jpg);
	background-repeat:repeat-x, repeat;

}

.fontsmall{font-size:10px;}
.fbig01{font-size:120%; line-height:180%; }
.fbig02{font-size:150%; line-height:180%; font-weight:bold;}
.fbig03{font-size:180%; line-height:180%; font-weight:bold;}
.fsmall{font-size:90%!important; line-height:160%!important;}

/*画面を消す*/
.nonepc, #teltap{display:none;}

.m_btm20{margin-bottom:10px; margin-top:40px;}
.m_btm10{margin-bottom:10px; margin-top:10px;}
.btm_margin{margin-bottom:20px;}

.leftimg{margin-left: auto;}

/*--------------------------------------------------------

header関連
--------------------------------------------------------*/
article, #footer{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

header{
	text-align:left;
	background-image:url(http://yumeji.or.jp/img/topimage2.png);
	background-repeat:no-repeat;
	margin-bottom:7px;
}
header h1{
	font-size:10px;
	padding-top:10px;
}
header table{
	margin-top:10px;
	width:100%;
	border-collapse:collapse;
	empty-cells:show;
}
header table th{
	text-align:left;
}
header table td{
	text-align:right;
	font-size:80%;
	font-weight:bold;
	line-height:150%!important;
}
header table img{display:inline!important;}

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


/*section*/
#flame_right section{text-align:left; margin-left:30px; margin-bottom:30px;}
#flametopL section{text-align:left; margin-bottom:30px;}
section p{margin-bottom:20px;}

/* --------------------------

    グローバルナビ設定

-------------------------- */
#menuhd{padding-top:10px;}
#menuhd li{float:left;}




/*--------------------------------------------------------

右側
--------------------------------------------------------*/
#flame_right{
	width:680px;
	margin-left:auto;
	margin-right:auto;
	float:right;
}

#flame_right h1, #flametopL h1{margin-bottom:15px;}
#flame_right h2, #flametopL h2{margin-bottom:10px;}
#flame_right h3, #flametopL h3{margin-bottom:15px;}

#flame_right a:link{color:#cc2459;}
#flame_right a:visited{color:#cc2459;}
#flame_right a:hover{color:#8db5c6;}
#flame_right a:active{color:#cc2459;}


.a_name_text{
	margin-bottom:20px;
	background-color:#FFFFFF;
	padding:4px 0px 5px 0px;
}

#flametopL{
	width:680px;
	margin-left:auto;
	margin-right:auto;
	float:left;
}

/*--------------------------------------------------------

左側
--------------------------------------------------------*/
#flame_left{
	width:245px;
	margin-left:auto;
	margin-right:auto;
	float:left;
}

aside.imagelink li{margin-bottom:20px;}


#flame_left2{
	width:245px;
	margin-left:auto;
	margin-right:auto;
	float:right;
}

/*--------------------------------------------------------

footer
--------------------------------------------------------*/
footer{
	margin-top:0px;
	background-image:url(http://yumeji.or.jp/img/footer_bg3.gif);
	background-repeat:repeat-x;
}
#footer{padding-top:20px; padding-bottom:30px;}
.footnavi{
	width:100%;
	border-collapse:collapse;
	empty-cells:show;
}
.footnavi th{
	width:16%;
	padding:0px 0px 10px 0px;
}
.footnavi td{
	padding-left:20px;
	vertical-align:top;
}
.footnavi ul{list-style:none;}
.footnavi ul li{margin-bottom:10px;}



.kabu{
	width:100%;
	border-collapse:collapse;
	empty-cells:show;
}
.kabu th{
	width:60%;
	padding:0px 0px 0px 10px;
	vertical-align:top;
	text-align:left;
}
.kabu td{
	text-align:right;
}
.kabu th a{text-decoration:none;}
.kabu th a:link{color:#FFFFFF;}
.kabu th a:visited{color:#FFFFFF;}
.kabu th a:hover{color:#729fc6; text-decoration:underline!important;}
.kabu th a:active{color:#FFFFFF;}


/*トップページ*/
.newsstyle{margin-top:-20px; margin-bottom:20px;}

/*スライド*/
#slideimg{
	background-image:url(http://yumeji.or.jp/img/top_maine_bg2.jpg);
	background-repeat:no-repeat;
	padding:18px 0px 30px 35px;	
}
.top_l2, .top_r2{
	float:left;
	width:200px;
	padding-left:10px;
	font-size:90%;
}
.top_l2 img, .top_r2 img{
	margin-left:auto;
	margin-right:auto;
}

.btmtop li{
	float:left;
	padding-right:10px;
}

.inlineimage img{
	display:inline!important;
}

.frame250{
	float:left;
	width:242px;
}
.zan250{
	float:right;
	width:678px;
	padding-top:10px;
	text-align:left;
}
.zan250 p{margin-bottom:20px;}


/*夢二とは*/
.float_imageL{
	width:370px;
	padding:0px 0px 0px 290px;
	position: relative;
}
.float_imageL img{
	position:absolute;
	left:0px;
	top: 0px;
}
.about_td_bg{background:url(http://yumeji.or.jp/img/about_sub2_bg.gif) repeat-y; width:646px; margin-bottom:20px;}
.about_td_1{width:131px; border-bottom:1px solid #9b6453; vertical-align:middle;}
.about_td_2{width:90px; border-bottom:1px solid #9b6453; vertical-align:middle;}
.about_td_3{width:425px; border-bottom:1px solid #9b6453; vertical-align:middle;}
.about_td_text1{font-size:11px; line-height:140%; color:#0a0a0a; text-align:right; margin:10px 13px 10px 0;}
.about_td_text2{font-size:11px; line-height:140%; color:#0a0a0a; text-align:center; margin:10px 0 10px 0;}
.about_td_text3{font-size:11px; line-height:140%; color:#0a0a0a; text-align:left; margin:10px 28px 10px 18px;}


/*館内時間*/
.left330{
	width:320px;
	float:left;
}
.zanleft{
	width:320px;
	float:right;
}
.zanleft img{margin:5px 0px;}

.tizuhaiti{
	position:relative;
	width:100%;
	padding-bottom:457px;
}
.kihon{
	position:absolute;
	z-index:1;
	top:0px;
	height:0px;
	left:0px;
	right:0px;
}
.map1{
	position:absolute;
	z-index:2;
	top:190px;
	height:0px;
	left:90px;
	right:0px;
}
.map2{
	position:absolute;
	z-index:3;
	top:235px;
	height:0px;
	left:100px;
	right:0px;
}
.map3{
	position:absolute;
	z-index:3;
	top:220px;
	height:0px;
	left:500px;
	right:0px;
}



/*アクセスマップ*/
.access_td{margin:10px 0px 20px 0px;}


/*採用情報*/
.mobired{
	margin-left:20px;
	color:#cc235a;
}
.mobired li{margin-bottom:5px;}


/*企画展のお知らせ*/
.special_left{
	width:175px;
	float:left;
	background-image:url(http://yumeji.or.jp/img/aboutimg.jpg);
	background-repeat:no-repeat;
	padding:10px 0px 10px 10px;
}
.special_right{
	width:450px;
	float:right;
}
.special_right table{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #9b6453;
	border-left:5px solid #e4d5d0;
	empty-cells:show;
	margin-bottom:20px;
}
.special_right table th{
	width:20%;
	border-right:5px solid #e4d5d0;
	border-bottom:1px solid #9b6453;
	background-color:#fefdf9;
	padding:10px;
	text-align:center;
	font-weight:normal;
	vertical-align:top;
}
.special_right table td{
	border-right:5px solid #e4d5d0;
	border-bottom:1px solid #9b6453;
	background-color:#fefdf9;
	padding:10px 10px 0px 10px;
	vertical-align:top;
}




/*--------------------------------------------------------
UL設定
--------------------------------------------------------*/
.leftUL{margin-left:20px;}

/*--------------------------------------------------------
お問い合わせフォーム
--------------------------------------------------------*/

/* --------------------------
メールフォーム：予約
-------------------------- */
#formTB{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #c3b5af;
	border-left:1px solid #c3b5af;
	empty-cells:show;
	margin-bottom:10px;
}
#formTB th{
	width:25%!important;
	font-weight:normal;
	border-right:1px solid #c3b5af;
	border-bottom:1px solid #c3b5af;
	background-color:#fef9f7;
	padding:10px 5px;
	text-align:center;
}
#formTB td{
	border-right:1px solid #c3b5af;
	border-bottom:1px solid #c3b5af;
	padding:10px 5px 10px 10px;
	line-height:150%;
	background-color:#fefdf9;
	text-align:left;
}

.fontst {font-size:13px;}
input[type="submit"]{
	width: 200px; 
	height: 50px;
}

#mailpage{
	width:650px!important;
	margin-left:auto;
	margin-right:auto;
}
#mailpage h2{
	font-size:150%; text-align:center;
	margin:30px 0px 10px 0px;
}
#mailpage input[type="submit"]{
	margin-bottom:50px;
}
.mwform-checkbox-field label {
 display: block;
 }



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

/*ぺージTOP*/
#page-top{
  width:150px;
  height:50px;
  position:fixed;
  right:16px;
  bottom:16px;
  display:none;
}
  
#page-top p{
  margin:0;
  padding:0;
  text-align:center;
  background:#3b3b3b;
}
  
#page-top p:hover{
  background:#8b8b8b;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  transition:all 0.3s;
}
  
#page-top p a{
  color:#fff;
  line-height:50px;
  text-decoration:none;
  display:block;
  cursor:pointer;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*スペース*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.s30{margin-top:30px;}
.s40{margin-top:40px;}
.s60{margin-top:60px;}
.s80{margin-top:80px;}
.m60{margin-bottom:60px;}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*UL設定*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/














/* --------------------------

     全端末共通のCSS

-------------------------- */
aside,section,article{display:block;}

/*Pタグ解除*/




img{
	border:none;
	display:block;
	max-width: 100%;
    height: auto;
}

a:link{color:#9b5c68;}
a:visited{color:#9b5c68;}
a:hover{color:#8db5c6;}
a:active{color:#9b5c68;}


.cler{clear:both;}


/* ====================================*/

/*UL*/

/* ====================================*/

.none{list-style:none;}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*スペース*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.s5{margin-top:5px;}
.s10{margin-top:10px;}
.s20{margin-top:20px;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*装飾*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.img_center{
	margin-left:auto;
	margin-right:auto;
}
.font_weight{font-weight:bold;}
.center{text-align:center;}
em{
	font-style:normal;
	font-weight:bold;
}



.red{color:#cc2459; font-weight:bold;}

.yellow{
	background-color:#ffc86e;
	padding:2px;
}

.bule{color:#171A8C; font-weight:bold;}

.gray{color:#736969;}

.redkasen{border-bottom:1px solid #e03563;}

.kurokasen{border-bottom:1px solid #000000;}


/* ====================================*/

/*画像をfloat*/

/* ====================================*/

.imgfloatR img{/* 画像は右側*/
	float:right;
	padding-left:10px;
}

.imgfloatL img{/* 画像は左側*/
	float:left;
	padding-right:30px;
}

.imgfloatR2 img{/* 画像は右側*/
	float:right;
	padding-left:30px;
}

.imgfloatL2 img{/* 画像は左側*/
	float:left;
	padding-right:30px;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*投稿記事*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*お客様の声*/
.frame_time{
	float:left;
	width:160px;
	/*background-color:#F36;*/
	color:#b4687d;
}
.frame_content{
	float:right;
	width:400px;
}
#voice-deco{
	background-image:url(http://yumeji.or.jp/img/voice_bg.jpg);
	background-size:contain;
 	padding:0px 40px;
	overflow:hidden;
}
.newsbox{
	background-image:url(http://yumeji.or.jp/img/voice_bg.jpg);
	background-size:contain;
 	padding:0px 15px;
	text-align:left;
	overflow:hidden;
}





}


/*ルビ*/
.smaltex{font-size:80%;}
.mo{margin:5px;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*投稿記事*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


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


.post-date{color:#a0a0a0; font-size:85%;}


/*ブログ記事の体裁*/
.kijih1{
	margin-bottom:5px!important;
}

.postinfo{
	color:#a0a0a0;
	font-size:90%;
	margin-bottom:20px;
}

.kiji h2{margin-bottom:20px; margin-bottom:5px!important;}
.kiji h2 a{
	text-decoration:none;
}
.kiji h2 a:link{color:#000000;}
.kiji h2 a:visited{color:#000000;}
.kiji h2 a:hover{color:#a0a0a0;}
.kiji h2 a:active{color:#000000;}

.kiji{
	margin-bottom:35px;
}



/*ページ送り*/
.pagelink span.oldpage{float:left;}
.pagelink span.newpage{float:right;}


/*カテゴリーと月別アーカイブのタイトル*/
.pagetitle{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*プラグイン-ページナビ*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.page-navi{text-align:center; margin-bottom:20px;}
div.wp-pagenavi{font-size:90%; background-color:#FFF; padding:7px 0px 6px 0px;}
div.wp-pagenavi span.pages{font-weight:bold; margin-right:5px;}
div.wp-pagenavi a{text-decoration:none; color:#000000;}
div.wp-pagenavi a:hover{background-color:#7D7D7D;}
div.wp-pagenavi a.page, a.first, a.last, span.extend,
a.nextpostslink, a.previouspostslink{
	border:solid 1px #FFFFFF;
	margin-left:5px;
	padding:5px;
}
div.wp-pagenavi span.current{
	border:solid 1px #FFFFFF;
	margin-left:5px;
	padding:5px;
	background-color:#FFFFFF;
}
.extend, .pages, .nextpostslink, .last{border:none!important;}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*tableノーマル*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.menuTB{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #c19b8b;
	border-left:3px solid #e4d5d0;
	empty-cells:show;
	margin-bottom:20px;
}
.menuTB th{
	border-right:3px solid #e4d5d0;
	border-bottom:1px solid #c19b8b;
	background-color:#fef9f7;
	padding:10px;
	text-align:center;
	font-weight:normal;
	text-align:left;
}
.menuTB td{
	border-right:3px solid #e4d5d0;
	border-bottom:1px solid #c19b8b;
	padding:10px;
	background-color:#fefdf9;
}
.titlebg{
	background-color:#5d5a6a!important;
	color:#FFFFFF;
	font-weight:bold!important;
	text-align:center!important;
	letter-spacing:0.1em;
}