/*
Theme Name: 柳井紙工V2
Description: オリジナルテーマ
Author: SPS
*/

@import url("editor-style.css");

/* ==================== レイアウト ==================== */

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 170%;
	margin: 0px;
	padding: 0px;
}

body,html{
	height: 100%;
}

p.clear{
	clear:both;
}

p.clear br{
	display:none;
}

#wrap{
	width:100%;
	height: auto;
	min-width: 1000px;
	overflow:hidden;
	position: relative;
	background:url(images/cont_back.jpg) top center repeat;
}

#main {
	padding-top:10px;
	padding-bottom:20px;
	min-height:800px;
}

#con_end,#footer{
	height:100px;
	clear:both;
}

#con_botom,
#con_end{
	font-size:0px;
}

#con_botom br,
#con_end br{
	display:none;
}

#con_botom{
	clear:both;
	height:0px;
	padding-bottom:20px;
}

/*横幅を一括統一*/
#main, section{
	width: 960px;
	margin:0 auto;
}


/* ==================== ヘッダー ==================== */
#header{
	background:url(images/heder_back_all.jpg) top left repeat-x;
	position:relative;
	z-index:20;
}

#header a,
#header a img{
	transition:0.5s;
}

#header a:hover img{
	opacity: 0.8;
}

#hed{
	height:110px;
	background:url(images/heder_back.png) 250px  center no-repeat;
	background-size:342px auto;
	display:flex;
	justify-content: space-between;
	/*align-items: flex-start;*/
	align-items: center;
}

#hed h1{
	width:218px;
}

#hed h1 img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	height:auto;
}

#hed h1 img.txt{
	margin-top:12px;
}

#hed_link{
	display:flex;
	align-items: center;
	justify-content: space-between;
	/* width:365px; */
	width:500px;
}

#hed_link a strong{
	display:none;
}

#hed_link .ico a{
	display:block;
	height:40px;
	width:40px;
	background:url(images/sns_ico.png) no-repeat left top;
}

#hed_link .instagram a{ background-position:-40px top;}
#hed_link .twitter a{ background-position:-80px top;}
#hed_link .youtube a{ background-position:-120px top;}

#hed_link .ico a:hover{ opacity: 0.8;}

/*20200129追加*/
.manniv{
	display:none;
}
.manniv_top .manniv{
	display:block;
	width: 78px;
	margin-left: 10px;
	margin-right: auto;
}
/*100周年画像*/
.manniv_top img.svganniv{
	width: 100%;
}
#hed.manniv_top{
	background:url(images/heder_back.png) 310px  center no-repeat;
	background-size:280px auto;
}

/* ==================== グローバルナビ ==================== */

#navi{
	height:50px;
	font-family:'Noto Sans JP';
	font-weight:400;
}

#navi li{
	position:relative;
	list-style-type: none;
}

#navi > ul > li{
	display:flex;
	justify-content: center;
	align-items: center;
}

#navi > ul > li > a{
	box-sizing:border-box;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	line-height:20px;
	font-size:12px;
	font-weight:300;
	height:40px;
	margin-bottom:10px;
	width:100%;
}

#navi > ul > li > a.now,
#navi > ul > li > a:hover{
	color:#FFFF99;
}

#navi > ul > li.home a.now,
#navi > ul > li.home a:hover{
	background-position:center bottom;
}

#navi > ul > li strong{
	display:block;
	font-size:16px;
	font-weight:500;
}

#navi ul.gchildren{
	display:none;
	min-width:100%;
	z-index:100;
}

#navi ul.gchildren li{
	width:auto;
}

#navi ul.gchildren li a{
	min-width:100%;
	box-sizing:border-box;
	display:block;
	height:30px;
	line-height:30px;
	padding-left:20px;
	padding-right:20px;
	white-space:nowrap;
	color:#000;
	font-size:12px;
}
#navi ul.gchildren li a{
	background-color:#FFF;
	text-decoration:none;
}

