﻿.header_in{
box-sizing:border-box;
max-width:1260px;
margin:0 auto;
}
.header_left{
float:left;
width:calc(200px + 2em);
}
.header_left a{
display:block;
padding:1em;
}
.header_right{
float:right;
text-align:right;
width:calc(100% - 200px - 2em);
}
.header_right ul,
.header_bottom ul,
.header_title ul{
display:inline-block;
vertical-align:bottom;
}
.header_right ul li{
float:left;
}
.header_bottom,
.header_title{
background:black;
text-align:center;
}
.header_title{
background:#333333;
color:#ffffff;
padding:1em 0;
}
.header_title_in{
max-width:1260px;
box-sizing:border-box;
display:inline-block;
text-align:left;
}
.header_bottom ul li,
.header_title ul li{
float:left;
}
.header_right ul li a,
.header_bottom ul li a{
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
height:3em;
padding:1em;
color:#ffffff;
}
.header_right ul li a{
height:calc(40px + 2em);
/*color:#EC5254;*/
color:#666666;
}
.header_right ul li a:hover{
text-decoration:underline;
}
.header_bottom ul li a{
cursor:default;
}
.header_bottom ul li a:hover{
background:#666666;
}
.header_title p{
color:#cccccc;
}
.header_title p:last-child{
margin-top:7px;
font-size:24px;
color:#ffffff;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/* コンテンツ                               */
/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */

.contents_in{
}
.main{
float:left;
width:calc(100% - 200px);
}
.index_main{
float:unset;
margin:0 auto;
}
.index_main + .sidebar{
display:none;
}
.main_in{
box-sizing:border-box;
max-width:1000px;
margin:0 auto;
padding:0 1em;
line-height:1.4;
}
.main_in > h2{
font-size:24px;
}
.main_in > h2 span{
font-size:14px;
}
.main_in > h2,
.main_summary,
.main_movie,
.main_body,
.main_links{
margin-top:3em;
}
.main_summary p,
.main_body p{
margin-top:1em;
}
.main_summary p:first-child,
.main_body p:first-child{
margin-top:0;
}

.main_movie video{
max-width:100%;
}

.big_links{
margin-top:1rem;
}
.big_links:first-child{
margin-top:0;
}
.small_links{
display:flex;
margin-bottom:1rem;
}
.main_links h2{
font-size:24px;
}
.main_links h2{
margin-bottom:1rem;
padding-bottom:0.5rem;
border-bottom:1px solid #aaaaaa;
line-height:24px;
}
.main_links h3{
font-size:20px;
margin-left:1rem;
width:400px;
line-height:20px;
}
.main_links ul{
font-size:16px;
color:#483d8b;
margin-left:2rem;
display:flex;
flex-direction:column;
justify-content:center;
}
.main_links ul li a{
color:#000000;
}
.main_links ul li a:hover{
text-decoration:underline;
}
.main_links ul li a:after{
content:">";
margin-left:1rem;
}
.main_links ul li a:visited {
color:#c71585;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/* サイドバー                               */
/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */

.sidebar{
float:right;
box-sizing:border-box;
width:200px;
padding:1rem;
background:#aaaaaa;
}
.sidebar dl{
margin-top:1rem;
}
.sidebar dl:first-child{
margin-top:0;
}
.sidebar dl dd{
margin-top:0.5rem;
}
.sidebar dl dd a{
color:#000000;
}
.sidebar dl dd a:hover{
text-decoration:underline;
}

/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */
/* フッター                                 */
/* -∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵-∴-∵- */

#footer{
background:black;
}
.footer_in{
max-width:1260px;
margin:3em auto 0;
text-align:center;
padding:2em 0;
color:#ffffff;
}
