@charset "utf-8";

#zyouhou{
Padding:0 10px;
}
@media screen and (min-width: 1200px) {
                                #zyouhou{
                                Padding:0px;
                                }
}


#zyouhou .mitei{
Margin-bottom:20px;
}
@media screen and (min-width: 768px) {
                                #zyouhou .mitei{
                                Margin-left:10px;
                                }
}


#zyouhou .exhibition{
Margin-bottom:20px;
}
@media screen and (min-width: 768px) {
                                #zyouhou .exhibition{
                                Margin-left:10px;
                                }
                                #zyouhou .exhibition .headtype04{
                                Margin-left:-10px;
                                }
 }
#zyouhou .exhibition table{
Margin-bottom:10px;
}
#zyouhou .exhibition table th{
white-space:nowrap;
}
#zyouhou .exhibition table td{
padding-left:10px;
}
#zyouhou .exhibition .sub{
Font-size:14px;
}
#zyouhou .exhibition .dm img{
Width:100%;
}
@media screen and (min-width: 768px) {
                                #zyouhou .exhibition .dm{
                                Width:400px;
                                Float:right;
                                Margin:0 0 10px 10px;
                                }
 }
@media screen and (min-width: 900px) {
                                #zyouhou .exhibition .dm{
                                Width:500px;
                                }
 }

.iframeblock {
margin-bottom:20px;
max-width:600px;
}
.iframeblock {
position: relative;
width: 100%;
padding: 100% 0 0 0;
}
.iframeblock .iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (min-width: 768px) {
                                .iframeblock {
                                position: initial;
                                padding: 0;
                                }
                                .iframeblock .iframe {
                                position: initial;
                                top: 0;
                                left: 0;
                                Width:600px;
                                Height:450px;
                                }
}

#kiroku{
margin-bottom:20px;
}
#kiroku{
 Margin-bottom:20px;
}
@media screen and (min-width: 768px) {
                                #kiroku{
                                Margin-left:10px;
                                }
                                #kiroku .headtype02{
                                Margin-left:-10px;
                                }
 }
#kiroku .kiroku_list{
Margin-bottom:15px;
}
#kiroku .kiroku_list .title{
Font-weight:bold;
}
#kiroku .kiroku_list img{
Float:right;
Width:100px;
Margin:0 0 10px 10px;
}
#kiroku .kiroku_list .comment{
font-size:14px;
Margin-right:120px;
}
@media screen and (min-width: 600px) {
                                #kiroku .kiroku_list img{
                                Float:left;
                                Width:100px;
                                Margin:0 10px 10px 0px;
                                }
                                #kiroku .kiroku_list .comment{
                                Margin-left:110px;
                                }
}



#exhibition_record .read,
#exhibition_record .gaiyou,
#exhibition_record .movie,
#exhibition_record .kizi,
#exhibition_record .image{
Margin-bottom:20px;
}
@media screen and (min-width: 768px) {
                                #exhibition_record .gaiyou,
                                #exhibition_record .image,
                                #exhibition_record .movie,
                                #exhibition_record .kizi{
                                Margin-left:10px;
                                }
                                #exhibition_record .gaiyou .headtype02,
                                #exhibition_record .kizi .headtype02,
                                #exhibition_record .movie .headtype02,
                                #exhibition_record .image .headtype02{
                                Margin-left:-10px;
                                }
}

#exhibition_record .midashi_tate,
#exhibition_record .midashi_yoko,
#exhibition_record .midashi_tate2{
Text-align:center;
Margin-bottom:10px;
}
#exhibition_record .midashi_tate img{
Width:250px;
}
#exhibition_record .midashi_tate2 img{
Width:200px;
}
#exhibition_record .midashi_yoko img{
Width:350px;
}
@media screen and (min-width: 768px) {
                                #exhibition_record .midashi_tate{
                                Width:250px;
                                Float:right;
                                Margin:0 0 10px 10px;
                                }
                                #exhibition_record .midashi_tate2{
                                Width:200px;
                                Float:right;
                                Margin:0 0 10px 10px;
                                }
                                #exhibition_record .midashi_yoko{
                                Width:350px;
                                Float:right;
                                Margin:0 0 10px 10px;
                                }
 }
#exhibition_record .read p{
Margin-bottom:10px;
}
#exhibition_record .read p:last-child{
Margin-bottom:0px;
}

#exhibition_record .gaiyou th{
white-space:nowrap;
Padding-right:15px;;
}
#exhibition_record .gaiyou th,
#exhibition_record .gaiyou td{
Vertical-align:top;
}

#exhibition_record .movie p{
margin-bottom:10px;
}

#exhibition_record .kizi p{
margin-bottom:10px;
}
#exhibition_record .kizi img{
margin-bottom:10px;
Max-width:100%;
}

#exhibition_record .image img{
Max-width:100%;
Margin-bottom:10px;
}

#exhibition_record .image .caption{
Font-size:12px;
Margin-bottom:15px;
Margin-top:-7px;
}
#exhibition_record .image .text{
Font-size:14px;
}

#exhibition_record .image.yokonarabi ul{
Display:flex;
Flex-wrap:wrap;
}
#exhibition_record .image.yokonarabi ul li{
Margin-left:10px;
}