#navi ul.gchildren li a:hover {
	background-color:#E13A44;
	color:#FFF;
}

/* ==================== ローカルナビ ==================== */

#local_navi{
	float: left;
	width:220px;
}


/* ==================== テキストリンク一括指定 ==================== */


#local_navi a,
#product_navi a,
#paris_back a,
#product_left a,
#product_spec a,
#product_right a,
#breadcrumb a{
	color:#666;
	text-decoration:none;
}

#local_navi a,
#product_navi a,
#paris_back a{
	color:#333;
}

#local_navi a:hover,
#product_navi a:hover,
#paris_back a:hover,
#product_left a:hover,
#product_spec a:hover,
#product_right a:hover,
#breadcrumb a:hover{
	text-decoration:underline;
	color:#999;
}

#contents a{
	color:#575746;
}

#contents a:hover{
	color:#9D9D7F;
}

/* ==================== 製品ナビ ==================== */
#product_navi{
	width:235px;
	float:left;
	font-size:13px;
}

#product_navi.original{
	margin-top:12px;
}


#product_navi ul,
#product_navi dl,
#paris_back ul{
	list-style:none;
	font-family:'Noto Sans JP';
	font-weight:400;
}

#product_navi h1,
#product_navi h2{
	margin-left:10px;
	
}

#product_navi h1{
	margin-bottom:10px;
}

#product_navi h2{
	margin-top:1px;
	margin-bottom:8px;
}

#top_banner_list .stxt,
#product_navi .stxt{
	color:#808080;
}

#product_navi .stxt{
	border:solid 0px #FFF;
	background:url(images/form_txt.png) no-repeat left center;
	width:133px;
	height:16px;
	padding:2px 2px 2px 20px;
	margin-left:10px;
}

#product_navi form{
	margin-bottom:5px;
}

p.season_item,
p.all_season,
p.discontinued{
	background:url(images/si_lhb.png) no-repeat left top;
	height:14px;
	font-size:0px;
	position:relative;
}
p.all_season{
	background:url(images/as_lhb.png) no-repeat left top;
}

p.discontinued{
	background:url(images/de_lhb.png) no-repeat left top;
}

p.season_item br,
p.all_season br,
p.discontinued br{
	display:none;
}

ul.season_item,
ul.all_season,
ul.discontinued{
	padding-top:4px;
	border-radius:20px 0 0 0;
	border-top:#E00738 solid 1px;
	border-left:#E00738 solid 1px;
	padding-left:4px;
	width:229px;
	margin-bottom:20px;
	padding-bottom: 13px;
}
ul.all_season{ border-color:#484A9D;}
ul.discontinued{ border-color:#A2A2A2;}

ul.season_item dl,
ul.all_season dl,
ul.discontinued dl{
	*margin-top:-24px;
}

ul.season_item dt,
ul.all_season dt,
ul.discontinued dt,
ul.season_item li.one,
ul.all_season li.one,
ul.discontinued li.one{
	background:url(images/si_lb.jpg) repeat-x bottom left;
	padding:6px 0 6px 17px;
	line-height:20px;
	display:flex;
	align-items: flex-end;
	align-content: flex-end;
}

ul.all_season dt,
ul.all_season li.one{ background-image:url(images/as_lb.jpg);}

ul.discontinued dt,
ul.discontinued li.one{ background-image:url(images/de_lb.jpg);}


ul.season_item dt.end,
ul.all_season dt.end{
	background:none;
}

ul.season_item li.end,
ul.all_season li.end{
	background:none;
}


ul.season_item dd li,
ul.all_season dd li{
	padding-left:45px;
	height:29px;
	line-height:29px;
	background:url(images/si_lsb.jpg) repeat-x bottom left;
}

ul.season_item dd li a,
ul.all_season dd li a{
	display:block;
}


/* ==================== フッター ==================== */
#footer{
	background:url(images/footer_back.jpg) top center repeat-x;
	height:79px;
	position: relative;
	clear:both;
	color:#FFF;
}

#footer section{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: flex-end;
	padding-top:25px;
}

