/* @override 
	http://203.143.96.127:8001/f_spot/css/page_fspot.css */

@charset "UTF-8";

/*F-スポット -top */

img{
max-width: 100%;
}

body.top div#box_contents {
	width: 980px;
	margin: 0 auto 5px;
	background-image: none;
}

body.top div#inner_contents {
	background-image: none;
}

body#page_fspot #box_ttl h2 {
	padding-top: 15px;
}

body.top div#inner_snavi,
body.f_movie div#inner_snavi,
body.player div#inner_snavi {
	height: 33px;
	overflow: hidden;
}

/*body.player li#snavi_pickup,
body.player li#snavi_pickup a:hover,
body#page_fspot.pickup li#snavi_pickup,
body#page_fspot.pickup li#snavi_pickup a:hover {
	background-color: #333;
}*/

body.top div#box_main {
	width: 914px;
	padding: 0;
	margin: 0 auto;
	float: none;
	border: none;
}

div#mainContentsArea:after {
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
	border: none;
}

body.top div#box_main h3 {
	margin-bottom: 0;
}



/* 1ショット */

body.one_shot_diary div#box_main {
	width: 623px;
}

@media screen and (max-width: 599px) {

	div#box_contents {
		width: 98%;
		margin: 0 auto;
	}

	body.one_shot_diary div#box_main {
		width: 70%;
		float: left;
	}
}


div#box_right_contents {
	width: 180px;
	margin-top: 11px;
	margin-right: 18px;
}

@media screen and (max-width: 599px) {
	div#box_right_contents {
		width: 30%;
		margin-right: 0;
	}
}



div.columnOneShot {
	width: 623px;
	height: auto;
	background-color: #000;
	border-top: 1px solid #dcdcdc;
	height: auto;
	position: relative;
	margin-bottom: 20px;
}

div.subInfoAreaOneShot {
	width: 170px;
	padding: 5px;
	margin-bottom: 15px;
}

div.subInfoAreaOneShot h5 {
	padding-left: 5px;
}

div.subInfoAreaOneShot h5 span {
	padding-left: 0;
}

div.subInfoAreaThumbnail {
	width: 180px;
	background-image: url(/common_2017/page_parts/sub_area_round_bottom.gif);
	margin-bottom: 20px;
}

div.subInfoArea h4 {
	margin-left: 8px;
	margin-bottom: 4px;
}

div.subInfoArea p {
	width: 127px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 11px;
	border-top: 1px solid #fff;
	padding-top: 5px;
	padding-bottom: 7px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #e6e6e6;
}

div.subInfoArea p:hover {
	background-color: #cee9ff;
}

div.subInfoArea p a {
	text-decoration: none;
	color: #666;
}

body#page_fspot.one_shot_diary div.subInfoArea {
	width: 177px;
	margin-bottom: 30px;
	margin-left: 5px;
}

body#page_fspot.one_shot_diary div.subInfoArea p {
	width: 168px;
}

div.subInfoAreaThumbnail p img {
	font-size: 1px;
}

/* OB's コラム */

body#page_fspot.dirOBsColumn div#box_main {
	width: 624px;
}

div#columnA.OB {
	margin: 0;
	width: 574px;
	padding: 6px 24px 20px 24px;
	background-color: #fff;
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #ededed;
	position: relative;
	height: auto;
}


div#columnA.OB p {
	line-height: 1.8;
	margin-bottom: 0.8em;
}

div#columnA h4 {
	font-size: 14px;
	margin: 0.5em 0 0 0;
}

div#subColumn.ob dd {

	font-size: 14px;
	font-weight: bold;
}

#subColumnArea div.listArea {
	width: 170px;
	margin: 11px auto 5px auto;
	padding-bottom: 9px;
	background-position: 0 100%;
}

div#subColumn.ob {
	width: 170px;
}

* html #subColumnArea div.listArea {
	margin-top: 11px;
	margin-bottom: 12px;
}

#subColumn div.subInfoArea h4,
#subColumnArea div.listArea h4 {
	margin: 0px 0 7px 0px;
	font-size: 14px;
	background-position: 0 -13px;
	color: #000;
	height: 17px;
	padding: 0 0 0 5px;
	line-height: 1;
}

div.subInfoArea {
	margin-bottom: 15px;
}

div.subInfoAreaOrihicaSpec {
	margin: 0 auto;
}


/*normalリスト使用の場合*/


#subColumnArea div.listArea ul,
#subColumnArea div.listArea li {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 10px;
	line-height: 1.7;
}

#subColumnArea div.listArea li {
	border-bottom: 1px solid #cbcbcb;
	margin: 0 1px 0 1px;
}

#subColumnArea div.listArea li a {
	display: block;
	text-decoration: none;
	padding: 4px 5px 5px 5px;
}

#subColumnArea div.listArea li a:link,
#subColumnArea div.listArea li a:visited {
	color: #191919;
	background-color: #fff;
	border-top: 1px solid #fff;
}

#subColumnArea div.listArea li a:hover {
	background-color: #d7edff;
	border-top: 1px solid #e6f4ff;
}

#subColumnArea div.listArea ul.fontLarge li {
	font-size: 12px;
}

/*定義リスト使用の場合*/

#subColumnArea div.listArea dl,
#subColumnArea div.listArea dd {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
	line-height: 1.7;
}

#subColumnArea div.listArea dt {
	margin: 0px 1px 0px 1px;
	font-size: 12px;
	background-color: #e5f3ff;
	padding: 6px 1px 5px 4px;
	border-top: 1px solid #c9deee;
	border-bottom: 1px solid #cbcbcb;
	line-height: 1em;
}

#subColumnArea div.listArea dt span {
	font-weight: normal;
	font-size: 10px;
}

#subColumnArea div.listArea.fontLarge dl,
#subColumnArea div.listArea.fontLarge dd,
#subColumnArea div.listArea.fontLarge dt {
	font-size: 12px;
}

#subColumnArea div.listArea dd {
	border-bottom: 1px solid #cbcbcb;
	margin: 0 1px 0 1px;
	font-weight: normal;
	font-style: normal;
}

#subColumnArea div.listArea dd a {
	display: block;
	text-decoration: none;
	padding: 4px 5px 5px 5px;
}

#subColumnArea div.listArea dd a:link,
#subColumnArea div.listArea dd a:visited {
	color: #191919;
	background-color: #fff;
	border-top: 1px solid #fff;
}

#subColumnArea div.listArea dd a:hover {
	background-color: #d7edff;
	border-top: 1px solid #e6f4ff;
}

#subColumnArea div.listArea dl.smallList {}

#subColumnArea div.listArea dl.smallList dd {
	font-size: 10px;
	line-height: 1.4em;
}


/**/

div#miniNaviArea {
	position: relative;
	padding-top: 0.3em;
	margin-bottom: 2em;
}

div#miniNaviArea h3 {
	font-size: 36px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	color: #7f7f7f;
	margin: 0;
}

div#miniNaviArea h3 span {
	font-size: 0.6em;
	text-transform: uppercase;
}

div#miniNaviArea p {
	font-weight: bold;
	font-size: 12px;
	color: #7f7f7f;
	margin: 0;
	line-height: 1em;
}

div#miniNaviArea ul,
div#miniNaviArea li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

div#miniNaviArea ul {
	position: absolute;
	top: 7px;
	left: 190px;
	border-left: 1px solid #cbcbcb;
	padding-left: 12px;
	height: 3.2em;
	padding-top: 1.2em;
}

