@charset "UTF-8";
/* CSS Document */

.hoverOp:hover {
	filter: alpha(opacity=40);
	opacity: 0.4;
}

body {
background:url(../images/common/bg.jpg) fixed 50% 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.wrapper {
margin:0 auto;
width:800px;
background-color: #fff;
}

/*ヘッダー
 * --------------------------------------------------------*/
.header {
width: 720px;
margin:0 auto;
padding-top:40px;
padding-bottom:60px;
}
.header .hobo{
padding-bottom:40px;
}
.header .main {
position:relative;
height:550px;
}
.header .main .title{
position: absolute; top: 35px; left: 0px;
}
.header .main .photo{
position: absolute; top: 0px; right: -25px;
}

/*ヨドガワ
 * --------------------------------------------------------*/
.yodogawa {
width: 400px;
margin:0 auto;
padding-bottom:88px;
}
.yodogawa .text {
font-family: "A1 Mincho", 'A1明朝', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:17.5px;
color: #D4211E;
line-height: 2em;
letter-spacing: 0.1em;
padding-bottom:38px;
}

/*扉
 * --------------------------------------------------------*/
.tobira {
padding-bottom:90px;
}
.tobira .photo {
padding-bottom:8px;
}
.tobira .cap {
font-size:10px;
color: #D4211E;
line-height: 1.75em;
margin-left:16px;
}
/*対談部分
 * --------------------------------------------------------*/
.midashi{
text-align:center;
padding-bottom:48px;
}
.conv{
width:500px;
margin:0 auto;
font-size:16px;
line-height: 2em;
letter-spacing: 0.075em;
color: #D4211E;
padding-bottom:48px;
}
.conv dl {
padding-bottom:16px;
}
.conv dt {
width:60px;
float:left;
clear:both;
}
.conv dd {
margin-left:70px;
padding-bottom:10px;
width:420px;
}
.conv .continue {
text-align:center;
}
.conv .photo {
padding-bottom:20px;
}
.conv .work {
width:800px;
margin-left:-150px;
padding-bottom:10px;
}
.conv .photo {
padding-bottom:10px;
}
.conv .work .cap{
font-size:10px;
color: #D4211E;
line-height: 1.75em;
letter-spacing: 0em;
margin-left:16px;
}


/*ナビゲーション
 * --------------------------------------------------------*/
.navi {
width:240px;
padding-bottom:100px;
margin:0 auto;
height: auto;
overflow: hidden;
}
.navi .back{
float:left;
}
.navi .top{
float:left;
margin-left:24px;
}
.navi .next{
float:right;
}
/*展覧会インフォメーション
 * --------------------------------------------------------*/
.info{
width:500px;
margin:0 auto;
border: 1px solid #D4211E;
margin-top:50px;
margin-bottom:100px;
}
.info .info_naka{
width:350px;
margin:0 auto;
padding-top:40px;
padding-bottom:40px;
}
.info .photo{
width:100%;
}
.info .photo {
padding-bottom:8px;
}
.info .cap{
font-size:10px;
color: #D4211E;
line-height: 1.75em;
letter-spacing: 0em;
}
.info .midashi {
font-family: "A1 Mincho", 'A1明朝', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:17px;
color: #D4211E;
line-height: 1.5em;
letter-spacing: 0.1em;
padding-bottom:16px;
text-align:left;
}
.info .text {
font-size:15px;
line-height: 1.75em;
letter-spacing: 0.05em;
color: #000;
}	
.info .title {
font-family: "A1 Mincho", 'A1明朝', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:18px;
color: #D4211E;
line-height: 1.5em;
padding-bottom:8px;
text-align:left;
}
.info .text2 {
font-size:15px;
line-height: 1.75em;
color: #D4211E;
}
.info .cap2 {
font-size:13px;
line-height: 1.75em;
padding-bottom:5px;
color: #D4211E;
}		

/*目次
 * --------------------------------------------------------*/
.contents{
padding-bottom:30px;
}
.contents .midashi{
text-align:center;
padding-bottom:36px;
}
.contents .navi{
width:640px;
}
.contents .navi .btn{
float:left;
}
.contents .navi .btn2{
float:left;
margin-left:34px;
}
.contents .navi .btn3{
float:right;
}

/*フッター
 * --------------------------------------------------------*/
.fotter {
margin:0 auto;
width:800px;
background: url(../images/common/bg_paper.jpg);
}
.fotter .navi{
width:304px;
padding-top:48px;
padding-bottom:32px;
margin:0 auto;
height: auto;
overflow: hidden;
}
.fotter .navi .btn1{
float:left;
}
.fotter .navi .btn2{
float:left;
margin-left:16px;
}
.fotter .navi .btn3{
float:left;
margin-left:16px;
}
.fotter .navi .btn4{
float:left;
margin-left:16px;
}
.fotter .copyright{
text-align:center;
padding-bottom:56px;
}


/*プロフィール
 * --------------------------------------------------------*/
.prof_pc{display: block;}
.prof_sp{display: none;}
.prof_pc_box{display: none;}
#profile{
	width: 500px;
	padding:30px;
}
.prof_text {
font-size:15px;
padding-top:10px;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.75em;
color: #D4211E;
letter-spacing: 0.1em;
}
.cBox {
	padding: 30px 20px;
	margin: 0 auto;
}


