@charset "utf-8";
/* CSS Document */
/* ## リンク色設定  ###################################################################################################### */

/************************************************************
【ホバー処理】IE8用パンクズ・タイトル用
*************************************************************/
#contents-area .topicpath ul li a:link{color:#0a50a1;text-decoration:none;}
#contents-area .topicpath ul li a:visited{color:#0a50a1;text-decoration:none;}
#contents-area .topicpath ul li a:hover{color:#FF8000;}
/************************************************************
【ホバー処理】共通／ページの先頭に戻る
*************************************************************/
#product-contents div.product-page-top .page-top a:link{color:#333333;text-decoration:none;}
#product-contents div.product-page-top .page-top a:hover{color:#333333;text-decoration:underline;}
#product-contents div.product-page-top .page-top a:visited{color:#333333;text-decoration:none;}
/************************************************************
【ホバー処理】共通／メインタブ
*************************************************************/
#main-contents .main-tab-menu ul li a:link{text-decoration:none;color:#666;}
#main-contents .main-tab-menu ul li a:visited{text-decoration:none;color:#666;}
#main-contents .main-tab-menu ul li a:hover{text-decoration:underline;color:#666;}
#main-contents .main-tab-menu ul li.act a:link{text-decoration:none;color:#fff;}
#main-contents .main-tab-menu ul li.act a:visited{text-decoration:none;color:#fff;}
#main-contents .main-tab-menu ul li.act a:hover{text-decoration:underline;color:#fff;}
/************************************************************
【ホバー処理】共通／フィルム・ケース／その他切り替えタブ／
*************************************************************/
#contents-body ul.page-navi li a:link{color: #333;text-decoration: none;background-color: #eeeeee; }
#contents-body ul.page-navi li a:hover{color: #333;text-decoration: none;background-color: #eeeeee;}
#contents-body ul.page-navi li a:hover span{color: #333;text-decoration:underline;}
#contents-body ul.page-navi li a:visited{color:#333;text-decoration:none;background-color: #eeeeee;}
#contents-body ul.page-navi li.cr a:link{color:#333;text-decoration:none;background-color: #fff;}
#contents-body ul.page-navi li.cr a:hover{color: #333;text-decoration:none;}
#contents-body ul.page-navi li.cr a:visited{color:#333;text-decoration:none;}
#contents-body ul.page-navi li.cr a:hover span{color: #333;text-decoration:underline;}
/************************************************************
【ホバー処理】／製品／ロールオーバー処理
*************************************************************/
ul#product-list li dl dd ul.category-box li a{display:block;}
ul#product-list li dl dd ul.category-box li a:link .prduct-name{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.category-box li a:visited .prduct-name{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.category-box li a:hover .prduct-name{color:#333; text-decoration:underline;}
ul#product-list li dl dd ul.category-box li a:link .prduct-kataban{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.category-box li a:visited .prduct-kataban{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.category-box li a:hover .prduct-kataban{color:#333; text-decoration:underline;}
ul#product-list li dl dd ul.category-box li a:link p{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.category-box li a:visited p{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.category-box li a:hover p{color:#333; text-decoration:underline;}
ul#product-list li dl dd ul.category-box li a ul.charm-list li{text-decoration:none;}
ul#product-list li dl dd ul.category-box li a:visited{}
ul#product-list li dl dd ul.category-box li a:hover{opacity:0.65;filter: alpha(opacity=65);}
/************************************************************
【ホバー処理】その他／製品／ロールオーバー処理
*************************************************************/
ul#product-list li dl dd ul.others-box li a{display:block;}
ul#product-list li dl dd ul.others-box li a:link .prduct-name{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.others-box li a:visited .prduct-name{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.others-box li a:hover .prduct-name{color:#333; text-decoration:underline;}
ul#product-list li dl dd ul.others-box li a:link .prduct-kataban{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.others-box li a:visited .prduct-kataban{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.others-box li a:hover .prduct-kataban{color:#333; text-decoration:underline;}
ul#product-list li dl dd ul.others-box li a:link p{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.others-box li a:visited p{color:#333; text-decoration:none;}
ul#product-list li dl dd ul.others-box li a:hover p{color:#333; text-decoration:underline;}
ul#product-list li dl dd ul.others-box li a ul.charm-list li{text-decoration:none;}
ul#product-list li dl dd ul.others-box li a:visited{}
ul#product-list li dl dd ul.others-box li a:hover{opacity:0.65;filter: alpha(opacity=65);}


/* ## PC Style  ###################################################################################################### */
#main-contents{
	width: 100%;
	padding: 0 0 0 10px;
	color: #333;
	float: left;
}

/****************************************
サブメニュー
*****************************************/
#sub-contents{
	float:right;
}

#sub-contents .bnr-box{
	width:220px;
}
#container .p-sub-area{
	float:right;
	margin-left:0;
}
/*****************************************
ヘッダーコンテンツ
*****************************************/
#header-contents{
	width: 700px;
}
#main-img{
	width: 100%;
	padding: 12px 0;
	text-align: center;
	overflow: hidden;
	/* [disabled]height: 125px; */
}
#main-img img{
	display: none;
}
#main-img img.act{
	display: inline-block;
}

/*****************************************
メインタブメニュー
*****************************************/
#main-contents .main-tab-menu{
	width: 100%;
	clear: both;
	height: 88px;
	padding: 0;
}
#main-contents .main-tab-menu ul{
	width: 100%;
	clear: both;
	margin: 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align:center;
}
#main-contents .main-tab-menu ul li{
	/* [disabled]width: 347px; */
	width: 33%;
	margin: 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li{
	vertical-align:bottom;
}
#main-contents .main-tab-menu ul li br{
	/* [disabled]display:none; */
}
#main-contents .main-tab-menu ul li h2{
	width:100%;
	border-bottom:1px #b9b9b9 solid;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li h2{
	width:100%;
	border-top:1px #b9b9b9 solid;
	border-bottom:none;
}
/* タブ左 */
#main-contents .main-tab-menu ul li.btn-left a {
	margin:0 6px 0 0;
}
/* タブ右 */
#main-contents .main-tab-menu ul li.btn-right a{
	margin: 0 0 0 0;
}
/* タブ真ん中（１個の場合） */
#main-contents .main-tab-menu ul li.btn-center a{
	margin: 0 6px 0 0;
}
/* タブ真ん中 左側（４個の場合） */
#main-contents .main-tab-menu ul li.btn-center-l a{
	margin: 0 6px 0 0;
}
/* タブ真ん中 右側（４個の場合） */
#main-contents .main-tab-menu ul li.btn-center-r a{
	margin: 0 6px 0 0;
}
#main-contents .main-tab-menu ul li a{
	padding: 16px 0 14px;
	display: block;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	background-color: #eeeeee;
	/* border-radius */
	border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #bababa;
	border-right-color: #bababa;
	border-left-color: #bababa;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li a{
	/* border-radius */
	border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	border-top:none;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #bababa;
	border-right-color: #bababa;
	border-left-color: #bababa;
	position: relative;
	z-index: 0;
}
#main-contents .main-tab-menu ul li.act a{
	color:#fff;
	background-color:#014099;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #3068a0;
	border-right-color: #3068a0;
	border-left-color: #3068a0;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.act a{
	color:#fff;
	background-color:#014099;
	border-bottom:none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #3068a0;
	border-right-color: #3068a0;
	border-left-color: #3068a0;
}
#main-contents .main-tab-menu ul li span{
	display:none;
}
#main-contents .main-tab-menu ul li em{
	font-weight: bold;
	font-size: 85%;
	font-style:normal;
}
#main-contents .main-tab-menu ul li.act span{
	display:block;
	text-align:center;
}
#main-contents .main-tab-menu ul li.btn-left.act span {
	margin: -7px 0 0 0;
}
#main-contents .main-tab-menu ul li.btn-center.act span{
	margin: -7px 0 0 0;
}
#main-contents .main-tab-menu ul li.btn-right.act span{
	margin: -7px 0 0 0;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.act span{
	padding:0;
	display:block;
	text-align:center;
	z-index:999;
}
#main-contents .main-tab-menu.footer ul li.act span img{
	vertical-align: bottom;
	margin-bottom: -3px;
}
#main-contents .main-tab-menu.footer ul li.act a em{
	display:none;
}
#main-contents .main-tab-menu ul li span{
	display:none;
}
/*****************************************
コンテンツボックス
*****************************************/

