@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Asap);
/* standard tags */
* {
margin:0;
padding:0;
font:normal normal normal 100%/1.9 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
border:none;
}
#nav li a, .title_en, .title_en2 {
font-family: 'Asap', sans-serif;
}
/* new clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix {
zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
zoom: 1;
} /* IE7 */



a , a img {
opacity:1.0;
filter:alpha(opacity=100);
-ms-filter:alpha(opacity=100);
}
a:hover, a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:alpha(opacity=80);
}
.button{
display:block;
margin:40px auto ;
}
.button a{
margin:30px 0;
padding:10px 50px;
color:#fff!important;
font-size:122%;
text-decoration:none;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-color:#111;
border:1px solid #333;
}
.button a:hover {
color:#111!important;
text-decoration:none;
background-color:#fff;
border:1px solid #222;
}

/*---------------------------------------------*/
/* special */
body {
background-color:#fff;
text-align:center;
background-image:none;
}
#sp{
min-width:1200px;
}
#sp h1{
display:none;
}
.bg01 {
background-color:#fff;
}
.bg02 {
background-color:#efefef;
}
.bg03 {
background-color:#000;
}
.random{
margin:20px auto;
}

/*---------------------------------------------*/
/* special11 */
.bodywaku_wide2 {
width:100%;
margin:0;
padding:0;
text-align:center;
background-color:#fff;
}

/*---------------------------------------------*/
/* special06 09_4 09_5 12 */
.bodywaku_wide {
width:100%;
margin:0;
padding:0;
color:#ccc;
text-align:center;
background-color:#000;
}
.bodywaku_wide a {
color:#fff;
text-decoration:none;
}
.bodywaku_wide .title_dai3 {
margin:30px 0 0;
color:#FA008B;
font-size:107%;
font-weight:700;
}
#contents_erea3 {
width:1200px;
margin:0 auto;
padding:0 0 50px;
text-align:left;
background-color:#000;
}

/*---------------------------------------------*/
/* special01 02 03 04 05 08 10 13 */
#contents_erea {
width:100%;
margin:0 auto;
padding:50px 0;
text-align:center;
}

/*---------------------------------------------*/
/* special06_2 06_3 07 09_2 09_3 */
#contents_erea2 {
width:100%;
margin:0 auto;
padding:0 0 50px;
background-color:#fff;
text-align:center;
}
#contents_erea2 .text,#contents_erea2_2 .text{
width:800px;
margin:0 auto;
padding:30px 0;
}
/*---------------------------------------------*/
/* special06_4 */
#contents_erea2_2 {
width:100%;
margin:0 auto;
padding:0 0 50px;
background-color:#111;
text-align:center;
}

/*---------------------------------------------*/
/* special14 15 */
.bodywaku_wide3 {
width:100%;
margin:0;
padding:0;
text-align:center;
background-color:#fff;
background-image:url(exhibitions/exhi_images/110211_moriyamadaido/2days/back_2days.jpg);
background-repeat:repeat;
background-attachment:fixed;
background-position:0 0;
}
#contents_erea4 {
width:1200px;
margin:0 auto;
padding:0 0 50px;
text-align:left;
background-color:#fff;
}

/*---------------------------------------------*/
/* special17 */
.bodywaku_wide4 {
margin:0;
padding:0;
text-align:left;
background-color:#c5d1ea;
background-image:url(kokeshien/001.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:100% 100%;
}
#contents_erea5 {
width:1200px;
margin:0;
padding:30px 0;
text-align:left;
}
#contents_erea5 a {
color:#ff6666;
text-decoration:none;
font-weight:normal;
}
#contents_erea5 a:hover {
color:#333333;
text-decoration:underline;
}

/*---------------------------------------------*/
/* special09 20 19 18 */
.bodywaku_wide5 {
width:100%;
margin:0;
padding:0;
text-align:center;
}
.bodywaku_wide5 .thumbs p, .bodywaku_wide5 .thumbs a {
color:#999;
}
.bodywaku_wide5 .thumbs {
padding:5px;
margin:0;
width:110px;
float:left;
}
.bodywaku_wide5 .thumb a {
width:110px;
height:73px;
}
.school {
padding:0 0 50px;
text-align:center;
background-color:#fcf7ee;
}
#contents_erea2_1 {
width:1200px;
margin:0 auto;
padding:0 0 100px;
background-color:#fff;
text-align:center;
}

/*---------------------------------------------*/
/* special_mimas01 */
.bg04 {
background-color:#fffbeb;
}