div#miniNaviArea ul li {
	float: left;
	line-height: 1;
	margin-right: 1px;
}

div#miniNaviArea ul li a {
	display: block;
	background-image: url(/common_parts/mini_navi_year.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 21px;
}

/*前の年へ*/

div#miniNaviArea ul li.prevYear a:link,
div#miniNaviArea ul li.prevYear a:visited {
	width: 56px;
	background-position: 0 -21px;
}

div#miniNaviArea ul li.prevYear a:hover {
	background-position: 0 0;
}

div#miniNaviArea ul li.prevYearDis a:hover {
	background-position: 0 -42px;
}

/*最新へ*/

div#miniNaviArea ul li.latest a:link,
div#miniNaviArea ul li.latest a:visited {
	width: 80px;
	background-position: -56px -21px;
}

div#miniNaviArea ul li.latest a:hover {
	background-position: -56px 0;
}

div#miniNaviArea ul li.latestDis a:hover {
	background-position: -56px -42px;
}

/*次の年へ*/

div#miniNaviArea ul li.nextYear a:link,
div#miniNaviArea ul li.nextYear a:visited {
	width: 56px;
	background-position: -136px -21px;
}

div#miniNaviArea ul li.nextYear a:hover {
	background-position: -136px 0;
}

div#miniNaviArea ul li.nextYearDis a:hover {
	background-position: -136px -42px;
}

h3.infoMonth {
	font: 50px Verdana, Arial, sans-serif;
	line-height: 1;
	font-weight: bold;
	color: #b2b2b2;
	margin: 0;
}

dl.infoMonthList,
dl.infoMonthList dt,
dl.infoMonthList dd {
	margin: 0;
	padding: 0;
}

dl.infoMonthList dt {
	font-size: 12px;
	font-weight: bold;
	margin-top: 1.5em;
	border-bottom: 1px solid #d9d9d9;
	width: 100%;
	margin-bottom: 6px;
	padding-bottom: 3px;
	line-height: 1;
	color: #4c4c4c;
	padding-top: 3px;
}

dl.infoMonthList dd a:link,
dl.infoMonthList dd a:visited {
	color: #323232;
	display: block;
	background-color: #fff;
	padding: 6px 4px 6px 23px;
	background-image: url(/common_parts/head_tip_link.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
}


dl.infoMonthList dd a:hover {
	background-color: #ededed;
	text-decoration: none;
	background-image: url(/common_parts/head_tip_link-over.gif);
	background-repeat: no-repeat;
	background-position: 3px 6px;
}

/* 1ショット */

div#columnOneShotList p {
	/*width: 178px;*/

	width: 33.33333%;
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);

	height: 20em;
}



div#columnOneShotList p.box_left {
	width: 180px;
}

div#columnOneShotList p img {
	width: 179px;
}

/*　ダウンロード	*/

div#mainColumnAreaB {
	margin: 0 auto 0 auto;
	width: 767px;
}

div.box_wp_thumb p {
	font-size: 12px;
}

div#columnC p.gotoPageTop {
	width: 719px;
	clear: both;
	margin: 12px 0 15px 0px;
	font-size: 6px;
	height: 21px;
	position: relative;
	z-index: 0;
}

p.gotoPageTop a {
	background-image: url(/common_parts/button_page_top.gif);
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 104px;
	height: 21px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	right: 0;
}

p.gotoPageTop a:hover {
	background-position: 0 -21px;
}

a.box_download_pdf {
	display: inline-block;
	width: 343px;
	padding: 1em 0 0.7em 62px;
	background-image: url(/common_parts/bg_box_download.gif);
	background-position: 0 100%;
	background-repeat: no-repeat;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #e5e5e5e;
	line-height: 1.6;
	color: #555;
	text-decoration: none;
	font-size: 0.9em;
}

a.box_download_pdf:hover {
	background-image: url(/common_parts/bg_box_download_ov.gif);
}


a.box_download_pdf img {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}

div.box_item span.badge_red_alpha {
	background-color: #ff1c00;
	color: #fff;
	padding: 3px 4px;
	font-size: 0.8em;
	font-weight: bold;
}

div.box_item p {
	margin-bottom: 10px;
}

/* 2012-12-30 澤田追記 */

div.box_area_item#saver2 {}

div#area_download_items div#box_expl_ss2 {
	position: relative;
	width: 721px;
}

div#box_expl_ss2 {
	padding-bottom: 10px;
}

div#box_expl_ss2 p {
	color: #333;
	font-size: 10px;
	line-height: 1.5;
	margin: 0 0 1.3em 0;
}

div#box_expl_ss2 .box_left {
	float: left;
}

div#box_expl_ss2 .box_right {
	float: right;
	width: 635px;
}

div#box_expl_ss2 .box_right h6 {
	font-size: 12px;
	font-weight: normal;
	border-bottom: 1px dotted #aaa;
	padding: 0 0 4px 0;
	margin: 0.3em 0 0.4em 0;
}

div#area_download_items div#box_expl_ss2 h5 {
	width: 5.5em;
	text-align: center;
	margin: 0;
	float: left;
	background-color: #f2f2f2;
	border: 1px dotted #cbcbcb;
	padding: 0.9em 0 0.9em 0;
	color: #555;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 12px;
}

div#box_expl_ss2 strong {
	font-weight: bold;
}

div.box_header_ss2 {
	padding-bottom: 8px;
	padding-top: 8px;
	border-left: 1px solid #7ccdfe;
	padding-left: 8px;
	margin-bottom: 6px;
}

div.box_header_ss2 h5 {
	margin-bottom: 0.3em;
	color: #35a6ff;
}

div.box_header_ss2 p {
	color: #333;
}

div.box_ss2_1block {
	height: auto;
	padding: 14px 0 0 0;
	zoom: 1;
}

div.box_ss2_1block:after {
	content: '.';
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

div.box_ss2_1block p.ss2_thumb {
	width: 441px;
	height: 250px;
	float: left;
	border: 1px #bbb solid;
}

div.box_ss2_1block p.ss2_thumb img {
	border: 3px solid #fff;
}

div.box_ss2_download_link {
	width: 268px;
	float: right;
}

div.box_ss2_download_link h6,
div.box_ss2_download_link p {
	font-size: 12px;
	line-height: 1.8;
}

div.box_ss2_download_link h6 {
	background-color: #888;
	width: 95%;
	color: #fff;
	padding: 3px 3px 1px 6px;
	margin: 0 0 4px 0;
}

div.box_ss2_download_link li {
	margin-bottom: 1em;
}


/* ムービー */

body.f_movie div#box_main {
	width: 775px;
	padding-right: 24px;
	background-image: url(/common_parts/bg_mainContentsArea_f_movie.gif);
	background-position: 1px -150px;
	background-repeat: repeat-x;
	margin-top: 0;
	margin-right: 2px;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}


/* ピックアップ */

body.pickup div#box_main {
	margin: 0 auto 0 auto;
	width: 644px;
	padding: 6px 24px 20px 24px;
	background-color: #fff;
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #ededed;
	position: relative;
	height: auto;
}

body.pickup #subColumnArea div.listArea li {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0;
	background-color: #e6e6e6;
	border-bottom: 1px solid #ffffff;
}