/*****************************************
フィルム・ケース・その他タブメニュー
*****************************************/
div.navi-box{
	height:40px;
}
div.navi-box-foot{
	height:68px;
}
.others-navi ul.page-navi{
	display:none;
}
#contents-body ul.page-navi{
	display:none;
}
#contents-body ul.page-navi.act{
	display:block;
}
#contents-body ul.page-navi{
	width: 100%;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	padding: 0;
	margin: 0 0 0 0;
	text-align: center;
}
#contents-body ul.foot{
	margin: 0 0 40px 0;
}
#contents-body ul.page-navi li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	margin: -1px 0 0 0;
	padding: 0 0.5%;
	position: relative;
	z-index: 1;
	/* [disabled]width:28%; */
	width:28%;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
}
#contents-body ul.page-navi li.cr{
	margin:0 0 -1px 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
}
#contents-body ul.foot li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	margin: 0 0 -1px 0;
	padding: 0 0.5%;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
}
#contents-body ul.foot li.cr{
	margin:-1px 0 0 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
}
#contents-body ul.page-navi li br{
	display:none;
}
#contents-body ul.page-navi li a{
	width: 100%;
	margin: 0 1px 0;
	padding: 2px 0 0 0;
	display: block;
	float: left;
	height: 46px;
	line-height: 46px;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	-o-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	text-align: center;
	font-size: 123.1%;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
	position: relative;
	z-index: 0;
}
#contents-body ul.foot li a{
	border-top:none;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
	/* border-radius */
	-moz-border-radius: 0 0 2px 2px ;
	-webkit-border-radius: 0 0 2px 2px / 0 0 2px 2px;
	-o-border-radius:  0 02px 2px / 0 0 2px 2px;
	-ms-border-radius:  0 0 2px 2px/ 0 0 2px 2px;
	border-radius:  0 0 2px 2px/  0 0 2px 2px;
	position: relative;
	z-index: 0;
}
#contents-body ul.foot li a{
	border-top:none;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
	position: relative;
	z-index: 0;
}
#contents-body ul.page-navi li a img{
	vertical-align:middle;
	margin:0 6px 0 0;
	width:14px;
	height:14px;
}
#contents-body ul.page-navi li a span{vertical-align:middle;}
#contents-body ul.page-navi li.cr a{
	background-color:#fff;
	border-top: solid 1px #bebebe;
	border-right: solid 1px #bebebe;
	border-left:  solid 1px #bebebe;
}
#contents-body ul.foot li.cr a{
	background-color:#fff;
	border-top:none;
	border-bottom: solid 1px #bebebe;
	border-right: solid 1px #bebebe;
	border-left:  solid 1px #bebebe;
}
/*****************************************
製品一覧エリア
*****************************************/
/*製品一覧メインエリア*/
#product-contents{
	width: 100%;
	clear: both;
	padding: 33px 0 70px;
	background-color: #FFF;
	/* border-radius */
	/*border-radius: 3px; */
	/*-webkit-border-radius: 3px; */
	/*-moz-border-radius: 3px; */
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	margin: 0 0 0 0;
	position: relative;
	z-index: 0;
	box-sizing: border-box;
}
/*カテゴリアンカーリンク*/
#product-contents ul.btn-category{
	width: 100%;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align:center;
}
#product-contents ul.btn-category li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 77%;
	margin: 0 0 8px;
	border: 1px solid #B5B5B5;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	position: relative;
	z-index: 0;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
	font-weight:bold;
}
#product-contents ul.btn-category li a{
	display: block;
	padding: 7px 12px 6px 12px;
	text-align:center;
}
#product-contents ul.btn-category li a span{
	vertical-align:middle;
}
#product-contents ul.btn-category li a:link{
	color:#30659e;
	text-decoration: none;
}
#product-contents ul.btn-category li a:visited{
	color:#30659e;
	text-decoration: none;
}
#product-contents ul.btn-category li a:hover{
	background-color: #f5ff75;
	text-decoration: none;
	color:#30659e;
}
/*****************************************
製品一覧リスト
*****************************************/
ul#product-list{
	width: 100%;
	padding: 20px 0 0 0;
}
ul#product-list li{
	clear:both;
}
ul#product-list li.others-category{
	margin-bottom: 4em;
}