#footer p.left{
	line-height:1.2;
	font-size:14px;
}
#footer p.right{
	font-size:12px;
	line-height:100%;
}

#anchor_top{
	position:fixed;
	display:none;
	right:20px;
	bottom:120px;
	z-index:100;
	font-family:'Noto Sans JP';
}
#anchor_top a{
	text-decoration:none;
	display:flex;
	width:50px;
	height:50px;
	border-radius:100%;
	background-color:#E1093A;
	color:#FFF;
	flex-wrap: wrap;
	justify-content: center;
	font-size:14px;
	line-height:10px;
	align-items: center;
	transition: .3s;
}

#anchor_top a:hover{
	text-decoration:none;
	opacity:0.8;
}

#anchor_top a strong{
	display:block;
	font-size:20px;
	line-height:15px;
	width:100%;
	text-align:center;
}

/* ==================== パンくず ==================== */
#breadcrumb{
	font-size:12px;
	height:28px;
	line-height:28px;
	margin-bottom:12px;
	width:700px;
}
#breadcrumb li{
	list-style:none;
	float:left;
	margin-right:0.5em;
}

/* ==================== コンテンツ ==================== */

/*サイトシール*/
.siteseal_box{
	border:solid 1px #CCC;
	padding:10px;
	margin-top:20px;
	text-align:center;
}

/*トップページ*/
#top_img{
	width: 960px;
	min-width:100%;
	height:auto;
	min-height:380px;
	background:url(js/ajax-loader.gif) no-repeat center center #CCC;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin-top:40px;
}

#top_cont{
	margin-top:15px;
	float:left;
	width:750px;
}

#top_info{
	border-bottom:#F00 dashed 1px;
	font-size:12px;
	padding-left:13px;
	padding-bottom:13px;
}

#top_info h2{
	margin-bottom:10px;
}

#top_info ul{
	margin-left:15px;
	list-style:none;
	padding-top:5px;
}

#top_info li{
	background:url(images/top/top_topics_ico.png) left center no-repeat;
	padding-left:15px;
}
#top_info li img{
	vertical-align:middle;
	margin-left:5px;
}

#top_info a{
	text-decoration:none;
	color:#3F1000;
}
#top_info a:hover{
	text-decoration:underline;
	color:#AF8070;
}

#top_product_link{
	margin-top:15px;
}

#top_product_link ul{
	list-style:none;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#top_product_link li{
	width:185px;
	margin-bottom:5px;
}

#top_product_link li a{
	display:block;
	transition:0.5s;
}
#top_product_link li a:hover{
	opacity: 0.8;
}

#top_product_link img{
	width:100%;
	height:auto;
}

#top_event{
	margin-top:15px;
}

#top_event h2{
	margin-bottom:10px;
}

#top_event ul{
	list-style:none;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#top_event li{
	margin-bottom:10px;
}
#top_event li span{
	background:url(images/new_ico.png) no-repeat left top transparent;
	background-size:100% auto;
	width:71px;
	height:66px;
	display:block;
	text-indent:-9999px;
	margin-bottom:-66px;
	position:relative;
}

#top_event li a{
	display:block;
}

#top_event li img{
	width:244px;
	height:auto;
}

#top_event li a:hover,#top_banner_list li a:hover{
	filter:alpha(opacity=80);
	opacity: 0.8;
}

#top_banner_list{
	margin-top:15px;
	text-align:center;
}

#top_banner_list .facebook{
	margin-bottom:10px;
}

#top_banner_list ul{
	list-style:none;
}
#top_banner_list ul li{
	margin-bottom:12px;
}

