/*  -----レイアウト-----  */
.img_box_en{
display:none;	
}

div#rap{
height:100%;
min-height:100%;
}

#frm_content{
}

/*ヘッダ領域*/
header{
background:rgba(255,255,255,1);
/*
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
*/
}
.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 10;
}
.floatmenu{
}
.fixed.floatmenu{
background:rgba(255,255,255,1);
/*
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
*/
}

.table_spec{
box-sizing:border-box;
}
#head_m1_menu ul{
}
.header ul li{
float:left;
}


.white_txt{
	color:#fff;}

#head_m1_menu ul li:last-child{
margin-right:0;
padding-right:0;
}


#head_m2_bg{
background-color: rgba(255, 255, 255, 1);
height:35px;
}
.prd_menu ul li{
	font-size: 12px;
	color: #000;
}
.prd_menu ul li.order{
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

.prd_menu ul li.ani a{
	position: relative;
	display: inline-block;
	letter-spacing: 1px;
	color: #999;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 18px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.prd_menu ul li.ani a.current,
.prd_menu ul li.ani a:hover,
.prd_menu ul li.ani a:focus {
	color: #333333;
}

.prd_menu ul li.ani a:hover::after,
.prd_menu ul li.ani a:focus::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}




/*フッタ領域*/

footer{
background:#a3a3a3;
color:#fff;
padding-top:20px;
}
#foot_logo_inq p, #foot_logo_inq div{
margin-bottom:10px;
}
#foot_logo_inq .mail a{
display:block;
text-align:center;
padding:5px 10px 7px 10px;
color:#fff;
font-size:14px;
background:#3e3d3d;
}
#foot_logo_inq .mail a:hover{
background:#999999;
}
#foot_logo_inq .mail img{
vertical-align:middle;
}

#foot_logo_inq .tel{
padding:2px 10px 5px 35px;
background:url(/images/cmn/ico_tel.png) 7px 3px no-repeat;
font-size:18px;
font-family: 'Spinnaker', sans-serif;
letter-spacing:0.01em;
color:#3e3d3d;
}

#btm_menu{
padding:10px 0;
}
#foot_menu_btn {padding:10px 0;}
#foot_menu_btn img{margin-right:10px;}
.btm_menu_box{
padding:10px 10px 10px 10px;
float:left;
box-sizing:border-box;
}

.btm_menu_box h3{
margin:0 0 10px;
padding:0;
font-size:14px;
color:#fff;
}

.btm_menu_box h4{
margin:0 0 5px;
padding:0;
font-size:13px;
color:#c9caca;
}
.btm_menu_box ul{
padding-bottom:10px;
}
.btm_menu_box ul li{
margin:0 0 7px;
padding:0;
font-size:12px;
}
.btm_menu_box a{
color:#fff;
}
.btm_menu_box a:before{
content:'> ';
font-family: 'Spinnaker', sans-serif;
}
.btm_menu_box a:hover{
color:#eee;
}


#copyright{text-align:center;padding:20px 0 10px;}
#copyright a{color:#fff;}

/*フッターバナー*/
#bnr_btm{padding:20px 0;}
#bnr_btm ul li {
float:left;
width:33.33%;
text-align:center;
list-style-type:none;
}