#contents_erea6 {
width:1200px;
margin:0 auto;
padding:10px 0 50px;
text-align:left;
}
#contents_erea6 .white {
margin:10px 0 0 0;
border:1px solid #d2c4b6;
background-color:#fffbeb;
}
#contents_erea6 a {
color:#111;
}
/*---------------------------------------------*/
/* special_mimas02 */
.bg05 {
background-color:#9b0703;
}
#contents_erea7 {
width:1200px;
margin:0 auto;
padding:590px 20px 20px;
text-align:center;
color:#efefef;
background-color:#bf1212;
}
#contents_erea7 a {
color:#fff;
}
#contents_erea7 .text{
width:800px;
margin:0 auto;
padding:30px 0;
text-align:left;
}
/*---------------------------------------------*/
/* special21 */
.erea8{
background-color:#014f99;
}
#contents_erea8 {
width:1200px;
margin:0 auto;
padding:20px 0;
text-align:left;
background-color:#014f99;
}
#contents_erea8 .sp_footer p ,#contents_erea8 a{
color:#888;
}
#contents_erea8 h2, #contents_erea8 h3, #contents_erea8 p {
color:#014f99;
}
#contents_erea8 .title_dai9 span {
padding:0;
margin:0 60px 0 0;
color:#6699cc;
font-weight:bold;
font-size:220%;
}
#contents_erea8 .pager_nav {
text-align:center;
background:none;
}
#contents_erea8 .pager_nav a{
padding:0;
margin:0 60px 0 0;
color:#6699cc;
font-weight:bold;
font-size:100%;
}
#contents_erea8 .pager_nav a:hover {
color:#fff;
text-decoration:none;
}
#contents_erea8 .pager_nav a.active {
color:#fff;
border-bottom:1px solid #6699cc;
}
#contents_erea8 .white {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

/*---------------------------------------------*/
/* special_christo2016 */
.bodywaku_wide6 {
margin:0;
padding:0;
text-align:center;
background-color:#fff;
}
#contents_erea9 {
position: relative;
z-index: 120;
width:100%;
margin:0 auto;
padding:0;
text-align:left;
background-color:#fff;
color:#444;
top:0px;
_top: 0px;
}
#contents_erea9 .pager_nav,
#contents_erea12 .pager_nav{
position: fixed;
z-index: 130;
_display:none;
margin:0 auto;
padding:0;
width:100%;
top: 0px;
color:#ccc;
font-size:91%;
text-align:center;
background:none;
background-color:#666;
filter:alpha(opacity=90)!important;
-moz-opacity: 0.9!important;
opacity: 0.9!important;
}
#contents_erea9 #nav,
#contents_erea2_1 #nav,
#contents_erea12 #nav{
display:block;
width:100%;
margin:0;
padding:0;
text-align:center;
background:none;
background-color:#000;
}
#contents_erea9 #nav ul,
#contents_erea2_1 #nav ul,
#contents_erea12 #nav ul {
margin : 0;
padding: 0;
text-align:center;
}
#contents_erea9 #nav li,
#contents_erea2_1 #nav li,
#contents_erea12 #nav li{
display:inline-block;
list-style:none;
*display: inline;
*zoom: 1;
vertical-align:bottom;
}
#contents_erea9 #nav li a,
#contents_erea2_1 #nav li a,
#contents_erea12 #nav li a{
display:block;
padding:0 10px;
margin:0 10px;
color:#999;
font-weight:bold;
}
#contents_erea9 #nav li a:hover,
#contents_erea2_1 #nav li a:hover,
#contents_erea12 #nav li a:hover{
color:#fff;
text-decoration:none;
}
#contents_erea9 #nav li a.active,
#contents_erea2_1 #nav li a.active,
#contents_erea12 #nav li a.active{
color:#fff;
font-weight:bold;
}
#contents_erea9 .title_dai8 {
color:#000;
font-weight:normal;
font-size:220%;
}
#contents_erea10 {
width:100%;
margin:0 auto;
padding:160px 0;
_padding:160px 0;
text-align:center;
z-index: 999;
}
#contents_erea10 .yellow{
width:50%;
margin:0 auto;
padding:10px 0 20px 0;
text-align:left;
}
#contents_erea10 a{
color:#666;
text-decoration:none;
}
#contents_erea10 img{
max-width: 100%;
height: auto;
}