#top_banner_list .stxt{
	border:solid 0px #FFF;
	background:url(images/top_form_txt.png) no-repeat left center;
	width:96px;
	height:16px;
	padding:2px 2px 2px 20px;
	margin-left:10px;
}

#top_banner_list form{
	margin-bottom:13px;
}

#top_banner_list .pdf_link{
	margin-top:12px;
}

#top_banner_list .newpari{
	text-align:center;
	background-color:#FFF;
	padding-top:10px;
	padding-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	border:solid 3px #DFD6C7;
	border-top-color:#FFF;
	border-left-color:#FFF;
	position:relative;
	font-family:'Noto Sans JP';
}

#top_banner_list .newpari::after,
#top_banner_list .newpari::before{
	position:absolute;
	display:block;
	content:'';
	background:url(images/top/top_pari.png) repeat-x center center;
	height:6px;
	width:100%;
}

#top_banner_list .newpari::before{
	top:-3px;
}

#top_banner_list .newpari::after{
	bottom:-6px;
}


#top_banner_list .newpari a{
	text-decoration:none;
	color:#660000;
}

#top_banner_list .newpari strong{
	display:block;
	line-height:18px;
	font-size:16px;
	margin-bottom:5px;
}
#top_banner_list .newpari span{
	font-size:14px;
}

#top_banner_list .newpari img{
	display:block;
	width:165px;
	height:auto;
	margin:0 auto;
}

#top_sns{
	display:flex;
	justify-content: space-between;
}

#top_sns > div{
	width:470px;
	height:400px;
	background:url(js/ajax-loader.gif) no-repeat center center;
}


#top_sns .twitter{
	overflow:auto;
}

#top_sns .fb_iframe_widget,
#top_sns .fb_iframe_widget span,
#top_sns .fb_iframe_widget iframe[style]{
	width: 100% !important;
}

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

#contents{
	width:660px;
	overflow:hidden;
	float:right;
	color: #333;
}

#contents.company,
#contents.library,
#contents.paris,
#contents.topics,
#contents.contact{
	width:650px;
	margin-top:40px;
}

#contents.original{
	margin-top:40px;
}

#contents.wrapping{
	margin-top:20px;
}

/*その他のページ*/
#local_navi{
	width:235px;
	float:left;
	font-size:12px;
	margin-top:40px;
}


#local_navi ul{
	list-style:none;
}

#local_navi h2{
	margin-left:10px;
	margin-bottom:8px;
}

#local_navi ul{
	margin-top:4px;
	padding-left:4px;
	padding-bottom:13px;
	width:229px;
	border-left:#484A9D solid 1px;
	font-family:'Noto Sans JP';
	font-weight:400;
}

#local_navi > ul:first-of-type{
	padding-top:4px;
	border-radius:20px 0 0 0;
	border-top:#484A9D solid 1px;
}

#local_navi dt,
#local_navi ul li{
	background: url("images/as_lb.jpg") repeat-x scroll left bottom transparent;
	padding: 6px 0 6px 17px;
	font-size: 13px;
	line-height:20px;
}

#local_navi ul li.bule a{
	color:#484A9D;
}

#local_navi ul li.bule a:hover{
	color:#8894FF;
}

#local_navi ul li.back{
   /* background:none;*/
	padding: 25px 0 4px 10px;
	font-weight:bold;
	color:#484A9D;
}

#local_navi dl{
	margin-top:-10px;
	border-left:#484A9D solid 1px;
	padding-left:4px;
}

#local_navi dl.m2{
	margin-top:0;
}

#local_navi dt{
	background: url("images/as_lb.jpg") repeat-x scroll left bottom transparent;
}

#local_navi dd ul{
	border-left:none;
	border-top:none;
	padding:0;
	margin:0;
}

#local_navi dd li{
	padding:0 0 0 50px;
	height:29px;
	line-height:29px;
	background:url(images/si_lsb.jpg) repeat-x bottom left;
}