ul#product-list li dl{
	width:100%;
}
ul#product-list li dl dt{
	width:100%;
	padding: 12px 0 10px 15px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	box-sizing:border-box;
}
ul#product-list li dl dt h3{
	font-size: 123.1%;
	line-height: 1;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: middle;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
}
ul#product-list li dl dt h3 span.others-txt{
	display:inline-block;
}
ul#product-list li dl dt p{
	font-size: 85%;
	line-height: 1;
	color: #fff;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D0D0D0;
	padding: 0 0 0 12px;
	margin: 0 0 0 13px;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
}
ul#product-list li dl dd{
	width: 100%;
	padding: 1em 0 0.5em 0;
}
ul#product-list li dl dd ul.category-box{
	width:100%;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box li{
	width: 22%;
	padding: 18px 1.5% 2em 1.5%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box li .photo{
	width:100%;
}
ul#product-list li dl dd ul.category-box li .photo img{
	width:100%;
	max-width:400px;
	height:auto;
}
ul#product-list li dl dd ul.category-box li .prduct-name{
	font-size: 77%;
	line-height: 1.3;
	padding: 5px 0 3px 0;
}
ul#product-list li dl dd ul.category-box li .prduct-kataban{
	font-size:138.5%;
	line-height:1.1;
	font-weight:bold;
}
ul#product-list li dl dd ul.category-box li .prduct-kataban span{
	font-size: 65%;
	line-height: 1.2;
}
ul#product-list li dl dd ul.category-box li ul.icn-list{
	width: 100%;
	padding: 0;
	margin: 6px -5px 0 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box li ul.icn-list li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 85%;
	width:48%;
	margin: 0 2% 3px 0;
	padding: 5px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
}
ul#product-list li dl dd ul.category-box li ul.icn-list li.wide{
	width:100%;
	box-sizing:border-box;
}
ul#product-list li dl dd ul.category-box li p{
	margin: 8px 0.5% 0;
	font-size: 85%;
	line-height: 1.5;
	color: #666;
}
ul#product-list li dl dd ul.category-box li ul.charm-list{
	border-top: dotted #b2b2b2 1px;
	padding: 10px 0 0 0;
	margin: 8px 0 0 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: left;
}
ul#product-list li dl dd ul.category-box li ul.charm-list li{
	padding: 0;
	margin: 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	width: 33.3%;
	text-align: center;
}
ul#product-list li dl dd ul.category-box li ul.charm-list li img{
	width:100%;
	height:auto;
	max-width:80px;
}
/*****************************************
ページの先頭に戻る
*****************************************/
#product-contents div.product-page-top{
	width: 660px;
	clear: both;
	padding: 5px 15px 0 0;
}
#product-contents div.product-page-top .page-top{
	width: 110px;
	font-size: 85%;
	display: block;
	padding: 5px 15px 5px 10px;
	margin: 0 0 35px 0;
	float: right;
	border: 1px solid #CCC;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border: 3px;/* Safari,Google Chrome用 */
	-moz-border-top: 3px;/* Firefox用 */
	background-image: url(/products/image/icnlink.png);
	background-repeat: no-repeat;
	background-position: right center;
	position: relative;
	z-index: 0;
}
#product-contents div.product-page-top .page-top a{
	display:block;
}
#footer-contents{
	clear:both;
	width: 100%;
}
/*****************************************
for PCバナーカルーセル
*****************************************/
#nav-box{
	width: 944px;
	clear: both;
	float: left;
	margin: 10px 0 20px 0;
	/* [disabled]display: none; */
}
/* 関連ページリンク */
#nav-box h4{
	width: 100%;
	padding: 8px 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #828282;
	margin: 0 0 12px;
}
#nav-box h4 span{
	padding: 0 0 0 10px;
	font-size: 123.1%;
	line-height: 1.2;
	font-weight: bold;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #555555;
	display: block;
	margin: 0 0 0 3px;
}
#nav-box ul.bnr-link{
	width: 944px;
	float: left;
	clear: both;
	margin:0;
}
#nav-box ul.bnr-link li{
	width: 234px;
	float: left;
	margin: 0;
	padding: 0;
}
#nav-box ul.bnr-link li .img-box{
	display: block;
	width: 220px;
	padding: 6px;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #f0f0f0;
}
#nav-box ul.bnr-link li img{
	vertical-align: top;
	/* [disabled]border: 1px solid #D9D9D9; */
}

/*******************************************************************************
その他製品　メインタブ
*******************************************************************************/
#main-contents .main-tab-menu ul li a.air2 span {
	margin: -4px 0 0 35px;
}
#main-contents .main-tab-menu ul li a.mini3 span{
	margin: -4px 33px 0 0;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li a.air2 span{
	padding:0;
	display:block;
	text-align:center;
}
#main-contents .main-tab-menu.footer ul li a.mini3 span img{
	vertical-align:bottom;
	margin-bottom:-3px;
}
#list-headphone-mic-note{
    color: #ca3232;
    text-align: center;
    font-size: 93%;
    padding: 14px 10px 12px;
    margin: 10px 0 0;
    border: 1px solid #B5B5B5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/*******************************************************************************
その他製品 製品リスト
*******************************************************************************/
ul#product-list li dl dd ul.category-box.others-box{
	width: 100%;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	margin: 0.5em 1%;
}
ul#product-list li dl dd ul.category-box.others-box li{
	width: 100%;
	padding: 1em 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box.others-box li a{
	display: block;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box.others-box li .photo{
	width: 25%;
	padding: 0 3% 0 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box.others-box li .photo img{
	width:100%;
	height: auto;
}
ul#product-list li dl dd ul.category-box.others-box li .detail{
	width: 65%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box.others-box li .detail .prduct-name{
	font-size: 153.9%;
	line-height: 1.3;
	padding: 0.25em 0 0.5em 0;
	font-weight: bold;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
}
ul#product-list li dl dd ul.category-box.others-box li .detail .prduct-kataban{
	font-size: 153.9%;
	line-height: 1.1;
	font-weight: bold;
	font-family: Yu Gothic, YuGothic, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo;
	margin: 0 0 0.5em 0;
}
ul#product-list li dl dd ul.category-box.others-box li .detail .prduct-kataban span{
	font-size: 65%;
	line-height: 1.6;
}

ul#product-list li dl dd ul.category-box.others-box li .detail p{
	margin: 0.5em 0 0.5em;
	font-size: 100%;
	line-height: 1.8;
	color: #666;
}
ul#product-list li dl dd ul.category-box.others-box li .detail p em{
	display:block;
	font-size:85%;
	color:#B6050A;
}
ul#product-list li dl dd ul.category-box.others-box li .detail ul.charm-list{
	border-top: dotted #b2b2b2 1px;
	padding: 10px 0 0 0;
	margin: 8px 0 0 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: left;
}
ul#product-list li dl dd ul.category-box.others-box li .detail ul.charm-list li{
	padding: 0;
	margin: 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	width: 33.3%;
	text-align: center;
}
ul#product-list li dl dd ul.category-box.others-box li .detail ul.charm-list li img{
	width:100%;
	height:auto;
}
/*******************************************************************************
対応表リンク
*******************************************************************************/
.corress-box{
	margin: 0 0 1.75em;
	padding: 1.5em 0 0;
	width:100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	/* [disabled]display:none; */
	box-sizing:border-box;
}
.corress-box p.txt{
	text-align: center;
	color: #333;
	padding: 0 0 13px 0;
	font-weight: bold;
	font-family:Yu Gothic, YuGothic, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo;
}
.corress-box p.txt br{
	display:none;
}

.corres-navi{
	clear: both;
	padding: 8px 8px 0;
	margin: 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #F5F5F5;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: center;
	position: relative;
	z-index: 0;
}
.corres-navi div.btn{
	border: 1px solid #BABABA;
	width: 100%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 0 0 7px 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFF;
}
.corres-navi div.btn a{
	padding: 1.5% 0 1.25%;
	display: block;
	text-align: center;
}
.corres-navi div.btn a img{
	vertical-align:middle;
	margin:0 6px 0 0;
}
.corres-navi div.btn a span{
	vertical-align:middle;
}
.corres-navi div.btn a:link{color: #405392;text-decoration: none}
.corres-navi div.btn a:visited{color: #405392;text-decoration: none;}
.corres-navi div.btn a:hover{
	color: #405392;
	text-decoration: none;
	background-color:#f5ff75;
}

/**********************************************************
機種判別アイコン
***********************************************************/
ul#product-list li dl dd ul.category-box li ul.models-list{
	display:none;
}
ul#product-list li dl dd ul..others-box li ul.models-list{
	display:none;
	width: 205px;
	padding: 0;
	margin: 3px -5px 0 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul..others-box li ul.models-list li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 85%;
	width: 80px;
	margin: 0 3px 2px 0;
	padding: 4px 0 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	background-color: #717171;
}
ul#product-list li dl dd ul..others-box li ul.models-list li.ipm4{
	background-color: #717171;
}
ul#product-list li dl dd ul..others-box li ul.models-list li.wide{
	width: 200px;
}
/**********************************************************
機種判別アイコン　モデル別アイコン対応
***********************************************************/
ul#product-list li dl dd ul.category-box li ul.models-list.multiple{
	width: 100%;
	padding: 0;
	margin: 3px 0 0 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	display:inline-block;
}
ul#product-list li dl dd ul.category-box li ul.models-list.multiple li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 77%;
	line-height:1;
	width: 48%;
	padding: 0.75em 0 0.65em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	background-color: #333;
	margin:0;
	box-sizing:border-box;
}
ul#product-list li dl dd ul.category-box li ul.models-list.multiple li:nth-child(odd){
	margin: 0 2% 0 0;
}
/**********************************************************
その他ページ
***********************************************************/
.corress-box.ip8,
.corress-box.ip8plus,
.corress-box.ipx {
	display:block
}