body.pickup #subColumnArea div.listArea li a {
	color: #666;
	text-decoration: none;
	background-color: #e6e6e6;
	border: none;
	display: block;
	text-decoration: none;
	padding: 4px 5px 5px 5px;
}

body.pickup div#box_right_contents {
	width: 134px;
	margin: 0;
}

body.pickup #subColumnArea div.listArea {
	width: 134px;
	margin: 11px auto 5px auto;
	padding-bottom: 9px;

}

body.pickup div.listArea ul.fontLarge {
	width: 133px;
}

div#subColumnArea div.listArea li a.selected {
	height: 42px;
	color: #fff;
	background-image: url(/whats_new/page_parts/bg_sttl_year.png);
	background-color: transparent;
	border: none;
	margin-top: -1px;
	margin-bottom: -20px;
}

div#columnA div.pastBlock h4 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.4;
}

div.pastBlock h5 {
	font-weight: bold;
}

div.pastBlock p {
	font-size: 12px;

	line-height: 1.5;

	margin: 0;

	color: #4c4c4c;

	margin-bottom: 14px;
}

body.pickup div#box_main.pickup_player {
	width: 769px;
	float: left;
	position: relative;
	z-index: 100;
	height: auto;
	padding: 0 0 0 0;
	margin-top: 0;
	background-image: url(/common_parts/base_pat_maincontent.gif);
	background-repeat: repeat-y;
	background-position: 145px 0;
	margin-bottom: 20px;
}

div#box_main.pickup_player p.gotoPageTop {
	display: none;
}

div#box_main.pickup_player h2.titleCorner {
	overflow: hidden;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}

div#box_main.pickup_player h2.titleCorner img {
	margin-top: -3px;
}


div#box_main.pickup_player div#mainColumnArea {
	min-height: 100%;
	width: 627px;
	float: left;
	background-image: none;
	margin-bottom: 12px;
	position: relative;
	z-index: 50;
}

div#subColumnArea {
	width: 135px;
	float: right;
	position: relative;
	z-index: 100;
	height: auto;
}

body#page_fspot.dirOBsColumn div#subColumnArea {
	width: 170px;
}


div#box_main.pickup_player div#subColumnArea {
	width: 140px;
}

div#box_main.pickup_player div#columnE h4 {
	font-size: 12px;
	line-height: 1.5;
	color: #555;

}

div#columnE {
	margin: 0 auto 0 auto;
	width: 600px;
	padding: 6px 11px 20px 11px;
	background-color: #fff;
	position: relative;
	min-height: 450px;
	height: auto;
}

div#columnE p {
	line-height: 1.8;
	margin: 1em 0;
}

img.alignLeftMarginA {
	float: left;
	margin-right: 16px;
}

img.alignRightMarginA {
	float: right;
	margin-left: 10px;
}

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

/* バナー */

div.box_home_large_ban {
	text-align: center;
	margin-top: 20px;
}

div.box_home_large_ban p#ban_mind1 {
	width: 277px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 6px;
	margin: 0 auto;
}

div#box_ban_inner {
	width: 277px;
	text-align: center;
	border: 1px solid #c8c8c8;
	margin: 0 auto;
	padding-top: 10px;
}

div#box_ban_inner p {
	margin-bottom: 6px;
}

/* ----- wallpaper 2014 ----- */

div#wallpaper {
	width: 721px;
	height: auto;
}


div#box_month_expl {
	width: 721px;
	height: auto;
	padding: 8px 0 1em 0;
	z-index: 1;
	margin-top: 20px;
}

div#box_month_expl strong {
	font-weight: bold;
	color: #4f8bb9;
}

div#box_month_expl:after {
	content: '.';
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}

ul#box_inner_month {
	float: left;
	width: 168px;
	height: 178px;
	text-align: center;
	background-image: url(../download/page_parts/bg_art_wallpaper_devices.gif);
	background-position: 50% 100%;
	background-repeat: no-repeat;

}

ul#box_inner_month li {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
}

ul#box_inner_month li.month_num,
ul#box_inner_month li.month_eng,
ul#box_inner_month li.year,
div#box_wp_pc h5,
div#box_wp_sp h5 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;

}

ul#box_inner_month li.month_num {
	font-size: 80px;
	color: #37a8ff;
	line-height: 1;
	letter-spacing: -0.1em;
}

ul#box_inner_month li.month_eng,
ul#box_inner_month li.year {
	display: inline-block;
	font-size: 16px;
	color: #555;
}

div#box_inner_expl {
	float: right;
	width: 552px;
	padding: 4px 0 0 0;
}

div#box_inner_expl h5,
div#box_inner_expl p {
	color: #262626;
}

div#box_inner_expl h5 {
	font-size: 16px;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #aaa;
	margin-bottom: 0.4em;
}

div#box_inner_expl p {
	font-size: 12px;
	line-height: 1.6;
	padding-bottom: 0.75em;
}


/* 壁紙リスト修正 -2025-04-01 */


div[id^="box_wp_"] {
	position: relative;
	z-index: 1;
	margin-top: 48px;
	border-top: 1px solid #ccc;
	padding-top: 32px;
}


div[id^="box_wp_"] ul.note {
	margin-top: 0.6em;
	line-height: 1.6;
}

div[id^="box_wp_"] ul.note>li {
	margin-top: 0.3em;
}

div[id^="box_wp_"] a {
	transition: 0.3s;
}

div[id^="box_wp_"] a:hover {
	opacity: 0.75;
}


#box_main div[id^="box_wp_"]>h4 {
	font-size: 2rem;
	color: #37a8ff;
	margin: 0;
}

#box_main div[id^="box_wp_"]>h4+p {
	margin-top: 0.5em;
	font-size: 1.6rem;
	line-height: 1.6;
}

#box_main div[id^="box_wp_"] img {
	max-width: 100%;
	height: auto;
}

#box_wp_pc .list_wp_pc {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


#box_wp_phone .list_wp_tablet li,
#box_wp_pc .list_wp_pc>li {
	width: calc((100% - 32px) / 2);
	margin-top: 32px;
}

#box_wp_phone .list_wp_tablet li h5,
#box_wp_pc .list_wp_pc>li h5,
#box_wp_tablet .list_wp_tablet>li h5 {
	margin-top: 0.5em;
	font-size: 2.4rem;
	line-height: 1;
	font-weight: bold;
}

#box_wp_phone .list_wp_tablet li h5+p,
#box_wp_tablet .list_wp_tablet>li h5+p,
#box_wp_pc .list_wp_pc>li p:last-child {
	line-height: 1.5;
	margin-top: 0.6em;
}

#box_wp_tablet .list_wp_tablet>li h5+p>strong,
#box_wp_pc .list_wp_pc>li p:last-child>strong {
	margin-left: 0.3em;
}

#box_wp_pc .list_wp_pc>li>ul.btns {
	display: flex;
	margin-top: 0.4em;
	font-size: 1.6rem;
	line-height: 1;
}

#box_wp_pc .list_wp_pc>li>ul.btns>li {
	margin-left: 0.7em;
}

#box_wp_pc .list_wp_pc>li>ul.btns>li:first-of-type {
	margin-left: 0;
}

#box_wp_pc .list_wp_pc>li>ul.btns a {
	display: inline-block;
	color: #fff;
	background-color: #444;
	padding: 0.5em 1em 0.65em 1em;
	border-radius: 4px;
}

