/* @override 
	http://203.143.96.127:8001/f_spot/pickup/css/base_pickup.css */

@charset "UTF-8";
/* CSS Document */

body#page_fspot.pickup div#box_container{
    background-image: none;
    width: 100%;
    height: auto;
}

div#box_pickup_player{
    width: 95%;
    min-width: 980px;
    margin: 0 auto;
	display: flex;
	justify-content: center;
    
/*    padding: 0 26px 0;*/
/*    margin: 0 20px;*/
/*    float: left;*/
/*    margin-right: -215px;*/
}





body.pickup.y2013 div#box_contents {
	display: flex;
	justify-content: space-between;
}

p#topImgPickup {
	margin-top: 24px;
}


div#inner_snavi {
    height: 33px;
    overflow: hidden;
}

div#box_snavi li {
	height: 33px;
}

div#box_snavi a {
    height: 33px;
}

#box_snavi .selected a {
    background-color: #323332;
}

/* 2018-01-26 調整 */
#box_cnav {
    margin-top: -1px;
	width: 100%;
    min-height: 44px;
    border-bottom: 1px solid #141514;
    background-color: #252525;
    min-width: 1024px;
	display: flex;
	box-sizing: border-box;
	padding: 0 12px 0 12px;
	-webkit-justify-content: space-between; /* Safari */
	  justify-content:space-between;
	  position: relative;
}

#box_cnav a {
	display: inline-block;
}


#box_cnav p.ttl_pickup {
color: #23b7fe;
font-size: 1.8rem;
font-family: "Roboto",sans-serif;
font-weight: 200;
line-height: 1;
}

#box_cnav p.ttl_pickup a {
color: #23b7fe;
padding-top: 13px;
}




#box_cnav>ul {
	font-family: "Roboto",sans-serif;
	line-height: 1;
	font-size: 1.5rem;
	text-align: right;
	padding-top: 15px;
}

#box_cnav>ul,
#box_cnav>ul a {
	color: #e5e5e5;
}

#box_cnav>ul li {
	display: inline-block;
	position: relative;
	margin-left: 0.6em;
}

#box_cnav>ul li.false {
	display: none;
}



#box_cnav>ul li strong {
	color: #23b7fe;
}

#box_cnav>ul li strong:before {
	content: " ";
	position: relative;
	display: inline-block;
	border-left: 2px solid #aaa;
	width: 1px;
	height: 1em;
	margin-bottom: -0.15em;
	margin-left: 0.25em;
	margin-right: 0.25em;
	transform: rotate(20deg);
}

#box_cnav>ul li:first-child a:before,
#box_cnav>ul li:last-child a:after {
	content: "";
	display: inline-block;
	width: 0.5em;
	height: 0.5em;
	position: relative;
	margin-bottom: 0.1em;
	margin-left: 0.1em;
	margin-right: 0.1em;
	border-top: 2px solid #e5e5e5;
	border-right: 2px solid #e5e5e5;
}




#box_cnav>ul li:first-child a:before {
	transform: rotate(-135deg);
}

#box_cnav>ul li:last-child a:after {
	transform: rotate(45deg);
}

#box_cnav>ul li.false:last-child a:after {
	border-top: 2px solid #666;
	border-right: 2px solid #666;
}

#box_cnav>ul li a:hover {
	color: #23b7fe;
}


#box_cnav>ul li:first-child a:hover:before,
#box_cnav>ul li:last-child a:hover:after {
border-top: 2px solid #23b7fe;
border-right: 2px solid #23b7fe;
}





/**/
#box_main_img {
    width: 100%;
    height: 554px;
}





#box_ttl h3,
#box_ttl p {
    display: none;
}

div#box_ttl {
    position: relative;
    height: 554px;
}

#box_credit p {
	width: 700px;
	margin-bottom: 6px;
    display: block;
    font-size: 11px;
    line-height: 1.4;
	
}

#box_credit p.typo_eng {
    font-size: 9px;
    margin: 0;
    line-height: 1.4;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

#box_credit {
    position: absolute;
}

div#box_main_img.vol02 {
    background: url(../2013/02_images/img_main.jpg) no-repeat 50% 0 #ebefee;
}

div#box_main_img.vol03 {
    background: url(../2013/03_images/img_main.jpg) no-repeat 50% 0 #ebefee;
}

div#box_main_img.vol04 {
    background: url(../2013/04_images/img_main.jpg) no-repeat 50% 0 #ebefee;
}

div#box_main_img.vol05_2013 {
    background: url(../2013/05_images/img_main.jpg) no-repeat 50% 0 #ebefee;
}

div#box_main_img.vol06_2013 {
    background: url(../2013/06_images/img_main.jpg) no-repeat 50% 0 #ebefee;
}

div#box_main_img.vol07_2013 {
    background: url(../2013/07_images/img_main.jpg) no-repeat 50% 0 #ebefee;
}



div.vol02 #box_credit {
    left: 28px;
    bottom: 21px;
}