/*
###########################################################################################################################
 ★これより下、レスポンシブ レイアウト★
###########################################################################################################################*/



 /* ## Tablet Style  ###################################################################################################### */
@media screen and (min-width: 500px) and (max-width: 799px){
#container{
	padding-right: 3.125%;
	padding-left: 3.125%;
}

/*****************************************
メインコンテンツ
*****************************************/
#main-contents{
	width: 98%;
	clear: both;
	float:none;
	margin: 0 auto;
	padding: 0;
	color: #333;
}
/*****************************************
ヘッダーコンテンツ
*****************************************/
#header-contents{
	width: 100%;
}
#main-img{
	width: 100%;
	padding: 1.5% 0 0 0;
	text-align: center;
	height:inherit;
}
#main-img img{
	width: 75%;
	height: auto;
	margin: 0 auto;
}

/*****************************************
メインタブメニュー
*****************************************/
#main-contents .main-tab-menu{
	width: 96%;
	clear: both;
	height: auto;
	margin: 0 2% 0;
}
#main-contents .main-tab-menu ul{
	width: 100%;
	clear: both;
	margin:0 0 6% 0;
	text-align:left;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
#main-contents .main-tab-menu ul li{
	width:49%;
	margin:0 0 5px 0;
	padding:0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
}
#main-contents .main-tab-menu ul li:nth-child(even){
	margin:0;
}
#main-contents .main-tab-menu ul li br{
	display:none;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li{
	vertical-align:bottom;
}
#main-contents .main-tab-menu ul li br{
}
#main-contents .main-tab-menu ul li h2{
	width:100%;
	padding:0;
	border-bottom:none;
	box-sizing:border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li h2{
	width:100%;
	padding:2em 0 0 0;
	border-top:none;
	box-sizing:border-box;
}
#main-contents .main-tab-menu.footer ul li.btn-left h2{
}
/* タブ左 */
#main-contents .main-tab-menu ul li.btn-left a {
	margin:0 2.5% 0 0;
}
/* タブ右 */
#main-contents .main-tab-menu ul li.btn-right a{
	margin:0 2.5% 0 0;
}
/* タブ真ん中（１個の場合） */
#main-contents .main-tab-menu ul li.btn-center a{
	margin: 0 2.5% 0 0;
}
/* タブ真ん中 左側（４個の場合） */
#main-contents .main-tab-menu ul li.btn-center-l a{
	margin: 0 2.5% 0 0;
}
/* タブ真ん中 右側（４個の場合） */
#main-contents .main-tab-menu ul li.btn-center-r a{
	margin: 0 2.5% 0 0;
}
#main-contents .main-tab-menu ul li a{
	padding: 1em 0 1em;
	display: block;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	background-color: #eeeeee;
	/* border-radius */
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border: solid 1px #bababa;
	box-sizing: border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li a{
	background-color: #eeeeee;
	/* border-radius */
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border: solid 1px #bababa;
	box-sizing: border-box;
}
#main-contents .main-tab-menu ul li.act a{
	color:#fff;
	background-color:#014099;
	border: solid 1px #3068a0;
	box-sizing:border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.act a{
	color:#fff;
	background-color:#014099;
	border: solid 1px #3068a0;
	box-sizing:border-box;
}
#main-contents .main-tab-menu ul li span{
	display:none;
}
#main-contents .main-tab-menu ul li em{
	display:none;
}
#main-contents .main-tab-menu ul li.act span{
	display:none;
	text-align:center;
}
#main-contents .main-tab-menu ul li.btn-left.cr span {
}
#main-contents .main-tab-menu ul li.btn-right.cr span{
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.act span{
	display:none;
	text-align:center;
}
#main-contents .main-tab-menu.footer ul li.act span img{
	vertical-align:bottom;
	margin-bottom:0;
}
/*****************************************
コンテンツボックス
*****************************************/