#box_wp_pc .list_wp_pc>li>ul.btns>li:first-of-type>a {
	background-color: #23b7fe;
}

#box_wp_tablet .list_wp_tablet {
	margin-top: 24px;
	display: flex;
	justify-content: flex-start;
	gap: 32px 32px;
	flex-wrap: wrap;
}


#box_wp_tablet .list_wp_tablet>li {
	position: relative;
	width: calc(50% - 16px);
	box-sizing: border-box;
}






#box_wp_phone .list_wp_tablet {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#box_wp_phone .list_wp_tablet figure {
	position: relative;
	z-index: 0;
	display: flex;
	justify-content: center;
	border: 1px dotted #ccc;
	align-items: flex-start;
	padding: 24px;
	border-radius: 8px;
}


#box_wp_phone .list_wp_tablet li:not(.w) a>img {
	height: 360px;
}

#box_wp_phone .list_wp_tablet a>img {}

#box_wp_phone .list_wp_tablet li figure a {
	display: block;
	transition: 0.3s;
}

#box_wp_phone .list_wp_tablet li.w figure a:hover {
	opacity: 1;
}

#box_wp_phone .list_wp_tablet li figure>a>img {}

#box_wp_phone .list_wp_tablet li.w figure a {
	transition: 0.3s;
	z-index: 0;
	position: relative;
}



#box_wp_phone .list_wp_tablet li.w figure a:nth-of-type(1) {
	z-index: 10;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

#box_wp_phone .list_wp_tablet li.w figure a:nth-of-type(2) {
	margin-top: 24px;
	z-index: 0;
	margin-left: -24px;
}

#box_wp_phone .list_wp_tablet li.w figure a:nth-of-type(1):hover {
	box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.2);
	transform: translateY(-12px);
}

#box_wp_phone .list_wp_tablet li.w figure a:nth-of-type(2):hover {
	box-shadow: 6px 9px 18px rgba(0, 0, 0, 0.2);
	transform: translateY(-12px);
	z-index: 20;
}




/* 壁紙リスト ビデオ会議 -2020-04-13 */

#box_bg_video_meeting {}

#area_download_items #box_bg_video_meeting h4 {
	font-size: 18px;
	font-weight: bold;
	color: #37a8ff;
	margin-bottom: 8px;
}

#box_bg_video_meeting p {
	margin-bottom: 1.5em;
}

#box_bg_video_meeting ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

#box_bg_video_meeting ul li {
	width: calc((100% - 48px) / 3);
	padding-bottom: 28px;
	margin-right: 24px;
}


#box_bg_video_meeting ul li a {
	box-sizing: border-box;
	display: block;
}

#box_bg_video_meeting ul li:nth-child(3n) {
	margin-right: 0;
}

#box_bg_video_meeting ul li img {
	width: 100%;
	border: 1px solid #ccc;
}

#box_bg_video_meeting ul li figcaption {
	color: #111;
	padding-top: 0.4em;
}


/* スケジュール covid19-改訂 -2020-06-17 */

#box_reveised_sched2020 {
	padding-bottom: 36px;
}

#area_download_items #box_reveised_sched2020 h4 {
	font-size: 18px;
	font-weight: bold;
	color: #37a8ff;
	margin-bottom: 0px;
	margin-top: 32px;
}

#box_reveised_sched2020 h4+p {
	font-size: 1.2rem;
	margin-top: 1em;
}

#box_reveised_sched2020 .wrapper_mini {
	margin-top: 32px;
	position: relative;
	display: flex;
}

#box_reveised_sched2020 .wrapper_mini figure {
	width: 300px;
	padding-left: 8px;
}

#box_reveised_sched2020 .wrapper_mini figure img {
	width: 100%;
	height: auto;
}

#box_reveised_sched2020 ul {
	margin-left: 28px;
}

#box_reveised_sched2020 ul li {
	line-height: 1.7;
}

#box_reveised_sched2020 ul li p {
	font-size: 1.3rem;
}

#box_reveised_sched2020 ul a {
	display: block;
	color: #050505;
	transition: 0.3s;
	background-color: #e5e5e5;
	padding: 1em;
	border-radius: 6px;
	padding-left: 64px;
	padding-right: 1.3em;
	position: relative;
}

#box_reveised_sched2020 ul a:hover {
	background-color: #37a8ff;
	color: #fff;
}

#box_reveised_sched2020 ul li {
	margin-bottom: 16px;
	font-size: 1.6rem;
}

#box_reveised_sched2020 ul a::before {
	content: "";
	display: block;
	position: absolute;
	top: 26px;
	left: 20px;
	width: 30px;
	height: 36px;
	background-image: url(/common_2017/svg/icon_arrow_below_color.svg);
	background-repeat: no-repeat;
}

#box_reveised_sched2020 ul a:hover::before {
	background-position: -115px 0;
}



/* ----- 2014-01 sawada ----- */

ul.list_movie_st {
	padding: 18px 0 0 0;
}

ul.list_movie_st li {
	float: left;
	width: 340px;
	text-align: center;
	padding: 0 12px 18px 12px;
}

ul.list_movie_st li h6 {
	font-size: 14px;
	color: #444;
	padding-top: 0.5em;
}


ul#year_selector.video {
	width: 540px;
	height: auto;
	position: absolute;
	top: 50px;
	right: 0;
}

ul#year_selector.video li {
	font-size: 14px;
	float: right;
	font-family: Verdana, sans-serif;
	margin-left: 0.5em;
}

ul#year_selector.video li a {
	color: #fff;
	display: block;
	padding: 0.2em 4px 0.3em 4px;
}

ul#year_selector.video li.current a {
	background-color: #37a8ff;
}

/* ---------- */

div#box_a4_schedule_pdf,
div#box_sp_match_schedule {
	border: 1px dotted #aaa;
	padding: 18px 12px 16px 12px;
	background-color: #f7f7f7;
}

div#box_a4_schedule_pdf {
	margin-top: 72px;
}


div#box_sp_match_schedule {
	margin-top: 24px;
	padding: 0;
}



body#match_schedule div#box_sp_match_schedule {
	margin-top: 0;
}

body#match_schedule h1 {
	text-align: center;
	text-transform: uppercase;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 5vw;
	line-height: 1.2;
	padding: 3vw;
	background-color: #22b6fe;
	color: #fff;
}

body#match_schedule h1>small {
	font-weight: 300;
}


div#box_sp_match_schedule h4,
div#box_a4_schedule_pdf h4 {
	font-size: 16px;
	line-height: 1.1;
	margin: 0;
	text-align: center;
}

div#box_sp_match_schedule h4 {
	font-size: 16px;
	border-bottom: 1px dotted #aaa;
	padding: 1.4em 1em 1.2em 1em;
	width: 100%;
}

div#box_sp_match_schedule h4>small {
	font-size: 1.2rem;
	margin-left: 1em;
}


div#box_a4_schedule_pdf h4 a {
	text-decoration: underline;
	text-align: left;
	display: inline-block;
	padding: 8px 0 8px 40px;
	background-image: url(../../common_parts/icon_pdf_mini_48px.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
}

div#box_sp_match_schedule {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}


div#box_sp_match_schedule .inner.single {
	width: 95%;
	margin: 0 auto;
}

div#box_sp_match_schedule .inner.single figure {
	width: 360px;
	height: auto;
	margin: 1.5em auto 0 auto;
}

div#box_sp_match_schedule .inner.single figure>img {
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
}