div.vol03 #box_credit {
    right: 28px;
    bottom: 14px;
    color: #fff;
    text-align: right;
}

div.vol04 #box_credit {
    right: 28px;
    bottom: 14px;
    color: #555;
    text-align: right;
}

div.vol05_2013 #box_credit {
    left: 0px;
    bottom: 60px;
    color: #bbb;
    text-align: left;
    
}


div.vol06_2013 #box_credit {
    left: 0px;
    bottom: 20px;
    color: #fff;
    text-align: left;
    
}

#box_credit.gray p{
	color: #999;
}

#box_credit.gray2 p{
	color: #777;
}


/* 2013-05-31 澤田修正 */

div#box_kv_img{
	width: 100%;
	height: 554px;
	position: relative;
	overflow: hidden;
	background-color: #181b1a;
	z-index: 0;
}




p#kv_img{
	font-size: 0;
	line-height: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -990px;
	z-index: 0;
}

div#box_kv_img div#box_ttl_copy{
	height: 554px;
	position: relative;
	z-index: 10;
	width: 1024px;
	margin: 0 auto;
}

div#box_kv_img div#box_ttl_copy>h3,
div#box_kv_img div#box_ttl_copy>p{
	display: none;
}


div#box_kv_img #box_credit{
	position: absolute;
	width: 620px;
	left: 50%;
	margin: 0 auto;
	margin-left:-470px;
	bottom: 0;
	z-index: 10;
	opacity: 0.7;
}




div#box_kv_img #box_credit.white p{
	color: #fff;
}

/*  */


body.pickup div#box_main {
/*    width: auto;*/
    width: 100%;
    border: none;
    padding: 0;
    border-left: 1px solid #ddd;
/*    padding-left: 26px;*/
/*    margin-left: 25px;*/
    position: static;
	
	display: flex;
	justify-content: space-between;
}

body.pickup div#box_main.pickup_player {
	margin: 0 auto;
	
}




#innr_main {
    position: relative;
/*    padding-right: 23px;*/
    border-right: 1px solid #ddd;
    padding: 0 25px;
	padding-top: 24px;
}

/* old pickup */
body.y2003 #innr_main {
	margin-right: 0;
}



#innr_main div.img_center {
	text-align: center;
	clear: both;
}


body.y2003 div.pickup_kv,
body.y2005 div.pickup_kv {
	text-align: center;
	width: 703px;
	position: relative;
	z-index: 0;
}

body.y2003 div.pickup_kv h3 {
	position: relative;
	z-index: 0;
}

body.y2003 div.pickup_kv div.box_float {
	position: absolute;
	z-index: 10;
	top: 45%;
	left: 38px;
	width: 240px;
}

body.y2003 div.pickup_kv div.box_float img {
	width: 100%;
	height: auto;
}


/**/
#box_main h4 {
	color: #222;
    height: auto;
    border-left: 8px solid #36a8ff;
    line-height: 1.3;
    padding: 4px 0 3px 0.5em;
    font-weight: bold;
    font-size: 2.4rem;
    margin-bottom: 14px;
    margin-top: 4em;
	clear: both;
}

#box_main h4.inline {
	clear: none;
	display: inline-block;
}


#box_main h4.clearBoth{
	display: block;
}

#box_main h4.first {
    margin-top: 0;
}



#box_main h5.intv {
font-size: 1.6rem;	
padding-top: 2em;
margin-bottom: 1em;
position: relative;
line-height: 1.6;
}




#box_main h5.intv::before {
	content: "──";
	margin-right: 0.25em;
}




#box_main p.typo_lead {
    font-size: 15px;
    line-height: 1.6 !important;
    margin-bottom: 1em;
    margin-top: 15px;
    color: #666;
}

#box_main p.typo_lead.none{
	font-size: 0;
	margin-top: 13px;
	
}


#box_main p {
	color: #222;
    font-size: 14px;
    line-height: 2.2;
    margin-top: 1.5em;
}



#box_main p.logo_orihica {
	text-align: right;
	width: 628px;
	margin: 0 auto 54px auto;
}

#box_main p.logo_orihica a {
	display: inline-block;
}



#box_main p strong{
	color: #37a8ff;
	font-weight: bold;
	font-family: "メイリオ",Meiryo"ヒラギノ角ゴ Pro W6","HiraKakuPro-W6",sans-serif;
}

#pickup_2020v06_j #box_main p strong {
	color: #020202;
}


#box_main p.intv {
	font-weight: bold;
	color: #0276b5;
	margin-top: 2.5em;
	margin-bottom: 0.5em;
}


#box_main p.intv::before {
	content: "──";
	margin-right: 0.4em;
}



#box_sub {
	padding-top: 20px;
    width: 190px;
    float: right;
/*    margin-right: 25px;*/
}

/* orihica 2007 renew */
div.box_orihica {
	
}

div.box_orihica  p {
	font-size: 1.2rem;
	line-height: 1.5;
	margin-top: 1em;
}

div.box_orihica h6 {
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", sans-serif;
	font-weight: bold;
	font-weight: 600;
	margin-top: 1.5em;
}

