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

     小型タブレット端末（スマホのみに適応）

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

@media only screen and (max-width: 481px) {

img{
	border:none;
	display:block;
	max-width: 100%;
    height: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


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

/*.continer 可変幅*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
body{
	color:#000000;
	font-size:14px;
	font-family: "Sawarabi Mincho", serif;
	font-weight:normal;
	text-align:center;
	line-height:180%;
}



html{
	overflow-y: scroll;
	overflow-x: hidden;
}

html,body{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

.fbig01{font-size:17px; line-height:190%; font-weight:bold;}
.fbig02{font-size:20px; line-height:190%; font-weight:bold;}
.fbig03{font-size:25px; line-height:190%; font-weight:bold;}

article{padding-right:0px;}
article{overflow:hidden;}

/*section*/
section{text-align:left;}
section p{
	width:90%;
	margin-left:auto;
	margin-right:auto;}


/*画面を消す*/
.nonemobi, #header, .page_top, .sub_left, .pankuzu{display:none;}/*サイドバー消した*/

/*画像を中央*/
.img_center{
	margin-left:auto;
	margin-right:auto;
}
.img_center_mobi{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-40px;
}
.img_center_mobi_non{
	margin-left:auto;
	margin-right:auto;
}


.header_l .rogo{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}


/*マージン20調整*/
.page_top, div name, .btm_margin{margin-bottom:20px;}

.spt17, .spt15, .spl16, .spt23, .spt40, .spl13, .mobispase, .spt14 img{margin:10px 0px;}

.spt30, .spt20{margin-bottom:10px;}

.spt10, .spt12{margin-top:20px;}
.top10{margin-top:10px;}

.spt18, .spt13{margin:10px 0px 20px 0px;}

/*テキストの色変更*/
.text10_c{
	font-size:85%;
	color:#999999;
}

.cler{clear:both;}

.fsmasll{font-size:11px; line-height:130%;}

/*UL設定*/
.setUL{
	text-align:left;
	font-size:90%;
}
.none{list-style:none;}

/*--------------------------------------------------------
aタグのリンク範囲
--------------------------------------------------------*/
a{-webkit-tap-highlight-color: #fc6;}
a:link{color:#cc2459;}
a:visited{color:#cc2459;}
a:hover{color:#8db5c6;}
a:active{color:#cc2459;}


/*--------------------------------------------------------
追加分のCSS


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

body{background:url(http://yumeji.or.jp/img/topimage.gif) no-repeat, url(http://yumeji.or.jp/img/bg.jpg) repeat;}
body{background-size:contain;}


.header_l h1{
	font-size:10px;
	text-align:left;
	padding-left:50px;
	line-height:130%;
	font-weight:normal;
}

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

.pankuzu{font-size:9px; text-align:left;}
.denwa{margin-bottom:15px;}

/*ページＴＯＰ*/
.page_top{border:solid 1px #999999;}


/*グローバルナビ*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*トップナビゲーション*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#menu_list {
	list-style-type: none;
	margin-left:-30px;
}
#menu_list li a{display:block; text-decoration:none;}

#menu_list li {
	float: left;
	padding:0px;
}
#menu_list li li{padding-top:10px; border-bottom:dotted 1px #999999; padding:5px;}
#menu_list > li {position: relative;}  
#menu_list li > a {display: block;}  
#menu_list li ul {
	list-style-type: none;  
	position: absolute;  
	left: -1px;  
	visibility: hidden;  
	width:200px;  
	background: #fff;
	padding:3px 8px;
	border: 1px solid #ccc;
	padding-top:15px;
	padding-bottom:10px;
	z-index:3;
}  
#menu_list li:hover > a {  
	background: #00c;  
	color: #fff;}
#menu_list li:hover ul {visibility: visible;}


.navideco{color:#cc2459;}

/*グローバルナビ*/
/*--------------------------------------------------------
sidemenu-global-nav-containerグローバルナビここまで！！！
--------------------------------------------------------*/

/*フッター*/
footer{
  padding-bottom:30px;
  font-size:90%;
  line-height:140%;
  border-top:dotted 1px #999999;
  margin-top:10px;
  padding-top:20px;
}
footer .fsmall{font-size:80%;}

/*サイドバーとフッター*/
ul.sideimagebr{
	display:table;
	width:100%;
	padding:0px;
}
ul.sideimagebr li{
	display:table-cell;
	padding-right:5px;
}

#footer-navi{
	border-top:solid 10px #5d5a6a;
	text-align:left;
	margin-top:20px;
	padding:10px 0px 10px 0px;
}
#footer-navi ul{list-style:none;}

ul.navi1 li{
	background-image:url(http://yumeji.or.jp/img/icon-maru.png);
	background-repeat:no-repeat;
	padding-left:30px;
	background-size:8% auto;
	padding-bottom:5px;
}
ul.navi1 a{text-decoration:none;}
ul.navi1 a:link{color:#b4687d;}
ul.navi1 a:visited{color:#b4687d;}
ul.navi1 a:hover{color:#b4687d;}
ul.navi1 a:active{color:#b4687d;}

ul.navi1sub li{
	background-image:url(http://yumeji.or.jp/img/icon-yaji.png)!important;
	background-repeat:no-repeat;
	padding-left:20px;
	background-size:8% auto;
	padding-bottom:10px!important;
}
ul.navi1sub a{text-decoration:underline;}
ul.navi1sub a:link{color:#119dc1!important;}
ul.navi1sub a:visited{color:#119dc1!important;}
ul.navi1sub a:hover{color:#119dc1!important;}
ul.navi1sub a:active{color:#119dc1!important;}

.lispa li{padding-bottom:15px!important;}

.foottextp, address{
	font-size:10px;
	margin-bottom:5px!important;
	line-height:120%;
}
address{padding-bottom:35px;}


.imgfb img{margin-bottom:-10px;}

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

#page-top{
  width:100%;
  height:40px;
  position:fixed;
  right:0px;
  bottom:0px;
  display:none;
  z-index:5;
}
  
#page-top p{
  margin:0;
  padding:0;
  text-align:center;
  background:#434343;
}
  
#page-top p:hover{
  background:#434343;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  transition:all 0.3s;
}
  
#page-top p a{
  color:#fff;
  line-height:40px;
  text-decoration:none;
  display:block;
  cursor:pointer;
}

.top_l1 img{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}
.textmain{margin-bottom:10px;}
.textmain p{margin-bottom:0px!important;}

/*--------------------------------------------------------
TOPページ
--------------------------------------------------------*/
.meintext{
	text-align:left;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}



.top_maine_bg2{
	max-width: 100%!important;
}
#portfolio img{
	border:solid 6px #dbb18a;
	height: auto!important;
	margin-left:-30px!important;
	margin-right:0px!important;
	padding:0px!important;
}
.top_maine_bg2 ul{list-style:none;}


.top_l2, .top_r2, .top_r2{
	margin-left:auto;
	margin-right:auto;
}
.top_l2 img, .top_r2 img, .top_r2 img{
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}
.mobistyle{
	width:60%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}
.top_l2 p, .top_r2 p, .top_r2 p{margin-bottom:5px!important;}


.spt37 img{
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}
.spt37 {margin:20px 0px;}


.top_sub3_text, .art_list_text{
	color:#999999;
	font-size:80%;
	line-height:120%!important;
	padding-top:3px!important;
}
.top_sub3_01{float:left; padding-left:20px;}
.top_sub3_02{float:left; padding-left:20px;}
.top_sub3_03{float:left; padding-left:20px;}
.top_sub3_04{float:left; padding-left:20px;}
.top_sub3_05{float:left; padding-left:20px;}
.top_sub3_06{float:left; padding-left:20px;}
.top_sub3_07{float:left; padding-left:20px;}
.top_sub3_08{float:left; padding-left:20px;}
.top_sub3_09{float:left; padding-left:20px;}
.top_sub3_10{float:left; padding-left:20px;}
.top_sub3_11{float:left; padding-left:20px;}
.top_sub3_12{float:left; padding-left:20px;}


.sumahoUL li{margin-bottom:5px;}
.btmtop{margin-left:-20px;}
.frame250 img{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

/*更新情報*/
.kousin_news{
	text-align:left;
}
.kousin_new p{
	margin-bottom:0px!important;
	padding-bottom:20px;
}

.newsbox h3{font-size:95%; text-align:left; margin:0px; padding:0px;}
.newsbox p{font-size:90%; text-align:left; margin:0px; padding:0px;}

/*--------------------------------------------------------
夢二とは
--------------------------------------------------------*/
.about_td_1{width:20%; vertical-align:top; border-right:1px solid #9b6453; border-bottom:1px solid #9b6453; padding:5px 5px 0px 5px;}
.about_td_2{width:10%; vertical-align:top; border-right:1px solid #9b6453; border-bottom:1px solid #9b6453; padding:5px 5px 0px 5px;}
.about_td_3{border-right:1px solid #9b6453; border-bottom:1px solid #9b6453; padding:5px 5px 0px 5px;}
.about_td_text1{font-size:11px; line-height:140%; color:#0a0a0a; text-align:right;}
.about_td_text2{font-size:11px; line-height:140%; color:#0a0a0a; text-align:center;}
.about_td_text3{font-size:11px; line-height:140%; color:#0a0a0a; text-align:left;}


.about_td_bg{
	width:100%;
	border-collapse:collapse;
	border-left:1px solid #9b6453;
	empty-cells:show;
	margin:10px 0px 20px 0px;
}

/*--------------------------------------------------------
館内の時間・料金
--------------------------------------------------------*/
.admission_bg11{
	width:100%;
	font-size:90%;
	line-height:130%;
	border-collapse:collapse;
	border-left:1px solid #9b6453;
	border-top:1px solid #9b6453;
	empty-cells:show;
	margin:10px 0px 20px 0px;
}
.admission_bg2_11, .admission_bg2_21, .admission_bg2_31, .admission_bg3_41, .admission_bg3_6_31, .admission_bg3_11, .admission_bg3_5_11, .admission_bg3_5_21, .admission_bg3_21, .admission_bg3_6_31
{border-right:1px solid #9b6453; border-bottom:1px solid #9b6453; padding:5px 5px 0px 5px;}
.admission_bg3_6_11{width:20%; vertical-align:top; border-right:1px solid #9b6453; border-bottom:1px solid #9b6453; padding:5px 5px 0px 5px;}
.admission_bg3_6_21{vertical-align:top; border-right:1px solid #9b6453; border-bottom:1px solid #9b6453; padding:5px 5px 0px 5px;}
.admission_bg3_31{width:20%; vertical-align:top; border-right:1px solid #9b6453; border-bottom:1px solid #9b6453; padding:5px 5px 0px 5px;}

.admission_text2{color:#cc2459;}

.admission_box2{
	width:92%;
	margin-left:auto;
	margin-right:auto;
	font-size:90%;
	background-color:#fef6f4;
	padding:20px 10px 20px 10px;
}
.admission_box2 p{
	line-height:130%;
	margin-bottom:15px!important;
}
.admission_box2 img{
	border-bottom:1px solid #9b6453;
	margin-bottom:10px;
}

/*--------------------------------------------------------
アクセスマップ
--------------------------------------------------------*/
iframe{max-width: 100%; margin:10px 0px 10px 0px;}

.accsessTB{
	width:100%;
	border-collapse:collapse;
	border-left:1px solid #9b6453;
	border-top:1px solid #9b6453;
	empty-cells:show;
	margin:10px 0px 20px 0px;
}
.access_td1_1, .access_td2_1{width:30%; vertical-align:top; border-right:1px solid #9b6453; border-bottom:1px solid #9b6453; padding:5px 5px 0px 5px;}
.access_td1_2, .access_td2_2{vertical-align:top; border-right:1px solid #9b6453; border-bottom:1px solid #9b6453; padding:5px 5px 0px 5px;}


/*--------------------------------------------------------
サイトアップ
--------------------------------------------------------*/
.sitemap_f_box{
	background-color:#FFFFFF;
	padding:10px 20px 10px 10px;
	text-align:left;
}
.sitemap_f_box p{
	margin-bottom:10!important;
}


.sitemap_f_box ul{list-style:none;}
.sitemap_f_box ul li{
	background-image:url(http://yumeji.or.jp/img/sitemap2.gif);
	background-repeat:no-repeat;
	background-size:5% auto;
	padding-bottom:5px;
	padding-left:20px;
}
.sitemap_text1{
	background-image:url(http://yumeji.or.jp/img/sitemap1.gif);
	background-repeat:no-repeat;
	background-size:5% auto;
	padding-bottom:5px;
	padding-left:20px;
}



/*--------------------------------------------------------
アート作品
--------------------------------------------------------*/
.art_list_01{float:left;}
.art_list_02{float:left;}
.art_list_03{float:left;}
.art_list_04{float:left;}
.art_list_05{float:left;}
.art_list_06{float:left;}
.art_list_07{float:left;}
.art_list_08{float:left;}
.art_list_09{float:left;}
.art_list_10{float:left;}
.art_list_11{float:left;}
.art_list_12{float:left;}

.art_list_01, .art_list_02, .art_list_03, .art_list_04, .art_list_05, .art_list_06, .art_list_07, .art_list_08, .art_list_09, .art_list_10, .art_list_11, .art_list_12{
	padding-left:20px;

}

/*スペシャルコース*/
.special_exhibition_td_bg{width:100%; border-top:1px solid #9b6453; border-left:1px solid #9b6453; margin-top:10px;}
.special_exhibition_td_bg td{width:30%; vertical-align:top; border-right:1px solid #9b6453; border-bottom:1px solid #9b6453; padding:3px; line-height:150%; font-size:95%;}
.special_exhibition_td1_1{width:30%;}
.special_exhibition_td2_1{width:70%!important;}



/*--------------------------------------------------------
お問い合わせ
--------------------------------------------------------*/
.text_box2 ul, .setul{
	list-style:none;
	text-align:left;
	font-size:11px;
	margin-left:-20px;
}


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

/*お問い合わせ*/

/* ====================================*/
.contact_td{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #9b6453;
	border-left:1px solid #9b6453;
	empty-cells:show;
	font-size:11px;
	line-height:130%;
}
.contact_td th{
	width:20%;
	border-right:1px solid #9b6453;
	border-bottom:1px solid #9b6453;
	padding:10px 2px;
	text-align:center;
	vertical-align:top;
}
.contact_td td{
	border-right:1px solid #9b6453;
	border-bottom:1px solid #9b6453;
	padding:10px 2px;
	vertical-align:top;
}

.contact_td input[type=text]{width:60%;}
.contact_td textarea{width:100%; height:10em;}

.telmnum{width:20%!important;}

.contact_td span, .red, .text12_r_c, p.contact_td_text1 span{
	color:#cc2459;
}
input[type=image]{padding:0px 3px;}


/*--------------------------------------------------------
採用情報
--------------------------------------------------------*/
.bold{font-weight:old;}
.mobired{color:#cc2559; font-size:90%; line-height:130%; text-align:left;}
.mobired li{margin-bottom:10px;}

/*--------------------------------------------------------
スペシャルコース
--------------------------------------------------------*/
.special_course_td1{
	width:100%;
	font-size:90%;
	line-height:130%;
	border-collapse:collapse;
	border-left:1px solid #9b6453;
	border-top:1px solid #9b6453;
	empty-cells:show;
	margin:10px 0px 20px 0px;
}
.special_course_td2_1, .special_course_td2_2, .special_course_td2_3, .special_course_td2_4, .special_course_td2_5, .special_course_td2_6, .special_course_td3_1, .special_course_td3_2, .special_course_td3_3, .special_course_td3_4, .special_course_td3_5, .special_course_td3_6
{border-right:1px solid #9b6453; border-bottom:1px solid #9b6453; padding:5px 5px 0px 5px; vertical-align:top;}


.special_course_td_text1{color:#cc255b;}
.voice_box2{
	background:url(http://yumeji.or.jp/img/voice_bg.jpg) repeat-y;
	background-size:contain;
	margin-bottom:20px;
}
.voice_box2 p{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}



/*企画展のお知らせ*/
.special_left{
}
.special_right{
}
.special_right table{
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #9b6453;
	border-left:5px solid #e4d5d0;
	empty-cells:show;
	margin-bottom:30px;
	font-size:90%;
	line-height:140%;
	margin-top:10px;
}
.special_right table th{
	width:25%;
	border-right:5px solid #e4d5d0;
	border-bottom:1px solid #9b6453;
	background-color:#fefdf9;
	padding:5px;
	text-align:center;
	font-weight:normal;
}
.special_right table td{
	border-right:5px solid #e4d5d0;
	border-bottom:1px solid #9b6453;
	background-color:#fefdf9;
	padding:5px 5px 0px 5px;
	vertical-align:top;
}





/* --------------------------
メールフォーム：予約
-------------------------- */
#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:30%!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;
}

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

.con{width:80%;}
#formTB textarea{width:90%;}



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

/*投稿記事*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*お客様の声*/
.frame_time{
	margin-top:-10px!important;
	color:#b4687d;
}
.frame_content{
}
#voice-deco, .newsbox{
	background-image:url(http://yumeji.or.jp/img/voice_bg.jpg);
	background-size:contain;
 	padding:0px 15px;
}
.pages{display:none;}

#kijibox .s30{margin-top:20px;}


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

/*画像をfloat*/

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

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

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


/*コンタクトバナー*/
.contactimg{margin-top:-20px;}
.contactimg img{
	width:98%;
	margin-left:auto;
	margin-right:auto;
	margin-top:6px;
}
.conmobi{
	width:99%;
	margin-left:auto;
	margin-right:auto;
	margin-top:6px;
}


em{
	font-style:normal;
	font-weight:bold;
}


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

/*deco*/

/* ====================================*/
.center{text-align:center;}
.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;}




}