div#box_sp_match_schedule .inner.single div.center {
	display: flex;
	justify-content: center;
}

div#box_sp_match_schedule .inner.single div.center h6 {
	margin-right: 1em;
}

div#box_sp_match_schedule .inner.single a {
	color: #222;
}


body#match_schedule div#box_sp_match_schedule>h4 {
	line-height: 1.4;
	font-size: 4.5vw;
	padding: 0.8em 3vw 0.8em 3vw;
}


div#box_sp_match_schedule>.inner>h5 {
	margin-left: 18px;
	position: relative;
	font-size: 1.6rem;
}

div#box_sp_match_schedule>.inner>h5:before {
	content: "\25CF";
	margin-right: 0.2em;
	color: #22b6fe;
}

div#box_sp_match_schedule>.inner h6 {
	font-weight: normal;
}

div#box_sp_match_schedule>div.inner {
	width: 45%;
	padding: 24px 0 32px 0;
}

body#match_schedule div#box_sp_match_schedule>div.inner {
	width: 100%;
	padding: 5vw 0 4vw 0;
}

body#match_schedule div#box_sp_match_schedule>div.inner h5 {
	text-align: center;
	margin: 0;
}

div#box_sp_match_schedule>div.inner>ul {
	display: flex;
	justify-content: center;
}

div#box_sp_match_schedule>div.inner>ul>li {
	margin: 12px 14px 12px 14px;
	line-height: 1.5;
}


body#match_schedule div#box_sp_match_schedule>div.inner>ul>li {
	margin: 3vw 5vw 8vw 5vw;
}

div#box_sp_match_schedule>div.inner>ul>li>a {
	display: block;
	color: #111;
	transition: 0.3s;
}

div#box_sp_match_schedule>div.inner>ul>li>a:hover {
	opacity: 0.7;
}

div#box_sp_match_schedule>div.inner>ul>li figure {
	margin-top: 12px;
}

div#box_sp_match_schedule>div.inner:nth-of-type(1) {
	padding-right: 4px;
}

div#box_sp_match_schedule>div.inner:nth-of-type(2) {
	padding-left: 4px;
}

body#match_schedule div#box_sp_match_schedule>div.inner:nth-of-type(2) {
	border-top: 1px dotted #aaa;
}

/*2026-1-4*/

#wrap_sp_wallpaper {
	border-top: 1px solid #ccc;
	padding-top: 32px;
	margin: 40px auto 0 auto;
	position: relative;
	width: 94%;
}

#wrap_sp_wallpaper>ul {
	width: 94%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	gap: 32px;
}

#wrap_sp_wallpaper>ul>li {
	width: 180px;
}

#wrap_sp_wallpaper>ul>li>a {
	display: block;
}

div#box_sp_match_schedule .inner.single #wrap_sp_wallpaper figure {
	width: 100%;
	margin-top: 0;
}

#wrap_sp_wallpaper figcaption {
	text-align: center;
}

#wrap_sp_wallpaper figcaption .pcv {
	display: inline;
}

#wrap_sp_wallpaper>ul>li>a img {
	margin-top: 8px;
}

/* ---------- */

div#box_snavi a {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}

#page_fspot.tv #snavi_tv a {
	background-color: #116ab1;
}


/* f-files 2020 */

article#page_f-files {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	height: auto;
}

div#box_sub_ttl {
	padding: 24px 0 36px 0;
	text-align: center;
}


div#box_sub_ttl h2,
div#box_sub_ttl h2+p {
	font-family: "Roboto";
	font-weight: 200;
}

div#box_sub_ttl h2 {

	font-size: 5.4rem;
}

div#box_sub_ttl h2+p {
	letter-spacing: 0.1em;
}


div#box_sub_ttl h2 strong {
	color: #23b7fe;
	font-weight: 200;
}

dl#archive_list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;

}

dl#archive_list,
dl#archive_list>dt,
dl#archive_list>dd {
	box-sizing: border-box;
}



dl#archive_list img {
	width: 100%;
	height: auto;
	vertical-align: top;
}


dl#archive_list>dt {
	width: 12%;
	font-size: 4.8rem;
	font-family: "Roboto";
	font-weight: 200;
	line-height: 1.1;
	color: #23b7fe;
}

dl#archive_list>dd {
	width: 88%;
	padding-bottom: 48px;
	display: flex;
	flex-wrap: wrap;
}





dl#archive_list>dt,
dl#archive_list>dd {
	border-top: 1px solid #ddd;
	padding-top: 48px;
}


dl#archive_list>dt small {
	font-size: 1.6rem;
	display: block;
	color: #555;
}

dl#archive_list a {
	color: #050505;
	display: block;
}


dl#archive_list ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	box-sizing: border-box;
}

dl#archive_list ul li {
	width: calc((99% - 56px) / 3);
	padding-bottom: 32px;
	margin-right: 28px;

}

dl#archive_list ul li:nth-of-type(3n) {
	margin-right: 0;
}


dl#archive_list ul li dl {
	font-size: 1.3rem;
	line-height: 1.3;
	padding-top: 16px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

dl#archive_list ul li dl dt {
	width: 4.3em;
	text-align: right;
	position: relative;
	color: #888;
}

dl#archive_list ul li dl dt,
dl#archive_list ul li dl dd {
	padding-top: 0.5em;
	line-height: 1.6;
}

dl#archive_list ul li dl dt::after {
	content: ":";
	margin-left: 0.3em;

}

dl#archive_list ul li dl dd {
	width: calc(100% - 4.3em);
	padding-left: 0.5em;
}


dl#archive_list figure {
	transition: 0.3s;
	box-shadow: 1px 7px 24px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	background-color: #fff;
}

dl#archive_list a:hover figure {
	box-shadow: 1px 14px 18px rgba(0, 0, 0, 0.3);
}

dl#archive_list a figure img {
	transition: 0.3s;
}

dl#archive_list a:hover figure img {
	transform: scale(1.2, 1.2);
	opacity: 0.8;
}


article#page_f-files div#nav_anchor ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 28px;

	font-family: "Roboto";
	font-weight: 400;
}

article#page_f-files div#nav_anchor ul a {
	color: #222;
	display: block;
	padding: 0.3em 0.8em 0.3em 0.8em;
}

article#page_f-files div#nav_anchor ul a:hover {
	color: #23b7fe;
}

article#page_f-files div#nav_anchor ul li {
	font-size: 1.8rem;
}



/* ========== Responsive ========== */

@media screen and (max-width: 1024px) {

	article#page_f-files {
		padding: 0 32px 0 32px;
	}

	/*  */
}

/*  */