#local_ssl{
	width:235px;
	margin-top:20px;
}

#local_ssl p{
	height:auto;
	background:none;
}

#local_ssl p br{
	display:inline;
}

#local_ssl p.cler br{
	display:none;
}

#office_map_box{
	margin-top:100px;
	/* height:192px; */
	height:auto;
	/* border:#CCC solid 1px; */
}

#office_map_box p{
	background:none;
}

#office_map_box img{
	border:#FFF solid 3px;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

/* ==================== 便利な販促用テンプレート ==================== */
#contents.dl_templates h1{
	background: url(css/img/h1_dl_back.jpg) repeat-x left top;
	line-height: 38px;
	color: #FFF;
	font-size: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}

#contents.dl_templates h2{
	padding-left:20px;
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}

#contents.dl_templates p{
	padding:0 20px;
	margin-bottom:20px;
}

#img_list ul,
#img_list_p ul{
	display: flex;
	flex-wrap: wrap;
}

#img_list_p2 li,
#img_list_p li,
#img_list li{
	list-style:none;
	margin:0 30px 20px 20px;
	text-align:center;
}

#img_list_p2 li{
	margin-left:40px;
}

#img_list_p2 li img,
#img_list_p li a,
#img_list li a{
	display:block;
	border:solid 1px #333;
	padding:5px;
	background-color:#DDD;
}

#img_list_p2 li img{
	margin:0 auto;
}

#img_list_p li a:hover,
#img_list li a:hover{
	border:solid 1px #CCC;
	background-color:#EEE;
}

#img_list_p2 li a{
	background:none;
	display:inline;
	padding:0;
	border:none;
	color:#100;
	text-decoration:underline;
	font-weight:bold;
}

#img_list_p2 li a:hover{
	color:#af8070;
	text-decoration:none;
}

#img_list_p2 li.cler,
#img_list_p li.cler,
#img_list li.cler{
	clear:both;
}



/* ==================== 新着情報 ==================== */
.newslist{
	border-bottom:#F29600 dashed 1px;
	padding-bottom:10px;
	margin-bottom:20px;
}

.newspost h3 span img{
	vertical-align:middle;
}

.prevnext {
    color: #8BC124;
    font-size: 14px;
    margin-top: 30px;
    overflow: hidden;
}
.prev {
    float: left;
    margin: 0;
}
.next {
    float: right;
    margin: 0;
}

/*パリ通信*/

#paris_sin{
	margin-top:20px;
}

#paris_sin p.left{
	padding-left:30px;
	float:left;
}

#paris_sin p.left img{
	padding:4px;
	background-color:#FFF;
	border:#CCC 1px solid;
}

#paris_sin p.left a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#paris_sin div.right{
	float:right;
	padding-right:30px;
	margin-top:90px;
	width:260px;
}

#paris_sin div.right p.title{
	font-weight:bold;
	font-size:14px;
}

#paris_sin div.right p.title a{
	text-decoration:none;
	color:#333;
}

#paris_sin div.right p.title a:hover{
	color:#999;
	text-decoration:underline;
}

#paris_profile{
	margin-top:50px;
	background-color:#FFF;
}

#paris_profile h2{
	margin:0;
	font-size:14px;
	margin-bottom:10px;
}

#paris_profile p{
	position:static;
	height:auto;
	font-size:11px;
	background-image:none;
	line-height:15px;
}
#paris_profile div.left{
	float:left;
	text-align:right;
	padding-left:10px;
}
#paris_profile div.right{
	width:125px;
	float:right;
	padding-right:5px;
}

#paris_back{
	width:235px;
}

#paris_back h2{
	margin:0 0 5px 0;
	background:url(images/library/paris_bico.png) right bottom no-repeat;
	padding-top:25px;
	line-height:13px;
}

#paris_back ul{
	border-left:none;
	margin:0;
	padding:0;
}
#paris_back ul li{
	background:none;
	padding:0;
	font-size: 12px;
	line-height:20px;
}