div.box_orihica  h6+p {
	margin-top: 0.3em;
}





#box_prof {
    border-bottom: 1px solid #ddd;
    padding-left: 11px;
    padding-right: 10px;
    padding-bottom: 5px;
}

#box_prof #profile_img {
    margin-bottom: 11px;
    font-size: 1px;
    line-height: 1;
}

#box_prof #profile_img img {
	width: 100%;
}

#box_prof h5,
#box_prof h6,
#box_prof p{
	color: #444;
	line-height: 1.5;
}

#box_prof h5 {
    font-size: 12px;
    font-family: "Roboto", Verdana, sans-serif;
    margin-bottom: 3px;
}

#box_prof h6 {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    margin-bottom: 4px;
}

#box_prof p {
    font-size: 10px;
    line-height: 1.6;
    margin-bottom: 1em;
}

#box_prof p.typo_prof{
    line-height: 1.6;
}

#inner_sub {
    width: 166px;
    margin-top: 14px;
    margin-left: 13px;
    
}




#inner_sub div.box_link {
    border-bottom: 1px dotted #656665;
    padding-bottom: 8px;
    margin-bottom: 9px;
}


/* 2018 関連リンク */
div#profile_related {
}

div#profile_related br {
	display: none;
}

div#profile_related a {
	display: block;
	line-height: 1.3;
	font-size: 1.2rem;
	color: #555;
}

div#profile_related a img {
	display: block;
	margin-bottom: 0.5em;
	width: 100%;
}



div.inner_connection,
div.box_link li{
padding-bottom: 12px;
margin-bottom: 4px;
cursor: pointer;
}


div.box_link li.hover{
	background-color: #e5e5e5;
}

#box_connection p a,
div.box_link li p>a{
	color: #555;
	font-size: 12px;
}

div.box_link li p.photo{
	line-height: 1;
	margin: 0 0 4px 0;
}

div.box_link li p.photo img{
	width: 100%;
	height: auto;
}

div.box_link li p.photo a{
	display: block;
}

#inner_sub div.box_link.profile{
    margin-bottom: 20px;
}

#inner_sub h5 {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 10px;
}

#inner_sub h6 {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
}

#inner_sub a {
    color: #000;
}

div.box_link a {
   font-size: 10px; 
}

#inner_sub a:hover {
    color: #1c71e9;
}



#box_archive_list {
    margin-top: 27px;
    margin-bottom: 14px;
}




#box_archive_list h4,
#box_archive_list h5 {
    margin-bottom: 18px;
    font-size: 14px;
}

ul.fontLarge li.first,
#box_archive_list h6 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 11px;
}

#box_archive_list li {
    font-size: 14px;
    margin-bottom: 9px;
}

p.banner {
    width: 128px;
    height: 154px;
    border: 1px solid #bebfbe;
}

#box_main .img,
#box_main .img_right,
#box_main .img_left {
    overflow: hidden;
}

#box_main .img img{
    width: 100%;
/*    max-width: 932px;*/
}

#box_main .img span {
	display: block;
	margin-left : auto;
	margin-right: auto;
}

body.pickup.y2013 #box_main p.img {
	text-align: center;
}

body.pickup.y2013 #box_main p.img img {
	width: 600px;
	margin-top: 16px;
}


#box_main .img_right img {
/*    width: 100%;*/
/*    max-width: 457px;*/
}

#box_main .img_left img {
/*    width: 100%;*/
/*    max-width: 457px;*/
}


#box_main .img{
    margin-top: 48px;
    clear: both;
}


body.pickup.y2005 #box_main p.img,
body.pickup.y2007 #box_main p.img,
body.pickup.y2009 #box_main p.img {
	text-align: center;
}

body.pickup.y2005 #box_main p.img img,
body.pickup.y2007 #box_main p.img img,
body.pickup.y2009 #box_main p.img img {
	max-width: 628px;
}

.img img {
/*    width: 100%;   */
}

#box_main .img_right,
#box_main .img_left {
    margin-bottom: 30px;
}

.img {
/*    margin-top: 30px;*/
}

#box_main .img_right {
    float: right;
    margin-left: 50px;
}



#box_main .img_left {
    float: left;
    margin-right: 20px;
}

#box_main .margin_btm {
    margin-bottom: 20px;
}

#box_main .typo_name {
    
}

#box_banner {
    text-align: center;
    margin-bottom: 50px;
    clear: both;
}

#box_banner p {
    margin-bottom: 34px;
}






/* 2015-06-15 マンガ*/

p#box_anchor_read_manga{
	float: right;
	padding: 0.3em 1em 0.3em 1em;
	margin-bottom: 1.5em;
	background-color: #22b7fd;
}

p#box_anchor_read_manga a{
	color: #fff;
}

div#box_manga_viewer{
	
}

div#box_manga_viewer a{
	text-decoration: underline;
}

div#box_manga_viewer h5{
	text-align: right;
	margin: 2em 0 1em 0;
}