@media screen and (max-width: 768px) {
	body.top {

		& div#box_main,
		& div#box_contents {
			width: 100%;
			margin-bottom: 0;
		}

		& div#box_main div#inner_main {
			padding-bottom: 0;
		}

		& div#box_contents img {
			width: 100%;
			height: auto;
		}

		& div#mainContentsArea {
			width: 100%;
			margin-bottom: 0;
			background-image: none;
		}

		& div#box_main_img {
			width: 100%;
			float: none;
			background-color: #000;
		}

		& div#box_main_img h2 {
			position: static;
		}

		& div#box_main_img h2 a {
			display: block;
		}

		& div#box_main_img h2 img {
			width: 100%;
			height: auto;
		}

		& div#box_main_img p {
			position: static;
		}

		/*  */

		& div#box_left_column {
			width: 100%;
			float: none;
			margin-left: 0;
			display: block;
		}

		& div#box_main h3 {
			margin-top: 0;
			margin-left: 0;
			margin-bottom: 0;
			height: auto;
			padding-left: 4vw;
			padding-top: 6vw;
		}

		& #box_pickup_player {
			margin-top: 0;

			& h3 {
				padding-top: 6vw;
				padding-bottom: 4vw;

				& a {
					display: block;
				}
			}

			& p.link_more {
				width: 88vw;
				margin-inline: auto;
				border: none;
				padding-bottom: 0;
				margin-bottom: 4vw;
				margin-top: 4vw;
			}
		}

		& div#box_pickup_list {

			& div.pickup_list {
				margin-bottom: 0;
				min-height: initial;
			}

			& div.new {
				position: static;
				margin-bottom: 0;
				padding-bottom: 0;
				min-height: initial;
				width: 100%;
				margin-inline: auto;
				padding-bottom: 4vw;
			}

			& div.new h4 {
				margin-bottom: 0;
				margin-left: 0;
			}

			& div.new h4 a {
				width: 100%;
			}

			& div.new h4 img {
				width: 100%;
				height: auto;
			}

			& span.ttl_pickup_num {
				font-size: 9.375vw;
				/* 30px */
				font-size: 9.375vw;
				left: auto;
				right: 2vw;
				padding-top: 0;
				top: 54.4vw;
			}

			& div.new p {
				width: 88vw;
				font-size: 3.75vw;
				/* 12px */
				margin-inline: auto;
				margin-bottom: 1em;
			}

			/*  */

			& div.pickup_list:not(:first-child) {
				margin-top: 4vw;
				width: 88vw;
				margin-inline: auto;

				& h4 a {
					display: flex;
					flex-direction: column;
				}

				& h4 span.ttl_pickup_num {
					order: 0;
					position: static;
				}

				& h4 img {
					order: 1;
				}

				& h5,
				& span.ttl_pickup_ttl {
					display: none;
				}

				& div.alpha p {
					font-size: 3.125vw;
					/* 10px */
					margin: 0;
				}

				& p .link_more {
					/* display: block; */
					margin-left: 0.8em;
				}

				/*  */
			}

			/*  */

		}

		& div#box_ban {
			display: none;
		}

		& #box_f_files {

			& h3 {
				height: auto;
				padding-left: 0;
				padding-right: 4vw;
			}

			& h3 a {
				display: block;
				padding-top: 0;
				padding-bottom: 4vw;
			}

			& div.box_inner {
				padding-bottom: 6vw;
			}

			& div.box_files {
				padding-bottom: 0;
			}

			& p.link_more {
				margin-top: 6vw;
			}

			& div.archiveList h4 {
				width: 100%;
				font-size: 2.8125vw;
				/* 9px */
				/* margin-inline: 4vw; */
				text-align: center;
				margin-inline: auto;
				padding: 0.8em;
			}

			& p#f_file_thumb {
				margin-top: 2vw;
			}

		}

		/*  */

		& div#box_right_column {
			width: 100%;
			float: none;
			margin-inline: auto;
			margin-top: 0;
			margin-bottom: 0;
		}

		& div#box_download {
			margin-bottom: 0;
			background-image: none;

			& div.box_inner {
				background-position: 0 0;
				background-repeat: no-repeat;
				background-size: 100% auto;
			}

			& div#box_wp {
				width: 88vw;
				margin-bottom: 0;
				padding-bottom: 0;
			}

			& #img_wp+ul {
				margin-inline: auto;
				display: flex;
			}

			& #box_download_list {
				display: none;
			}

			& p#img_download {
				margin-bottom: 0;
				width: 88vw;
				margin-inline: auto;
			}

			& p.link_more {
				font-size: 3.125vw;
				/* 10px */
			}

		}

		& p.link_more {
			margin-top: 4vw;
			margin-right: 6vw;
			padding-bottom: 0;
			font-family: 'Roboto', sans-serif;
			font-weight: 500;
		}

		& p.link_more a {
			margin-left: 0.2em;
		}

		& div.box_home_large_ban {
			display: none;
		}



		/*  */
	}

	/* /body.top */

	body.download {

		& div#box_contents {
			width: 88vw;
			margin-inline: auto;
			margin-top: 4vw;
		}

		& div#box_main {
			width: 100%;
			min-height: initial;
		}

		& div#navi_download {
			margin-bottom: 2vw;
			width: 88vw;

			height: auto;
			background-image: none;

			& ul {
				width: 100vw;
				margin-inline: auto;
				margin-left: -6vw;
				padding: 0 6vw;
				display: flex;
				justify-content: center;
				align-items: center;
				margin-top: 2vw;
				border-bottom: #23b7fe solid 1px;
				box-sizing: border-box;
				margin-top: 4vw;
				margin-bottom: 6vw;

				& li {
					font-size: 3.125vw;
					/* 10px */
					float: none;
					display: block;
					width: calc(88vw / 3);

					& a {
						width: 100% !important;
						display: block;
						background-image: none;
						height: auto;
						text-indent: 0;
						color: #23b7fe;
						text-align: center;
						padding: 0.8em 0;
						font-weight: 500;
					}
				}

				& li:nth-child(2) {
					width: 40%;
				}
			}

			&.snav_01 ul li:nth-child(1) a,
			&.snav_04 ul li:nth-child(2) a,
			&.snav_05 ul li:nth-child(3) a {
				color: #fff;
				background-color: #23b7fe;
				border-radius: 1vw 1vw 0 0;
			}

		}


	}

	& div#navi_download h3 {
		margin: 0;

		& img {
			width: 100%;
		}
	}

	& div#area_download_items {
		width: 100%;
		padding-bottom: 0;

		& ul.box_select_desktop_item {
			display: flex;
			flex-wrap: wrap;
			border: 1px solid #e5e5e5;
			border-radius: 1vw;
			margin-top: 4vw;
			padding: 2vw 4vw;
			gap: 0 2em;
			justify-content: center;
			align-items: center;

			& li {
				width: auto;
				float: none;
				font-size: 3.125vw;
				/* 10px */

				& a {
					width: auto;
					border: none;
					padding: 0.8em;
					font-weight: 500;
					text-decoration: underline;
				}
			}
		}

		& ul.box_select_desktop_item::after {
			display: none;
		}

		& div.box_area_item {
			margin-top: 4vw;
		}

		& div#wallpaper {
			width: 100%;
		}

		& h4 {
			margin: 0 !important;
			overflow: hidden;

			& img {
				width: 180%;
				height: auto;
				position: relative;
				left: -40%;
			}
		}

		& div#box_month_expl {
			width: 100%;
			padding-top: 4vw;

			& ul#box_inner_month {
				width: 50%;
				height: auto;
				float: none;
				background-image: none;
				margin-inline: auto;

				& li.month_num {
					font-size: 8.75vw;
					/* 28px */
				}

				& li.year,
				& li.month_eng {
					font-size: 5vw;
					/* 16px */
					font-size: 3.75vw;
					/* 12px */
				}
			}

			& ul#box_inner_month::after {
				content: '';
				display: block;
				width: 20vw;
				height: calc(20vw * 0.6774193548387096);
				background-image: url(/f_spot/download/page_parts/bg_art_wallpaper_devices.gif);
				background-position: 0 0;
				background-repeat: no-repeat;
				background-size: 100% auto;
				margin-inline: auto;
			}

			& div#box_inner_expl {
				width: 100%;
				height: auto;
				float: none;
			}

			& h5 {
				font-size: 3.75vw;
				/* 12px */
			}

			& p {
				font-size: 3.125vw;
				/* 10px */
			}

		}

		& #box_bg_video_meeting {

			& h4 {
				font-size: 3.75vw;
				/* 12px */
			}

			& p {
				font-size: 3.125vw;
				/* 10px */
			}

			& ul {
				gap: 4vw;
			}

			& li {
				width: calc(50% - 2vw);
				padding-bottom: 0;
				margin-right: 0;
			}

		}

		/*  */

		& div#box_expl_ss2 {
			width: 100%;

			& div.box_right,
			& div.box_left {
				width: 100%;
				float: none;
			}

			& div.box_right {
				margin-top: 4vw;
			}

			& h5 {
				font-size: 3.125vw;
				/* 10px */
				width: auto;
				float: none;
				position: static;
			}

			& p {
				font-size: 3.125vw;
				/* 10px */
			}

			& .box_right h6 {
				font-size: 3.75vw;
				/* 12px */
			}

			/*  */
		}

		& div#box_expl_ss2+p {
			font-size: 3.125vw;
			/* 10px */
		}

		/*  */

		& div#box_expl {
			width: 100%;
			padding-bottom: 0;
			padding-left: 0;

			& h5 {
				font-size: 3.125vw;
				width: auto;
				float: none;
				position: static;
			}

			& p {
				font-size: 2.5vw;
				/* 8px */
				font-size: 2.8125vw;
				/* 9px */
				margin-top: 4vw;

				& a {
					display: block;
					float: left;
					margin-right: 0.6em;
				}

				& img {
					width: 30vw;
					float: none;
					margin-right: 0;
				}
			}


		}

		& #saver {}

		& #pointer,
		& #icon {

			& div.box_icons {
				width: 100%;
				background-image: none;

				& div.box_icon_header {
					width: 100%;
					padding: 2vw 6vw 4vw;
					box-sizing: border-box;
					background-image: none;
					border: 10px solid #d8d8d8;
					margin-top: 4vw;

					& h5 {
						font-size: 3.75vw;
						/* 12px */
						margin-top: 0;
					}
				}

				& div.box_donwload {
					width: auto;
					padding: 2vw 4vw;

					& h6 {
						font-size: 3.75vw;
						/* 12px */
						position: static;
					}

					& p {
						font-size: 3.125vw;
						/* 10px */
						margin-top: 0;
						margin-top: 0.8em;
					}
				}

				& p.sample {
					margin-top: 4vw;

					& img {
						width: 100%;
					}
				}

			}
		}

		& #pointer {}


	}

	/* /div#area_download_items */

	& #box_bg_video_meeting ul li figcaption {
		font-size: 2.8125vw;
		/* 9px */
	}

	& #box_wp_pc {
		margin-top: 8vw;
		width: 100%;
		padding-top: 0;

		& h4 {
			font-size: 3.75vw;
			/* 12px */
		}

		& ul.block_wrapper {
			width: 100%;
			padding-bottom: 0;
			gap: 4vw 0;
			margin-top: 4vw;

			& li {
				width: 100%;
				margin: 0;
				float: none;
			}

			& p.thumb {
				width: 100%;

				& img {
					width: 100%;
				}
			}

			& h5 {
				font-size: 3.75vw;
				/* 12px */
			}

			& p.file_type {
				font-size: 3.125vw;
				/* 10px */
			}

			& ul.wp_specs {

				& li {
					width: 100%;
				}
			}

		}
	}

	/*  */

	& div#box_a4_schedule_pdf {
		margin-top: 12vw;
		padding: 2vw 4vw;

		& h4 {
			font-size: 3.125vw;
			/* 10px */
			line-height: 1.6;
		}

		& a {
			background-position: 0 12px;
		}
	}

	& div#box_sp_match_schedule {
		margin-top: 5vw;

		& h4 {
			font-size: 3.75vw;
			/* 12px */
		}

		& .inner.single {
			padding: 4vw 0 8vw 0;

			& div.center h6 {
				font-size: 3.125vw;
				/* 10px */
			}

			& div.center p {
				font-size: 2.8125vw;
				/* 9px */
			}

			& figure {
				width: 90%;
			}
		}
	}

	& #box_wp_sp {
		width: 100%;
		padding-top: 0;
		margin-top: 12vw;

		& h4 {
			font-size: 3.75vw;
			/* 12px */
		}

		& ul.block_wrapper {
			width: 100%;
			padding-bottom: 0;
			flex-direction: column;
			gap: 4vw 0;
			margin-top: 4vw;

			& li {
				width: 100%;
				float: none;
				margin-right: 0;
				margin-bottom: 2vw;
			}

			& p.thumb {
				width: 100%;
			}

			& h5 {
				font-size: 3.75vw;
				/* 12px */
			}

			& p.file_type {
				font-size: 2.5vw;
				/* 8px */
			}

			& ul.wp_specs li {
				font-size: 3.125vw;
				/* 10px */
			}



			/*  */
		}


	}

	& #saver {

		& h4 img {
			width: 100%;
			position: static;
		}

		& div.screen_saver div.clearFix {
			width: 100%;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			gap: 0 4vw;
			margin-top: 6vw;

			& div.box_item {
				width: calc(50% - 4vw);
				float: none;
				margin-right: 0;

				& img {
					width: 100%;
					height: auto;
				}

				& h5 {
					font-size: 3.125vw;
					/* 10px */
				}

				& p {
					font-size: 3.125vw;
					/* 10px */
				}

			}
		}

	}

	& div.box_header_ss2 {
		padding: 0;
		padding-left: 0.4em;

		& h5 {
			font-size: 3.75vw;
			/* 12px */
		}

		& p {
			font-size: 3.125vw;
			/* 10px */
		}
	}

	& div.box_ss2_1block p.ss2_thumb {
		width: 88vw;
		/* height: calc(88vw * 0.5668934240362812); */
		height: auto;
		float: none;

		& img {
			width: calc(100% - 6px);
		}
	}

	& div.box_ss2_download_link {
		width: 100%;
		float: none;
		margin-top: 4vw;

		& h6 {
			font-size: 3.75vw;
			/* 12px */
		}

		& p {
			font-size: 3.125vw;
			/* 10px */
		}

	}

	& #saver2 {}

	/*  */

	/* /body.download */


	p.gotoPageTop a {
		right: 6vw;
	}


	/*  */

	/* f-files */
	body.f-files {

		& article#page_f-files {
			width: 100%;
			max-width: initial;
			max-width: auto;
			margin: 0;
			padding: 0 4vw 0 4vw;
		}

		& div#box_sub_ttl h2 {
			font-size: 4rem;
		}

		& dl#archive_list {
			display: block;
		}

		& dl#archive_list>dd {
			width: 100%;
			padding-bottom: 48px;
		}

		& dl#archive_list>dt {
			width: 100%;
			text-align: center;
			font-size: 3.6rem;
			line-height: 1.2;
			padding-top: 0.5em;
			padding-bottom: 0.3em;
		}

		& dl#archive_list>dd {
			padding-top: 2em;
			padding-bottom: 1em;
		}

		& dl#archive_list ul {
			display: block;
			width: 100%;

		}

		& dl#archive_list ul li {
			width: 100%;
			margin-right: 0;

		}

		& article#page_f-files div#nav_anchor {
			overflow: auto;
		}


		& article#page_f-files div#nav_anchor ul {
			flex-wrap: nowrap;
			justify-content: flex-start;
		}

	}

	/* /body.files */

	/*  */

	div#area_download_items div.clearFix,
	div#area_download_items div#box_expl,
	div#mainColumnAreaB {
		width: 100%;
	}

	div.box_2020_05_covid19 {
		margin-top: 8vw;
	}

	div#area_download_items div.box_2020_05_covid19+div.clearFix {
		display: flex;
		justify-content: space-between;

		& div.box_item {
			width: 30%;
			height: auto;
			float: none;
			padding: 2vw;
			margin: 0;

			& p.photo {
				height: auto;
			}
		}

	}

	/*  */

	div.box_item_selector {
		margin-top: 6vw;
	}

	div.box_item_selector ul {
		gap: 6vw 4vw;
	}

	div.box_item_selector ul li {
		width: calc(50% - 2vw);
		margin: 0;
	}

	div.box_item_selector ul li a {
		height: auto;
	}

	div.box_item_selector ul li a figcaption {
		font-size: 2.5vw;
		/* 8px */
	}

	div.box_item_selector ul li a img {
		height: auto;
	}

	#area_download_items p {
		font-size: 3.125vw;
		/* 10px */
	}

	/*  */

	div#area_download_items.logomark h5,
	div#area_download_items.poster h5,
	div#area_download_items.paper_craft h5 {
		font-size: 4.375vw;
		/* 14px */
		margin-top: 2em;
	}

	div#area_download_items.paper_craft h5+p {
		font-size: 3.75vw;
		/* 12px */
	}

	div.box_item a.box_download_pdf {
		width: 100%;
		border: none;
		padding: 0;
	}

	div.box_item a.box_download_pdf img {
		width: 10vw;
	}

	div.box_item img {
		width: 100%;
		height: auto;
	}


	/*  */

	#inner_main {
		width: 100%;
	}

	div.columnOneShot {
		width: 100%;
		overflow: hidden;
	}

	div.columnOneShot div.titleArea,
	p.shotPhoto {
		width: 100%;
	}

	div.columnOneShot div.titleArea {
		margin: 0;
	}

	p.shotPhoto img {
		width: 100%;
		height: auto;
	}

	div.textContainer {
		width: 100%;
	}

	body#page_fspot.one_shot_diary div.subInfoArea p,
	body#page_fspot.one_shot_diary div.subInfoArea,
	div.subInfoAreaThumbnail,
	div.subInfoAreaOneShot {
		width: 100%;
	}

}