/*---------------------------------------------*/
/* special23 */
#contents_erea11 {
width:100%;
margin:0 auto;
padding:0;
text-align:center;
color:#fff;
background-color:#000;
z-index:110;
}
#contents_erea11 a{
color:#ccc;
}
/* SlideShow */
#fade{
width: 100%;
height: 1000px;
margin:0 auto;
text-align:center;
background: #fff;
}
#fadeimg{
margin: 0 auto;
width: 1200px;
height: 1000px;
text-align: left;
position: relative;
overflow: hidden;
/*background-size: 100% auto;*/
}
#fadeimg img {
top: 0;
left: 0;
position: absolute;
/*width: 100vw;*/
}

/* Tomatsu */
#field1 {background: #fff;}
#field2 {background: #000;}
#field3 {background: #000;}
#field4 {background: #000;}
#field5 {background: #000;}
#field6 {background: #000;}
#field7 {background: #000;}
#field8 {background: #000;}
#field9 {background: #000;}
#field10 {background: #000;}

.scrEvent {
padding:0;
height:auto;
text-align: center;
display: none;
}

/*---------------------------------------------*/
/* special 24 */
#contents_erea12 {
width:100%;
margin:0 auto;
padding:0;
text-align:center;
color:#111;
background-color:#fff;
}
#contents_erea12 a{
color:#fc772e;
}
#contents_erea12 #nav3 {
display: none;
margin:0;
}
#back_fixed{
width: 100%;
margin: 0 auto;
padding:0;
text-align:center;
padding-bottom: calc(100%*650/2000);
-moz-background-size:100% auto;
background-size:100% auto;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:50% 0;
}
#back_scroll{
width: 100%;
margin: 0 auto;
padding:0;
text-align:center;
padding-bottom: calc(100%*650/2000);
-moz-background-size:100% auto;
background-size:100% auto;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:50% 0;
}
/* Matsui */
.matsui01{padding:0;background: url(http://miyanomori-art.jp/special/matsui2016/title01.jpg);background-color: #85c9da;
}
.matsui02{padding:0;background: url(http://miyanomori-art.jp/special/matsui2016/title02.jpg);background-color: #85c9da;
}
#field11 {padding:50px 0;background: #fff;border-top:1px solid #fa9505;}
#field12 {padding:50px 0;background: #fff;border-top:1px solid #fa9505;}
#field13 {padding:50px 0;background: #f9f9f9;border-top:1px solid #fff;}
#field14 {padding:50px 0;background: #fa9505;border-top:1px solid #fa9505;}
#field15 {padding:50px 0;background: #daeffc;border-top:1px solid #fa9505;}
#field16 {padding:20px 0;background: #fff;border-top:1px solid #fa9505;}
#field17 {padding:80px 0;background: #fa9505;}
#field18 {padding:50px 0;background: #fff;}
#field19 {padding:50px 0;background: #fff;border-top:1px solid #fa9505;}

.box_c,.box_c02,.box_c03{
width:1200px;
margin:0 auto;
text-align:center;
}
.box_c .text03{
width:800px;
margin:30px auto;
text-align:left;
}
.circle{
float:left;
width: 390px;
height: 390px;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:50% 50%;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background: #fff;
}
.circle02,.circle03{
float:left;
margin:10px 0;
padding:30px 3px;
width: 280px;
background-repeat:no-repeat;
background-attachment:scroll;
background-position:center center;
border-left:1px solid #fa9505;
background: #fff;
}
.circle03{
height:220px;
}
.matsui_img01{background-image:url(http://miyanomori-art.jp/special/matsui2016/ev/0703_01.jpg);}
.matsui_img02{background-image:url(http://miyanomori-art.jp/special/matsui2016/ev/0703_02.jpg);}
.matsui_img03{background-image:url(http://miyanomori-art.jp/special/matsui2016/ev/0703_03.jpg);}
.matsui_img04{background-image:url(http://miyanomori-art.jp/special/matsui2016/ev/0704_01.jpg);}
.matsui_img05{background-image:url(http://miyanomori-art.jp/special/matsui2016/ev/0704_02.jpg);}
.matsui_img06{background-image:url(http://miyanomori-art.jp/special/matsui2016/ev/0704_03.jpg);}
.matsui_img07{background-image:url(http://miyanomori-art.jp/special/matsui2016/ev/0705_01.jpg);}
.matsui_img08{background-image:url(http://miyanomori-art.jp/special/matsui2016/ev/0705_02.jpg);}
.matsui_img09{background-image:url(http://miyanomori-art.jp/special/matsui2016/ev/0706_01.jpg);}
.matsui_img10{background-image:url(http://miyanomori-art.jp/special/matsui2016/ev/0706_02.jpg);}
.matsui_img11{background-image:url(http://miyanomori-art.jp/special/matsui2016/ev/0706_03.jpg);}
.matsui_img12{background-image:url(http://miyanomori-art.jp/special/matsui2016/ev/0706_04.jpg);}
.matsui_img13{background-image:url(http://miyanomori-art.jp/special/matsui2016/ev/0707_01.jpg);}
.matsui_img14{background-image:url(http://miyanomori-art.jp/special/matsui2016/ev/0715_02.jpg);}
.matsui_img15{background-image:url(http://miyanomori-art.jp/special/matsui2016/ev/0716_01.jpg);}

.matsui_img21{background-image:url(http://miyanomori-art.jp/special/matsui2016/exhi/01.jpg);}
.matsui_img22{background-image:url(http://miyanomori-art.jp/special/matsui2016/exhi/02.jpg);}
.matsui_img23{background-image:url(http://miyanomori-art.jp/special/matsui2016/exhi/03.jpg);}
.matsui_img24{background-image:url(http://miyanomori-art.jp/special/matsui2016/exhi/04.jpg);}
.matsui_img25{background-image:url(http://miyanomori-art.jp/special/matsui2016/exhi/05.jpg);}
.matsui_img26{background-image:url(http://miyanomori-art.jp/special/matsui2016/exhi/06.jpg);}
/* artmap
--------------------------- */
.bodywaku_wide7 {
width:100%;
margin:0;
padding:0 0 50px 0;
text-align:center;
}
.bodywaku_wide7 a{
color:#111;
}
.art {
width:660px;
margin: 0 auto;
padding: 0;
position: relative;
z-index:5;
_display:none;
}
.art img {
position: absolute;
top:-70px;
left:-18px;
padding: 0;
}
.shadow{
-webkit-box-shadow: 0 5px 5px #999;
-moz-box-shadow: 0 5px 5px #999;
box-shadow: 0 5px 5px #999;
}

#swing01{
width: 100%;
height: 350px;
margin: 0 auto;
padding:40px 0 0 0;
text-align:center;
background: url("http://miyanomori-art.jp/artmap2/artmap_title4.png");
background-repeat:no-repeat;
background-attachment : fixed;
background-position:50% 0;
}
#swing02{
display:none;
width: 100%;
height: 350px;
margin: 0 auto;
text-align:center;
background: url("http://miyanomori-art.jp/artmap2/artmap_title5.png");
background-repeat:no-repeat;
background-position:50% 0;
}
#swing03{
width: 800px;
height: 150px;
margin: 0 auto;
text-align:center;
background: url("http://miyanomori-art.jp/artmap2/artmap_title3.png");
background-repeat:no-repeat;
background-position:50% 0;
}
#swing04{
display:none;
width: 100%;
height: 400px;
margin: 0 auto;
text-align:center;
}
/* fullSlideShow
--------------------------- */
.mib_logo{
z-index: 106;
width:450px;
top: 10%;
position: absolute;
color:#ccc;
}
.fullSlideShow {
width: 100%;
text-align: left;
position: relative;
overflow: hidden;
}
.fullSlideShow ul {
top: 50%;
left: 50%;
width: 100%;
position: fixed; /* absolute or fixed */
overflow: hidden;
}
.fullSlideShow ul li {
top:0;
left: 0;
width: 100%;
display: none;
position: absolute;
}
.fullSlideShow ul li img {
width: 100%;
}
/* SideNavi
------------------------- */
.fullSlideShow .btnPrev, .fullSlideShow .btnNext {
margin-top: -25px;
top: 50%;
width: 63px;
height: 32px;
position: absolute; /* absolute or fixed */
z-index: 105;
}
.fullSlideShow .btnPrev {
left: 0px;
background: transparent url(image/prev.gif) no-repeat center center;
}
.fullSlideShow .btnNext {
right: 0px;
background: transparent url(image/next.gif) no-repeat center center;
}
/* PagiNation
--------------------------- */
.pagiNation {
bottom: 30px;
left: 0;
width: 100%;
height: 10px;
text-align: center;
position: fixed; /* absolute or fixed */
z-index: 110; /* 非表示にする場合は「90」以下に */
visibility: visible; /* 非表示にする場合は「hidden」に */
}
.pagiNation a {
margin: 0 5px;
width: 6px;
height: 6px;
display: inline-block;
overflow: hidden;
background: #ccc;
}
.pagiNation a.pnActive {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}
.fixed {
position: fixed;
top: 0;
z-index: 140;
}
.back_img02 {
padding:0;
background-image:url(http://miyanomori-art.jp/exhibitions/exhi_images/090623_moriyamadaido/kaijyou/parco_11.jpg);
background-repeat:repeat-y;
background-attachment:scroll;
background-position:0 0;
}
.back_img03 {
padding:0;
background-image:url(http://miyanomori-art.jp/exhibitions/exhi_images/100219_moriyamadaido/kaijyou2010/parco_sp_straydog.gif);
background-repeat:repeat;
background-attachment:scroll;
background-position:0 0;
}
.back_img04 {
padding:0;
background-image:url(exhibitions/exhi_images/110211_moriyamadaido/2days/title_event.jpg);
background-repeat:repeat-y;
background-attachment:scroll;
background-position:0 0;
}
.back_img05 {
padding:0;
background-image:url(mimas_open/barrozechu/roze_chu_2.jpg);
background-repeat:no-repeat;
background-attachment:scroll;
background-position:50% 0;
}

/*---------------------------------------------*/
/* footer */
.sp_footer {
margin:0;
padding:60px 0 10px;
text-align:center;
}
.sp_footer a{
color:#999;
text-decoration:none;
}
.sp_footer a:hover{
text-decoration:none;
}
#contents_erea .sp_footer {
padding:60px 0 0 0;
color:#777;
}
/*---------------------------------------------*/
/* datafloat */
.imgleft2 {
float:left;
width:810px;
padding:0 0 50px;
margin:0;
}
.textleft2 .blue,
.imgleft2 .blue {
border:1px solid #333;
}
.imgleft2 .white,
.textleft2 .white, .textleft2
.blue, .bodywaku_wide .white {
margin:0 auto;
color:#222;
}
.textleft2 {
float:right;
width:340px;
padding:0 0 50px;
}
.imgleft2 .white a,
.textleft2 .white a,
.bodywaku_wide .white a {
color:#222;
text-decoration:none;
}
.imgleft2 .blown .title_dai6,
.textleft2 .blown .title_dai6,
.textleft2 .blue .title_dai6 {
margin:15px 0 5px;
color:#fff;
font-size:107%;
font-weight:700;
line-height:150%;
}
.textleft2 .blue .text {
margin:5px 0 0;
color:#ccc;
font-size:100%;
}
.imgleft2 .white .title_dai6,
.textleft2 .white .title_dai6 {
margin:0;
color:red;
font-size:107%;
font-weight:700;
}
.imgleft2 .title_dai2,
.textleft2 .title_dai2 {
margin:0 0 15px;
padding:5px 0;
}
.imgleft2 .title_dai8,
.textleft2 .title_dai8 {
margin:50px 0 10px;
padding:0 0 10px;
font-size:122%;
font-weight:700;
color:#777;
}
.imgleft2 .blown img,
.textleft2 .blown img,
.imgleft2 img,
.textleft2 img {
margin:1px 1px 0 0;
}
.textleft3 {
float:left;
width:320px;
padding:0 0 50px;
}
/*---------------------------------------------*/
/* random */
.random {
width:610px;
height:420px;
overflow:hidden;
}
/*---------------------------------------------*/
/* sidebar */
.sidebar {
top: 50px;
position: fixed;
z-index: 89;
margin-right:0;
width: 135px;
padding:0px;
_display:none;
}

/*---------------------------------------------*/
/* iphone */

@media only screen and (max-device-width:414px) and (orientation:portrait) {
.imgleft2,.textleft2,.textleft3 {
width:100%;
float:none;
padding:0;
margin: 0;
}
.imgleft2 img,.textleft2 img,
#contents_erea10 .yellow img,
.box_c,.box_c .text03{
width:100%!important;
height:auto!important;
}
#contents_erea10,
#contents_erea10 .yellow{
width:95%;
}
.box_c03,
#contents_erea9 #nav,
#contents_erea12 #nav{
display:none;
}
#contents_erea12 #nav3 {
display: block;
}
.circle02{
clear:left;
width:100%;
height:auto;
border-left:none;
border-top:2px solid #fa9505;
}
}
@media only screen
and (min-device-width:768px) 
and (max-device-width:1024px) 
{
#contents_erea10 .yellow img{
width:100%;
height:auto;
}
#contents_erea10,
#contents_erea10 .yellow{
width:95%;
}
}