/* 2017-02-22 */

div#box_pickup_archives,
#pickup_list{
	width: 80%;
	height: auto;
	margin: 0 auto;
}

body#page_fspot.pickup.y2018 div#box_pickup_archives,
body#page_fspot.pickup.y2018 #pickup_list{
width: 1024px;
}


#pickup_list{
		padding-top: 24px;
	
}

div#box_pickup_archives h3{
	text-align: center;
	font-size: 2.4rem;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
}

div#box_pickup_archives h3 span{
	color: #23b7fe;
}

div.pastBlock,
div#box_pickup_archives div.past_block{
clear: both;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;

}

div#box_pickup_archives div.past_block a{
	display: block;
padding-bottom: 40px;
padding-left: 320px;
position: relative;
padding-top: 3px;}

body.pickup.y2020 div#box_pickup_archives div.past_block a,
body.pickup.y2018 div#box_pickup_archives div.past_block a,
body.pickup.y2019 div#box_pickup_archives div.past_block a{
padding-left: 330px;
padding-top:12px ;
}


div#box_pickup_archives div.past_block a:hover{
	background-color: #f5f5f5;
}

div#box_pickup_archives div.past_block p.photo{
	position: absolute;
	top: 11px;
	left: 0;
	width: 290px;
}

body.pickup.y2018 div#box_pickup_archives div.past_block p.photo{
	margin-top: 12px;
	margin-left: 12px;
	width:290px;
}

body.pickup div#box_pickup_archives div.past_block p.photo img{
	width: 100%;
}

div#box_pickup_archives div.past_block a{
	color: #111;
}





div.pastBlock p:last-child,
div#box_pickup_archives div.past_block p.lead{
	font-size: 1.6rem;
	line-height: 1.8;
}

div.pastBlock p:last-child {
	padding-left: 245px;
}


div#box_pickup_archives div.past_block p:nth-child(2){
	font-size: 3.2rem;
	font-family: "Roboto",sans-serif;
	font-weight: 300;
	color: #23b7fe;
	display: inline-block;
	margin-right: 0.6em;
	vertical-align: middle;
}

div.pastBlock h4,
div#box_pickup_archives div.past_block h5{
	display: inline-block;
	position: relative;
	font-size: 1.8rem;
	top: 0.15em;
	line-height: 1.4;
}

div#box_pickup_archives div.past_block h5+p {
	margin-top: 0.2em;
}


div.pastBlock h4 {
	font-size: 2.4rem;
}

div.pastBlock h4 {
	width: 100%;
	display: inline;
}


div.pastBlock p.namePickupRoman,
div#box_pickup_archives div.past_block p:nth-child(4){
	padding: 0.2em 0 1em 0 ;
}

div.pastBlock p.namePickupRoman {
	margin-bottom: 0;
}

div.pastBlock h5,
div#box_pickup_archives div.past_block h4{
	font-size: 2.6rem;
	position: relative;
	margin-bottom: 0.4em;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.07em;
}

/* 旧レイアウト */

div#columnA div.pastBlock {
	clear: both;
}

div.pastBlock img {
	float: left;
	margin-right: 12px;
	margin-bottom: 30px;
}

div.pastBlock h4 br {
	display: none;
}

div#box_main.pickup_player div#mainColumnArea {
	width: 703px;
}

div#mainColumnArea p.volArea {
	display: none;
}

div#contents_pickup table {
	margin: 0 auto 0 auto;
	background: transparent;
}

div#oldPickupArea td,
div#oldPickupArea td p {
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
}

div#oldPickupArea table td.text_pickup {
	font-size: 14px;
}


p.banner {
	display: none;
}

/* 1709-JAXA */
body#page_fspot.pickup div#box_container.jaxa1709 {
	background-color: #050505;
	padding-bottom: 48px;
}

body#page_fspot.pickup div#box_container.jaxa1709 div#box_main {
	background-color: #050505;
    border-left: 1px solid #444;
}

body#page_fspot.pickup div#box_container.jaxa1709 div#box_main p {
	color: #ddd;
}

body#page_fspot.pickup div#box_container.jaxa1709 #innr_main {
	   border-right: 1px solid #444;
}

body#page_fspot.pickup div#box_container.jaxa1709 div#box_sub #box_prof h5,
body#page_fspot.pickup div#box_container.jaxa1709 div#box_sub #box_prof h6,
body#page_fspot.pickup div#box_container.jaxa1709 div#box_sub,
body#page_fspot.pickup div#box_container.jaxa1709 div#box_sub a {
	color: #7cb2d4;
}

body#page_fspot.pickup div#box_container.jaxa1709 div#box_sub p {
	color: #777;
}

body#page_fspot.pickup div#box_container.jaxa1709 div#box_sub #box_prof {
    border-bottom: 1px solid #444;
}

body#page_fspot.pickup div#box_container.jaxa1709 div#box_main h4 {
	color: #fff;
	
}

body#page_fspot.pickup div#box_container.jaxa1709 div#box_main a {
	text-decoration: underline;
	color: #7cb2d4;
}