/*2025-4-1 Wallpaper*/

#box_wp_phone_past {

	/*nest-stat*/
	ul.list_wp_phone_past {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

	}

	ul.list_wp_phone_past>li {
		margin-top: 32px;
		width: calc((100% - 32px) / 2);
	}

	ul.list_wp_phone_past h5 {
		font-size: 1.8rem;
		margin-top: 0.5em;
	}

	ul.list_wp_phone_past h5+p {
		margin-top: 0.3em;
	}

	ul.list_wp_phone_past p.thumb>img {
		height: 220px;
	}

	ul.list_wp_phone_past p.thumb>img:nth-of-type(2) {
		margin-left: 12px;
	}

	ul.list_wp_phone_past ul.wp_specs {
		margin-top: 0.9em;
		line-height: 1;
	}

	ul.list_wp_phone_past ul.wp_specs a {
		background-color: #222;
		color: #fff;
		padding: 0.8em 0 0.9em 0;
		display: block;
		width: 70%;
		border-radius: 4px;
		transition: 0.3s;
	}

	ul.list_wp_phone_past ul.wp_specs a:hover {
		opacity: 0.7;
	}

	ul.list_wp_phone_past ul.wp_specs>li {
		margin-top: 0.5em;
		text-align: center;
	}

	ul.list_wp_phone_past ul.wp_specs>li:nth-of-type(1)>a {
		background-color: #37a8ff;
	}


	/*nest-stat*/

}






