@media screen and (min-width: 768px) {
    
/*----------------------------------------*/
   
.pb80pc{padding-bottom: 80px!important;}
    
.sp { display: none !important;}
.pc{ display: block !important;}
    
.sns-page-share{
    bottom: 10px;
    right: 0;
}  

.sns-page-share ul{
    padding: 0;
    margin: 0;
    display: block;
}  

.sns-page-share li{margin: 30px;}  
    
.sns-page-share img{width: 60px;height: 60px;}  

    
main{padding-top: 72px;}
    
    
    
    
    
#random_content_pc,
#random_content_pc .mv_wrap{
    background: #fff;
/*    height:calc(100vw*1080/1840);*/
    }
    
    
header{
    width: 100%;
    height: 72px;
    background: #fff;
    
}
    
.header-container{
    max-width: 920px;
    margin: 0 auto;
    position: relative;
}

.h_logo{
    position: absolute;
    top: 26px;
}
    
    .globalMenuPc{/* margin-top: 20px; */height: 72px;}
/* .globalMenuPc li{display: list-item;} */
    
.gnav {
	display: flex;
	height: 72px;
	right: 0;
	width: calc(100% - 280px);
	max-width: 600px;
	box-sizing: border-box;
	position: absolute;
}
.gnav > li {
	width: 16.6%;
    display: inline-block;
}

.gnav li {
	list-style: none;
	position: relative;
    font-size: 14px;
    
    
}
.gnav li a {
	background: #fff;
	/*	border-right: 1px solid #eee;*/
	color: #a0a0a0;
	display: block;
	width: 100%;
	height: 72px;
	line-height: 72px;
	text-align: center;
	text-decoration: none;
}
.gnav li.lang a {color: #ccc; }
    
.gnav li a:hover,
.gnav li a.current{
	color: #000;
}
    

.gnav li li {
	height: 0;
	overflow: hidden;
	transition: .5s;
}
    
.gnav li li:first-of-type a{
	padding-top: 0.8em;
}
    
.gnav li li:last-of-type a{
    padding-bottom: 0.8em;
}
    
.gnav li li a {
    text-align: left;
    padding: 0 1em;
    height: 2.2em;
	line-height: 2.2em;
    background: none;
    opacity: 0;
    transition: 0.6s;
}
  
.gnav li:hover  li a{
    opacity: 1;
}
   
.gnav li:hover > ul > li {
	height: 2.2em;
	overflow: visible;
}
    
 
.gnav li:hover > ul > li:first-of-type,
.gnav li:hover > ul > li:last-of-type{
    height: 3em;}
    
.gnav li ul {
/*    margin-left:;*/
    background: rgba(255,255,255,.9);
    border-radius: 0 0 4px 4px;
    }
    
.gnav li .bit20 {min-width: 12em;}
    
.gnav li .bit14 {min-width: 9em;}
/*----------------------------------------*/   
    .container{margin: 10px;max-width: 1200px;}

     .container_topic{margin: 10px 50px;max-width:940px;}
/*margin: 70px 50px;*/
     
    .mix, .gap{padding: 10px;}
    
   
    .visited-li .mix:after{top: 10px;left: 10px;}
/*----------------------------------------*/   
    
footer{
    padding: 70px 90px;
    font-size: 21px;
}

footer ul{
 margin-top: 28px;
}

footer li{
    font-size: 15px;
}
    
/*----------------------------------------*/   

section{
    padding: 75px 60px 0;
    max-width: 920px;
    box-sizing: content-box;
    margin: 0 auto;
}


section h2{
    font-size: 42px;
    margin-bottom: 80px;
}

section h2 span{
    font-size: 24px;
}

section p{
    font-size: 16px!important;
    font-weight: 100;
    line-height: 2;
    margin-bottom: 28px;
    letter-spacing: 0.02em;
}
    
section p.caption{margin-bottom:40px;}
    
section>p.caption{padding-bottom: 64px;margin-top: 0;margin-bottom: 0;}
   
 section:last-of-type::after {
	width: calc(100% - 120px);
	}
    
  
.pc_column2-container{padding-bottom: 40px;}
.pb-container{padding-bottom: 40px;}
    
.pc_column2-container{display: flex;width: 100%}
    
.column2-container.sp{display: none!important;}
.column2-container.pc{display: flex!important;}
    
.pc_column2-container img,
.column2-container .column1,
.column2-container .column2{
    width: calc(50% - 22.5px);
    height: 100%;
    margin-bottom: 0;
    margin-right: 45px;
} 
    
.column2-container .column2{
    margin-right: 0;
} 
 
.pc_column2-container .column1{width: calc(50% - 22.5px);margin-bottom: 0;
    margin-right: 45px;}
    
/*    .pc_column2-container .column1 p.caption{margin-bottom: -6px;}*/
    
.pc_column2-container .column1 img{width: 100%;height:auto;}
    
.pc_column2-container .column2{position: relative;margin-top: -8px;width: calc(50% - 22.5px);}
    
.pc_column2-container .column2 .detail-data{
/*    position: absolute;*/
    bottom: 0;
    margin-bottom: 0;
}
    
.pc_column2-container .column2 .detail-data>p{margin-bottom: 0.8em;}
 
.pc_column2-container_,
.pb-container{display: block;}
    
.pc_column2-container_ img{width: 100%;margin-right: 0;}
    
.pc_column2-container_ .column2,
.pb-container .column2{display: flex;margin-top: 45px;width: 100%;}
    
.pc_column2-container_ .column2 .detail-data,
.pb-container .column2 .detail-data{
    position: relative;
    bottom: none;
    margin-left: 60px;
    display: inline-block;
    
}
    
/*
.pc_column2-container_ .column2>p,
.pb-container .column2>p{width: calc(100% - 270px);}
*/
.pc_column2-container_ .column2>p,
.pb-container .column2>p{width: calc(100% - 60px);}
    
.movie{
    margin-top: 60px;
    margin-bottom: 120px;
}
    
    
	
.link-to-bswd{
margin: 2em auto 0;
display: block;
}
.pc_column2-container_ .link-to-bswd{}
    
/*----------------------------------------*/   
}


@media screen and (min-width: 940px) {
  
footer{
    padding-left: calc(50% - 400px);
    font-size: 24px;
}
     
footer li{
    width: 25%;
}

/*
@media screen and (min-width: 960px) {
  
.container_topic{margin: 70px auto;}}
}
*/
@media screen and (min-width: 1020px) {
  
footer{
    padding: 70px calc(50% - 460px);
}
    
}

@media screen and (min-width: 980px) {
    
.gnav li {font-size: 16px;}
    
.h_logo{top: 28px;left: 30px;}
 
    
}

@media screen and (min-width: 1060px) {
    
.container_top{margin: 10px auto;}
 
    
}