body#page_fspot.pickup div#box_container.jaxa1709 div#box_main p.intv {
	color: #45c3fe;
}


/* 2018-05-31 legacy rollback */

div#box_main.pickup_player div#mainColumnArea {
width: 620px !important;
background-color: transparent !important;
}

body.pickup div#box_main.pickup_player {
	border-left: none !important;
}


div#mainContentsArea p.badge_pickup_vol {
	position: absolute !important;
	display: inline-block;
	right: 18px;
	top: 18px;
	margin: 0;
	font-family: "Roboto";
	color: #555;
}


body.pickup div#box_main.pickup_player {
	background-image: none;
	
}


div#box_main.pickup_player div#mainColumnArea div#box_legacy_lead {
	border-left: none;
	padding: 0;
	padding-bottom: 1em;
	font-weight: bold;
}

div#box_main.pickup_player div#mainColumnArea div#box_legacy_lead p {
	font-size: 1.6rem;
}


/* 2020-02-18 */

div#box_list_header {
	position: relative;
	z-index: 0;
	padding: 50px 0 20px 0;
	width: 80%;
	margin: 0 auto;
}

div#box_list_header h3 {
	position: relative;
	z-index: 0;
}


div#box_list_header ul {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 30;
}


div#box_list_header ul li {
	position: absolute;
	top: 54px;
	font-family: "Roboto",sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
}

div#box_list_header ul li a:hover {
	opacity: 0.7;
}




div#box_list_header ul li:nth-of-type(2) {
	right: 0;
}


div#box_list_header ul li a {
	display: block;
	position: relative;
	color: #222;
}

div#box_list_header ul li:nth-of-type(1) a {
	padding-left: 19px;
}

div#box_list_header ul li:nth-of-type(2) a {
	padding-right: 19px;
}

div#box_list_header ul li a::before {
	content: " ";
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 13px;
	height: 13px;
	border-top: 2px solid #22b6fe;
	border-right: 2px solid #22b6fe;
	transform: rotate(-135deg);
}

div#box_list_header ul li:nth-of-type(2) a::before {
	left: auto;
	right: 4px;
	transform: rotate(45deg);
}

/* ====== 過去ファイル整理・調整 2020-11 ====== */

#box_main_wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	min-width: 1024px;
	position: relative;
	z-index: 0;
}

#box_main_wrapper>main {
	width: 100%;
	position: relative;
	z-index: 0;
}

#box_kv.full {
	width: 100%;
	height: 554px;
	background-color: #777;
	color: #fff;
	text-align: center;
}

#box_main_wrapper #box_sub {
	margin-left: calc((190px + 32px) * -1);
	position: relative;
	margin-top: 554px;
	z-index: 20;
}




body.y2003 #box_main_wrapper #box_sub {
	margin-left: calc(-50% + (1024px / 2 - 190px)); /*コンテンツ幅固定の場合の位置調整*/
	position: relative;
	margin-top: 0px;
	z-index: 20;
}

#box_main_wrapper article>.inner {
	position: relative;
	min-height: 1000px;
	z-index: 0;
	margin-left: 5vw;
	margin-right: 5vw;
}

body.y2003 #box_main_wrapper article>.inner,
body.y2003 #box_kv.legacy {
	box-sizing: border-box;
	width: 1024px;
	margin: 0 auto;
	padding: 0 0 0 0;
	padding-right: calc(190px + 28px);
	position: relative;
}

body.y2003 #box_main_wrapper article>.inner {
	padding-top: 24px;
}


#box_main_wrapper article>.inner::after,
body.y2003 #box_kv.legacy::after {
	content: "";
	display: block;
	position: absolute;
	width: 1px;
	height: 100%;
	background-color: #ddd;
	right: calc(190px + 8px);
	top: 0;
}


#box_main_wrapper article>.inner>p {
	font-size: 1.6rem;
	line-height: 1.8;
	margin-top: 2em;
}

#box_main_wrapper article>.inner>h4+p {
	margin-top: 0;
} 



#box_main_wrapper article>.inner>p.typo_lead {
	font-weight: bold;
	color: #555;
}

#box_main_wrapper article>.inner>p:first-child {
	margin-top: 0;
}

#box_main_wrapper article>.inner>h4 {
	margin-top: 3em;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
	border-left: 4px solid #45c3fe;
	padding: 0.5em 0.5em 0.6em 0.5em;
}


#box_main_wrapper article>.inner .img_left,
#box_main_wrapper article>.inner .img_right {
	margin-top: 2em;
}

#box_main_wrapper article>.inner h4+.img_left,
#box_main_wrapper article>.inner h4+.img_right,
#box_main_wrapper article>.inner h4+.img_left+p,
#box_main_wrapper article>.inner h4+.img_right+p {
	margin-top: 1em;
}


#box_main_wrapper article>.inner .img_left,
#box_main_wrapper article>.inner .img_right {
	margin-bottom: 2em;
}