/*****************************************
フィルム・ケース・その他タブメニュー
*****************************************/
#contents-body ul.page-navi{
	width: 100%;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	padding: 0;
	margin: 0;
	text-align:center;
}
#contents-body ul.foot{
	margin: 0 0 2.5% 0;
}
#contents-body ul.page-navi li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	margin: -1px 0 0 0;
	padding: 0 0;
	box-sizing: border-box;
	width: 32%;
}
#contents-body ul.page-navi li.cr{
	margin:0 0 -1px 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
	box-sizing:border-box;
}
#contents-body ul.foot li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	margin: 0 0 -1px 0;
	padding: 0;
	border-top:none;
}
#contents-body ul.foot li.cr{
	margin:-1px 0 0 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
	border-top:none;
}
#contents-body ul.page-navi li br{
	display:none;
}
#contents-body ul.page-navi li a{
	width: 97%;
	margin:0;
	padding: 2px 0 0 0;
	display: inline-block;
	float:none;
	height: 38px;
	line-height: 38px;
	text-align:center;
	/* border-radius */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	border-radius: 3px 3px 0 0 / 3px 3px 0 0;
	font-size: 100%;
	font-weight: bold;
	border-top:solid 1px #BABABA;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
}
#contents-body ul.foot li a{
	border-top:none;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
	/* border-radius */
	-moz-border-radius: 0 0 3px 3px ;
	-webkit-border-radius: 0 0 3px 3px / 0 0 3px 3px;
	-o-border-radius:  0 03px 3px / 0 0 3px 3px;
	-ms-border-radius:  0 0 3px 3px/ 0 0 3px 3px;
	border-radius:  0 0 3px 3px/  0 0 3px 3px;
}
#contents-body ul.foot li a{
	border-top:none;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #BABABA;
	border-right-color: #BABABA;
	border-left-color: #BABABA;
}
#contents-body ul.page-navi li:nth-child(1n){

}
#contents-body ul.page-navi li:nth-child(2n){

}
#contents-body ul.page-navi li a img{
	vertical-align:middle;
	margin:0 6px 0 0;
	width:14px;
	height:14px;
}
#contents-body ul.page-navi li a span{vertical-align:middle;}
#contents-body ul.page-navi li.cr a{
	background-color:#fff;
	border-top: solid 1px #bebebe;
	border-right: solid 1px #bebebe;
	border-left:  solid 1px #bebebe;
}
#contents-body ul.foot li.cr a{
	background-color:#fff;
	border-top:none;
	border-bottom: solid 1px #bebebe;
	border-right: solid 1px #bebebe;
	border-left:  solid 1px #bebebe;
}
/*****************************************
製品一覧エリア
*****************************************/
/*製品一覧メインエリア*/
#product-contents{
	width: 100%;
	clear: both;
	margin: 0;
	padding: 3% 0 3%;
	background-color: #FFF;
	/* border-radius */
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	box-sizing: border-box;
}
/*カテゴリアンカーリンク*/
#product-contents ul.btn-category{
	width: 100%;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align:center;
}
#product-contents ul.btn-category li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 77%;
	margin: 0 0 8px;
	border: 1px solid #B5B5B5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#product-contents ul.btn-category li a{
	display: block;
	padding: 5px 8px 4px 8px;
	text-align:center;
}
#product-contents ul.btn-category li a span{
	vertical-align:middle;
}
#product-contents ul.btn-category li a:link{
	color:#30659e;
	text-decoration: none;
}
#product-contents ul.btn-category li a:visited{
	color:#30659e;
	text-decoration: none;
}
#product-contents ul.btn-category li a:hover{
	background-color: #f5ff75;
	text-decoration: none;
	color:#30659e;
}
/*****************************************
製品一覧リスト
*****************************************/
ul#product-list{
	width: 100%;
	padding: 10px 0 0 0;
}
ul#product-list li{
	clear:both;
}
ul#product-list li dl{
	width:100%;
}
ul#product-list li dl dt{
	width: 100%;
	padding: 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	box-sizing: border-box;
}
ul#product-list li dl dt h3{
	width: 100%;
	padding: 1.5% 0 1.5% 2%;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	font-size:123.1%;
	line-height:1;
	color:#fff;
	font-weight:bold;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
	box-sizing:border-box;
}
ul#product-list li dl dt h3 span.others-txt{
	display:inline-block;
}
ul#product-list li dl dt p{
	font-size: 93%;
	line-height:1.4;
	color: #666;
	width: 100%;
	padding: 2.5% 3% 0 3%;
	margin: 0 0 2% 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: middle;
	box-sizing:border-box;
	border:none;
}
ul#product-list li dl dd{
	width:100%;
	padding:0 0 0 0;
	box-sizing:border-box;
}
ul#product-list li dl dd ul.category-box{
	width:100%;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box li{
	width: 30%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box li .photo{
	width:100%;
}
ul#product-list li dl dd ul.category-box li .photo img{
	width:100%;
	height:auto;
}
ul#product-list li dl dd ul.category-box li .prduct-name{
	font-size: 77%;
	line-height: 1.3;
	padding: 5px 0 3px 0;
}
ul#product-list li dl dd ul.category-box li .prduct-kataban{
	font-size:138.5%;
	line-height:1.1;
	font-weight:bold;
}
ul#product-list li dl dd ul.category-box li .prduct-kataban span{
	font-size: 65%;
	line-height: 1.2;
}
ul#product-list li dl dd ul.category-box li ul.icn-list{
	width:100%;
	padding:0;
	margin:2% 0 0 0;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box li ul.icn-list li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 85%;
	width: 48.5%;
	margin: 0 0.5% 3px 0;
	padding: 5px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	box-sizing:border-box;
}
ul#product-list li dl dd ul.category-box li ul.icn-list li::nth-child(2n) {
}
ul#product-list li dl dd ul.category-box li ul.icn-list li.wide{
	width: 100%;
}
ul#product-list li dl dd ul.category-box li p{
	margin: 8px 0.5% 0;
	font-size: 85%;
	line-height: 1.5;
	color: #666;
}
ul#product-list li dl dd ul.category-box li ul.charm-list{
	width:97%;
	border-top: dotted #b2b2b2 1px;
	padding: 10px 0 0 0;
	margin: 8px 1.5% 0 ;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: left;
	box-sizing:border-box;
}
ul#product-list li dl dd ul.category-box li ul.charm-list li{
	padding: 0;
	margin: 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	width: 33.3%;
	text-align: center;
}
ul#product-list li dl dd ul.category-box li ul.charm-list li img{
	width:100%;
	height:auto;
	max-width:80px;
}

/*****************************************
ページの先頭に戻る
*****************************************/
#product-contents div.product-page-top{
	width:100%;
	clear:both;
	border: 1px solid #CCC;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border: 3px;/* Safari,Google Chrome用 */
	-moz-border-top: 3px;/* Firefox用 */
	margin: 10px auto 30px;
	padding:10px 0 8px;
}
#product-contents div.product-page-top .page-top{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	padding:0;
	margin:0;
	clear: both;
	text-align: center;
	font-size: 93%;
	background-image: url(/products/image/icnlink.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	border:none;
	float:none;
}
#product-contents div.product-page-top .page-top a{
	display:block;
}
/*****************************************
for tabletバナーカルーセル
*****************************************/
#nav-box{
	width:98%;
	margin:15px auto ;
}
/* 特徴の見出し */
#nav-box h4{
	width: 100%;
	padding: 8px 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #828282;
	margin: 0 0 10px;
}
#nav-box h4 span{
	padding: 0 0 0 1%;
	font-size: 123.1%;
	line-height: 1.2;
	font-weight: bold;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #555555;
	display: block;
	margin: 0 0 0 0.5%;
}
#nav-box ul.bnr-link{
	width:100%;
	margin:0 auto;
	height: auto;
	display:block;
}
#nav-box ul.bnr-link li{
	width:100%;
	display:block;
}
#nav-box ul.bnr-link li h2{
	font-size: 108%;
	line-height: 1.2;
	font-weight: bold;
	width:97%;
	padding: 7px 0 7px 2%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A5A5A5;
	margin: 0 0 10px 0;
}
#nav-box ul.bnr-link li h2 span{
	display: block;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #4777a3;
	padding: 0 0 0 7px;
}
#nav-box ul.bnr-link li .img-box{
	display: block;
	width: 94%;
	padding: 2%;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #f0f0f0;
}
#nav-box ul.bnr-link li img{
	width: 100%;
	display: block;
	height: auto;
	vertical-align: top;
	/* [disabled]border: 1px solid #D9D9D9; */
}
#nav-box ul.bnr-link li p{
	width: 96%;
	font-size: 85%;
	line-height: 1.4;
	color: #666;
	padding: 5px 2% 0;
}
/*******************************************************************************
その他製品　メインタブ
*******************************************************************************/
/*****************************************
フィルム・ケース・その他タブメニュー
*****************************************/
.others-navi div.navi-box{

}
.others-navi ul.page-navi{
	display:none;
}
#main-contents .main-tab-menu ul li a.air2 span {
	margin: -4px 0 0 35px;
}
#main-contents .main-tab-menu ul li a.mini3 span{
	margin: -4px 33px 0 0;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li a.air2 span{
	padding:0;
	display:block;
	text-align:center;
}
#main-contents .main-tab-menu.footer ul li a.mini3 span img{
	vertical-align:bottom;
	margin-bottom:-3px;
}
/*******************************************************************************
その他製品 製品リスト
*******************************************************************************/
ul#product-list li dl dd ul.category-box.others-box{
	width: 100%;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	margin: 5px 0 0 0;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box{
	width: 100%;
	padding: 2% 0 2% 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	box-sizing:border-box;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box a{
	display: block;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}

ul#product-list li dl dd ul.category-box.others-box li.series-box .photo{
	width: 35%;
	padding: 0 3% 0 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .photo img{
	width: 100%;
	height: auto;
	max-width:600px;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail{
	width: 62%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail .prduct-name{
	font-size: 85%;
	line-height: 1.4;
	padding: 0.5em 0 0.75em 0;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail .prduct-kataban{
	font-size:158.4%;
	line-height:1.1;
	font-weight:bold;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail .prduct-kataban span{
	font-size: 65%;
	line-height: 1.2;
}

ul#product-list li dl dd ul.category-box.others-box li.series-box .detail p em{
	display:block;
	font-size:85%;
	color:#B6050A;
}

/*******************************************************************************
対応表リンク
*******************************************************************************/
.corress-box{
	margin: 2.5% 2% 2.5%;
	padding: 2.5% 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	box-sizing: border-box;
}
.corress-box p.txt{
	text-align: center;
	color: #405392;
	padding: 0 0 1.8% 0;
	font-weight: bold;
}
.corress-box p.txt br{
	display:none;
}
.corres-navi{
	clear: both;
	padding: 1.2% 0 0.6%;
	margin: 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #F5F5F5;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: center;
	position: relative;
	z-index: 0;
}
.corres-navi div.btn{
	border: 1px solid #BABABA;
	width: 98%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-sizing: border-box;
	margin: 0 0.5% 0.6%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFF;
	position: relative;
	z-index: 0;
}
.corres-navi div.btn a{
	padding:3% 0 2.5%;
	display:block;
	text-align:center;
}
.corres-navi div.btn a img{
	vertical-align:middle;
	margin:0 6px 0 0;
}
.corres-navi div.btn a span{
	vertical-align:middle;
}
.corres-navi div.btn a:link{color: #405392;text-decoration: none}
.corres-navi div.btn a:visited{color: #405392;text-decoration: none;}
.corres-navi div.btn a:hover{
	color: #405392;
	text-decoration: none;
	background-color:#f5ff75;
}
}

/* SmartPhone Style  ###################################################################################################### */
@media screen and (max-width:500px){
#container{
	padding-right: 6.25%;
	padding-left: 6.25%;
}
/*****************************************
メインコンテンツ
*****************************************/
#main-contents{
	width: 98%;
	clear: both;
	margin: 0 1%;
	padding: 0;
	color: #333;
	float:none;
}
/*****************************************
ヘッダーコンテンツ
*****************************************/
#header-contents{
	width: 100%;
}
#main-img{
	/* [disabled]display:none; */
	width: 100%;
	padding: 3.5% 0 0;
}
#main-img{
	width:100%;
	height:auto;
	text-align:center;
	height:inherit;
}
#main-img img{
	width:90%;
	height:auto;
}

