@charset "UTF-8";

#header_wrap{
background-color:rgba(83,71,65,0.2);
padding-bottom: 15px;
}
#header{
width: 100%;
height: 750px;
background-image: url(../img/home/home_mainimg.jpg);
background-size: cover;
background-position: center;
padding-top: 190px;
}

#head_cont {
margin: auto;
color: rgb(255, 255, 255);
width: 490px;
text-align: center;
}
#head_cont .main_logo {
    width: 318px;
    display: block;
    margin: 0 auto 65px;
}
#head_cont .main_logo p {
    color: #ffffff;
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 15px;
}
a.ent_btn {
    display: block;
    height: 30px;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    margin-bottom: 20px;
background-color: rgba(51,80,95,1);
}
a.ent_btn i {
margin-right: 6px;
}
li{
list-style: none;
}
#head_cont ul.ent_img {
width: 490px;
height: 154px;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
#head_cont ul.ent_img li {
display: block;
width: 150px;
height: 150px;
border:solid 2px rgba(255,255,255,0.5);
}
#head_cont ul.ent_img li img{
display: block;
width: 100%;
}
.chatch {
text-align: center;
font-size: 1.0rem;
margin-top: 5px;
letter-spacing: 0.22em;
}
ul.sns {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
width: 90px;
text-align: right;
position: absolute;
right: 20px;
bottom: 30px;
color: #fff;
}
ul.sns li a i{
font-size: 2.2rem;
}
#contents .home_copy{
text-align:center;
}
.con_wrap{
width: 490px;
}

h1.front_logo a{
display: block;
width: 104px;
margin: 0 auto 20px;
}
.con_wrap a.link{
display: block;
height: 30px;
color: #ffffff;
text-align: center;
line-height: 30px;
margin-bottom: 20px;
}
ul#contents li:first-child a.link{
background-color: rgba(51,80,95,0.3);
}
ul#contents li:first-child a.link:hover{
background-color: rgba(51,80,95,1);
}
ul#contents li:nth-child(2) a.link{
background-color: rgba(81,61,110,0.3);
}ul#contents li:nth-child(2) a.link:hover{
background-color: rgba(81,61,110,1);
}

p.boxtxt{
margin-bottom: 20px;
}
.con_wrap ul {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.con_wrap ul li {
width: calc((100% - 40px) / 3);
}
.con_wrap ul li img{
display: block;
width: 100%;
}
.info {
font-size: 1.2rem;
}

#topics_wrap{
margin-bottom: 2px;
}
#movie_wrap{
margin-bottom: 20px;
padding: 40px 0 40px;
}
#movie_wrap .c_title {
margin-bottom: 20px;
}
#movie_wrap .youtube_con {
background-color: #fff;
padding: 14px;
position: relative;
}
#movie_wrap .youtube {
margin-bottom: 0px;
}

.embed-responsive{
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
padding-top: 56%;
margin-bottom: 1em;
}
.embed-responsive iframe,
.yt_thumb{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
#yt_thumb_wrap{
cursor: pointer;
transition: opacity 0.3s;
}
#yt_thumb_wrap:hover{opacity: 80%;}
.yt_playicon{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70px;
height: 70px;
}

#mv_ttlwrap {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
align-items: center;
}
#mv_ttlwrap h2 {
font-size: 2.4rem;
line-height: 1;
}
#mv_ttlwrap span {
display: block;
}
#mv_ttlwrap span a {
display: block;
background-color: #fff;
border-radius: 5px;
padding: 10px 16px;
line-height: 1;
}
#mv_ttlwrap span a i {
margin-right: 10px;
}