#contents div.newspost h3,
#contents div.paris h3{
	margin-left:38px;
	color:#5F5AA6;
}

#contents div.newspost h2,
#contents div.paris h2{
	background:url("images/library/h1_as_back.png") repeat-x scroll left bottom transparent;
	color:#5F5AA6;
	font-size: 16px;
	padding-bottom:3px;
	margin-bottom:20px;
}

#contents div.newspost h2 span,
#contents div.paris h2 span{
	background:url(images/news/h2_news.png) no-repeat left top;
	display:block;
	width:28px;
	height:51px;
	float:left;
	margin-top:-24px;
	margin-right:10px;
}

#contents div.paris h2 span{
	background:url(images/news/h2_paris.png) no-repeat left top;
}


/* ==================== ページ送りナビ ==================== */
.tablenav {
	color: #2583ad;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .tablenav .current {
	color: #00019b;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
	background-color:#FFF;
}

a.page-numbers:hover {
	color:white;
	background: #328ab2;
}

.tablenav .current {
	color: white;
	background: #328ab2;
	border-color: #328ab2;
	font-weight:bold;
}

.tablenav .next, .tablenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}

/*ラッピング*/
h1.wrapping{
	background:url(images/library/h1_as_back.png) repeat-x left bottom;
	color: #5F5AA6;
	font-size: 14px;
	font-weight: normal;
	height: 24px;
	line-height: 14px;
	padding-left: 15px;
	margin-top:20px;
}
p.wrapping{
	border:#E00738 solid 1px;
	padding:2px 5px;
	font-size:12px;
	line-height:20px;
	margin-bottom:10px;
	color:#E00738;
}
p.wrapping span{
	font-weight:bold;
	margin:0 5px;
}

div.list_box{
	float:left;
	margin-right:5px;
	margin-bottom:10px;
}
div.list_box span{
	display:block;
}
div.list_box span.li_img{
	background-color:#FFF;
	border:solid 1px #999;
}

div.list_box span.li_title{
	text-align:center;
	border:solid 1px #999;
	border-top:none;
	padding:2px 0;
	font-size:12px;
	line-height:24px;
	height:24px;
	width:159px;
	cursor:pointer;
	background-color:#FFDFAC;
}

div.list_box span.li_ssize{
	font-size:11px;
}

div.list_box span.new_ico{
	background: url("images/new_ico_s.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	height: 52px;
	margin-bottom: -52px;
	position: relative;
	text-indent: -9999px;
	width: 56px;
}

div.list_box a{
	text-decoration:none;
	color:#8F4700;
	display:block;
}
div.list_box a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.menpage{
	text-align:center;
	clear:both;
}

.pari_slider{
	margin-bottom:20px;
}

.pari_slider img{
	width:216px;
	height:162px;
	/*height:auto;*/
	object-fit: cover;
	object-position:center;
}

/* ==================== DLページ用 ==================== */

#img_list_p2.flexdl ul{
	display: flex;
	flex-wrap: row wrap;
	justify-content: flex-start;
}
#img_list_p2.flexdl ul li{
	margin: 0 30px 20px 20px;
}
#img_list_p2.flexdl div.dl_sel{
/*
	display: flex;
	flex-wrap: row wrap;
	justify-content: space-between;
*/
}
#img_list_p2.flexdl div.dl_sel div{
	width: 260px;
	margin-top: 10px;
}

#img_list_p2.flexdl li img {
	margin: 0;
}

/* ==================== 動画用レスポンシブ ==================== */
.resmovie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.resmovie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* ==================== デジタルブック用 ==================== */

.degpdf{
	width: 100%;
	display: flex;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
	flex-flow: row nowrap;
	margin: auto;
}

/* ==================== web展示用 ==================== */
.web_tenji p{
	margin: 1em auto;
}