#box_main_wrapper article>.inner .img_left {
	float: left;
	margin-right: 2em;
}

#box_main_wrapper article>.inner .img_right {
	float: right;
	margin-left: 2em;
}

#box_main_wrapper article>.inner .img_center {
	text-align: center;
	margin-top: 2.5em;
}


#box_main p.w75p img,
#box_main img.w75p {
	width: 75%;
}


#box_main p.w65p img,
#box_main img.w65p {
	width: 65%;
}

#box_main p.w55p img,
#box_main img.w55p{
	width: 55%;
}


#box_main p.w45p img,
#box_main img.w45p{
	width: 45%;
}

#box_main p.w40p img,
#box_main img.w40p{
	width: 40%;
}


#box_main p.w35p img,
#box_main img.w35p{
	width: 35%;
}

/* ====== /過去ファイル整理・調整 2020-11 ====== */


/* 2021-01-09 */


body.pickup.kengo div#box_credit {
	position: absolute;
	bottom: 8px;
	left: 50% !important;
	margin-left: -480px !important;
}

body.pickup.kengo div#box_credit p {
	color: #999;
}


#box_main div.box_lead p {
	font-weight: bold;
	line-height: 1.6;
	margin: 1.5em 0 0 0;
}

#box_main p.mid_title {
	clear: both;
	margin-top: 36px;
	display: flex;
	align-items: flex-start;
}

#box_main p.mid_title img {
	margin-right: 24px;
}



body.pickup ul.photos_set {
	width: 100%;
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
}


body.pickup ul.photos_set li {
	width: 50%;
}

body.pickup ul.photos_set li>img {
	width: 100%;
}

body.pickup #box_main p.img.w30vw span {
	max-width: 30vw;
	height: auto;
}

body.pickup #box_main p.img.w50vw span {
	max-width: 50vw;
	height: auto;
}

body.pickup #box_main p.img.w60p span {
	width: 60%;
	height: auto;
}





/* ====== responsive ====== */
/* PC/TABLET 1024px */
@media screen and (min-width: 769px) and (max-width: 1024px) {
/* mq start */





/* mq end */
}

/* ======= SP 768px ======= */
@media screen and (max-width: 768px) {
/* mq start */


/*===== main block =====*/
#box_main_wrapper {
	display: block;
	width: 100%;
	min-width: initial;
	min-width: auto;
}

body.y2013 #inner_contents {
	width: 100%;
	float: none;
}

div#box_main.pickup_player div#subColumnArea {
	width: 100%;
	float: none !important;
	clear: both !important;
}

div#box_pickup_player{
    width: 100%;
    min-width: 0;
    margin: 0;
display: block;
}


body.pickup div#box_main {
/*    width: auto;*/
    width: 100% !important;
    float: none;
    border: none;
    padding: 0;
    border-left: none;
/*    padding-left: 26px;*/
    margin-right: 0;
/*    margin-left: 25px;*/
    position: static;
}



#box_main_wrapper article>.inner::after,
body.y2003 #box_kv.legacy::after {
	content: none;
}


/*===== /main block =====*/


/*===== kvblock =====*/

#topImgPickup img {
	width: 100% !important;
	height: auto;
}

div#box_kv_img,
p#kv_img,
p#kv_img img{
	height: 28vh;
}

p#kv_img {
	width: 290vw;
	margin-left: -145vw;
	overflow: hidden;
	left: 50%;
	text-align: center;
}

p#kv_img img {
	position: relative;
margin-right: -2vw;
}


body.y2015 #box_kv_img,
body.y2016 #box_kv_img,
body.y2017 #box_kv_img {
	height: 250px !important;
}











div#box_kv_img div#box_ttl_copy {
	width: 100%;
	height: auto;
	pointer-events;
}

div#box_kv_img #box_credit {
	width: 100%;
	bottom: 0.5em;
	height: 1.5rem;
	margin: 0 0 0 0;
	
}

#box_credit p {
    display: block;
    position: absolute;
    font-size: 1rem;
    width: 95vw !important;
    left: 50% !important;
    margin-bottom: 0;
    top: auto !important;
    bottom: 1vw;
    line-height: 1.3;
    margin-left: 0 !important;
    padding-left: 35vw;
	color: #222;
}


#box_kv.legacy {
padding: 0 !important;
width: 100% !important;
}

#box_kv.legacy>h3 {
	width: 100%;
overflow: hidden;
height: auto;
display: flex;
}


#box_kv.legacy h3>img {
	height: calc(100vw * 0.85);
}


body.y2013 p#kv_img,
body.y2016 p#kv_img,
body.y2017 p#kv_img {
	width: 100% !important;
}

body.y2016 p#kv_img,
body.y2017 p#kv_img {
	display: block;
	position: static;
	left: 0;
	height: 230px;
	margin-left: 0;
	width: 100% !important;
}

body.y2016 p#kv_img img,
body.y2017 p#kv_img img {
	width: 200vw;
	margin-left: -53vw;
	height: auto;
}



/*===== /kvblock =====*/


