@charset "UTF-8";

/* =========================================================
Footer
=========================================================== */

.c-footer-menu{
position:relative;
}
.c-footer-menu li{
margin:0 3px 10px;
width:120px;
height:35px;
display:inline-block;
}
.c-footer-menu li a{
display:block;
}

.c-sns-group{
position:relative;
margin:0 0 10px;
}
.c-sns-group li{
margin:0 3px;
width:40px;
height:40px;
line-height:1;
border-radius:4px;
display:inline-block;
overflow:hidden;
}
.c-sns-group li a{
display:block;
}

.c-copy{
margin:0 auto;
max-width:400px;
line-height:1;
}
.c-macy{
position:absolute;
top:62px;
left:100px;
width:164px;
height:40px;
}
.c-notice{
position:absolute;
top:62px;
right:100px;
width:290px;
height:40px;
}

.c-footer-menu li a:hover{
transition:all 0.5s cubic-bezier(0.07, 0.58, 0.56, 0.96);
opacity: 0.7;
}
.c-footer-menu li a img,
.c-sns-group li a img,
.c-copy img,
.c-macy img,
.c-notice img{
width:100%;
height:auto;
display:block;
}

/* =========================================================
c-title
=========================================================== */

.c-title{
position:relative;
}
.c-title__name{
padding:9px 5px 8px;
font-size:14px;
font-weight:bold;
color:#006699;
border-top:1px solid #bcd5e0;
border-bottom:1px solid #bcd5e0;
display:inline-block;
}
.c-title__text{
font-size:12px;
line-height:40px;
}

/* =========================================================
c-text
=========================================================== */

.c-text__warning{
padding:0 5px 0 8px;
height:36px;
font-size:12px;
line-height:36px;
color:#ff6262;
font-weight:bold;
background-color:rgba(255,160,160,0.2);
border:1px solid #ffc2c2;
}
.c-text__warning i.fa{
color:#ff3434;
}

/* =========================================================
Table
=========================================================== */

tr,
th{
border-bottom:1px solid #bcd5e0;
}
tr:nth-child(odd){
background:#ffffff;
}
tr:nth-child(even){
background:#fafbfc;
}
tr:first-child{
border-top:1px solid #bcd5e0;
}
th{
padding:5px 7px;
color:#000000;
background:#ebebeb;
font-size:12px;
line-height:1;
vertical-align:middle;
border-left:1px dotted #bcd5e0;
}
td{
padding:5px 7px;
border-left:1px dotted #bcd5e0;
}
th:first-child,
td:first-child{
border-left:0px;
}

/* =========================================================
Modal
=========================================================== */

.c-upload__box{
padding:15px;
width:400px;
color:#333333;
background:#ffffff;
border-radius:9px;
}
.c-upload__title{
margin:0 0 12px;
padding:0 0 10px;
color:#006699;
font-size:14px;
font-weight:bold;
text-align:center;
border-bottom:1px solid #bcd5e0;
}
.c-upload__box p{
margin:0 0 12px;
}

/* =========================================================
Mark
=========================================================== */

.c-mark__new{
position:absolute;
top:4px;
left:4px;
padding:3px;
font-size:12px;
line-height:1;
color:#ffffff;
background:rgba(255,0,0,0.65);
border-radius:3px;
z-index:2;
}

.c-mark__ok{
position:absolute;
top:4px;
left:4px;
padding:3px;
font-size:12px;
line-height:1;
color:#ffffff;
background:rgba(255,0,0,0.65);
border-radius:3px;
z-index:2;
}

/* =========================================================
Movie
=========================================================== */

.mv {
position: relative;
margin-bottom: 20px;
padding-bottom: 56.25%; /* 16/9 ratio */
height: 0;
overflow: hidden;
}
.mv iframe{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100% !important;
height:100% !important;
}
@media (max-width:720px){
#yt-content01,
#yt-content02,
#yt-content03,
#yt-content04,
#yt-content05,
#yt-content06,
#yt-content07,
#yt-content08,
#yt-content09,
#yt-content10,
#yt-content11,
#yt-content12,
#yt-content13,
#yt-content14,
#yt-content15,
#yt-content16,
#yt-content17,
#yt-content18,
#yt-content19,
#yt-content20,
#yt-content21,
#yt-content22,
#yt-content23,
#yt-content24,
#yt-content25,
#yt-content26,
#yt-content27,
#yt-content28,
#yt-content29,
#yt-content30{
position:relative;
padding:0;
width:300px;
height:169px;
overflow:hidden;
}
#cboxTitle{
display:none;
}
}
@media (min-width:721px){
#yt-content01,
#yt-content02,
#yt-content03,
#yt-content04,
#yt-content05,
#yt-content06,
#yt-content07,
#yt-content08,
#yt-content09,
#yt-content10,
#yt-content11,
#yt-content12,
#yt-content13,
#yt-content14,
#yt-content15,
#yt-content16,
#yt-content17,
#yt-content18,
#yt-content19,
#yt-content20,
#yt-content21,
#yt-content22,
#yt-content23,
#yt-content24,
#yt-content25,
#yt-content26,
#yt-content27,
#yt-content28,
#yt-content29,
#yt-content30{
position:relative;
padding:0;
width:711px;
height:400px;
overflow:hidden;
}
}