.web_tenji .fbox_tenji{
	width:660px;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: center;
		align-content: flex-start;
		margin-bottom:30px;
}
.web_tenji .fbox_tenji a{
	margin-bottom:9px;
}
.web_tenji .link a:hover img{
	opacity: 0.7;
}

/* ==================== FSC ==================== */
.wrap-tab ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-bottom: 1em;
}
.wrap-tab p{
  margin: 0;
}
.wrap-tab{
  overflow: hidden;
}
.tab-radio{
  display: none;
}
.list-tab-label{
  display: flex;
  margin: 0 -2px;
  /* border-bottom: 3px solid #5bbee5; */
  border-bottom: 20px solid rgb(72, 73, 155);
}
.list-tab-label > li{
  margin: 0;
  width: 220px;
  text-align: center;
}
.list-tab-label li label{
  height: 90px;
  padding-left: 5px;
}
.list-tab-label li:not(:first-child){
  margin-left: -25px;
}
.list-tab-label li:not(:first-child) label{
/* margin-left: 5px; */
  padding-left:30px;
}

.tab-label{
  border-top-right-radius: 20px 20px;
  border: 3px solid rgb(72, 73, 155);
  border-bottom: none;
  display: block;
  padding: 0.5em 1em;
  color: rgb(72, 73, 155);
  background: #FFF;
  box-sizing: border-box;
  cursor: pointer;
}

#tab-radio3:checked ~ .list-tab-label #tab-label3,
#tab-radio1:checked ~ .list-tab-label #tab-label1,
#tab-radio2:checked ~ .list-tab-label #tab-label2{
  /* background: #5bbee5; */
  /* border-top-right-radius: 20px 20px; */
  background: rgb(72, 73, 155);
  color: #FFF;
}

.tab-content{
  display: none;
  /* padding: 1em;
  border-bottom: 1px solid #5bbee5;
  border-left: 1px solid #5bbee5;
  border-right: 1px solid #5bbee5; */
}

#tab-radio3:checked ~ .wrap-tab-content #tab-content3,
#tab-radio1:checked ~ .wrap-tab-content #tab-content1,
#tab-radio2:checked ~ .wrap-tab-content #tab-content2{
  display: block;
}

#tab-label3,
#tab-label1,
#tab-label2{
	font-size: 16px;
	font-weight: bold;
}

#tab-label3 .sm1,
#tab-label1 .sm1,
#tab-label2 .sm1{
	font-size: 14px;
	font-weight: normal;
}

#tab-label3 strong,
#tab-label1 strong,
#tab-label2 strong{
	font-size: 18px;
}

.cFSC p.m1{
background-color: #2c8e65;
color:#FFFFFF;
padding-left: 0.5em;
margin-bottom: 1.5em;
}
.cFSC p.m2{
background-color: #2c8e65;
color:#FFFFFF;
padding-left: 0.5em;
margin-top: 2em;
margin-bottom: 1.5em;
}

.cFSC th{
	padding: 2px 0px 2px 0px;
	text-align: center;
	background-color: #cdffc9;
	border: 1px solid #000000;
}
.cFSC td{
	text-align: center;
	border: 1px solid #000000;
	background-color: #ffffff;
}

.fan_PS{
  margin-top: 1em;
  display: block;
  /* padding: 1px; */
  border: #000 solid 1px;
}

.wbox{
background-color: #FFFFFF;
padding:2em;
border:1px solid #000000;
margin-top:2em;
}
#contents .wbox a:link{
color: blue;
}
#contents .wbox a:visited{
color: purple;
}

/* ==================== ローカルナビ矢印 ==================== */

.all_season dt,
.season_item dt {
position: relative;
}

.all_season dt:after,
.season_item dt:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin: -4px 0 0 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: transform 0.3s;
}