/*スマホ対応
 * --------------------------------------------------------*/
@media only screen and (max-width: 479px) {
.wrapper {
width: 100%;
}
/*スマホ対応 ヘッダー
 * --------------------------------------------------------*/
.header{
width: 100%;
margin:0 auto;
padding-top:15px;
}
.header .hobo{
padding-bottom:15px;
text-align:center;
}
.header .hobo img{
width: 95%;
}
.header .main {
height: auto;
overflow: hidden;
}
.header .main .title{
position:static;
text-align:center;
margin-top: -20%;
}
.header .main .title img{
width: 80%;
}
.header .main .photo{
position:static;
}
.header .main .photo img{
width: 100%;
}
.yodogawa {
width: 95%;
margin:0 auto;
}
.yodogawa .text {
font-size:18px;
line-height: 1.75em;
letter-spacing: 0em;
}
.yodogawa .prof {
text-align:center;
}

/*スマホ対応 扉
 * --------------------------------------------------------*/
.tobira {
width: 100%;
}
.tobira .photo {
padding-bottom:8px;
}
.tobira .photo img{
width: 100%;
}
.tobira .cap {
font-size:10px;
width: 95%;
letter-spacing: 0em;
margin-left:0px;
margin:0 auto;
}
/*スマホ対応 対談部分
 * --------------------------------------------------------*/
.midashi img{
width: 85%;
}
.conv{
width: 95%;
margin:0 auto;
font-size:15px;
line-height: 2em;
letter-spacing: 0.075em;
padding-bottom:36px;
}
.conv dd {
width:80%;
}
.conv .photo img{
width: 100%;
}
.conv .work {
width: 100%;
margin-left:0px;
padding-bottom:10px;
}
.conv .work img{
width: 100%;
}
.conv .work .cap{
font-size:10px;
width: 95%;
letter-spacing: 0em;
margin-left:0px;
margin:0 auto;
}
/*スマホ対応 展覧会インフォメーション
 * --------------------------------------------------------*/
.info{
width: 90%;
margin-left:auto;
margin-right:auto;
background-color:#EAE6E4;
margin-top:60px;
}
.info .info_naka{
width: 80%;
margin:0 auto;
}
.info .photo img{
width:100%;
}
.info .cap{
width:95%;
margin:0 auto;
}
.info .midashi {
font-size:19px;
letter-spacing: 0em;
}

/*スマホ対応 目次
 * --------------------------------------------------------*/
.contents{
width:60%;
margin:0 auto;
padding-top:60px;
}
.contents .midashi{
padding-bottom:15px;
}
.contents .midashi img{
width:100%;
padding-bottom:16px;
}
.contents .navi{
width:100%;
}
.contents .navi .btn img{
width:100%;
}
.contents .navi .btn{
margin:0 auto;
padding-bottom:32px;
}
.contents .navi .btn2 img{
width:100%;
}
.contents .navi .btn2{
margin:0 auto;
padding-bottom:32px;
}
.contents .navi .btn3 img{
width:100%;
}
.contents .navi .btn3{
margin:0 auto;
}
/*スマホ対応 フッター
 * --------------------------------------------------------*/
.fotter {
width: 100%;
background: url(../images/common/bg_paper.jpg);
}
.fotter .copyright img{
width:70%;
}


	/* [sp] profile */
	.close {
		font-size: 14px;
		line-height: 24px;
		text-align: center;
		padding: 20px 0;
	}
	.prof_pc{display: none;}
	.prof_sp{display: block; z-index:999;}
	.prof_pc_box{display: block;}
	#profile{
		width: 100%;
		padding: 10px 0 15px 0;
		display: none;
	}
	#profile h3,
	#profile p,{
		font-size: 14px;
		line-height: 24px;
		text-align: left;
		padding-left: 25px;
	}
	#profile h3 {
		padding-bottom: 20px;
	}




}