/*問合せブロック*/
.inq_block{
text-align:center;
font-size:20px;
padding:20px 20px 40px;
border:1px solid #c6c5b0;
border-radius:10px;
background:#f4f4f4;
}
.inq_block p{line-height:1.2em;}
.inq_block .txt_red{color:#b12b32;}
.inq_block .txt_small{font-size:14px;}
.inq_block a{
background:#b12b32;
border:1px #b12b32 solid;
font-size:22px;
color:#fff;
padding:20px 20px 20px 10px;
border-radius:10px;
line-height:1em;
}
.inq_block a .icn_mail{color:#b12b32;}
.inq_block a span{margin-top:-3px;
}
.inq_block a:hover{
background:#fff;
color:#b12b32;
}
.inq_block a:hover .icn_mail{color:#fff;}

/*共通パーツ*/
.mired{color:#b22222;}
.dispN{display:none;}
.bg_lightgray{background-color:#f4f4f4;padding:0.02px 0;}
.bg_white{background-color:#ffffff;padding:0.02px 0;}

.main_key{
text-align:center;
}
.main_key img{
max-width:100%;
}

.big_button{
text-align:center;
padding:20px 20px 40px;
}
.big_button a{
background:#b12b32;
border:1px #b12b32 solid;
font-size:22px;
color:#fff;
padding:20px 20px 20px 10px;
border-radius:10px;
line-height:1em;
}
.big_button a .icn_mail{color:#b12b32;}
.big_button a span{margin-top:-3px;}
.big_button a:hover{
background:#fff;
color:#b12b32;
}
.big_button a:hover .icn_mail{color:#fff;}


	/*Moreボタン*/
.btn_more{
font-size:16px;
cursor:pointer;
}
.btn_more:hover{
color:#ccc;
}
.btn_plus {
    display: block;
    float: left;
}

/*パンくず*/
.pankuzu{padding:0 0 20px 0;}
.pankuzu a{color:#3e3d3d}
.pankuzu_inner ul{
text-align:right;
padding:0;margin:0;
}
.pankuzu_inner ul li{
display:inline-block;
list-style-type:none;
font-size:12px;
padding:0;
}
.pankuzu_inner ul li.child:before{
content:'\f0da';
font-family: 'FontAwesome';
padding:0 7px 0 8px;
font-size:1.4em;
vertical-align:-5%;
color:#a62f31;
}
.pankuzu a:hover,
.pankuzu_inner ul li.child.current a{
border-bottom:1px solid #636466;
padding-bottom:3px;
}


/*テキスト関連*/

p.sub_title{
text-align:center;
margin-top:-35px;
font-size:14px;
}
p.sub_title.left{
text-align:left;
}
p.sub_title_en{
margin-top:-15px;
margin-left:5px;
font-size:14px;
color:#aaa;
}

.arrow_right{
padding-left:1.5em;
text-indent:-1.5em;
}
.arrow_right:before{
content:'\f152';
margin-right:0.2em;
font-family: 'FontAwesome';
color:#b22222;
}

.table_border{
box-sizing:border-box;
}
.table_border table tr{
	font-size: 15px;
	border-bottom: 1px solid #C9CACA;
	line-height: 1.4em;
	}
.table_border table td{
	padding: 10px 20px;
	vertical-align: top;
}

.table_basic{
padding-bottom:20px;
font-size:14px;
}
.table_basic table td{
padding:5px;
}

hr{
height: 1px;
border: none;
border-top: 1px #b5b5b6 solid;
}


.gray_block{
padding:20px 20px 0px;
border:1px solid #c6c5b0;
border-radius:10px;
background:#f4f4f4;
}
.gray_block.mt_md{
	margin-top:40px;
	margin-bottom:40px;
}	
	
/* icon */
p.mailto {
    background: url(/images/cmn/ico_mail_gray.jpg) 0px 7px no-repeat;
    padding-left: 30px;
}


/*お問い合わせフォーム*/
.table_form{
}
.table_form table td{
padding: 10px;
font-size: 16px;
vertical-align: top;
line-height:1.6em;
}
.table_form table td .form_half_box{
	font-size: 16px;
	line-height: 1.2em;
	padding-top: 1em;
}
.table_form table td label.radio_text{
font-size: 16px;
line-height:2.2em;
}
.table_form table td.title{
width:200px;
}

.table_form .short{
	width:75px;
}

/* About */
.about_train ul{padding:20px 0 20px;margin:0;}
.about_train ul li{
list-style-type:none;
padding-bottom:10px;
box-sizing:border-box;
padding-left:1.5em;
text-indent:-1.5em;
}
.about_train ul li:before{
content:'\f239';
font-family: FontAwesome;
margin-right:5px;
}
.about_train ul li.nanboku-sen{color:#2fb1a9;}
.about_train ul li.ginza-sen{color:#e49212;}
.about_train ul li.hibiya-sen{color:#6f6f6d;}
.about_train ul li.chiyoda-sen{color:#009c49;}
.about_train ul li span{
display:block;
font-size:12px;
color:#666;
margin-top:-5px;
padding-left:20px;
}

 /* Q&A */
.faq h3{padding:0 0 4px;}
.faq h3 span{
background:#b22222;
color:#fff;
padding:5px 8px;
line-height:1.2;
}
.faq dl{
padding-bottom:20px;
}

 .faq dt{
 position:relative;
 font-size:16px;
 margin:0px 0 10px;
 padding:0;
 }
 .faq dt span{
 font-size:24px;
 color:#fff;
 border:solid 1px #b22222;
 background:#b22222;
 display:block;
 float:left;
 width:36px;
 text-align:center;
 }
 .faq dt p{
margin-left:50px;
padding:0px 10px 0;
 }
 .faq dd{
 font-size:16px;
 padding:0;
 }
 .faq dd span{
 font-size:24px;
 color:#b22222;
 border:solid 1px #b22222;
 display:block;
 float:left;
 width:36px;
 text-align:center;
 }
 
.faq dd p{
background:#f4f4f4;
margin-left:60px;
padding:5px 10px;
}
 
 
 /*サービス パブリックアート*/ 
.clc_block{
margin-bottom:40px;
}
.clc_block h4{
 background:#659af6;
 color:#fff;
 padding:5px 8px;
}
.clc_block .clc_more{width:120px;height:1.2em;padding:5px 10px;position:relative;color:#fff;float:right;}
.clc_block .clc_more:hover{background:#fff; color:#b12b32;}
.clc_block .btn_more{background:#b12b32; border:1px solid #b12b32;}
.clc_block  .btn_plus{position:absolute;float:none;top:7px;}
.clc_block  .btn_txt{position:absolute;float:none;top:5px;left:35px;}
 
.clc_body{display:none;}

.clc_body #viewer_spo { margin: 0 auto; }

.clc_body .text-box {
    margin-top: 10px;
}

.clc_body .text-box .annotation {
text-align: left;
margin-bottom:0;
}

.clc_body .text-box .photograph {
text-align: right;
}

.clc_body .photograph_only {
text-align: right;
}
.clc_body .text-box .links {
text-align: left;
margin-bottom:10px;
}

.clc_body .txt{
background:#eee;
padding:10px 10px;
margin:10px 0;
}
.clc_body .txt .txt_box_one{margin-bottom:20px;}
.clc_body .txt p{
margin-bottom:3px;
}
.clc_body .txt p.year{text-align:right;}
.clc_body .txt p.work{font-size:20px;}
.clc_body .txt p.work span{font-size:14px;}
.clc_body .txt p.material{text-align:right;}
.clc_body .txt p.artist{}
.clc_body .txt p.place{font-size:12px;}
.clc_body  img{margin-bottom:10px;}

.clc_abst p{}
.clc_abst p.year{margin-bottom:1px;text-align:right;}
.clc_abst p.work{margin-bottom:1px;font-size:20px;}
.clc_abst p.work span{font-size:14px;}
.clc_abst p.material{margin-bottom:5px;}
.clc_abst p.artist{margin-bottom:1px;}
.clc_abst p.txt{color:#666;font-size:15px;line-height:1.4em;}

	/*アート・コレクション*/
	
.example_block{
	display:flex;
	flex-wrap:wrap;
}
.example_box{width:33.33%;padding:10px;box-sizing:border-box;}
.example_box img{max-width:100%;}
.example_box h4{font-size:1rem;margin:1em 0 0.5em;padding:0;}
.example_box p{font-size:0.9rem;line-height:1.3em;margin-bottom:0.5em;padding:0;}
.example_box p.txt{font-size:0.8rem;color:#999;}
 
 /* English, Chinese, 特集サブメニュー*/
 .lang_menu{
 }
.page_submenu ul{
 list-style-type:none;
 margin:0;
 padding:0;
 }
 
 .page_submenu ul li{
 box-sizing:border-box;
 text-align:center;
 margin-bottom:10px;
 }

.page_submenu ul li a{
 display:block;
 border:1px solid #b22222;
 color:#b22222;
 }
.page_submenu ul li a:hover,
.page_submenu ul li a.current{
 background:#b22222;
 color:#fff;
 }
 
 
 /*特集ページ*/
 .artist_list table td{
 font-size:16px;
 padding:5px;
 }
 
 /*youtube*/
.youtube_bg{
  padding:40px 0 40px;
}
.youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}