.all_season dt.listopen:after,
.season_item dt.listopen:after{
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

.season_item dt:after{
border-top: solid 2px #e82547;
border-right: solid 2px #e82547;
}

.all_season dt:after{
border-top: solid 2px #5b5eab;
border-right: solid 2px #5b5eab;
}

.navi_now dt:after{
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}

.navi_now dt.listopen:after{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* SNS用CSS */
.IG{
width: 100%;
height: 300px;
text-align: center;
margin-bottom: 1em;
}
.IIcon {
display: flex;
flex-direction: row;
align-items: center;
text-align: left;
margin: auto;
width: 175px;
height: 60px;
background: linear-gradient(87.1deg, #FFD522 -10.92%, #F1000B 48.02%, #B900B3 106.81%);
}
.IIcon svg{
width: 30px;
height: 30px;
margin: 15px;
}
.IIcon p{
color: #FFFFFF;
font-size: 1.0em;
font-weight: bold;
}
.Ilink{
opacity: 1.00;
}
.Ilink:hover{
opacity: 0.70;
}

.IG a{
width: 100%;
text-decoration: none;
}
.IG .Ibk{
background-color: #f5f6f7;
/* width: 155px; */
height: 220px;
padding: 10px;
margin: auto 8px auto 8px;
overflow-y: scroll;
}
#top_banner_list .IG ul{
width: 100%;
height: 220px;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
align-content: space-between;

}
#top_banner_list li.Iitem {
width: 100%;
/* height: 100%; */
padding-bottom: 10px;
margin-bottom: 0;
}
#top_banner_list li.Iitem:last-child {
margin-bottom: 0;
}
.Iitem a{
vertical-align: bottom;
display: inline-block;
width: 100%;
height: auto;
/* border: 3px solid #dfdfdf; */
box-shadow: 2px 3px 3px #c4c4c4,
3px 2px 3px #c4c4c4;
}
.Iitem img {
vertical-align: bottom;
width: 100%;
height: auto;
}

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

.IIcon {
width: 100%;
}
.IG .Ibk{
margin: auto;
/* width: 100%; */
}

}


/* スペックリスト */
/* 緑 */
#contents.excel{
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
/* color: rgba(0, 0, 0, 0); */
}
#contents.excel h1 {
margin-bottom: 25px;
}

.excel table {
    border-top: 1px solid #C4D79B;
    border-left: 1px solid #C4D79B;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
	
	/* 特殊ページの幅を例外的に100%に */
	width: 100%;
}
.excel th {
    border-right: 1px solid #C4D79B;
    color: #FFFFFF;
    background-color: #9BBB59;
    padding: 1em;
	line-height: 130%;
    text-align: center;
}
.excel tr:nth-child(1) {
    background: rgb(102, 213, 102);
}
.excel td {
    border-right: 1px solid #C4D79B;
    border-bottom: 1px solid #C4D79B;
    padding: 1em;
	line-height: 130%;
	/* white-space: nowrap; */
}
.excel tr {
    background-color: #EBF1DE;
}
.excel tr:nth-child(even) {
    background-color: #FFFFFF;
}
.excel tr td:nth-last-child(1),
.excel tr td:nth-last-child(2) {
white-space: normal;
}

table.excel {
	border-style:ridge;
	border-width:1px;
	border-collapse:collapse;
	font-family:sans-serif;
	font-size:12px;
}
table.excel thead th, table.excel tbody th {
	background:#CCCCCC;
	border-style:ridge;
	border-width:1px;
	text-align: center;
	/* vertical-align:bottom; */
	vertical-align:middle;
}
table.excel tbody th {
	text-align:center;
	width:20px;
}
table.excel tbody td {
	/* vertical-align:bottom; */
	vertical-align:middle;
}
table.excel tbody td {
    padding: 0.5em;
	line-height: 150%;
	border: 1px solid #C0C0C0;
}



/* table.excel tbody td:nth-child(3) {
	background-color: aqua;
}
table.excel tbody td:nth-last-child(10) {
	background-color: red;
} */