/*===== contents =====*/
#box_main div.box_lead p {
	margin: 0 0 0 0;
}

#box_main h4 {
	margin-top: 2.5em;
}

div#box_main.pickup_player div#mainColumnArea div#columnE,
div#box_main.pickup_player div#mainColumnArea {
	width: 100% !important;
	box-sizing: border-box;
}

div#box_main.pickup_player div#mainColumnArea div#box_legacy_lead p {
	font-size: 4.375vw;
}

body.pickup div#box_main.pickup_player img.alignRightMarginA,
body.pickup div#box_main.pickup_player img.alignLeftMarginA {
	float: none;
	display: block;
	margin: 12px auto 12px auto;
}

#profile_related ul{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

#profile_related ul li{
	text-align: center;
	width: 45vw;
	box-sizing: border-box;
	padding: 0 2vw 0 2vw ;
}

#profile_related ul li img{
	width: auto;
	height: 22vw;
	margin: 0 auto 0.5em auto;
}


body.pickup ul.photos_set li {
	width: 100%;
}


body.pickup #box_main p.img.w30vw span {
	max-width: 40vw;
	height: auto;
}

body.pickup #box_main p.img.w50vw span {
	max-width: 75vw;
	height: auto;
}

body.pickup #box_main p.img.w60p span {
	width: 100%;
	height: auto;
}

#box_main div.box_lead p {
	line-height: 1.6;
	font-size: 1.6rem !important;
}

body.pickup.kengo{
	
}

body.pickup.kengo #box_kv_img {
	padding-bottom: 54px;
}



body.pickup.kengo #box_kv_img {
	width: 100%;
	overflow: hidden;
	height: calc(100vw * 0.6);
}

body.pickup.kengo #box_kv_img #kv_img {
	height: calc(100vw * 0.6);
}

body.pickup.kengo #box_kv_img #kv_img img {
	height: 100%;
	width: auto;
}


body.pickup.kengo div#box_credit {
	bottom: 3px !important;
	left: 58vw !important;
	width: 90vw !important;
}

body.pickup.kengo div#box_credit p {
	line-height: 1.8;
}

body.pickup.kengo div#box_credit p span {
	display: block;
}

body.pickup.kengo #box_main .img{
    margin-top: 0;
	margin-bottom: 16px;
}


#box_main p.mid_title {
	margin-top: 24px;
	display: block;
	width: 90vw;
}

#box_main p.img {
	width: 90vw;
}

#box_main p.mid_title img:nth-of-type(1) {
	width: 100% !important;
	height: auto;
	margin-bottom: 24px;
}

body.pickup ul.photos_set {
	width: 90vw;
	margin-bottom: 32px;
}



/*===== /contents =====*/


/*===== archive list =====*/
body.y2013 #box_contents #box_sub {
	float: none;
}


div#box_main.pickup_player div#subColumnArea ul {
	width: auto;
}


/* 旧リスト =====*/
body.pickup #subColumnArea div.listArea {
	width: auto ;
}

body.pickup #subColumnArea div.listArea li {
	font-size: 3.5vw;
}


/* 新リスト =====*/

div#box_pickup_archives,
#pickup_list{
	width: 88vw !important;
}



/*===== /archive list =====*/



/* トップのseason btn */
div#box_list_header {
	width: 100%;
	padding: 48px 0 0 0;
}

div#box_list_header ul li {
	top: 12px;
	
	font-family: "Roboto",sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
}


div#box_past_area div.pastBlock {
	margin: 0 auto;
	margin-bottom: 24px;
}


div#box_past_area div.pastBlock a {
	padding: 0;
}

div#box_past_area div.pastBlock h4 {
	float: none;
	clear: both;
}

body.pickup div#box_pickup_archives div.past_block a {
	padding: 5vw 0 8vw 0 !important;
}


div#box_pickup_archives div.past_block h4{
	font-size: 2.2rem;
	line-height: 1.2;
	margin-bottom: 1em;
}


div.pastBlock,
div#box_pickup_archives div.past_block{
	border-bottom: 1px solid #ddd;
	margin-bottom: 0px;
}

div.pastBlock,
div#box_pickup_archives div.past_block:last-child{
	border-bottom: none;
}


div#box_pickup_archives div.past_block p.photo{
	position: static;
	top: auto;
	left: auto;
	margin: 14px auto 14px auto;
	text-align: center;
}

div#box_past_area div.pastBlock br {
	display: block;
}

div#box_past_area div.pastBlock p {
	padding-left: 0 !important;
}

div#box_past_area div.pastBlock p:last-child {
	clear: both;
	margin-bottom: 7vw !important;
}





body#page_fspot.pickup div#box_container {
	width: 100%;
}






/* ======= #box_cnav ======= */
div#box_cnav {
	display: block;
	text-align: center;
	width: 100%;
	min-width: 0;
}

div#box_cnav h2 {
	display: inline-block;
	font-size: 4.375vw;
}

div#box_cnav h2 a {
	padding-top: 2vw;
}