/*****************************************
メインタブメニュー
*****************************************/
#main-contents .main-tab-menu{
	width: 98%;
	clear: both;
	height: auto;
	margin: 0 1% 0;
}
#main-contents .main-tab-menu ul{
	width: 100%;
	clear: both;
	margin:0 0 6% 0;
	text-align:left;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
#main-contents .main-tab-menu ul li{
	width:50%;
	margin:0;
	padding:0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
}
#main-contents .main-tab-menu ul li:nth-child(even){
	margin:0;
}
#main-contents .main-tab-menu ul li br{
	/* [disabled]display:none; */
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li{
	vertical-align:bottom;
}
#main-contents .main-tab-menu ul li br{
}
#main-contents .main-tab-menu ul li h2{
	width:100%;
	padding:0;
	border-bottom:none;
	box-sizing:border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li h2{
	width:100%;
	padding:0;
	border-top:none;
	box-sizing:border-box;
}
#main-contents .main-tab-menu.footer ul li.btn-left h2{
}
/* タブ左 */
#main-contents .main-tab-menu ul li.btn-left a {
	margin:0 2% 2% 0;
}
/* タブ右 */
#main-contents .main-tab-menu ul li.btn-right a{
	margin: 0 2% 2% 0;
}
/* タブ真ん中（１個の場合） */
#main-contents .main-tab-menu ul li.btn-center a{
	margin: 0 0 2% 0;
}
/* タブ真ん中 左側（４個の場合） */
#main-contents .main-tab-menu ul li.btn-center-l a{
	margin: 0 0 2% 0;
}
/* タブ真ん中 右側（４個の場合） */
#main-contents .main-tab-menu ul li.btn-center-r a{
	margin: 0 2% 0 0;
}
#main-contents .main-tab-menu ul li a{
	padding: 0.7em 0 0.7em;
	display: block;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	background-color: #eeeeee;
	/* border-radius */
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border: solid 1px #bababa;
	box-sizing: border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li a{
	background-color: #eeeeee;
	/* border-radius */
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border: solid 1px #bababa;
	box-sizing: border-box;
}
#main-contents .main-tab-menu ul li.act a{
	color:#fff;
	background-color:#014099;
	border: solid 1px #3068a0;
	box-sizing:border-box;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.act a{
	color:#fff;
	background-color:#014099;
	border: solid 1px #3068a0;
	box-sizing:border-box;
}
#main-contents .main-tab-menu ul li span{
	display:none;
}
#main-contents .main-tab-menu ul li em{
	display:none;
}
#main-contents .main-tab-menu ul li.act span{
	display:none;
	text-align:center;
}
#main-contents .main-tab-menu ul li.btn-left.cr span {
}
#main-contents .main-tab-menu ul li.btn-right.cr span{
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li.act span{
	display:none;
	text-align:center;
}
#main-contents .main-tab-menu.footer ul li.act span img{
	vertical-align:bottom;
	margin-bottom:0;
}
/*****************************************
コンテンツボックス
*****************************************/

/*****************************************
フィルム・ケース・その他タブメニュー
*****************************************/
#contents-body ul.page-navi{
	width: 100%;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	padding: 0;
	margin: 2% 0 0 0;
	text-align:center;
}
#contents-body ul.foot{
	margin: 0 0 7% 0;
}
#contents-body ul.page-navi li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	margin: 0 0 0 0;
	padding: 0 0;
	box-sizing: border-box;
	width: 33.333%;
	float:none;
}
#contents-body ul.page-navi li.cr{
	margin:0 0 0 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
	box-sizing:border-box;
}
#contents-body ul.foot li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	margin: 0 0 0 0;
	padding: 0;
	float: none;
}
#contents-body ul.foot li.cr{
	margin:0 0 0 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:top;
}
#contents-body ul.page-navi li br{
	/* [disabled]display:none; */
}
#contents-body ul.page-navi li a{
	width: 100%;
	padding: 8% 0 7% 0;
	letter-spacing: normal; /* 文字間を通常に戻す */
	display: inline-block;
	text-align:center;
	/* border-radius */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	-o-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	border-radius: 2px 2px 0 0 / 2px 2px 0 0;
	font-size: 85%;
	font-weight: bold;
	border:solid 1px #BABABA;
	float:none;
	line-height:inherit;
	height:inherit;

}
#contents-body ul.foot li a{
	border:solid 1px #BABABA;
	/* border-radius */
	-moz-border-radius: 0 0 2px 2px ;
	-webkit-border-radius: 0 0 2px 2px / 0 0 2px 2px;
	-o-border-radius:  0 2px 2px / 0 0 2px 2px;
	-ms-border-radius:  0 0 2px 2px/ 0 0 2px 2px;
	border-radius:  0 0 2px 2px/  0 0 2px 2px;
}
#contents-body ul.foot li a{
	border:solid 1px #BABABA;
}
#contents-body ul.page-navi li:nth-child(1n){

}
#contents-body ul.page-navi li:nth-child(2n){

}
#contents-body ul.page-navi li:nth-child(3n){

}
#contents-body ul.page-navi li a img{
	display:none;
	vertical-align:middle;
	margin:0 0.25em 0 0;
	width:12%;
	height:auto;
	max-width:14px;
}
#contents-body ul.page-navi li a span{vertical-align:middle;}
#contents-body ul.page-navi li.cr a{
	background-color:#fff;
	border-bottom: solid 1px #fff;
}
#contents-body ul.foot li.cr a{
	background-color:#fff;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #ccc;
}
/*****************************************
製品一覧エリア
*****************************************/
/*製品一覧メインエリア*/
#product-contents{
	width: 100%;
	clear: both;
	margin: 0;
	padding: 4% 2% 3%;
	background-color: #FFF;
	/* border-radius */
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:none;
	margin: 0 0 0 0;
	box-sizing: border-box;
}
/*カテゴリアンカーリンク*/