@media screen and (max-width: 768px) {

	/*mq-start*/

	div#area_download_items ul.box_select_desktop_item {
		display: flex !important;
		flex-wrap: wrap;
		align-items: stretch !important;
		justify-content: space-between;
		padding: 0 !important;
		gap: 0 !important;
		overflow: hidden !important;
		border-color: #ccc !;
	}

	div#area_download_items ul.box_select_desktop_item li {
		display: block !important;
		text-align: center;
		box-sizing: border-box !important;
		width: 50% !important;
		margin: 0 !important;
		height: 4em;
	}

	div#area_download_items ul.box_select_desktop_item li:nth-of-type(1),
	div#area_download_items ul.box_select_desktop_item li:nth-of-type(2) {
		border-top: none !important;
	}

	div#area_download_items ul.box_select_desktop_item li:nth-of-type(3),
	div#area_download_items ul.box_select_desktop_item li:nth-of-type(4) {
		border-top: 1px solid #ccc !important;
	}

	div#area_download_items ul.box_select_desktop_item li:nth-of-type(2),
	div#area_download_items ul.box_select_desktop_item li:nth-of-type(4) {
		border-right: none !important;
	}

	div#area_download_items ul.box_select_desktop_item li:nth-of-type(1),
	div#area_download_items ul.box_select_desktop_item li:nth-of-type(3) {
		border-right: 1px solid #ccc !important;
	}



	div#area_download_items ul.box_select_desktop_item li a {
		width: 100% !important;
		height: 100% !important;
		text-decoration: none !important;
		display: flex !important;
		box-sizing: border-box;
		justify-content: center !important;
		align-items: center !important;
		border: none !;
	}


	div[id^="box_wp_"] {
		padding-top: 6vw !important;
	}

	#box_wp_pc .list_wp_pc>li>ul.btns {
		flex-wrap: wrap;
	}

	#box_wp_pc .list_wp_pc>li>ul.btns>li {
		width: 100%;
		margin-left: 0.7em;
		margin-left: 0;
		text-align: center;
		margin: 0.3em 0;
	}

	#box_wp_pc .list_wp_pc>li>ul.btns>li>a {
		display: block;
	}


	#box_wp_phone .list_wp_tablet li:not(.w) a>img {
		height: 50vw;
		width: auto !important;
	}

	#box_wp_phone .list_wp_tablet li,
	#box_wp_pc .list_wp_pc>li {
		width: calc((100% - 4vw) / 2);
		margin-top: 5vw;
	}

	#box_wp_tablet .list_wp_tablet {
		gap: 5vw 5vw;
	}

	/*過去スマホ壁紙*/
	#box_wp_phone_past {
		/*nest-start*/

		ul.list_wp_phone_past>li {
			margin-top: 8vw;
			width: calc((100% - 5vw) / 2);
		}

		ul.list_wp_phone_past p.thumb>img {
			height: 25vw;
		}

		ul.list_wp_phone_past ul.wp_specs a {
			width: 100%;
		}

		/*nest-end*/
	}


	div#box_a4_schedule_pdf h4 a {
		background-position: 0 0.5em;
	}


	/*mq-end*/

}

/* 260203 */

#box_main #box_f_files h3 {
	margin-top: 0;
	margin-left: 0;
}

/**/