div#box_cnav>ul {
	text-align: center;
	padding-top: 1vw;
	padding-bottom: 2vw;
}

div#box_cnav>ul li {
	margin: 0;
	font-size: 3.75vw;
}


div#box_cnav>ul li:first-child,
div#box_cnav>ul li:last-child {
	position: absolute;
	top: 5.5vw;
}

div#box_cnav>ul li:first-child {
	left: 3vw;
}

div#box_cnav>ul li:last-child {
	right: 3vw;
}

/* ======= #box_kv ======= */


#innr_main {
	width: 100%;
	overflow: hidden;
    margin: 0 0 0 0;
/*    padding-right: 23px;*/
    border-right: none;
    padding: 5vw 5vw;
	box-sizing: border-box;
}


#box_main p.typo_lead {
    font-size: 4.688vw;
    line-height: 1.6 !important;
	font-weight: bold;

}

#box_main p.typo_lead br {
	display: none;
}


#box_main p {
	color: #111;
    font-size: 4.688vw !important;
    line-height: 1.8;
    margin-bottom: 1.5em;
}

body.pickup div#box_main p .img_right,
body.pickup div#box_main p .img_left,
body.pickup div#box_main div#innr_main p.img_left  {
	margin: 0;
	float: none;
	display: block;
	width: 75vw;
	margin: 0 auto !important;
	margin-bottom: 5vw;
}

body.pickup div#box_main p.typo_name {
	float: none;
}

#box_main .img_right {
	margin: 0;
	margin-bottom: 5vw !important;
}

body.pickup div#box_main div#innr_main p.img_left,
body.pickup div#box_main div#innr_main p.img_right {
	width: 100%;
	margin-bottom: 5vw !important;
}

body.pickup div#box_main div#innr_main p.img_left img {
	width: 100%;
}


#box_sub {
    width: 90vw;
	margin: 0 auto;
    float: none;
	box-sizing: border-box;
	padding: 0 0;
/*    margin-right: 25px;*/

border-top: 2px dotted #aaa;
margin-top: 3vw;
padding-top: 5vw;
}





#box_prof {
    border-bottom: 1px solid #b7b8b7;
    padding: 0;
}


#box_prof p {
	font-size: 3.75vw;
}

#box_prof h5,
#box_prof  h6 {
	display: inline-block;
	font-size: 3.75vw;
	margin-bottom: 0.5em;
}


#box_prof p:last-child {
	text-align: center;
}


#box_prof p#profile_img {
	width: 100%;
	text-align: center;
	padding-bottom: 2em;
}

#box_prof p#profile_img img {
	width: 60vw;
	height: auto;
}

#box_main_wrapper {
	min-width: auto;
	min-width: initial;
}

#box_main_wrapper article #box_kv.legacy {
	width: 100%;
	overflow: hidden;
	padding: 0;
}

#box_main_wrapper article #box_kv.legacy h3 {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	justify-content: center;
}

#box_main_wrapper article #box_kv.legacy h3 img {
	height: 83vw;
}


body.y2003 #box_main_wrapper article >.inner {
	width: 87vw;
	margin-left: auto;
	margin-right: auto;
	padding-right: 0;
	padding-bottom: 36px;
}

#box_main_wrapper article>.inner::after,
body.y2003 #box_kv.legacy::after {
	content: none;
	
}


#box_main_wrapper article>.inner .img_left,
#box_main_wrapper article>.inner .img_right {
	float: none;
	text-align: center;
	margin: 0 0 0 0;
}

#box_main_wrapper article>.inner .img_center {
	width: 100%;
	overflow: hidden;
}

#box_main_wrapper article>.inner .img_center img {
	width: 100%;
}

/* #box_sub ===== */

body.y2003 #box_main_wrapper #box_sub {
	margin-left: auto;
	margin-right: auto;
}

#box_sub #inner_sub {
	margin: 6vw 0 0 0;
	width: auto;
	text-align: center;
}

#box_sub #inner_sub h4,
#box_sub #inner_sub h5,
#box_sub #inner_sub p {
	font-size: 4.375vw;
}

#box_sub #inner_sub p.photo img {
	width: 50vw;
}



#box_sub #inner_sub p.btn_more {
	padding: 0.5em 0 0 0;
}

#box_sub #inner_sub p.btn_more a {
	font-size: 4.375vw;
}

#box_sub #inner_sub div.box_link li {
	padding-top: 1em;
}





/* #box_archive_list ======= */

div#box_archive_list {
	margin-bottom: 0;
}

div#box_archive_list ul {
display: flex;
flex-wrap:wrap ;
	border-left: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

div#box_archive_list li {
	text-align: center;
	flex-basis: 50%;
	font-size: 4.375vw;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	margin: 0;
	box-sizing: border-box;
}

div#box_archive_list li:first-of-type {
	font-weight: bold;
	flex-basis: 100%;
	-webkit-flex-basis: 100%;
}


div#box_archive_list li a {
	display: block;
	box-sizing: border-box;
	padding: 1em;
}




/* mq end */
}