#product-contents ul.btn-category{
	width: 100%;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: left;
}
#product-contents ul.btn-category li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 77%;
	margin: 0 0 8px;
	border: 1px solid #B5B5B5;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#product-contents ul.btn-category li a{
	display: block;
	padding: 5px 8px 4px 8px;
	text-align:center;
}
#product-contents ul.btn-category li a span{
	vertical-align:middle;
}
#product-contents ul.btn-category li a:link{
	color:#30659e;
	text-decoration: none;
}
#product-contents ul.btn-category li a:visited{
	color:#30659e;
	text-decoration: none;
}
#product-contents ul.btn-category li a:hover{
	background-color: #f5ff75;
	text-decoration: none;
	color:#30659e;
}
/*****************************************
製品一覧リスト
*****************************************/
ul#product-list{
	width: 100%;
	padding: 10px 0 0 0;
}
ul#product-list li{
	clear:both;
}
ul#product-list li dl{
	width:100%;
}
ul#product-list li dl dt{
	width: 100%;
	padding: 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	box-sizing: border-box;
}
ul#product-list li dl dt h3{
	width: 100%;
	padding: 3% 0 2.5% 3%;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	font-size: 123.1%;
	line-height: 1;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: middle;
	box-sizing: border-box;
}
ul#product-list li dl dt h3 span.others-txt{
	display:none;
}
ul#product-list li dl dt p{
	font-size: 93%;
	line-height:1.4;
	color: #666;
	width: 100%;
	padding: 2.5% 3% 0 3%;
	margin: 0 0 2% 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: middle;
	box-sizing:border-box;
	border:none;
}
ul#product-list li dl dd{
	width:100%;
	padding:0 0 0 0;
	box-sizing:border-box;
}
ul#product-list li dl dd ul.category-box{
	width:100%;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box li{
	width: 48%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}

ul#product-list li dl dd ul.category-box li:nth-child(odd){padding: 2% 0 3% 0; margin-right:2%;}
ul#product-list li dl dd ul.category-box li:nth-child(even){padding: 2% 0 5% 0; margin-left:2%;}
ul#product-list li dl dd ul.category-box li .photo{
	width:100%;
}
ul#product-list li dl dd ul.category-box li .photo img{
	width:100%;
	height:auto;
}
ul#product-list li dl dd ul.category-box li .prduct-name{
	font-size: 77%;
	line-height: 1.3;
	padding: 1% 0 3px 0;
}
ul#product-list li dl dd ul.category-box li .prduct-kataban{
	font-size: 123.1%;
	line-height: 1.1;
	font-weight: bold;
}
ul#product-list li dl dd ul.category-box li .prduct-kataban span{
	font-size: 65%;
	line-height: 1.2;
}
ul#product-list li dl dd ul.category-box li ul.icn-list{
	width: 100%;
	padding: 0;
	margin: 3% 0 0 0;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box li ul.icn-list li{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	text-align: center;
	font-size: 77%;
	width: 48.5%;
	margin: 0 0.5% 3px 0;
	padding: 5px 0;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	color: #fff;
	box-sizing: border-box;
}
ul#product-list li dl dd ul.category-box li ul.icn-list li::nth-child(2n) {
}
ul#product-list li dl dd ul.category-box li ul.icn-list li.wide{
	width: 100%;
}
ul#product-list li dl dd ul.category-box li p{
	margin: 1.5% 0.5% 0;
	font-size: 85%;
	line-height: 1.5;
	color: #666;
}
ul#product-list li dl dd ul.category-box li ul.charm-list{
	width:97%;
	border-top: dotted #b2b2b2 1px;
	padding: 3% 0 0 0;
	margin: 2.5% 1.5% 0 ;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: left;
	box-sizing:border-box;
}
ul#product-list li dl dd ul.category-box li ul.charm-list li{
	padding: 0;
	margin: 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	width: 33.3%;
	text-align: center;
}
ul#product-list li dl dd ul.category-box li ul.charm-list li img{
	width:100%;
	height:auto;
	max-width:80px;
}
/*****************************************
ページの先頭に戻る
*****************************************/
#product-contents div.product-page-top{
	width:100%;
	clear:both;
	border: 1px solid #CCC;
	border-radius: 3px;/* CSS3草案 */
	-webkit-border: 3px;/* Safari,Google Chrome用 */
	-moz-border-top: 3px;/* Firefox用 */
	margin: 10px auto 30px;
	padding:10px 0 8px;
}
#product-contents div.product-page-top .page-top{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	padding:0;
	margin:0;
	clear: both;
	text-align: center;
	font-size: 93%;
	background-image: url(/products/image/icnlink.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	border:none;
	float:none;
}
#product-contents div.product-page-top .page-top a{
	display:block;

}
/*****************************************
for sphoneバナーカルーセル
******************************************/
#nav-box{
	width:94%;
	margin:0 3%;
}
/* 特徴の見出し */
#nav-box h4{
	width: 100%;
	padding: 8px 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #828282;
	margin: 0 0 5px;
}
#nav-box h4 span{
	padding: 0 0 0 1.5%;
	font-size: 123.1%;
	line-height: 1.2;
	font-weight: bold;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #555555;
	display: block;
	margin: 0 0 0 0.5%;
}
#nav-box ul.bnr-link{
	width:100%;
	height: auto;
	display:block;
}
#nav-box ul.bnr-link li{
	width:100%;
	display:block;
}
#nav-box ul.bnr-link li h2{
	font-size: 108%;
	line-height: 1.2;
	font-weight: bold;
	width:97%;
	padding: 7px 0 7px 2%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A5A5A5;
	margin: 0 0 10px 0;
}
#nav-box ul.bnr-link li h2 span{
	display: block;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #4777a3;
	padding: 0 0 0 7px;
}
#nav-box ul.bnr-link li .img-box{
	display: block;
	width:94%;
	padding:2% ;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #f0f0f0;
}
#nav-box ul.bnr-link li img{
	width: 100%;
	display: block;
	height: auto;
	vertical-align: top;
	/* [disabled]border: 1px solid #D9D9D9; */
}
#nav-box ul.bnr-link li p{
	width: 96%;
	font-size: 85%;
	line-height: 1.4;
	color: #666;
	padding: 5px 2% 0;
}
/*******************************************************************************
その他製品　メインタブ
*******************************************************************************/
#main-contents .main-tab-menu ul li a.air2 span {
	margin: -4px 0 0 35px;
}
#main-contents .main-tab-menu ul li a.mini3 span{
	margin: -4px 33px 0 0;
}
/* フッタ */
#main-contents .main-tab-menu.footer ul li a.air2 span{
	padding:0;
	display:block;
	text-align:center;
}
#main-contents .main-tab-menu.footer ul li a.min3 span img{
	vertical-align:bottom;
	margin-bottom:-3px;
}
/*******************************************************************************
その他製品 製品リスト
*******************************************************************************/
ul#product-list li dl dd ul.category-box.others-box{
	width: 100%;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	margin: 5px 0 0 0;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box{
	width: 100%;
	padding: 2% 0 2% 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box a{
	display: block;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .photo{
	width: 100%;
	padding: 1.5% 0 0 0;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
	text-align:center;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .photo img{
	width: 100%;
	height: auto;
	max-width:500px;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail{
	width: 100%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: top;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail .prduct-name{
	font-size: 108%;
	line-height: 1.3;
	padding: 0.75em 0 0 0;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail .prduct-kataban{
	font-size: 146.5%;
	line-height: 1.1;
	font-weight: bold;
	margin: 0.5em 0;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail .prduct-kataban span{
	font-size: 65%;
	line-height: 1.2;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail p{
	margin: 0.5em 0 0;
	font-size: 93%;
	line-height: 1.6;
	color: #333;
}
ul#product-list li dl dd ul.category-box.others-box li.series-box .detail p em{
	display:block;
	font-size:85%;
	color:#B6050A;
}


/*******************************************************************************
対応表リンク
*******************************************************************************/
.corress-box{
	margin: 0 0 1em;
	padding: 2.5% 0 0;
	border-top: none;
	box-sizing: border-box;
}
.corress-box p.txt{
	text-align: center;
	color: #405392;
	padding: 0 0 1.8% 0;
	font-weight: bold;
	font-size: 85%;
	line-height: 1.4;
}
.corress-box p.txt br{
	display:block;
}
.corres-navi{
	clear: both;
	padding: 1.5% 0 0.5%;
	margin: 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #F5F5F5;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	text-align: center;
	position: relative;
	z-index: 0;
}
.corres-navi div.btn{
	border: 1px solid #BABABA;
	width: 97%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-sizing:border-box;
	margin: 0 1% 1%;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	background-color: #FFF;
	position: relative;
	z-index: 0;
}
.corres-navi div.btn a{
	padding:2% 0 2.5%;
	display:block;
	text-align:center;
}
.corres-navi div.btn a img{
	vertical-align:middle;
	margin:0 6px 0 0;
}
.corres-navi div.btn a span{
	vertical-align:middle;
}
.corres-navi div.btn a:link{color: #405392;text-decoration: none}
.corres-navi div.btn a:visited{color: #405392;text-decoration: none;}
.corres-navi div.btn a:hover{
	color: #405392;
	text-decoration: none;
	background-color:#f5ff75;
}
}


.none{
	display:none;
}


#main-contents .main-list-menu{
	display: none;
}
#main-contents .main-list-menu.act{
	display: block;
}
}










/****************************************
2018対応分
*****************************************/
#contents-area {
	width:100%;
}
#header-contents{
	width:100%;
}
#main-contents{
	margin:0;
	padding:0;
}
@media print, screen and (min-width: 40.625em){
#container{
	padding-right: 3.125%;
	padding-left: 3.125%;
}
}
@media print, screen and (min-width: 61.25em){
#container{
	padding-right: 0;
	padding-left: 0;
}
}
@media print, screen and (min-width: 80em){
#contents-area {
	width:100%;
}
}
@media print, screen and (min-width: 87.5em){
	#contents-area {
		width:100%;
	}
}
@media print, screen and (min-width: 96.875em){

}
@media print, screen and (min-width: 61.25em) {
  .is-sliding .p-sub-area__block {
    clear: both;
  }
}

/* 旧右カラム対応 */

#sphone-rmenu .accordion .accordion_head {
    background-position: 95% 335%;
}
#sphone-rmenu .accordion .selected {
    background-position: 95% -253%;
}

/* Float対応 */
#main-contents{
	float:none;
}


/* ページ切り替えナビゲーション調整（無効） */

.p-local-nav__item a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 12px;
  padding-bottom: 9px;
  padding-left: 14px;
  padding-right: 14px;
  line-height: 1.4;
  color: #333;
}

.p-local-nav--simple .p-local-nav__item a em{
	font-style:normal;
	font-size:85%;
	display:none;
}
.p-local-nav--simple .p-local-nav__item a .icn-new{
	font-size: 66%;
	display: block;
	vertical-align: middle;
	padding: 0.15em 0.5em 0.25em;
	margin: 0 0.5em;
	line-height: 1;
	border-radius: 2px;
	background-color: #AE060B;
	letter-spacing: -0.05em;
	color: #fff;
	word-break:keep-all;
}
@media print, screen and (max-width: 48em) {
	.p-local-nav--simple .p-local-nav__item a {
		font-size:85%;
		display:inline-block!important;
	}
	.p-local-nav--simple .p-local-nav__item br{
		display:inline-block;
	}
	.p-local-nav--simple .p-local-nav__item a em{
		display:inline-block;
	}
	.p-local-nav--simple .p-local-nav__item a .icn-new{
		display: inline-block;
	}

}
@media print, screen and (min-width: 48em) {
	.p-local-nav--simple .p-local-nav__item a {
	font-size: 108%;
	}

	.p-local-nav--simple .p-local-nav__item a em{
		display:inline-block;
	}
	.p-local-nav--simple .p-local-nav__item a .icn-new{
		display: inline-block;
	}
}
@media print, screen and (min-width: 80em) {
	.p-local-nav--simple .p-local-nav__item a {
	font-size: 116%;
	}

	.p-local-nav--simple .p-local-nav__item a em{
	display: inline-block;
	}
}
@media print, screen and (max-width: 48em) {
	#main-tab ul.p-local-nav li a{
		display:block;
		padding:1em 0;
		text-align:center;
	}
}
@media print, screen and (min-width: 48em) {
	#main-tab ul.p-local-nav li a{
		display:block;
		padding:15px 0;
		text-align:center;
	}
}
#main-tab .p-local-nav {
	margin-bottom: 20px;
}
#header-contents p.c-sentence{
	margin:0 0 20px 0;
}
@media print, screen and (min-width: 48em) {
#header-contents p.c-sentence{
	margin:0 1.25em 20px ;
}
}

.p-local-nav--simple .p-local-nav__item {
  display: table\9;
  height:auto !important;
}
@media print, screen and (min-width: 48em) {
  .p-local-nav--simple .p-local-nav__item {
    height:auto  !important;
  }
}

.p-local-nav--simple .p-local-nav__item a img.serch-old {
	vertical-align: middle;
}