@charset "UTF-8";

/*web font*/
.wf-hannari { font-family: "Hannari"; }
.wf-kokoro { font-family: "Kokoro"; }
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }


ul{margin: 0; padding: 0;}

/*global*/
img, object, embed, video {max-width: 100%;}

.bx-viewport{}

section{display: block; overflow: hidden;}
section:after{clear: both;}
header{display: block; overflow: hidden; height: 76px;}
@media only screen and (max-width : 860px){
	header{height: 51px;}
}
table{border-collapse: collapse;}
nav{background-color: #ffffff; border-bottom: 1px solid #cccccc;}
.fixed {position: fixed; top: 0; width: 100%; z-index: 10000;}
.cent{text-align: center;}

.pagetop {position: fixed; bottom: -30px; right: 30px;}
.pagetop a { display: block; width: 80px; height: 50px; background-color: #888; border-radius: 4px 4px 0 0; text-align: center; color: #fff; font-size: 30px; text-decoration: none; line-height: 50px;}
.pagetop a:hover {opacity: 0.8;}
@media only screen and (max-width : 860px){
.pagetop a { display: block; width: 40px; height: 30px; background-color: #888; border-radius: 4px 4px 0 0; text-align: center; color: #fff; font-size: 15px; text-decoration: none; line-height: 30px;}
}

.hide-desktop {display: none;}
.hide-desktop2 {display: none;}
.hide-smartphone{display: block;}
.hide-smartphone2{display: block;}
@media only screen and (max-width : 860px){
	.hide-desktop {display: block;}
	.hide-smartphone{display: none;}
}
@media only screen and (max-width : 430px){
	.hide-desktop2 {display: block;}
	.hide-smartphone2{display: none;}
}


/*layout*/
#header-area {overflow: visible;}
.head-jyoudan{top:0px; display: block; overflow: hidden; position: fixed; width: 100%; background-color: #fff; z-index: 100; margin-bottom: 10px;}
@media only screen and (max-width : 860px){
	.head-jyoudan{height: 50px; box-shadow: 0px 1px rgba(0,0,0,0.3);}
}
.head-jyoudan ul{list-style: none; margin: 0; padding: 0;}
.grid{display: block; overflow: hidden; width: auto; max-width: 961px; margin-left: auto; margin-right: auto;}
.head-pc-right{}
.go-home{float:left; font-size: 90%; margin-top: 10px;}
.global{float:right; font-size: 80%; margin-top: 10px; margin-right: 5px;}
.global a, .go-home a{color:#4d4d62;}
.global ul li{float:left; margin-left: 10px;}
#navi-search input{vertical-align: middle; line-height: 1em; margin-top: -1px;}
#navi-contact{padding-left: 23px; background: url(../images/icon_contact.png) no-repeat scroll 0 6px;}
#navi-home{float:left; padding-left: 23px; background: url(../images/icon_home.png) no-repeat scroll 0 6px;}
#navi-lang, #navi-lang2{float:left; vertical-align: middle; line-height: 1em; margin-top: 3px; margin-left: 15px;}
h1.logo {float: left; height:39px; background: url(../images/logo_marumi_org.png) top center no-repeat; text-indent: -999em; margin-top: 5px; padding-top: 0px; padding-bottom: 16px; margin-bottom: 0px;}
h1.logo a{display: block; width: 203px; height: 39px; margin-left: auto; margin-right: auto;}
@media only screen and (max-width : 860px){
	h1.logo{background-size: 80%; margin-top: 8px; margin-left: 25px;}
}

.flexcontainer{display: flex;}
.flexitem{width: 100%; height: 51px; text-align: center;}


.jyoudan{display: flex;}
#content-area{margin-top: 92px;}
@media only screen and (max-width : 860px){
	#content-area{margin-top: 49px;}
}

.navi a{color: #4d4d62; font-size: 14px; background: url(../images/bg_white.png) repeat-x 100% 0; text-shadow: 1px 1px 1px #fff; text-decoration: none; letter-spacing: 0.05em;}
.navi a:hover{background-position: 100% -40px; color: #000; text-shadow: none;}
.linel{border-left: 1px solid #dbdbdb;}

/*header-right and sidemenu (for search)*/
.searchbar{float: right; margin-top: 24px; margin-left: 20px; background: #fff;}
@media only screen and (max-width : 860px){
	.searchbar{float: none; margin-top: 0; margin-left: 0; background: #fff;}
}


/*smartNavi*/
.smartNavi{display: none;}
@media only screen and (max-width : 860px){
	.smartNavi{display: block; float: right; height: 50px; width: 50px; background:transparent url(../images/icon_close.png) no-repeat scroll 0 0;}
	.smartNavi a img{max-width: initial;}
}


/*menu dropdown*/

.menu-container {top:51px; font: normal 13px Arial, sans-serif; line-height: 16px;}
.menu-container .menu{}
.menu-container .menu, .menu-container .menu ul li {margin: 0; padding: 0; border: none;}
.menu-container .menu ul li {float: left; margin: 0; padding: 0; font-size: 13px;}
.menu > ul > li a{padding:12px 5px;}
.menu > ul > li a:hover{color: #cc0000;}
.menu > ul > li > ul {background: #ffffff; border: 1px solid #ccc;}
.menu > ul > li > ul > li {width: 20%; min-height: 280px;}


.menu > ul > li > ul > li > ul > li > a {color: #111111; padding: 4px 5px 4px 20px; background: url(../images/arrow_off.png) no-repeat 5px 8px; font-weight: normal;}
.menu > ul > li > ul > li > ul > li > a:hover {color: #a32403; background: #efefef url(../images/arrow_on.png) no-repeat 5px 8px;}


.menu li a.lp{border-bottom: 2px solid #006898; font-size:0.9em; font-weight:bold; color: #000000; background-color: #e3e3e3; text-shadow:1px 1px 1px #ffffff; padding:5px 5px 5px 15px; margin-bottom:5px;}
.menu li a.pl{border-bottom: 2px solid #c70012; font-size:0.9em; font-weight:bold; color: #000000; background-color: #e3e3e3; text-shadow:1px 1px 1px #ffffff; padding:5px 5px 5px 15px; margin-bottom:5px;}
.menu li a.nd{border-bottom: 2px solid #008251; font-size:0.9em; font-weight:bold; color: #000000; background-color: #e3e3e3; text-shadow:1px 1px 1px #ffffff; padding:5px 5px 5px 15px; margin-bottom:5px;}
.menu li a.closs{border-bottom: 2px solid #e5c527; font-size:0.9em; font-weight:bold; color: #000000; background-color: #e3e3e3; text-shadow:1px 1px 1px #ffffff; padding:5px 5px 5px 15px; margin-bottom:5px;}
.menu li a.macro{border-bottom: 2px solid #dd9400; font-size:0.9em; font-weight:bold; color: #000000; background-color: #e3e3e3; text-shadow:1px 1px 1px #ffffff; padding:5px 5px 5px 15px; margin-bottom:5px;}
.menu li a.soft{border-bottom: 2px solid #009fd5; font-size:0.9em; font-weight:bold; color: #000000; background-color: #e3e3e3; text-shadow:1px 1px 1px #ffffff; padding:5px 5px 5px 15px; margin-bottom:5px;}
.menu li a.creation{border-bottom: 2px solid #000000; font-size:0.9em; font-weight:bold; color: #000000; background-color: #e3e3e3; text-shadow:1px 1px 1px #ffffff; padding:5px 5px 5px 15px; margin-bottom:5px;}
.menu li a.film{border-bottom: 2px solid #dcdcdc; font-size:0.9em; font-weight:bold; color: #000000; background-color: #e3e3e3; text-shadow:1px 1px 1px #ffffff; padding:5px 5px 5px 15px; margin-bottom:5px;}
.menu li a.cinema{border-bottom: 2px solid #000000; font-size:0.9em; font-weight:bold; color: #000000; background-color: #000000; text-shadow:1px 1px 1px #ffffff; padding:5px 5px 5px 15px; margin-bottom:5px; color: #ffffff;}

.menu li a.exus{border-bottom: 2px solid #9c7800; font-size:0.9em; font-weight:bold; color: #000000; background-color: #e3e3e3; text-shadow:1px 1px 1px #ffffff; padding:5px 5px 5px 15px; margin-bottom:5px;}
.menu li a.dhgs{border-bottom: 2px solid #63696e; font-size:0.9em; font-weight:bold; color: #000000; background-color: #e3e3e3; text-shadow:1px 1px 1px #ffffff; padding:5px 5px 5px 15px; margin-bottom:5px;}
.menu li a.dhg{border-bottom: 2px solid #a71e39; font-size:0.9em; font-weight:bold; color: #000000; background-color: #e3e3e3; text-shadow:1px 1px 1px #ffffff; padding:5px 5px 5px 15px; margin-bottom:5px;}
.menu li a.creation{border-bottom: 2px solid #000000; font-size:0.9em; font-weight:bold; color: #000000; background-color: #e3e3e3; text-shadow:1px 1px 1px #ffffff; padding:5px 5px 5px 15px; margin-bottom:5px;}
.menu li a.sq{border-bottom: 2px solid #43616f; font-size:0.9em; font-weight:bold; color: #000000; background-color: #e3e3e3; text-shadow:1px 1px 1px #ffffff; padding:5px 5px 5px 15px; margin-bottom:5px;}

.menu li a.ss{border-bottom: 2px solid #003279; font-size:0.9em; font-weight:bold; color: #000000; background-color: #e3e3e3; text-shadow:1px 1px 1px #ffffff; padding:5px 5px 5px 15px; margin-bottom:5px;}


.drop-icon{background: url(../images/drop-icon.png) no-repeat center right; }

/* accordion for smart phone sidemenu
------------------------------------- */
.accordion ul li {list-style: none; cursor:pointer; padding-left: 50px;}
.accordion .close{display: none;}

.accordion ul li.tenkai{background: url(../images/icon_plus_aco.png) no-repeat;}
.accordion ul li.tenkai_off{background: url(../images/icon_minus_aco.png) no-repeat;}
.accordion ul li.aco_level2{padding-left: 50px; font-size:90%;}
.accordion ul li.aco_level3{padding-left: 64px; font-size:90%;}

.accordion .sp_link2 table{width: 100%;}
.accordion .sp_link2 table td{height: 34px; width: 50%; background: #6e839b; border-left: 1px solid #fff; border-bottom: 1px solid #fff;}
.accordion .sp_link2 table td a{display: block; overflow: hidden; height: 34px; color: #fff; vertical-align: middle; background: #6e839b url(../images/icon_triangle_white.png) 15px 12px no-repeat; padding-left: 30px; padding-top: 5px; padding-bottom: 10px;}
.accordion .sp_link2 table td a:hover{color: #fff; text-decoration: none; background: #4c7aa8 url(../images/icon_triangle_white.png) 15px 12px no-repeat;}



/*footer*/
#footarea1{overflow: hidden; background-color: #ebebeb;}
hr.footline{height: 3px; border: none; margin: 0; background: url(../images/bg_footline.gif) repeat-x 0 0;}
.footer1 dl{float: left; overflow: hidden; width:300px; padding: 10px 20px 10px 0; margin: 0;}
.footer1 dl dt{font-size: 90%; letter-spacing: 0.1em; margin-bottom: 6px;}
.footer1 dl dt a{color: #4d4d4d;}
.footer1 dl dd{font-size: 85%; margin-left: 1em;}
.footer1 dl dd a{color: #7c7c82;}
#footarea2{clear: both;}
.footer2 ul{list-style: none; margin: 0; padding: 0;}
.footer2 ul li{float: left; font-size: 85%; padding: 5px 20px 4px 10px; background: url(../images/icon_footer.png) no-repeat scroll 0 10px;}
.footer2 ul li a{color: #808080;}
.sns-icon{display: block; overflow: hidden; float: right; margin-bottom: 0;}
.sns-icon img{margin-left: 5px;}
.copy{text-align: right; font-size: 70%; padding-top: 5px; margin: 0;}
@media only screen and (max-width : 860px){
	.footer1 dl {width: 100%; padding: 0;}
	.footer1 dl dt {width:50%; float: left; border-left: 1px solid #fff; border-bottom: 1px solid #fff; text-align: center; margin-bottom: 0;}
	.footer1 dl dt a{display: block; overflow: hidden; text-decoration: none; padding: 5px;}
	.footer1 dl dt a:hover{background-color: #cccccc;}
	.footer1 dl dd {display: none;}
	.footer2 ul{width: 60%;}
	.footer2 ul li{margin-left: 15px; padding-bottom: 0;}
	.sns-icon {display: none;}
	.sns-icon-sp img{margin: 10px;}
	.copy{clear: both; text-align: center; border-top: 1px solid #ccc;}
}

/*top page*/
/*.slidearea{clear: both; margin-top: 0;}*/
.slidearea{clear: both; margin-top: 16px;}
@media only screen and (max-width : 860px){
	.slidearea{margin-top: 0;}
	.slidearea h4{margin: 10px 0; color: #000;}
}
.bx-wrapper{width:1280px; border-bottom: 2px solid #cc0000;}
@media only screen and (max-width : 860px){
	.bx-wrapper{width:100%; max-width: 100%;}
	.bx-viewport{box-sizing: content-box;}
	.bx-viewport ul{margin: 0;}
}

h3.index-top{text-align: center; background-color: #efefef; margin: 0; padding: 10px; font-weight: normal; letter-spacing: 0.1em;}

.youto-pc{display: block; overflow: hidden; margin-bottom: 20px;}
@media only screen and (max-width : 860px){
	.youto-pc{display: none;}
}
.youto-pc ul{display: block; overflow: hidden; list-style: none; margin: 0; padding: 0;}
.youto-pc ul li{float: left; width: 33.33%; padding: 5px;}

.readmore a{display: block; overflow: hidden; width: 200px; color: #231815; font-size: 90%; text-decoration: none; border: 1px solid #9fa0a0; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding: 3px 0 2px 0;}
.readmore a:hover{background-color: #efefef;}
.readmore a span{color: #cc0000;}


/*smart-phone*/

/*div {*zoom: 1;}*/
div:after {display: block;content: "";clear: both;}
.js-tab {margin-bottom: 0;}
.js-tab > div {float:left; background:#666; color:#fff; text-align: center; padding:10px 0; cursor:pointer; font-size: 0.85rem;}
.js-tab > div.tab-products, .js-tab > div.tab-scene, .js-tab > div.tab-brand{width: 33.33%;}
.js-tab > div.active {background:#000;}
.js-tab_content {display:none; padding:0;}
.js-tab_content.active {display:none;}
@media only screen and (max-width : 860px){
	.js-tab > div{font-size: 0.8rem;}
	.js-tab_content.active{display: block}
}

.tab-products ul{list-style: none; margin: 0; padding: 0;}
.tab-products ul li{float: left; width: 33.33%; line-height: 0em;}
@media only screen and (max-width : 860px){
	.tab-products ul li{width: 50%;}
}
@media only screen and (max-width : 430px){
	.tab-products ul li{float: none; width: 100%; padding: 10px;}
}

/*scene smart-phone*/

.tab-scene{background: linear-gradient(#d6dae2, #ffffff)}
.tab-scene ul{list-style: none; margin: 0; padding: 0; border-top: 1px solid #d0d0d0;}
.tab-scene ul li{width: 33.33%; float: left; font-size: 0.9rem; border-left: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;}
.tab-scene ul li a{display: block; min-height: 70px; text-indent: -9999em; padding: 10px;}

#tabs-scene-sp li{background-color: #fff;}
.subindex-area{background-color: #fff;}
.subindex-area p{margin-bottom: 0;}
.subindex1 span{color: #ea7c2b; font-size: 1.5rem;}
.sub1comment{font-size: 0.8rem;}

#scene01-sp a{background: transparent url(../images/tab_scene_01_sp.png) no-repeat center center; background-size: contain;}
#scene02-sp a{background: transparent url(../images/tab_scene_02_sp.png) no-repeat center center; background-size: contain;}
#scene03-sp a{background: transparent url(../images/tab_scene_03_sp.png) no-repeat center center; background-size: contain;}
#scene04-sp a{background: transparent url(../images/tab_scene_04_sp.png) no-repeat center center; background-size: contain;}
#scene05-sp a{background: transparent url(../images/tab_scene_05_sp.png) no-repeat center center; background-size: contain;}
#scene06-sp a{background: transparent url(../images/tab_scene_06_sp.png) no-repeat center center; background-size: contain;}
#scene01-sp a:hover, #scene01-sp a.selected{background: transparent url(../images/tab_scene_01_sp_on.png) no-repeat center center; background-size: contain;}
#scene02-sp a:hover, #scene02-sp a.selected{background: transparent url(../images/tab_scene_02_sp_on.png) no-repeat center center; background-size: contain;}
#scene03-sp a:hover, #scene03-sp a.selected{background: transparent url(../images/tab_scene_03_sp_on.png) no-repeat center center; background-size: contain;}
#scene04-sp a:hover, #scene04-sp a.selected{background: transparent url(../images/tab_scene_04_sp_on.png) no-repeat center center; background-size: contain;}
#scene05-sp a:hover, #scene05-sp a.selected{background: transparent url(../images/tab_scene_05_sp_on.png) no-repeat center center; background-size: contain;}
#scene06-sp a:hover, #scene06-sp a.selected{background: transparent url(../images/tab_scene_06_sp_on.png) no-repeat center center; background-size: contain;}

#scn01, #scn02, #scn03, #scn04, #scn05, #scn06, #bnd01, #bnd02, #bnd03{clear: both; padding: 5px;}
#bnd001, #bnd002, #bnd003{display: block; overflow: hidden;}
.midashi1{font-size: 1.2rem; letter-spacing: 0.05em; color: #000;}
.setsumei-area{width: 60%; float: left;}
.setsumei-area2{width: 100%;}
.kaisetsu1{font-size: 0.8rem;}
.photo-area img{float: left; width: 130px;}
.seihin-area{clear: both; height: 190px;}
.seihin-area2{}
.seihin-area a.syousai-pl{display: block; overflow: hidden; height: 190px; text-indent: -9999em; background: transparent url(../images/img_fuukei_seihin.png) no-repeat top center; background-size: auto 190px;}
.seihin-area2 a.syousai-macro{display: block; overflow: hidden; height: 160px; text-indent: -9999em; background: transparent url(../images/img_scene_02_1.png) no-repeat top center; background-size: contain;}
.seihin-area2 a.syousai-macro2{display: block; overflow: hidden; height: 160px; text-indent: -9999em; background: transparent url(../images/img_scene_05_2.png) no-repeat top center; background-size: contain;}
.seihin-area2 a.syousai-macro3{display: block; overflow: hidden; height: 160px; text-indent: -9999em; background: transparent url(../images/img_scene_06_1.png) no-repeat top center; background-size: contain;}
.seihin-area2 a.syousai-soft{display: block; overflow: hidden; height: 160px; text-indent: -9999em; background: transparent url(../images/img_scene_02_2.png) no-repeat top center; background-size: contain;}
.seihin-area2 a.syousai-soft2{display: block; overflow: hidden; height: 160px; text-indent: -9999em; background: transparent url(../images/img_scene_05_1.png) no-repeat top center; background-size: contain;}
.seihin-area2 a.syousai-soft3{display: block; overflow: hidden; height: 160px; text-indent: -9999em; background: transparent url(../images/img_scene_06_2.png) no-repeat top center; background-size: contain;}
.seihin-area2 a.syousai-nd{display: block; overflow: hidden; height: 160px; text-indent: -9999em; background: transparent url(../images/img_scene_03_1.png) no-repeat top center; background-size: contain;}
.seihin-area2 a.syousai-cross{display: block; overflow: hidden; height: 160px; text-indent: -9999em; background: transparent url(../images/img_scene_03_2.png) no-repeat top center; background-size: contain;}
.seihin-area2 a.syousai-cross2{display: block; overflow: hidden; height: 300px; text-indent: -9999em; background: transparent url(../images/img_scene_04_1.png) no-repeat top center; background-size: contain;}

/*brand smart-phone*/
#tabs-brand-sp{display: flex; list-style: none; padding: 0; margin-bottom: 10px;}
#tabs-brand-sp li{width: 33.33%; justify-content: space-between; font-size: 1.1rem; text-align: center;}
#tabs-brand-sp a{display: block; overflow: hidden; color: #fff; text-decoration: none;}
#tabs-brand-sp li a span{font-size: 0.7rem;}
#brand01-sp a{color: #000; letter-spacing: 0.05em; border: 1px solid #ccc; border-bottom: 3px solid #9c7800; padding: 8px;}
#brand02-sp a{color: #000; letter-spacing: 0em; border: 1px solid #ccc; border-bottom: 3px solid #63696e; padding: 8px;}
#brand03-sp a{color: #000; letter-spacing: 0.05em; border: 1px solid #ccc; border-bottom: 3px solid #8a0023; padding: 8px;}
#brand01-sp a:hover, #brand01-sp a.selected{color: #fff; background: linear-gradient(#9c7800, #ae8b00)}
#brand02-sp a:hover, #brand02-sp a.selected{color: #fff; background: linear-gradient(#63696e, #7b858b)}
#brand03-sp a:hover, #brand03-sp a.selected{color: #fff; background: linear-gradient(#8a0023, #c0384d)}

/*top-seihin-list smartphone*/
.top-seihin-list{display: flex; list-style: none; padding: 0; margin-bottom: 10px;}
.top-seihin-list li{width: 33.33%; justify-content: space-between; font-size: 1.1rem; text-align: center;}
.top-seihin-list a{display: block; overflow: hidden; color: #fff; text-decoration: none;}

#bnd01{border-bottom: 1px dotted #ccc; padding-bottom: 20px;}
#bnd02{border-bottom: 1px dotted #ccc; padding-bottom: 20px; padding-top: 20px;}
#bnd03{border-bottom: 1px dotted #ccc; padding-bottom: 20px; padding-top: 20px;}

.setsumei-area3{}
.setsumei-area3 img{float: left;}
.setsumei-area3 p{float: left; text-align: center; font-size: 0.9rem; letter-spacing: 0.05em; margin-top: 5px;}
.seihin-area3 ul{list-style: none; padding: 0; clear: both;}
#img-exus1 li, #img-exus2 li, #img-dhgs li, #img-dhg li{display: block; overflow: hidden; float: left; font-size: 0.8rem; line-height: 1.1em;}
#img-exus1 li img{max-width: 100px; padding: 5px;}
#img-exus2 li img{max-width: 80px; padding: 5px;}
#img-dhgs li img{max-width: 100px; padding: 5px;}
#img-dhg li{min-height: 150px; padding: 3px;}
#img-dhg li img{max-width: 100px;}

/*for-PC ブランドから選ぶ/製品情報／総合カタログ*/
.item-flexible1{flex: 1;}
.item-fixed1{width: 600px;}

.pc-only-menu{float: left; width:600px;}
.top-brand{float: left; width: 300px; height: 300px; line-height: 0em; margin: 0; padding: 0;}
.top-link{float: left; width: 300px; line-height: 0em; margin: 0; padding: 0;}
@media only screen and (max-width :860px){
	.pc-only-menu{display: none;}
}


/* NEWS / COLUMN */
.news1, .column1{width: 98%; border: 1px solid #cccccc; margin: 1%; margin-bottom: 20px;}
/*.column2 ul{display: flex; list-style: none; justify-content: space-around; margin: 20px 0;}*/
.column2 ul li{float: left; list-style: none; margin: 20px 10px;}
@media only screen and (min-width : 860px){
	.news1{width: 100%; margin: 20px 0;}
	.column1{clear: both; width: 100%; margin: 20px 0;}
}
@media only screen and (max-width : 860px){
	.column2 ul li{margin: 10px 15px;}
}
.news1 h3{margin: 0; padding: 0; line-height: 1em;}
.news1 dl{margin: 0;}
.news1 dl dt{font-size: 90%; color: #333333; padding: 5px 0 0 10px; margin: 0;}
.news1 dl dt span{font-weight: bold; color: #ff0000;}
.news1 dl dd{font-size: 90%; color: #7c7c82; border-bottom: 1px dotted #d1d1d1; padding: 0 0 5px 10px; margin: 0;}
.index-news{height: 30px; text-indent: -999em; background: transparent url(../images/bg_top_title_news.png) no-repeat scroll 0 0;}
.index-column{height: 30px; text-indent: -999em; background: transparent url(../images/bg_top_title_column.png) no-repeat scroll 0 0;}
.go-rss{float: right; margin-top: -20px; margin-right: 10px;}
.go-list{float: right; margin-top: -20px; margin-right: 10px;}
.column1 p{font-size: 0.9rem; padding-left: 5px;}
/* catalog */
.catalog{margin: 10px;}
@media only screen and (min-width : 860px){
	.catalog{max-width: 33%; margin-left: auto; margin-right: auto;}
}


/**********************************************/
/*scene select tab*/ /*for pc*/
/**********************************************/
.scene-select{clear: both; width: 960px; border: 1px solid #d0d0d0; margin-bottom: 30px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d6dae2', endColorstr = '#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d6dae2', endColorstr = '#ffffff')";
background-image: -moz-linear-gradient(top, #d6dae2, #ffffff);
background-image: -ms-linear-gradient(top, #d6dae2, #ffffff);
background-image: -o-linear-gradient(top, #d6dae2, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#d6dae2), to(#ffffff));
background-image: -webkit-linear-gradient(top, #d6dae2, #ffffff);
background-image: linear-gradient(top, #d6dae2, #ffffff);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;	
}

.scene-head{height: 80px; text-align: center; background-color: #ffffff; padding-top: 25px; box-sizing: content-box;}
.scene-head p{color: rgb(102,102,128); letter-spacing: 0.1em; line-height: 0em; padding-top: 15px; margin: 0;}
#tabs-scene{width: 960px; overflow: hidden; zoom: 1; padding: 0; margin: 0;}
#tabs-scene li{float: left; width: 160px; height: 114px; list-style-type: none;}
#tabs-scene a{display: block; overflow: hidden; height: 114px; text-indent: -999em; z-index: 3;}
.scene-select .panel{width: 900px; padding: 20px 30px; overflow: hidden;}
.scene-select .panel a{display: block;}
.scene-select .panel a:hover{background-color: transparent;
-moz-box-shadow: 0px 0px 3px #666666;
-webkit-box-shadow: 0px 0px 3px #666666;
box-shadow: 0px 0px 3px #666666;

}
.catch img{margin-bottom: 15px;}
.catch p{color: #5f5f63; line-height: 1.9em; letter-spacing: 0.05em;}
.selected {}

#scene01 a{width: 160px; background: transparent url(../images/navi_scene_01.png) no-repeat scroll 0 0;}
#scene02 a{width: 160px; background: transparent url(../images/navi_scene_02.png) no-repeat scroll 0 0;}
#scene03 a{width: 160px; background: transparent url(../images/navi_scene_03.png) no-repeat scroll 0 0;}
#scene04 a{width: 160px; background: transparent url(../images/navi_scene_04.png) no-repeat scroll 0 0;}
#scene05 a{width: 160px; background: transparent url(../images/navi_scene_05.png) no-repeat scroll 0 0;}
#scene06 a{width: 158px; background: transparent url(../images/navi_scene_06.png) no-repeat scroll 0 0;}

#scene01 a:hover, #scene02 a:hover, #scene03 a:hover, #scene04 a:hover, #scene05 a:hover, #scene06 a:hover, #tabs-scene a.selected{background-position: 0px -115px;}

.scene-01-top{clear: both; width:960px; background: transparent url(../images/scene_01_top.jpg) no-repeat scroll 0 0; min-height: 280px; margin-top: 30px; margin-bottom: 30px;}
.scene-02-top{clear: both; width:960px; background: transparent url(../images/scene_02_top.jpg) no-repeat scroll 0 0; min-height: 277px; margin-top: 30px; margin-bottom: 20px;}
.scene-03-top{clear: both; width:960px; background: transparent url(../images/scene_03_top.jpg) no-repeat scroll 0 0; min-height: 277px; margin-top: 30px; margin-bottom: 20px;}
.scene-04-top{clear: both; width:960px; background: transparent url(../images/scene_04_top.jpg) no-repeat scroll 0 0; min-height: 268px; margin-top: 30px; margin-bottom: 20px;}
.scene-05-top{clear: both; width:960px; background: transparent url(../images/scene_05_top.jpg) no-repeat scroll 0 0; min-height: 277px; margin-top: 30px; margin-bottom: 20px;}
.scene-06-top{clear: both; width:960px; background: transparent url(../images/scene_06_top.jpg) no-repeat scroll 0 0; min-height: 277px; margin-top: 30px; margin-bottom: 20px;}
.scene-01-top p{font-size: 15px; letter-spacing: 0.1em; line-height: 2em; width:420px; padding-top: 160px; padding-left: 440px;}
.scene-02-top p{font-size: 15px; letter-spacing: 0.1em; line-height: 2em; width:370px; padding-top: 130px; padding-left: 590px;}
.scene-03-top p{font-size: 15px; letter-spacing: 0.1em; line-height: 2em; width:370px; padding-top: 100px; padding-left: 590px;}
.scene-04-top p{font-size: 15px; letter-spacing: 0.08em; line-height: 2em; width:350px; padding-top: 130px; padding-left: 620px;}
.scene-05-top p{font-size: 15px; letter-spacing: 0.1em; line-height: 2em; width:370px; padding-top: 130px; padding-left: 590px;}
.scene-06-top p{font-size: 15px; letter-spacing: 0.1em; line-height: 2em; width:370px; padding-top: 130px; padding-left: 590px;}

#tab01, #tab02, #tab03, #tab04, #tab05, #tab06{box-sizing: content-box;}

.list-scene{display: block; overflow: hidden;}
.list-scene ul{display: block; overflow:hidden;}
.list-scene ul li{width:300px; float:left; color:#7c7c82; border: 1px solid #cccccc; margin-bottom: 20px; margin-right: 20px;}
.list-scene ul li a{display: block; overflow: hidden; color:#7c7c82; text-decoration: none;}
.list-scene ul li a:hover{
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f2f2f2');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f2f2f2')";
background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -ms-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f2f2f2));
background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
background-image: linear-gradient(top, #ffffff, #f2f2f2);
}

.list-scene .lineup-scene01 h3.red{color:#000000; text-align: center; padding-bottom: 5px; margin: 10px 10px 20px 10px; border-bottom: 4px solid #cc0000;}
.list-scene .lineup-scene01 h3.orange{color:#000000; text-align: center; padding-bottom: 5px; margin: 10px 10px 20px 10px; border-bottom: 4px solid #df9603;}
.list-scene .lineup-scene01 h3.aqua{color:#000000; text-align: center; padding-bottom: 5px; margin: 10px 10px 20px 10px; border-bottom: 4px solid #00a1d7;}
.list-scene .lineup-scene01 h3.yellow{color:#000000; text-align: center; padding-bottom: 5px; margin: 10px 10px 20px 10px; border-bottom: 4px solid #ffdb52;}
.list-scene .lineup-scene01 h3.green{color:#000000; text-align: center; padding-bottom: 5px; margin: 10px 10px 20px 10px; border-bottom: 4px solid #008451;}
.list-scene .lineup-scene01 img.pack{display: block; overflow:hidden; margin-left: auto; margin-right: auto; width:275px;}
.list-scene .lineup-scene01 .list-block{font-size: 90%; letter-spacing: 0.1em; line-height: 1.7em; padding: 10px;}

.photo-compare{width:840px; margin-left: auto; margin-right: auto;}
.photo-compare-large{width:960px; margin-left: auto; margin-right: auto;}
.photo-compare-small{width:700px; margin-left: auto; margin-right: auto;}
.photo-compare h3, .photo-compare-large h3, .photo-compare-small h3{font-weight: normal; font-size: 24px; line-height: 1.4em; color:black; letter-spacing: 0.1em; margin: 0 10px 10px 0;}
.photo-compare h4{font-weight: bold; font-size: 18px; color:black; letter-spacing: 0.1em; margin: 10px 0;}
.photo-compare p, .photo-compare-small p{line-height: 1.8em; letter-spacing: 0.1em;}
.photo-compare .bx-wrapper{margin-bottom: 10px;}
.bg-img{background-color: #000000;}

.bx-pager a img {  
opacity: 0.5;  
filter: alpha(opacity=50); 
width:133px;  
}  
.bx-pager a.active img {  
opacity: 1;  
filter: alpha(opacity=100);
width:133px; 
} 

.nd-subindex h3{font-weight: normal; font-size: 24px; line-height: 1.3em; color:black; letter-spacing: 0.1em; margin: 0 10px 10px 0;}
.nd-subindex h3.nd-slow{background: transparent url(../images/nd_mark_slow.png) no-repeat scroll 0px 0px; min-height: 44px; padding-top: 13px; padding-left: 70px; box-sizing: content-box;}
.nd-subindex h3.nd-filter{background: transparent url(../images/nd_mark_filter.png) no-repeat scroll 0px 0px; min-height: 44px; padding-top: 0px; padding-left: 70px; letter-spacing: 0.03em;}
.nd-subindex h3.nd-try{background: transparent url(../images/nd_mark_try.png) no-repeat scroll 0px 0px; min-height: 44px; padding-top: 13px; padding-left: 70px;}
.nd-subindex h4{font-size: 85%; text-align: center; margin-top: 5px;}
.nd-subindex p.camera-set{text-align: center;}
.nd-subindex p.type-small{font-size: 80%;}
.nd-subindex p.camera-set span{font-size: 120%;}
.nd-index{display: flex;}
.nd-index ul{list-style: none; margin-bottom: 20px; margin-left: auto; margin-right: auto;}
.nd-index ul li{justify-content: center; float: left; text-align: center; line-height: 1.2em; padding: 10px; border-top: 1px solid #000000; border-left: 1px solid #000000; border-bottom: 1px solid #000000; background-color: #dcdddd;}
.nd-index ul li:last-child{border-right: 1px solid #000000;}
.nd-index ul li.here{border-left:5px solid #008239; background-color: #ffffff;}
.nd-index ul li a{color: #000000;}
.nd-index ul li span{font-size: 80%;}
.nd-hikaku ul li, .nd-kaisetsu ul li{float: left; list-style: none;}
.nd-kaisetsu ul li img.m-left{margin-left: 20px;}
.nd-speed{width: 860px; margin: 20px auto;}
.nd-speed-but{width: 300px; margin: 20px auto;}
@media only screen and (max-width : 860px){
	.nd-index ul li{width: 100%;}
	.nd-hikaku ul li{float: none; max-width: 240px; margin-left: auto; margin-right: auto;}
	.nd-subindex h3{font-size: 1.2rem;}
	.nd-speed{max-width: 100%;}
	.nd-speed-but{max-width: 100%;}
	.nd-kaisetsu ul li img.m-left{margin-left: 0;}
}

.kakudai{font-size: 90%; background: transparent url(../images/icon_kakudai.png) no-repeat scroll 0px 0px; padding-left:22px; margin: 0;}

#slider > .bg_img{width:100%; max-width: 100%; height: auto;}
#slider > .bg_img > ul > li > img{width:100%; max-width: 100%; height: auto;}

/**********************************************/
/*header*/
/**********************************************/
.head-all{background-position: center bottom; background-repeat: no-repeat; background-size: auto; border-bottom: 2px solid #cc0000; min-height: 90px; margin-top: 1px;}
.head-all h1{color: #5a5a72; font-size: 24px; font-weight: normal; letter-spacing: 0.05em; padding-top: 32px;}
#head-product{background-image: url(../images/head_product.png);}
#head-brand{background-image: url(../images/head_brand.png);}
#head-scene{background-image: url(../images/head_scene.png);}
#head-factory{background-image: url(../images/head_factory.png);}
#head-corporate{background-image: url(../images/head_corporate.png);}
#head-faq{background-image: url(../images/head_faq.png);}
#head-search{background-image: url(../images/head_search.png);}

@media only screen and (max-width : 860px){
	.head-all{background-position: right bottom; min-height: 60px;}	
	.head-all h1{font-size: 18px; padding-top: 18px; margin: 0;}
	#head-product{background-image: url(../images/head_product_sp.png);}
	#head-brand{background-image: url(../images/head_brand_sp.png);}
	#head-scene{background-image: url(../images/head_scene_sp.png);}
	#head-factory{background-image: url(../images/head_factory_sp.png);}
	#head-corporate{background-image: url(../images/head_corporate_sp.png);}
	#head-faq{background-image: url(../images/head_faq_sp.png);}
	#head-search{background-image: url(../images/head_search_sp.png);}
}

/**********************************************/
/*all contents*/
/**********************************************/
.gridContainer {margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; width: 100%; clear: none; float: none;}
@media only screen and (max-width : 860px){
	.gridContainer{width: 90.8666%; padding-left: 1.5666%; padding-right: 1.5666%; clear: none; float: none; margin-left: auto;}
}
.content1{padding-top:30px; padding-bottom: 30px;}
.content2{padding-top:0; padding-bottom: 30px;}
#contleft{width: 730px;clear: both; float: left;}
#contright{width: 200px; float: right;}
.contentgray{background-color: #e6e8eb; padding: 40px 0;}

#pankuzu {clear: both; overflow: hidden; color: #8e8d85;/* border-top: 1px solid #cccccc;*/}
#pankuzu p{width:960px; margin:0 auto; line-height: 1em; padding: 5px 0;}
#pankuzu span {font-size: 85%;}
#pankuzu a {color: #6594e9; font-size: 85%;}
@media only screen and (max-width : 860px){
	#pankuzu p{width: 100%; font-size: 90%;}
}

.index-black{height:40px; background: transparent url(../images/bg_index_black.png) no-repeat scroll 0 0; margin-bottom: 30px;}
.index-blue{height:40px; background: transparent url(../images/bg_index_blue.png) no-repeat scroll 0 0; margin-bottom: 30px;}
.index-red{height:40px; background: transparent url(../images/bg_index_red.png) no-repeat scroll 0 0; margin-bottom: 30px;}
.index-green{height:40px; background: transparent url(../images/bg_index_green.png) no-repeat scroll 0 0; margin-bottom: 30px;}
.index-cine{height:40px; background: transparent url(../images/bg_index_cine.png) no-repeat scroll 0 0; margin-bottom: 30px; margin-top: 30px;}
.index-black p, .index-blue p, .index-red p, .index-green p{color:#ffffff; font-size:18px; letter-spacing: 0.1em; padding-top: 8px; padding-left: 10px;}
.index-cine p{color:#ffffff; font-size:18px; letter-spacing: 0.1em; padding-top: 8px; padding-left: 50px;}
@media only screen and (max-width : 860px){
	.index-black p.fsmall, .index-blue p, .index-red p, .index-green p, index-cine p{font-size: 90%;}
	.index-cine{height: auto; min-height: 40px; background-repeat: repeat-y;}
}

.index2-red{height:30px; background: transparent url(../images/bg_index2_red.png) no-repeat scroll 0 3px; margin: 20px 0; border-bottom: 1px solid #b30012;}
.index2-black p, .index2-blue p, .index2-red p{font-size:18px; letter-spacing: 0.1em; padding-left: 15px;}
.index2-red span{font-size:80%; letter-spacing: 0em; margin-left: 2em;}/*for film head*/
@media only screen and (max-width : 860px){
	.index2-red{height: auto; min-height: 30px; margin: 10px 0;}
}

.allow{text-align: right; margin-right: 10px; margin-bottom: 10px; margin-top: 10px;}
.flexbox-cent{display: flex; justify-content: center;}

p.comment1{font-size: 90%; background: transparent url(../images/icon_comment1.png) no-repeat scroll 3px 7px; padding-left: 20px;}

img.icon-right{float:right; vertical-align:middle; padding-bottom:2px;}

.box-01{display: block; overflow: hidden;}
.box-01 img{display: block; overflow: hidden;}
.box-01 img.title{margin-bottom: 20px;}
.box-01 > .title-group{display: flex;}
.box-01 p{letter-spacing: 0.1em;}
.box-01 > .box-01-left{float:left; width:450px;}
.box-01 > .box-01-left2{float:left; width:320px;}
.box-01 > .box-01-left2 > img{width:255px; margin-left: auto; margin-right: auto;}
.box-01 > .box-01-left > .zu{float: left; margin-right: 10px;}
.box-01 > .box-01-right{float:left; width:300px;}
.box-01 > .box-01-right2{float:left; width:320px;}
.box-01 > .box-01-right2 > img{width:255px; margin-left: auto; margin-right: auto;}
.box-01 > .box-01-right > p{margin-left: 42px;}
@media only screen and (max-width : 860px){
	.box-01 img.title{margin-bottom: 10px;}
	.box-01 > .title-group{display: block;}
	.box-01 > .box-01-left{float: none; width: auto;}
	.box-01 > .box-01-left > img.zu{float: none;}
	.box-01 > .box-01-right > p{margin-left: 0;}
}

/*EXUS ND 2018.7.13*/
.box-02{padding: 20px;}
.box-02 img{display: block; overflow: hidden; margin-bottom: 20px;}
.box-02 dl{margin-left: 460px;}
.box-02 p{letter-spacing: 0.1em;}

.box-03{float: left; width:420px; margin-left: 20px; margin-top: 20px;}
.box-03 dl{margin-top: 20px; margin-bottom: 20px;}
.box-03 dl dt, .box-02 dl dt{font-size: 110%; letter-spacing: 0.1em; margin-bottom: 10px;}
.box-03 dl dd, .box-02 dl dd{letter-spacing: 0.05em; margin-left: 0;}

@media only screen and (max-width : 860px){
	.box-02{padding: 0;}
	.box-02 dl{margin-left: 0;}
	.box-03{max-width:100%; width: auto; margin-left: 0;}
}

/*Mobile end*/
.zeroMargin_mobile {margin-left: 0;}
.hide_mobile {display: none;}
/*}*//**end Mobile Layout**/


.scroll-table{overflow: auto; white-space: nowrap;}

@media only screen and (max-width : 860px){
	.scroll-table{overflow: auto; white-space: nowrap;}
	.yoko-scroll{margin: 0 0 10px 10px; font-size: 90%; color: #cc0000;}
}

/**********************************************/
/*news*/
/**********************************************/
.news-list{margin-top: 10px; border-top: 1px dotted #d1d1d1;}
.news-list dl{margin-top: 0;}
.news-list dl dt{font-size: 90%; color: #333333; padding: 5px 0 0 10px;}
.news-list dl dt span{font-weight: bold; color: #ff0000;}
.news-list dl dd{font-size: 90%; color: #7c7c82; border-bottom: 1px dotted #d1d1d1; padding: 0 0 5px 10px; margin: 0;}
.news-info table tr td{vertical-align: top;}
.news-info table tr td.td-haba{white-space: nowrap;}
.news-photo{}
.news-photo img{float: left; margin-right: 20px;}

/**********************************************/
/*column scene*/
/**********************************************/
.column-list{margin: 10px 0 30px 0; border-top: 1px dotted #d1d1d1;}
.column-list ul li{color: #333333; line-height: 2em; letter-spacing: 0.1em; padding: 5px 0 0 10px; border-bottom: 1px dotted #d1d1d1;}
.column-nd h4{color:#379a32; font-size: 120%; letter-spacing: 0.1em; margin-bottom: 10px;}
.column-nd p{letter-spacing: 0.1em;}

.scene-nd{margin-top: 20px;}
.scene-nd > table > th > a > img{width: 230px;}
.scene-nd table td{text-align: center;}
.scene-nd table td span{font-weight: bold; color: #000000;}

/**********************************************/
/*brand*/
/**********************************************/
.brand{display: block; overflow: hidden; padding-bottom: 10px; margin-bottom: 30px; border: 1px solid #cccccc;}
.brand-catch{float:left; margin: 30px 10px 20px 20px;}
.brand-catch p{margin: 20px 0; letter-spacing: 0.05em; line-height: 1.8em;}
.series-list{float:left; margin-top: 10px;}
.series-list ul li{float:left; padding-left: 15px; list-style: none; text-align: center; font-size: 90%; line-height: 1.1em; margin-bottom: 10px;}
.series-list ul li img.size01{width: 170px;}
.series-list ul li img.size02{width: 117px;}
.series-list ul li img.size03{width: 160px;}
.series-list ul li img.size04{width: 150px;}

/**********************************************/
/*marumi factory*/
/**********************************************/
.bxslider2{width:960px;}
.nagano{display: block; background: transparent url(../images/factory_01.png) no-repeat scroll center center; min-height: 318px; padding-top: 40px;}
.nagano p{width:467px; padding-top: 90px; padding-left: 100px; line-height: 1.8em; color: #7c7c82; letter-spacing: 0.1em; box-sizing: content-box;}
.nagano img, .nagano h4, .management img, .management h4{display: none;}
.craftmanship{padding-left: 100px;}
.craftman-text{float: right; max-width: 440px; margin-right: 50px;}
.craftman-text h4{margin: 0; font-size: 1.4rem; font-weight: normal; letter-spacing: 0.05em;}
.craftman-text p{line-height: 1.8em; color: #7c7c82; letter-spacing: 0.1em;}
.management{display: block; background: transparent url(../images/factory_03.png) no-repeat scroll center center; min-height: 366px; padding: 40px 0; margin: 30px 0;}
.management p{max-width:720px; padding-top: 50px; padding-left: 130px; line-height: 1.8em; color: #7c7c82; letter-spacing: 0.1em;text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);}
@media only screen and (max-width : 860px){
	.nagano{background: transparent url(../images/factory_01_sp.png) no-repeat scroll center center; background-size: contain; padding-top: 0;}
	.nagano p{width:100%; padding-top: 0; padding-left: 0; line-height: 1.7em; letter-spacing: 0.1em;}
	.nagano img, .nagano h4, .management img, .management h4{display: block;}
	.nagano h4{font-size:1.2rem; font-weight: normal; letter-spacing: 0.1em; margin: 10px 0 0 0; }
	.craftmanship{padding-left: 0;}
	.craftman-text{float: none; max-width: 100%; margin-right: 0;}
	.craftman-text h4{font-size: 1.2rem; font-weight: normal; letter-spacing: 0em; line-height: 1.7em;}
	.management{background: transparent url(../images/factory_03_sp.png) no-repeat scroll bottom center; padding: 0; margin: 10px 0; min-height: 400px;}
	.management h4{margin: 0; font-size: 1.2rem; font-weight: normal; letter-spacing: 0em; line-height: 1.7em;}
	.management p{padding: 0; line-height: 1.5em; color: #000000;}
}

/**********************************************/
/*corporate*/
/**********************************************/
.corporate{float: left;}
.corporate .message{margin-top:10px;}
.corporate p{max-width:640px; line-height: 1.8em; color: #7c7c82; letter-spacing: 0.1em;}
.fright{float: right;}
.fright::after{clear: both;}
@media only screen and (max-width : 860px){
	.corporate p{line-height: 1.5em; font-size: 90%; padding: 0 5px;}
	.fright{float: none;}
}
.gaiyou table{margin-left: auto; margin-right: auto; border-top: 1px dotted #cccccc;}
.gaiyou table th{width:140px; font-weight: normal; vertical-align: top; letter-spacing: 0.1em; border-bottom: 1px dotted #cccccc; padding: 10px; text-align: left;}
.gaiyou table td{vertical-align: top; letter-spacing: 0.1em; border-bottom: 1px dotted #cccccc; padding: 10px;}

.kiyaku{margin-top: 20px; line-height: 1.8em;}
.kiyaku dl{margin-top: 20px;}
.kiyaku dl dt{font-weight: bold; letter-spacing: 0.1em; margin-bottom: 5px;}
.kiyaku dl dd{margin-bottom: 15px; margin-left: 1em;}
.kiyaku dl dd ol{margin-left: 0em;}

.sitemap{float: left; width:450px; padding-left: 1em; margin-top:10px;}
.sitemap ul li{list-style-type: disc; line-height: 1.8em; margin-left: 1em;}

/**********************************************/
/*contact*/
/**********************************************/
.contact{padding: 0 1em;}
.contact p{margin: 0;}
.contact span{color: #ff0000;}
.contact table{width: 100%; border-collapse: collapse; border: 1px solid #cccccc;}
.contact table th{width: 200px; font-weight:normal; font-size: 90%; text-align: left; vertical-align: top; letter-spacing: 0.1em; border-bottom: 1px dotted #ffffff; background-color: #f5dbde; padding: 5px 10px;}
.contact table td{border-bottom: 1px dotted #cccccc; padding: 5px 10px;}
.contact input{border: 1px solid #dbdbdb;}
.contact .but-form{width:160px; margin-left: auto; margin-right: auto; margin-top: 20px;}
.contact .but-form2{width:240px; margin-left: auto; margin-right: auto; margin-top: 20px;}
.contact .but-form input, .contact .but-form2 input{font-size: 90%; padding: 3px 10px;}

/**********************************************/
/*faq*/
/**********************************************/
.faq-list h3{font-size:110%; letter-spacing: 0.1em; background-color: rgba(230,0,18,0.2); padding: 10px;}
.faq-list dl dt{clear:both; min-height:30px; /*background: transparent url(../images/bg_index2_red.png) no-repeat scroll 0 3px;*/ margin: 20px 0; border-bottom: 1px solid #b30012; font-size:18px; letter-spacing: 0.1em; padding-left: 25px; padding-top: 5px;}
.faq-list dl dd{padding-left: 25px; margin-left: 0;}
.faq-list dl.slidetoggle_fast_menu dt{display:block; cursor:pointer; background: transparent url("../images/icon_plus.png") left center no-repeat;}
.faq-list dl.slidetoggle_fast_menu dt.active{display:block; cursor:pointer; background: transparent url("../images/icon_minus.png") left center no-repeat;}
.faq-list dl.slidetoggle_fast_menu dd{display:none;}
.faq-list dl.slidetoggle_fast_menu dd ol{margin-left: 0px; padding-left: 30px;}
.faq-list dl.slidetoggle_fast_menu dd ol li{margin-bottom: 15px;}
@media only screen and (max-width : 860px){
	.faq-list dl.slidetoggle_fast_menu dd ol{padding-left: 0px;}
	.faq-list dl.slidetoggle_fast_menu dd ol li{margin-bottom: 5px;}
}

.faqbox0 img{float: left; margin-right: 15px;}
@media only screen and (max-width : 860px){
	.faqbox0 img{float: none;}
}

.faqbox1{float:left; border-right: 1px dashed #cccccc; padding-right:10px; box-sizing: content-box;}
.faqbox1 img{float: right; margin-left: 15px;}
.faqbox1 h4, .faqbox3 h4{color: #cc0000; font-size:110%; background: transparent url(../images/icon_sq12_red.png) left center no-repeat; padding-left:20px; margin-bottom:15px;}
@media only screen and (max-width : 860px){
	.faqbox1 img{float: none;}
}

.faqbox2{}
.faqbox2 img{float: right;}
.faqbox2 ul.waku-nd-gold li{float: left; list-style: none; color: #ffffff; background-color: #9d7a00; padding: 3px; margin-right: 10px; margin-bottom: 5px;}
.faqbox2 ol{padding-left: 20px;}
@media only screen and (max-width : 860px){
	.faqbox2 img{float: none;}
}

.faqbox3{float:left; box-sizing: content-box;}

h4.akafutoji{color: #cc0000; font-size:110%; background: transparent url(../images/icon_sq12_red.png) left center no-repeat; padding-left:20px; margin-bottom:15px;}
h4.nd-filter{color: #00561f; font-size:110%; padding-left:0px; margin-bottom:15px;}

p.faq-subindex{color:#000000; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 10px;}

.faqbox-kinou{float:left; width:440px; margin-bottom: 20px;}
.faqbox-kinou h4.yougo{color: #000000; font-weight: bold; font-size: 110%; line-height: 2em; border-bottom: 1px solid #333333; margin-bottom: 10px;}
.faqbox-kinou .catch{color: #000000; font-weight: bold; font-size: 90%; margin:5px 0;}
.ml-20{margin-left: 20px;}
.pr-20{padding-right: 20px;}
@media only screen and (max-width : 860px){
	.faqbox-kinou{float:none; width:auto; margin-bottom: 20px;}
	.ml-20{margin-left: 0;}
	.pr-20{padding-right: 0;}
}

.contact-link a{color: #515151;}
.contact-link img{float:left; margin-right: 10px; margin-top: 4px;}
.contact-link span{font-size:18px; letter-spacing: 0.1em;}

/**********************************************/
/*404*/
/**********************************************/
.notfound{display: block; background: transparent url(../images/404.png) no-repeat scroll center top;padding-top: 40px; margin-top: 40px; min-height: 327px;}
.notfound p{width:580px; padding-top: 50px; padding-left: 60px; line-height: 1.8em; color: #7c7c82; letter-spacing: 0.1em; border:}


/**********************************************/
/*Search result*/
/**********************************************/
.search-result{margin-top: 20px; line-height: 1.8em;}


/**********************************************/
/*marumi product*/
/**********************************************/
.product{margin-bottom: 30px;}
.thumb-product{}
.thumb-product ul{padding: 0;}
.thumb-product ul li{display: block; float: left; overflow: hidden; height:484px; width: 310px; margin-bottom: 20px;}
.thumb-product ul li a{color:#7c7c82;}
.thumb-product ul li a p{box-sizing: content-box; margin: 0;}
.thumb-product ul li p.type-a{font-size: 14px; width:270px; padding-top: 295px; padding-left: 22px;}
.thumb-product ul li p.type-b{font-size: 14px; width:270px; padding-top: 275px; padding-left: 22px;}
#pro01{background: transparent url(../images/product_thumb_01.png) no-repeat scroll 0 0; margin-right: 15px;}
#pro02{background: transparent url(../images/product_thumb_02.png) no-repeat scroll 0 0; margin-right: 15px;}
#pro03{background: transparent url(../images/product_thumb_03.png) no-repeat scroll 0 0;}
#pro04{background: transparent url(../images/product_thumb_04.png) no-repeat scroll 0 0; margin-right: 15px;}
#pro05{background: transparent url(../images/product_thumb_05.png) no-repeat scroll 0 0; margin-right: 15px;}
#pro06{background: transparent url(../images/product_thumb_06.png) no-repeat scroll 0 0;}

.lp-top{clear: both; width:960px; background: transparent url(../images/index_lp2.jpg) no-repeat scroll 0 0; min-height: 293px; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto;}
.lp-top p{color:#ffffff; font-size: 15px; text-shadow: 1px 1px 2px #000; letter-spacing: 0.13em; line-height: 2em; width:475px; padding-top: 140px; padding-left: 460px; box-sizing: content-box;}
.lp-top-mob{display: block; overflow: hidden; background: transparent url(../images/index_lp3.jpg) no-repeat scroll 0 0; background-size: cover;}
.lp-top-mob p{color: #fff; text-shadow:1px 0px 2px #3b3b3b; font-size: 1.2rem; line-height: 1.8em; margin: 30px 10px 40px 10px;}
.lp-top-mob-text p, .pl-top-mob-text p{font-size: 0.9rem; margin: 2px;}

.pl-top{clear: both; width:960px; background: transparent url(../images/index_pl.jpg) no-repeat scroll 0 0; min-height: 293px; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto;}
.pl-top p{color:#ffffff; font-size: 15px; text-shadow: 0px 0px 3px #000; letter-spacing: 0.13em; line-height: 1.8em; width:480px; padding-top: 110px; padding-left: 48px;}
.pl-top-mob{display: block; overflow: hidden; background: transparent url(../images/index_pl3.jpg) no-repeat scroll 0 0; background-size: cover;}
.pl-top-mob p{color: #fff; text-shadow:1px 0px 2px #3b3b3b; font-size: 1.2rem; line-height: 1.8em; margin: 30px 10px 40px 10px;}

.nd-top{clear: both; width:960px; background: transparent url(../images/index_nd.jpg) no-repeat scroll 0 0; min-height: 293px; margin-top: 30px; margin-bottom: 40px; margin-left: auto; margin-right: auto;}
.nd-top p{color:#ffffff; font-size: 15px; text-shadow: 0px 0px 3px #000; letter-spacing: 0.13em; line-height: 1.8em; width:480px; padding-top: 110px; padding-left: 48px;}

/*.nd-top-new{clear: both; width:840px; background: transparent url(../images/index_nd1.jpg) no-repeat scroll 0 0; min-height: 515px; margin-top: 30px; margin-bottom: 40px; margin-left: auto; margin-right: auto;}
.nd-top-new p{color:#ffffff; font-size: 15px; text-shadow: 0px 0px 3px #000; letter-spacing: 0.13em; line-height: 1.8em; width:480px; padding-top: 110px; padding-left: 48px;}*/

.nd-top-new2{width: 840px; margin-left: auto; margin-right: auto;}
.nd-top-new2 h3{font-weight: normal; font-size: 24px; line-height: 1.4em; color:black; letter-spacing: 0.1em; margin: 30px 10px 10px 0;}
.nd-top-new2 p{font-size: 1.05rem; line-height: 1.8em; letter-spacing: 0.1em;}
@media only screen and (max-width : 860px){
	.nd-top-new2{width: 100%;}
	.nd-top-new2 h3{font-size: 1.2em; margin: 10px 5px;}
	.nd-top-new2 p{line-height: 1.5em; padding: 0 5px;}
}

.nd-all{clear: both; width:960px; background: transparent url(../images/index_nd_all.jpg) no-repeat scroll 0 0; min-height: 293px; margin-top: 30px; margin-bottom: 40px; margin-left: auto; margin-right: auto;}
.nd-all p{color:#ffffff; font-size: 15px; text-shadow: 0px 0px 3px #000; letter-spacing: 0.13em; line-height: 1.8em; width:480px; padding-top: 110px; padding-left: 48px;}

.nd-all2{margin-top: 20px;}

.cross-top{clear: both; width:960px; background: transparent url(../images/index_cross.jpg) no-repeat scroll 0 0; min-height: 320px; margin-top: 30px; margin-bottom: 40px; margin-left: auto; margin-right: auto;}
.cross-top p{color:#ffffff; font-size: 15px; text-shadow: 0px 0px 3px #000; letter-spacing: 0.13em; line-height: 1.8em; width:480px; padding-top: 110px; padding-left: 48px;}
.cross-top-mob{display: block; overflow: hidden; background: transparent url(../images/index_cross3.jpg) no-repeat scroll 0 0; background-size: cover;}
.cross-top-mob p{color: #fff; text-shadow:1px 0px 2px #3b3b3b; font-size: 1.2rem; line-height: 1.8em; margin: 30px 10px 40px 10px;}

.macro-top{clear: both; width:960px; background: transparent url(../images/index_macro.jpg) no-repeat scroll 0 0; min-height: 293px; margin-top: 30px; margin-bottom: 40px; margin-left: auto; margin-right: auto;}
.macro-top p{color:#ffffff; font-size: 15px; text-shadow: 0px 0px 3px #000; letter-spacing: 0.13em; line-height: 1.8em; width:480px; padding-top: 110px; padding-left: 48px;}
.macro-top-mob{display: block; overflow: hidden; background: transparent url(../images/index_macro3.jpg) no-repeat scroll 0 0; background-size: cover;}
.macro-top-mob p{color: #fff; text-shadow:1px 0px 2px #3b3b3b; font-size: 1.2rem; line-height: 1.8em; margin: 30px 10px 40px 10px;}

.soft-top{clear: both; width:960px; background: transparent url(../images/index_soft.jpg) no-repeat scroll 0 0; min-height: 293px; margin-top: 30px; margin-bottom: 40px; margin-left: auto; margin-right: auto;}
.soft-top p{color:#ffffff; font-size: 15px; text-shadow: 0px 0px 3px #000; letter-spacing: 0.13em; line-height: 1.8em; width:480px; padding-top: 110px; padding-left: 48px;}
.soft-top-mob{display: block; overflow: hidden; background: transparent url(../images/index_soft_mob.jpg) no-repeat scroll 0 0; background-size: cover;}
.soft-top-mob p{color: #fff; text-shadow:1px 0px 2px #3b3b3b; font-size: 1.2rem; line-height: 1.8em; margin: 20px 10px 50px 10px;}

.sp-top{clear: both; width:960px; background: transparent url(../images/index_sp.jpg) no-repeat scroll 0 0; min-height: 293px; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto;}

@media only screen and (min-width : 860px){
	.lp-top-mob, .pl-top-mob, .macro-top-mob, .soft-top-mob, .cross-top-mob, .lp-top-mob-text, .pl-top-mob-text{display: none;}
}
@media only screen and (max-width : 860px){
	.lp-top, .pl-top, .macro-top, .soft-top, .cross-top{display: none;}
}

.list-product ul li{display: block; overflow: hidden; color:#7c7c82; border: 1px solid #cccccc; margin-bottom: 20px;}
.list-product ul li a{color:#7c7c82; text-decoration: none;}

.list-product .lineup-lp{}
.new-product{background: url(../images/icon_new_tri.png) no-repeat left top; padding-top: 35px;}
.maru-new{display: none;}
.list-product .lineup-lp img.pack, .list-product .lineup-nd img.pack{float: left; margin: 20px 0 20px 15px;}
.list-price table{clear: both;}
.list-price th{font-size:90%; color: #000000; background-color: #cccccc;}
.list-price th, .list-price td{font-size: 90%; text-align: center; padding: 2px 1px; border-collapse: collapse; border: 1px solid #333333;}
.fr-l > .list-price{float: left; margin-top: 20px; margin-right: 30px;}/*for CREATION*/
.list-product .lineup-lp .list-block, .list-product .lineup-nd .list-block{padding-top:20px; margin-left: 280px; width:650px;}
.list-product .lineup-lp .list-block h3, .list-product .lineup-nd .list-block h3{margin-bottom: 20px;}
.list-product .lineup-lp .list-block p, .list-product .lineup-nd .list-block p{line-height: 1.8em; letter-spacing: 0.1em; margin: 20px 0;}
@media only screen and (max-width : 860px){
	.list-product .lineup-lp, .list-product .lineup-nd{padding: 5px;}
	.new-product{background: none; padding-top: 0;}
	.maru-new{display: inline-block; vertical-align: top; margin-left: 10px;}
	.list-product .lineup-lp img.pack{float: none; margin: 0; max-width: 50%;}
	.list-product .lineup-nd img.pack{float: none; margin: 0; max-width: 100%;}
	.list-product .lineup-lp .list-block, .list-product .lineup-nd .list-block{padding: 0; margin-left: 0; width:100%;}
	.list-product .lineup-lp .list-block h3, .list-product .lineup-nd .list-block h3{margin-bottom: 5px;}
	.list-product .lineup-lp .list-block p, .list-product .lineup-nd .list-block p{font-size: 0.9rem; line-height: 1.5em; letter-spacing: 0.1em; margin: 0;}
	.list-block > a > img{max-width: 30%;}
	.fr-l > .list-price{float: none;}
}

.kinou-group::after{clear: none;}
.kinou-group img{margin-right: 10px;}
img.icon-plus{margin: 0 30px;}
@media only screen and (max-width : 860px){
	img.icon-plus{margin: 0;}
}

.trtype0{background-color: #ffffff;}
.trtype1{background-color: #f5f5f5;}
.trtype2{background-color: #003279;}
.trtype3{background-color: #bec8e1;}

.index-exus-lp, .index-exus-cpl{width:auto; height: auto;
	background: -moz-linear-gradient(top, #231815 40%, #3e3938);
  background: -webkit-linear-gradient(top, #231815 40%, #3e3938);
  background: linear-gradient(to bottom, #231815 40%, #3e3938); margin-bottom: 20px;}
.index-exus-lp img, .index-exus-cpl img{float:left;}
img.pack-exus{margin: 30px 0 0 35px;}
img.title-exus{margin: 30px 20px 0 0;}
.index-exus-lp p, .index-exus-cpl p{float:left; width:520px; margin-left: 45px; margin-bottom: 30px; color:#ffffff; letter-spacing: 0.15em; line-height: 2.0em; font-size: 110%;}
@media only screen and (max-width : 860px){
	.index-exus-lp img, .index-exus-cpl img{float:none;}
	img.pack-exus{margin:0; padding: 10px 40px 10px 40px;}
	img.title-exus{max-width: 100%; margin: 0;}
	.index-exus-lp p, .index-exus-cpl p{float:left; width:auto; margin-top: 0; margin-left: 10px; margin-bottom: 10px; color:#ffffff; letter-spacing: 0.1em; line-height: 1.5em; font-size: 90%;}
}

.index-dhg-nd-8{width:960px; height: 340px; background: transparent url(../images/dhg_nd_8_top.png) no-repeat scroll 0 0; margin-top:25px; margin-bottom: 0px; }
.index-dhg-nd-series{width:960px; height: 660px; background: transparent url(../images/dhg_nd_series_top.png) no-repeat scroll 0 0; margin-top:20px; margin-bottom: 0px;}
.index-dhg-nd-series-s{margin-top:10px; margin-bottom: 0px;}
.index-exus-nd-series{margin-top:10px; margin-bottom: 0px;}
.nd-title{display: block; overflow: hidden; border-bottom: 3px solid #007130;}
.nd-series-text{margin: 0 30px;}
.nd-scene dl{float: left;}
.nd-scene dl dd{text-align: center; margin: 0; padding: 0;}
.nd-scene dl dd h4{margin: 0; color: #000; font-size: 1.1rem;}
.nd-scene dl dd p{margin: 0;}
@media only screen and (max-width : 860px){
	.nd-series-text{margin: 0 0 10px 0;}	
}

.index-dhg-macro-3, .index-dhg-soft-a, index-creation{width:auto; margin-bottom: 0px; }
.index-dhg-s-lp, .index-dhg-s-cpld, .index-dhg-cpld, .index-dhg-s-mcf, .index-dhg-lp, .index-dhg-uv{width:auto; margin-bottom: 0px; margin-top: 20px;}
.index-dhg-s-lp p, .index-dhg-s-mcf p, .index-dhg-lp p, .index-dhg-uv p, .index-dhg-s-cpld p, .index-dhg-cpld p, .index-dhg-nd-8 p, .index-dhg-macro-3 p, .index-dhg-cross-4 p, .index-dhg-soft-a p{float:left; width:540px; letter-spacing: 0.15em; line-height: 2.0em; font-size: 110%;}
.index-dhg-macro-3 img, .index-dhg-soft-a img, .index-dhg-s-lp img, .index-dhg-s-mcf img, .index-dhg-lp img, .index-dhg-uv img, .index-dhg-s-cpld img, .index-dhg-cpld img, .index-creation img{float:left;}
img.pack-macro, img.pack-soft, img.pack-dhg{margin-right: 40px;}
img.pack-mcf{margin-right: 100px;}
img.title-macro{}
@media only screen and (max-width : 860px){
	.index-dhg-macro-3 img, .index-dhg-soft-a img{float: none;}
	img.pack-macro, img.pack-soft, img.pack-dhg, img.pack-mcf{margin:0; padding: 10px 50px 10px 50px;}
	img.title-macro, img.title-soft, img.title-dhg{max-width: 100%; margin: 0;}
	.index-dhg-s-lp p, .index-dhg-s-mcf p, .index-dhg-lp p, .index-dhg-uv p, .index-dhg-s-cpld p, .index-dhg-cpld p, .index-dhg-nd-8 p, .index-dhg-macro-3 p, .index-dhg-cross-4 p, .index-dhg-soft-a p{float:left; width:auto; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; letter-spacing: 0.1em; line-height: 1.5em; font-size: 90%;}
}

.index-dhg-cross-sereis-title img.title-cross{margin-bottom: 10px; margin-right: 10px;}
.index-dhg-cross-sereis{width:auto; 
	background: -moz-linear-gradient(to bottom, #cdbb33,#fdf390 40%,#fff);
  background: -webkit-linear-gradient(to bottom, #cdbb33,#fdf390 40%,#fff);
  background: linear-gradient(to bottom, #cdbb33,#fdf390 40%,#fff);
  border-top: 3px solid #ffe800;}
.index-dhg-cross-sereis h4{color: black; font-weight: bold; margin-top:20px; padding:0 30px; margin-bottom: 0;}
.index-dhg-cross-sereis dl{float: left; max-width: 242px; padding-right: 8px; margin-bottom: 0;}
.index-dhg-cross-sereis > dl > dt{color: #fff; text-align: center; font-size: 1.0rem; letter-spacing: 0.05em; background-color: #c0aa00; margin-bottom: 10px;}
.index-dhg-cross-sereis > dl > dd{margin-left: 0;}
.pack-cross-sereis{margin-left: 222px;}
@media only screen and (max-width : 860px){
	.index-dhg-cross-sereis dl{float: none; max-width: 242px; padding-right: 0; margin-left: auto; margin-right: auto;}
	.pack-cross-sereis{max-width: 80%; margin-left: auto; margin-right: auto;}
}

.index-dhg-nd-series p, .index-dhg-nd-series-s p, .index-dhg-cross-sereis, .index-exus-nd-series p{letter-spacing: 0.15em; line-height: 2.0em; font-size: 110%; color: #393939;}
.index-exus-nd-series h4{letter-spacing: 0.1em; line-height: 2.0em; font-size: 130%; color: #000000; margin-top: 25px; margin-left: 30px; margin-bottom: 10px;}
.index-exus-nd-series ul {display: block; overflow: hidden; list-style: none; margin-bottom: 20px;}
.index-exus-nd-series ul li img{float: left; margin: 10px 4px;}
.index-exus-nd-series ul li:first-child{margin-left: 15px;}
.index-dhg-nd-series-s h4{letter-spacing: 0.1em; line-height: 2.0em; font-size: 130%; color: #000000; margin-top: 20px; margin-bottom: 10px;}

@media only screen and (max-width : 860px){
	.index-dhg-nd-series p, .index-dhg-nd-series-s p, .index-dhg-cross-sereis, .index-exus-nd-series p{letter-spacing: 0.05em; line-height: 1.7em; color: #393939;}
	.index-exus-nd-series ul li img{float: left; margin: 5px 2px;}
	.index-exus-nd-series ul li:first-child{margin-left: 0;}
}

/*CREATION*/
.index-creation p, .index-vari p{float:left; width:540px; position: relative; letter-spacing: 0.15em; line-height: 2.0em; font-size: 110%;}
.index-creation2 ul{list-style: disc; padding-left: 20px; }
.index-creation2 ul li{color:#000000; letter-spacing: 0.1em; font-size: 110%; line-height: 1.8em; margin: 0;}
.index-creation-sereis-title{border-bottom: 3px solid #000;}
img.title-creation{margin-right: 30px;}
.index-creation-sereis-title > .but-area{margin-top: 15px;}
.creation-catch h3{color: #000; font-weight:normal; font-size:x-large; letter-spacing: 0.08em; line-height: 1.8em;}
.tokucho{margin-bottom: 30px;}
.tokucho dl dt{font-size: 120%; color: #000000; letter-spacing: 0.1em; margin-bottom: 10px; background: transparent url(../images/icon_sq18_gray.png) no-repeat scroll 0 2px; padding-left: 28px;}
.tokucho dl dd{letter-spacing: 0.1em; line-height: 1.8em; margin: 0 0 0 28px;}
.tokucho img{margin: 0 20px;}
.tokucho p{letter-spacing: 0.1em; margin-left: 28px;}
@media only screen and (max-width : 860px){
	.creation-catch h3{color: #000; font-weight:normal; font-size:105%; letter-spacing: 0.01em; line-height: 1.5em;}
	.tokucho img{margin: 0;}
	.tokucho p{margin-left: 0;}
}

/*SOFT-SERIES*/
.index-dhg-softseries{display: block; overflow: hidden; margin-bottom: 30px; margin-top: 10px;}
.index-dhg-softseries ul li{border-top: 1px solid #ccc;}
#soft-level1{display: block; overflow: hidden; height: 100%; background: url(../images/bg_soft_ya1.png) repeat-y;}
#soft-level2{display: block; overflow: hidden; height: 100%; background: url(../images/bg_soft_ya2.png) repeat-y;}
#soft-level3{display: block; overflow: hidden; height: 100%; background: url(../images/bg_soft_ya3.png) repeat-y; position: relative;}
#soft-level4{display: block; overflow: hidden; height: 100%; background: url(../images/bg_soft_ya4.png) repeat-y;}
#soft-level5{display: block; overflow: hidden; height: 100%; background: url(../images/bg_soft_ya5.png) repeat-y; position: relative; border-bottom: 1px solid #ccc;}
.soft-level{display: block; overflow: hidden; float: left; width: 100px;}
.soft-level-middle{display: block; width: 100px; float: left; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.soft-level-bottom{display: block; width: 100px; float: left; position: absolute; bottom: 0;}
.soft-level-bottom img{vertical-align: bottom;}
@media only screen and (max-width : 860px){
	#soft-level1{background: url(../images/bg_soft_ya1_mob.png) repeat-y;}
	#soft-level2{background: url(../images/bg_soft_ya2_mob.png) repeat-y;}
	#soft-level3{background: url(../images/bg_soft_ya3_mob.png) repeat-y;}
	#soft-level4{background: url(../images/bg_soft_ya4_mob.png) repeat-y;}
	#soft-level5{background: url(../images/bg_soft_ya5_mob.png) repeat-y;}
	.soft-level, .soft-level-middle, .soft-level-bottom{width: 50px;}
	.soft-level img, .soft-level-middle img, .soft-level-bottom img{width: 50px;}
}
.soft-setsumei{float: left; width: 415px; margin:45px 0px 35px 55px;}
.soft-setsumei2{float: left; width: 415px; margin:45px 0px 35px 160px;}
@media only screen and (max-width : 860px){
	.soft-setsumei{width: auto; max-width: 270px; margin: 0 0 0 5px;}
	.soft-setsumei2{width: auto; max-width: 270px; margin: 10px 0 0 55px;}
}
.soft-setsumei p, .soft-setsumei2 p{line-height: 1.8em; margin-top: 20px;}
#soft-pack1{float: right; padding: 70px 5px 0 0; border-right: 5px solid #bae2f8;}
#soft-pack2{float: right; padding: 70px 5px 0 0; border-right: 5px solid #6bc7f1;}
#soft-pack3{float: right; padding: 45px 5px 0 0; border-right: 5px solid #00b8ee;}
#soft-pack4{float: right; padding: 70px 5px 0 0; border-right: 5px solid #00aaea;}
#soft-pack5{float: right; padding: 70px 5px 0 0; border-right: 5px solid #0081ba;}
#soft-pack1 img, #soft-pack2 img, #soft-pack3 img, #soft-pack4 img, #soft-pack5 img{width: 87%;}
@media only screen and (max-width : 860px){
	#soft-pack1, #soft-pack2, #soft-pack3, #soft-pack4, #soft-pack5{padding: 30px 0 0 55px;}
}

.but-area{float:right; min-height:32px;}
.but-area2{float:right; min-height:32px;}
@media only screen and (max-width : 860px){
	.but-area{float: none;}
	.but-area2{clear: both; float: right;}
}
.list-film{float:left; width:225px; min-height: 200px; border-right: 1px dashed #cccccc; margin-top: 10px; margin-right: 18px;}
.list-film2{float:left; width:225px; min-height: 200px; border-right: 1px dashed #cccccc; margin-top: 10px; margin-right: 0;}
.marginr0{margin-right: 0;}
@media only screen and (max-width : 860px){
	.list-film, .list-film2{float: none; width: 225px; margin-left: auto; margin-right: auto;}
	.marginr0{margin-right: auto;}
}
.list-film h4, .list-film2 h4{font-size: 15px; background-color: #f8f8f8; border-bottom: 1px solid #d1d1d1; padding: 5px 10px; margin: 0;}
.list-film h4 a, .list-film2 h4 a{display: block; color:#000000;}
.list-film ul, .list-film2 ul{list-style-type: disc; padding: 0 10px 0 15px; margin: 10px 0 0 10px;}
.list-film ul li, .list-film2 ul li{ font-size: 13px;}

.filmbox{overflow: hidden; margin-bottom: 30px;}

.pagenavi{display: block; overflow: hidden; width:130px; margin-top:10px; margin-bottom: 20px; margin-left: auto; margin-right: auto;}
.pagenavi ul li{display: block; overflow: hidden; float: left; margin: 0 5px;}
.pagenavi ul li a{display: block; overflow: hidden; padding: 0 7px; border: 1px solid #cccccc;}

.sankyaku h2{text-align: center; line-height: 1.5em;}
.sankyaku table{border: 1px solid #cccccc;}
.sankyaku th{color:#ffffff; background-color: #2051c5; border-right: 1px dashed #cccccc; padding: 5px 0;}
.sankyaku td{border-right: 1px dashed #cccccc; padding: 10px 5px; vertical-align: top;}
.sankyaku td.pos-cent{text-align: center;}

/*2015.5.19*/

.mode-index h4{font-weight: normal; font-size: 100%; font-weight:bold; line-height: 1.4em; color:black; border-bottom: 1px dotted #d1d1d1; letter-spacing: 0.05em; margin-bottom: 10px; padding: 2px 0;}
.mode-box{width:460px; float: left;}
.mode-box p{margin-left: 225px; padding-top: 23px;}

/*2017.2.28, 4.12*/
.widearea-title{display: block; overflow: hidden; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
.widearea-movie1{display: block; overflow: hidden; width: 960px; margin-left: auto; margin-right: auto; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; box-sizing: content-box;}
@media only screen and (max-width : 860px){
	.widearea-movie1{width: 100%;}
}
.endarea{margin-bottom: 40px; border-bottom: 1px solid #cccccc;}
.widearea0{display: block; overflow: hidden; background-color: #231815;}
.widearea1{display: block; overflow: hidden; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
.widearea3, .widearea5{display: block; overflow: hidden; background-color: #000000;}
.widearea2, .widearea4, .widearea6{display: block; overflow: hidden; background-color: #ffffff;}
.widearea0 img, .widearea1 img, .widearea-title img{display: block; overflow: hidden; width: 960px; margin-left: auto; margin-right: auto;}

.widearea2{}
.widearea2 h2{color: #a89004; text-align: center; font-family: serif; font-size: xx-large; line-height: 1.5em; letter-spacing: 0.1em; margin-top: 30px; margin-bottom: 30px;}
.widearea2 .widecont2{display: block; overflow: hidden; width: 1300px; height: 460px; margin-left: auto; margin-right: auto;background: url("../images/lp_solid_02.png") no-repeat;}
.widearea2 .widecont2 img{margin-left: 500px; margin-top: 2px; margin-bottom: 30px;}
.widearea2 .widecont2 p{margin-left: 500px; margin-right: 100px; font-size: 110%; letter-spacing: 0.15em; line-height: 3.0em;}
.widearea2 h3{color: #a89004; text-align: center; font-size: x-large; line-height: 1.5em; letter-spacing: 0.1em; margin-top: 20px; margin-bottom: 0px;}
.widearea2 h3 a{text-decoration: underline;}


.widearea3 .koudo{float: left; width: 50%;}
.widearea3 .widecont3{display: block; overflow: hidden; float: left; width: 40%; margin-left: 5%; margin-right: 5%;}
.widearea3 .widecont3 img{}
.widearea3 .widecont3 h3{display: block; overflow: hidden; margin-top: 70px; margin-bottom: 60px;}
.widearea3 .widecont3 p{font-size: 115%; color: #ffffff; letter-spacing: 0.15em; line-height: 2.5em;}
.widearea3 .widecont3 p.come1{font-size: 90%; line-height: 2.0em;}

.widearea4 .hansharitsu{float: right; width: 50%;}
.widearea4 .widecont4{display: block; overflow: hidden; width: 472px; margin-left: auto; margin-right: auto; vertical-align: middle;}
.widearea4 .widecont4 h3{display: block; overflow: hidden; margin-bottom: 60px; margin-top: 80px;}
.widearea4 .widecont4 p{font-size: 115%; letter-spacing: 0.15em; line-height: 2.5em; margin-top: 10px; margin-bottom: 30px;}

.widearea5 .taiden{float: left; width: 50%;}
.widearea5 .widecont5{display: block; overflow: hidden; float: left; width: 40%; margin-left: 5%; margin-right: 5%;}
.widearea5 .widecont5 img{}
.widearea5 .widecont5 h3{display: block; overflow: hidden; margin-bottom: 40px; padding-top: 60px;}
.widearea5 .widecont5 p{font-size: 115%; color: #ffffff; letter-spacing: 0.15em; line-height: 2.5em;}

.widearea6 .hassui{float: right; width: 50%;}
.widearea6 .widecont6{display: block; overflow: hidden; width: 473px; margin-left: auto; margin-right: auto;}
.widearea6 .widecont6 h3{display: block; overflow: hidden;  margin-bottom: 60px; margin-top: 80px;}
.widearea6 .widecont6 p{font-size: 115%; letter-spacing: 0.15em; line-height: 2.5em;}

/*.widearea7 .list-price{width: 800px; margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 40px;}*/
.widearea7 .list-price{width: 960px; margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 40px;}
.widearea7 .list-price th, .widearea7 .list-price td{padding: 2px 5px;}
.widearea7 .scroll-table{overflow: auto; white-space: nowrap;}
@media only screen and (max-width : 860px){
	.widearea7 .list-price{width: auto; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 0px;}
}


.widearea-movie1 .kaisetsu{float: left; width: 480px;}
.widearea-movie1 .clip-movie{float: left; /*width: 480px;*/}
.clip-movie{position: relative; width: 100%; max-width: 480px;}
.clip-movie2{position: relative; width: 100%; width: 960px; height: 540px; margin: 20px auto;}
.clip-movie3{position: relative; width: 100%; max-width: 735px; margin: 20px auto;}
@media only screen and (max-width : 860px){
	.clip-movie2{position: relative; width: 100%; width:100%; height: auto;}
}
.clip-movie::before{content:""; display: block; width: 100%; padding-bottom: 56.25%;}
.clip-movie2::before{content:""; display: block; width: 100%; padding-bottom: 56.25%;}
.clip-movie3::before{content:""; display: block; width: 100%; padding-bottom: 56.25%;}
.clip-movie iframe, .clip-movie2 iframe, .clip-movie3 iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%; }



.kaisetsu1, .kaisetsu2, .kaisetsu3, .kaisetsu4, .kaisetsu5{display: block; overflow: hidden; float: left; width: 480px;}
.kaisetsu1 h3{color:#000000; font-size: 22px; margin-top: 30px; margin-bottom: 25px; text-align: center;}
.kaisetsu1 img, .kaisetsu2 img, .kaisetsu4 img, .kaisetsu5 img{display: block; overflow: hidden; float: left; margin-left: 10px; margin-right: 25px; margin-bottom: 10px;}

.kaisetsu1 p.setsumei, .kaisetsu2 p.setsumei{display: block; overflow: hidden; float: left; width: 280px; font-size: 14px; line-height: 2.0em; letter-spacing: 0.2em; padding-top: 25px;}
.kaisetsu1 p.come1{clear: both; font-size: 12px; line-height: 1.2em; padding: 0 10px;}

.kaisetsu2 h3{color:#000000; font-size: 22px; margin-top: 30px; margin-bottom: 25px; text-align: center;}

.kaisetsu3 h3{color:#000000; font-size: 22px; margin-top: 75px; margin-bottom: 10px; text-align: center;}
.kaisetsu3 h4{color: #000000; font-size: 18px; text-align: center; margin-bottom: 50px;}
.kaisetsu3 p{display: block; overflow: hidden; width: 410px; font-size: 14px; line-height: 2.0em; letter-spacing: 0.2em; margin-left: auto; margin-right: auto;}
.kaisetsu3 img{display: block; overflow: hidden; width: 144px; margin-left: auto; margin-right: auto; margin-top: 40px;}

.kaisetsu4 h3, .kaisetsu5 h3{color:#000000; font-size: 22px; margin-top: 35px; margin-bottom: 35px; text-align: center;}
.kaisetsu4 h4, .kaisetsu5 h4{color: #000000; font-size: 18px; margin-bottom: 10px; padding-top: 0px;}
.kaisetsu4 p, .kaisetsu5 p{display: block; overflow: hidden; width: 280px; font-size: 14px; line-height: 2.0em; letter-spacing: 0.2em;}
@media only screen and (max-width : 860px){
	.kaisetsu1, .kaisetsu2, .kaisetsu3, .kaisetsu4, .kaisetsu5{width: 100%;}
	.kaisetsu1 img, .kaisetsu4 img, .kaisetsu5 img{margin-left: 0; margin-right: 10px; margin-bottom: 10px;}
	.kaisetsu2 img{margin-left: 0; margin-right: 10px; margin-bottom: 20px;}
	.kaisetsu1 p.setsumei{width: 50%; line-height: 1.5em; padding-top: 0;}
	.kaisetsu2 p.setsumei{width: 50%; line-height: 1.5em; padding-top: 0; margin-top: 0;}
	.kaisetsu3 h3{margin-top: 30px; margin-bottom: 0;}
	.kaisetsu3 h4{margin-top: 10px; margin-bottom: 20px;}
	.kaisetsu3 p{width: 50%; line-height: 1.5em; width: auto; margin-left: 10px; margin-right: 10px;}
	.kaisetsu3 img{margin-top: 20px; margin-bottom: 20px;}
	.kaisetsu4 h3, .kaisetsu5 h3{line-height: 1.2em;}
	.kaisetsu4 p, .kaisetsu5 p{width: auto; font-size: 14px; line-height: 1.5em; letter-spacing: 0.1em;}
}


/*EXUS ND add 2018.6.20*/
.shutter-speed{background: transparent url(../images/bg_nd_line_speed.png) no-repeat scroll 0 0; padding-left: 50px; margin-top: 20px;}
.nd-series-l{float: left; margin-right: 30px; margin-bottom: 25px; clear: both;}
.nd-series-r{margin-left: 276px; margin-bottom: 25px; padding-top: 1px;}
.nd-series-r h4{color: #ffffff; font-size: 120%; text-align: center; letter-spacing: 0.1em; padding: 5px; margin-bottom: 15px;}
.nd-series-r h4.type1{background-color: #009944;}
.nd-series-r h4.type2{background-color: #00561f;}
.nd-series-r h4.type3{background-color: #859598; color: #000000;}
.nd-series-r img{float: right; margin-left: 10px; margin-top: 5px;}
.nd-series-r p{font-size: 90%; letter-spacing: 0.05em; line-height: 1.7em;}
.nd-series-r dl{margin-top: 20px;}
.nd-series-r dl dt{float: left; letter-spacing: 0.1em; padding: 5px 20px;}
.nd-series-r dl dt.type1, .nd-series-r dl dt.type2, .nd-series-r dl dt.type3{color: #ffffff; background-color: #009944;}
/*.nd-series-r dl dt.type2{color: #ffffff; background-color: #00561f;}*/
.nd-series-r dl dd{font-size: 90%; font-weight:bold; letter-spacing: 0em; padding: 4px 10px; margin-left: 100px;}
.nd-series-r dl dd.type1, .nd-series-r dl dd.type2{color: #000000; border: 1px solid #009944; background-color: #ffffff;}
/*.nd-series-r dl dd.type2{color: #000000; border: 1px solid #00561f; background-color: #ffffff;}*/
.nd-series-r dl dd.type3{color: #ffffff; border: 1px solid #009944; background-color: #000000;}

.sakurei a{display: block; overflow: hidden; width: 465px; float: left; margin-bottom: 30px;}
.sakurei2 a{display: block; overflow: hidden;}
.sakurei a img, .sakurei2 a img{-webkit-transition: opacity 1.5s ease-out; -moz-transition: opacity 1.5s ease-out; -ms-transition: opacity 1.5s ease-out; -o-transition: opacity 1.5s ease-out; transition: opacity 1.5s ease-out;}
.sakurei a:hover img, .sakurei2 a:hover img{-webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0;}
#sakurei-nd4{background: url(../images/sakurei/nd4_on.jpg) no-repeat scroll 0 0;}
#sakurei-nd8{background: url(../images/sakurei/nd8_on.jpg) no-repeat scroll 0 0;}
#sakurei-nd16{background: url(../images/sakurei/nd16_on.jpg) no-repeat scroll 0 0;}
#sakurei-nd32{background: url(../images/sakurei/nd32_on.jpg) no-repeat scroll 0 0;}
#sakurei-nd64{background: url(../images/sakurei/nd64_on.jpg) no-repeat scroll 0 0;}
#sakurei-nd500{background: url(../images/sakurei/nd500_on.jpg) no-repeat scroll 0 0;}
#sakurei-nd1000{background: url(../images/sakurei/nd1000_on.jpg) no-repeat scroll 0 0;}

#sakurei-pl1{background: url(../images/sakurei/pl1_on.jpg) no-repeat scroll 0 0;}
#sakurei-pl2{background: url(../images/sakurei/pl2_on.jpg) no-repeat scroll 0 0;}
#sakurei-pl3{background: url(../images/sakurei/pl3_on.jpg) no-repeat scroll 0 0;}
#sakurei-pl4{background: url(../images/sakurei/pl4_on.jpg) no-repeat scroll 0 0;}
#sakurei-pl5{background: url(../images/sakurei/pl5_on.jpg) no-repeat scroll 0 0;}
#sakurei-pl6{background: url(../images/sakurei/pl6_on.jpg) no-repeat scroll 0 0;}

#sakurei-cr1{background: url(../images/sakurei/cross1_on.jpg) no-repeat scroll 0 0;}
#sakurei-cr2{background: url(../images/sakurei/cross2_on.jpg) no-repeat scroll 0 0;}
#sakurei-cr3{background: url(../images/sakurei/cross3_on.jpg) no-repeat scroll 0 0;}
#sakurei-cr4{background: url(../images/sakurei/cross4_on.jpg) no-repeat scroll 0 0;}
#sakurei-cr5{background: url(../images/sakurei/cross5_on.jpg) no-repeat scroll 0 0;}
#sakurei-cr6{background: url(../images/sakurei/cross6_on.jpg) no-repeat scroll 0 0;}

#sakurei-ma1{background: url(../images/sakurei/macro1_on.jpg) no-repeat scroll 0 0;}
#sakurei-ma2{background: url(../images/sakurei/macro2_on.jpg) no-repeat scroll 0 0;}
#sakurei-ma3{background: url(../images/sakurei/macro3_on.jpg) no-repeat scroll 0 0;}
#sakurei-ma4{background: url(../images/sakurei/macro4_on.jpg) no-repeat scroll 0 0;}
#sakurei-ma5{background: url(../images/sakurei/macro5_on.jpg) no-repeat scroll 0 0;}

#sakurei-so1{background: url(../images/sakurei/soft1_on.jpg) no-repeat scroll 0 0;}
#sakurei-so2{background: url(../images/sakurei/soft2_on.jpg) no-repeat scroll 0 0;}
#sakurei-so3{background: url(../images/sakurei/soft3_on.jpg) no-repeat scroll 0 0;}
#sakurei-so4{background: url(../images/sakurei/soft4_on.jpg) no-repeat scroll 0 0;}
#sakurei-so5{background: url(../images/sakurei/soft5_on.jpg) no-repeat scroll 0 0;}
#sakurei-so6{background: url(../images/sakurei/soft6_on.jpg) no-repeat scroll 0 0;}

.demo{width: 465px; margin-left: auto; margin-right: auto;}
.demo select{float: right; clear: both;}

.nd-kaisetsu img{margin-bottom: 20px;}

.nd-shousai{display: block; overflow: hidden; clear: both;}
.nd-shousai ul li{display: block; overflow: hidden; float: left; width: 478px; min-height: 479px; border-collapse: collapse; border: 1px solid #000000;}
li.nd-series-top h4{color: #000000; letter-spacing: 0.1em; text-align: center; transform: scale(0.9, 1.4); margin-top: 10px; margin-bottom: 2px;}
.nd-series-top p{font-size: 90%; letter-spacing: 0.05em; line-height: 1.7em; padding: 10px 28px;} 
.link-nd-sp{font-size: 150%; text-align: center; margin-bottom: 20px;}
.link-nd-sp a{display: block; overflow: hidden; color: #8fc31f; text-decoration: none;}
.link-nd-sp a:hover{color: #008239;}
.link-nd-sp a span{font-size: 70%;}
li.nd-series p{font-size: 90%; letter-spacing: 0.05em; line-height: 1.7em; padding: 10px;}
.nd-series h4{color: #ffffff; font-size: 100%; text-align: center; letter-spacing: 0.1em; padding: 5px; margin-top: 5px;}
.nd-series h4.type1{background-color: #009944;}
.nd-series h4.type2{background-color: #00561f;}
.nd-series h4.type3{background-color: #859598; color: #000000;}
.nd-series dl{clear: both;}
.nd-series dl dt{float: left; letter-spacing: 0.1em; padding: 5px;}
.nd-series dl dt.type1, .nd-series dl dt.type2, .nd-series dl dt.type3{color: #ffffff; background-color: #009944;}
.nd-series dl dd{font-size: 90%; font-weight:bold; letter-spacing: 0em; padding: 4px 5px; margin-left: 72px;}
.nd-series dl dd.type1, .nd-series dl dd.type2{color: #000000; border: 1px solid #009944; background-color: #ffffff;}
.nd-series dl dd.type3{color: #ffffff; border: 1px solid #009944; background-color: #000000;}


/**********************************************/
/*product select tab*/
/**********************************************/
#tabs-pro{width: 960px; overflow: hidden; zoom: 1; padding: 0; margin: 0;}
#tabs-pro li{float: left; list-style-type: none; margin-right: 10px; font-size: 90%;
}
@media only screen and (max-width : 860px){
	#tabs-pro{width: auto;}
}

/*2018.7.13-*/
#tabs-pro a{display: block; overflow: hidden; z-index: 3; padding: 5px 10px; text-decoration: none; color: #000000;
background-color: #ffffff;
border: 1px solid #000000;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ededed', endColorstr = '#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ededed', endColorstr = '#ffffff')";
background-image: -moz-linear-gradient(top, #ededed, #ffffff);
background-image: -ms-linear-gradient(top, #ededed, #ffffff);
background-image: -o-linear-gradient(top, #ededed, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ededed), to(#ffffff));
background-image: -webkit-linear-gradient(top, #ededed, #ffffff);
background-image: linear-gradient(top, #ededed, #ffffff);
}
#tabs-pro a:hover, #tabs-pro a.selected{display: block; overflow: hidden; z-index: 3; padding: 5px 10px; color: #ffffff;
background-color: #ffffff;
border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#111111', endColorstr = '#434343');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#111111', endColorstr = '#434343')";
background-image: -moz-linear-gradient(top, #111111, #434343);
background-image: -ms-linear-gradient(top, #111111, #434343);
background-image: -o-linear-gradient(top, #111111, #434343);
background-image: -webkit-gradient(linear, center top, center bottom, from(#111111), to(#434343));
background-image: -webkit-linear-gradient(top, #111111, #434343);
background-image: linear-gradient(top, #111111, #434343);
}
.product-tab .panel{
display: block; overflow: hidden; border-top: 3px solid #000000; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; padding: 19px; margin-top: -1px;
background: #ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f5f5f5));
background: -webkit-linear-gradient(#ffffff, #f5f5f5);
background: -moz-linear-gradient(#ffffff, #f5f5f5);
background: -ms-linear-gradient(#ffffff, #f5f5f5);
background: -o-linear-gradient(#ffffff, #f5f5f5);
background: linear-gradient(#ffffff, #f5f5f5);
-pie-background: linear-gradient(#ffffff, #f5f5f5);
}
@media only screen and (max-width : 860px){
	.product-tab .panel{padding: 10px;}
}

/*2018.6.15 add*/
.select{border-bottom: solid 2px orange;}
.disnon{display: none;}

/**********************************************/
/*cine*/
/**********************************************/
.cine-head{text-align: center;}
.cine-head p{color: black; letter-spacing: 0.1em; margin: 20px 0;}
/*.cine-head img{margin: 0;}*/
.cine-head img{margin-bottom:10px}
.cine{margin-left: 40px}
.cine h2 {margin-bottom: 2rem;font-size: 1.5rem;line-height: 150%;text-align: center;}
.cine-navi{display: flex; justify-content:center; margin-top: -8px;}
.cine-navi ul{list-style: none;}
.cine-navi ul li{align-items: center; float: left; border: 1px solid #fff; line-height: 1.5em;}
.cine-navi ul li a{align-items: center; display: block; overflow: hidden; min-height: 58px; text-align: center; font-size: 110%; color: #000; background-color: #ccc; padding: 5px 20px;}
.cine-navi ul li a:hover{background-color: #fff;}

.cine-navi-new {color: crimson;font-size:0.9rem;line-height:1}
.cine-font-ArielBoldItalic{font-family: "arial black"}
.cine-font-timesnewroman{font-family: "Times New Roman", Times, "serif"}

/*201211追加*/
.font-arial{font-family:"arial";font-style: italic;font-weight: bold;}
.font-arial-s{font-family:"arial";font-style: italic;font-weight: bold;font-size:0.9rem }
.font-timesnewroman{font-family: "Times New Roman";font-weight: bold;}

.ribbon16-wrapper {  
  display: block;
  position: relative;
  margin: 5px auto;
  padding: 3px 0;
  width: 420px;
  box-sizing: border-box;
  }

.ribbon16 {
	display: inline-block;
	position: absolute;
	top: 0px;
	right: 374px;
	margin: 0;
	padding: 10px 0 7px;
	z-index: 2;
	width: 40px;
	text-align: center;
	color: white;
	font-size: 13px;
	background: #fa8383;
	border-radius: 2px 0 0 0;
  }

.ribbon16:before {
  position: absolute;
  content: '';
  top: 0;
  right: -5px;
  border: none;
  border-bottom: solid 6px #d07676;
  border-right: solid 5px transparent;
}

.ribbon16:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 10px solid #fa8383;
}

.cine-contents-wrap {display: flex; justify-content: space-between;	margin-bottom: 2rem;}
.cine-contents-wrap:nth-child(odd) {flex-direction: row-reverse;}
.cine-contents-text {width: 50%;padding: 1rem;}/*flex: 2;*/
.cine-contents-img {width: 50%;padding-top: 5%;} /*flex: 1;*/
.cine-contents-text h3 {margin-bottom: 1.0rem;font-size: 1.1rem;line-height: 150%;}
.cine-contents-img img {display: block;	width: 100%; height: auto;}

.cine-margin-b img{margin-bottom: 2rem}
.cine-contents-img2{min-height: 100px; background: url(../images/images/wsnd-es-4-3.png) no-repeat; text-align: center;}
.cine-pc { display: block !important; }
.cine-sp { display: none !important; }

.embed-container {position: relative;max-width: 100%;height: auto;overflow: hidden;}
.embed-inner {position: relative;padding-bottom: 56.25%;margin-bottom: 2rem }
.embed-container iframe {position: absolute;top: 0;left: 0;width: 100%; height: 100%;}

.h2-left{margin-top: 3rem;font-size: 1.5rem;text-align: left;}
.cine-kakaku{margin : 0 auto;}
/*.cine-kakaku p{text-align: center;}*/
.tbl-r05 table {  border-collapse: collapse;  color: #333; background-color: #FFF;  width: 100%;}
.tbl-r05 th, td {  padding: 5px 15px;  border: solid 1px #000000;}
.tbl-r05 th {  color:#000000; background-color:#9E9E9E}
.cine-flex-box{	display: flex;}
.cine-flex-item{width: 30%;margin-left: 3%}

@media screen and (max-width: 860px){
	
	.cine-flex-box{	display: block;}
	.cine-flex-item{width: 95%}	
	.cine h2{font-size: 1.2rem;}
	.cine-wsnd-img{margin-bottom: 50%}
	.cine-contents-wrap,
	.cine-contents-wrap:nth-child(odd)  {flex-direction: column;}
	.cine-contents-text,
	.cine-contents-img {width: 100%;} /*flex: 1;*/
	.cine-contents-text {padding: 3rem;}
	.cine-contents-text h3 {text-align: center;	}
	.cine-contents-img2{min-height: 100px; background: url(../images/images/wsnd-es-4-3.png) no-repeat; text-align: center;}
	.cine-pc { display: none !important; }
    .cine-sp {width: 100%; display: block !important; }
}

/*201211追加　ここまで*/



.cine-point1, .cine-point1-m, .cine-point1-l, .cine-point2{display: block; overflow: hidden; margin-top: 40px; margin-bottom: 30px;}
.cine-point1 img{float: left; margin-right: 40px;}
.cine-point1-m img{float: left; margin-right: 40px; padding-top: 20px; padding-bottom: 20px;}
.cine-point1-l img{float: left; margin-right: 40px; padding-top: 30px; padding-bottom: 30px;}
.cine-point1 p, .cine-point1-l p, .cine-mente p, .cine-mente2 p{margin: 0;}
@media only screen and (max-width : 860px){
	.cine{margin-left: 5px;}
	.cine-point1, .cine-point1-m, .cine-point1-l, .cine-point2{margin-top: 0;}
	.cine-point1 img, .cine-point1-m img, .cine-point1-l img{float: none; margin: 0 0 10px 0; padding: 0;}
}
span.futoji{font-weight: bold; color: #000;}
span.akamoji{color: #ff0000;}
.cine-mente, .cine-mente2 {display: block; overflow: hidden;}
.cine-mente ul li, .cine-mente2 ul li{list-style: none; float: left; max-width: 430px; min-height: 210px; margin-bottom: 20px; padding: 15px 0 15px 15px; box-sizing: content-box;
	background: -moz-linear-gradient(left, #fcede4, #ffffff);
	background: -webkit-linear-gradient(left, #fcede4, #ffffff);
	background: linear-gradient(to right, #fcede4, #ffffff);
}
.cine-mente > ul > li.margin-l-20{margin-left: 20px;}
@media only screen and (max-width : 860px){
	.cine-mente > ul > li.margin-l-20{margin-left: 0;}
}
.cine-mente2{width: 430px; margin-left: auto; margin-right: auto;}
img.f-right{float: right; margin-left: 10px;}
p.mente-subtitle{color: #000; letter-spacing: 0em; margin-bottom: 10px;}
.cine-point2 > img{float: left; margin-right: 60px;}
.cine-point2 ul li{margin: 40px; list-style: none;}
@media only screen and (max-width : 860px){
	.cine-mente2{width: auto;}
	.cine-point2 > img{float: none; margin-right: 0;}
	.cine-point2 ul li{margin: 10px 0; list-style: none;}
}
.cine-flex{display: flex; justify-content: center; margin-bottom: 20px;}
.cine-flex img{align-self: center; margin: 10px;}
.kakaku-l{width: 60%;}
.kakaku-r{width: 40%;}
.kakaku-l, .kakaku-r{margin-top: 30px;}
.kakaku-l p, .kakaku-r p{margin-bottom: 15px;}
.kakaku-b{margin-bottom: 30px;}
@media only screen and (max-width : 860px){
	.cine-flex{font-size: 90%;}
	.cine-flex img{margin: 0;}
	.kakaku-l{width: 50%; margin-right: 5%;}
	.kakaku-r{width: 45%;}
	.kakaku-b p{font-size: 90%;}
}
.cine-kakaku table{margin-left: auto; margin-right: auto; margin-top: 30px;}
.cine-kakaku table tr td{padding: 3px 10px;}
.cine-movie p{font-size: 1.2rem; line-height: 2.0em; margin: 30px 0;}
.ncpl-index p{text-align: center; line-height: 2.0em; letter-spacing: 0.1em; margin-bottom: 20px;}
.cine-history-img{width: 50%;}
.cine-history-img p{text-align: center; margin:5px 0 10px 0;}
.cine-history-text{float: right; width: 45%;}
.cine-history-text p{line-height: 2em; margin-top: 0; margin-bottom: 30px;}
@media only screen and (max-width : 860px){
	.cine-history-img{width: auto;}
	.cine-history-img p{font-size: 90%;}
	.cine-history-text{float: none; width: auto;}
}

/**********************************************/
/*square*/
/**********************************************/
.square-top{}
.square-campain-link{width: 800px; margin-left: auto; margin-right: auto; padding: 10px 0 0 0;}
@media only screen and (max-width : 860px){
	.square-campain-link{width: 95%;}
}
.sq-index-01, .sq-index-02{line-height: 1em; margin: 30px 0 0 0; padding: 0;}
.sq-index-03, .sq-index-04, .sq-index-05{line-height: 1em; margin: 0; padding: 0;}
.sq-index-01 ul, .sq-index-02 ul, .sq-index-03 ul, .sq-index-04 ul, .sq-index-05 ul{list-style: none;}
.sq-index-01{background-color: #ded2c4;}
.sq-index-01 ul li{float: left; background-color: #ded2c4;}
.sq-index-01 #sq0101{width: 33.86%;}
.sq-index-01 #sq0102{width: 14.38%;}
.sq-index-01 #sq0103{width: 12.29%;}
.sq-index-01 #sq0104{width: 14.06%;}
.sq-index-01 #sq0105{width: 25.41%;}
.sq-index-01 #sq01b-01{width: 31.98%;}
.sq-index-01 #sq01b-02{width: 15%;}
.sq-index-01 #sq01b-03{width: 12.92%;}
.sq-index-01 #sq01b-04{width: 14.69%;}
.sq-index-01 #sq01b-05{width: 25.41%;}
.sq-index-02{background-color: #43616f;}
.sq-index-02 ul li{float: left; background-color: #43616f;}
.sq-index-02 #sq0201{width: 27.40%;}
.sq-index-02 #sq0202{width: 28.54%;}
.sq-index-02 #sq0203{width: 8.44%;}
.sq-index-02 #sq0204{width: 10.21%;}
.sq-index-02 #sq0205{width: 25.41%;}
.sq-index-03{background-color: #00712f;}
.sq-index-03 ul li{float: left; background-color: #00712f;}
.sq-index-03 #sq0301{width: 27.08%;}
.sq-index-03 #sq0302{width: 28.13%;}
.sq-index-03 #sq0303{width: 9.48%;}
.sq-index-03 #sq0304{width: 9.89%;}
.sq-index-03 #sq0305{width: 25.42%;}
.sq-index-04{background-color: #c11920;}
.sq-index-04 ul li{float: left; background-color: #c11920;}
.sq-index-04 #sq0401{width: 27.19%;}
.sq-index-04 #sq0402{width: 28.44%;}
.sq-index-04 #sq0403{width: 9.69%;}
.sq-index-04 #sq0404{width: 9.27%;}
.sq-index-04 #sq0405{width: 25.41%;}
.sq-index-05{background-color: #003279;}
.sq-index-05 ul li{float: left; background-color: #003279;}
.sq-index-05 #sq0501{width: 31.15%;}
.sq-index-05 #sq0502{width: 32.39%;}
.sq-index-05 #sq0503{width: 13.75%;}
.sq-index-05 #sq0504{width: 12.08%;}
.sq-index-05 #sq0505{width: 10.63%;}

/*角型共通もの*/
.index-sq-mag{height: 40px; background-color: #ded2c4;}
.index-sq-mag p{color: #3e3a39; font-size: 130%; font-weight: bold; font-family: serif; text-align: center; letter-spacing: 0.1em; margin: 0; padding-top: 8px;}
.sq-mag-midashi, .sq-gnd-midashi, .sq-nd-midashi, .sq-cpl-midashi{min-height: 100px; /*background: url(../images/mark_new_tri.png) no-repeat;*/}
.sq-xf8-midashi{min-height: 100px; background: url(../images/mark_new_tri.png) no-repeat;}
.sq-ss-midashi{min-height: 100px; background: url(../images/mark_new_tri.png) no-repeat; text-align: center;}
.sq-ss-midashi img{padding-top: 20px; padding-bottom: 10px;}
.index-sq-nd{height: 40px; background-color: #00712f;}
.index-sq-nd p{color: #ffffff; font-size: 130%; font-weight: bold; font-family: serif; text-align: center; letter-spacing: 0.1em; margin: 0; padding-top: 8px;}
.index-sq-spec{height: 40px; background-color: #42606f;}
.index-sq-spec2{height: 40px; background: #595757 url(../images/icon_new_spec.png) no-repeat;}
.index-sq-spec p, .index-sq-spec2 p{color: #ffffff; font-size: 130%; font-weight: bold; font-family: serif; text-align: center; letter-spacing: 0.1em; margin: 0; padding-top: 8px;}
@media only screen and (max-width : 480px){
	.index-sq-mag p, index-sq-nd p{font-size: 110%;}
}

p.sq-point{text-align: center; font-size: 110%;}


/*マグネットホルダー*/
.sq-mag-01{
	background: -moz-linear-gradient(top, #ffffff 15%, #f2ebe1);
	background: -webkit-linear-gradient(top, #ffffff 15%, #f2ebe1);
	background: linear-gradient(to bottom, #ffffff 15%, #f2ebe1);
	border-bottom: 10px solid #ded2c5; border-left: 1px solid #ded2c4; border-right: 1px solid #ded2c4;}
.sq-mag-midashi p{text-align: center; color: #3e3a39; font-family: serif; font-size: 150%; letter-spacing: 0.1em; line-height: 1.5em; margin-top: 0; padding-top: 20px;}
.sq-mag-img-text{padding: 0 50px 0 60px;}
.sq-mag-img-text img{float: left; padding-right: 60px;}
.sq-mag-img-text p{letter-spacing: 0.1em; line-height: 1.8em; padding-top: 35px;}
@media only screen and (max-width : 860px){
	.sq-mag-midashi{min-height: 50px; /*background: url(../images/mark_new_tri_s.png) no-repeat;*/}
	.sq-mag-midashi p{text-align: center; color: #3e3a39; font-family: serif; font-size: 140%; letter-spacing: 0.1em; line-height: 1.5em; margin-top: 0; margin-bottom: 0; padding-top: 20px;}
	.sq-mag-img-text{padding: 10px;}
	.sq-mag-img-text img{float: none; width: 100%; padding:0 20px;}
	.sq-mag-img-text p{padding: 0 10px; line-height: 1.5em;}
}
@media only screen and (max-width : 480px){
	.sq-mag-midashi p{font-size: 110%;}
}
.sq-mag-02{padding: 30px 0 10px 0;}
.sq-mag-02 img{display: block; width: 428px; margin-left: auto; margin-right: auto;}

.sq-mag-03{background-color: #fbf5ed; border-left: 1px solid #ded2c4; border-right: 1px solid #ded2c4; border-bottom: 1px solid #ded2c4;}
.sq-mag-03 .bg-mag-white img.mag01{display: block; width: 543px; margin-left: auto; margin-right: auto; padding: 10px;}
.sq-mag-03 .bg-mag-white img.mag02{display: block; width: 857px; margin-left: auto; margin-right: auto; padding: 10px;}
.sq-mag-03 p{margin:20px 30px 5px 30px;}
.bg-mag-white{background-color: #ffffff;}
@media only screen and (max-width : 480px){
	.sq-mag-03 p{margin:10px 10px;}
}
.mag-shima table, .mag-shima-sp table{width: 100%;}
.mag-shima table th{text-align: left; padding-left: 30px;}
.mag-shima-sp table th{text-align: left; padding-left: 10px;}
.mag-shima-sp table td{padding-left: 30px;}
.shima1{background-color: #ded3c4;}
.shima2{background-color: #fbf5ed;}

.sq-mag-04{background-color: #ffffff; border-left: 1px solid #ded2c4; border-right: 1px solid #ded2c4; border-bottom: 1px solid #ded2c4;}
.sq-mag-04 p{margin:20px 30px 5px 30px;}
.sq-mag-04 ul{list-style: none;}
.sq-mag-04 ul li{display: block; float: left; width: 30%; background-color: #fbf5ed; border: 1px solid #ded2c4; margin: 1.6%; height: 400px;}
.sq-mag-04 > ul > li > p{margin: 5px;}
@media only screen and (max-width : 480px){
	.sq-mag-04 ul li{width: 45%; margin: 2.5%; height: 380px;}
}

/*XF8 マグネットホルダー*/
.sq-xf8-midashi p{text-align: center; color: #3e3a39; font-family: serif; font-size: 150%; letter-spacing: 0.1em; line-height: 1.5em; margin-top: 0; padding-top: 20px;}
.sq-xf8{background-color: #ffffff; border-left: 1px solid #ded2c4; border-right: 1px solid #ded2c4; border-bottom: 1px solid #ded2c4;}
.sq-xf8 ul{list-style-type: none;}
.sq-xf8 ul li{display: block; float: left; margin: 18px;}
.sq-xf8 ul li.p-left{padding-left: 30px;}
.sq-xf8-bikou{background-color: #ded3c4; padding: 15px;}
.sq-xf8-bikou p{margin: 0; border: 1px solid #231815; border-radius: 5px; padding: 10px;}
@media only screen and (max-width : 860px){
	.sq-xf8-midashi{min-height: 50px; background: url(../images/mark_new_tri_s.png) no-repeat;}
	.sq-xf8-midashi p{text-align: center; color: #3e3a39; font-family: serif; font-size: 140%; letter-spacing: 0.1em; line-height: 1.5em; margin-top: 0; margin-bottom: 0; padding-top: 20px;}
}
@media only screen and (max-width : 480px){
	.sq-xf8-midashi p{font-size: 110%;}
	.sq-xf8 ul li{width: 45%; margin: 2.5%;}
	.sq-xf8 ul li.p-left{padding-left: 0;}
}

/*GND*/
.sq-gnd-01{border: 1px solid #43616f;}
.sq-gnd-midashi img{display: block; width: 440px; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 10px;}
.sq-gnd-img-text{padding: 0 30px 0 40px;}
.sq-gnd-img-text img{float: left; padding-right: 60px;}
.sq-gnd-img-text p{letter-spacing: 0.1em; line-height: 1.6em;}
p.comment-gnd{font-weight: bold; color: #43616f; margin: 0 40px 10px 40px; letter-spacing: 0.05em;}
@media only screen and (max-width : 860px){
	.sq-gnd-midashi{min-height: 50px; /*background: url(../images/mark_new_tri_s.png) no-repeat;*/}
	.sq-gnd-midashi img{display: block; max-width: 90%; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 10px;}
	.sq-gnd-img-text{padding: 10px;}
	.sq-gnd-img-text img{float: none; width: 100%; padding:0 10px;}
	.sq-gnd-img-text p{padding: 0 10px; line-height: 1.5em; margin-bottom: 0;}
	p.comment-gnd{font-weight: bold; color: #43616f; margin: 0 10px; letter-spacing: 0em; font-size: 90%;}
}
.sq-gnd-02{color: #ffffff; background-color: #43616f;}
.sq-gnd-02 ul{list-style-type: square; margin-left: 60px; padding-top: 10px;}
.sq-gnd-02 ul li{float: left; margin-right: 40px; letter-spacing: 0.1em;}
p.text-right{float: right; text-align: right; margin: 0 10px 10px 0;}
.sq-gnd-03{border: 1px solid #43616f; padding: 20px;}
.sq-gnd-03 img{}
@media only screen and (max-width : 860px){
	.sq-gnd-02 ul{margin-left: 30px;}
	.sq-gnd-02 ul li{margin-right: 40px; letter-spacing: 0em;}
	.sq-gnd-03 img{width: 480px; margin-left: auto; margin-right: auto;}
}

/*ND*/
.sq-nd-01{border: 1px solid #00712f;}
.sq-nd-midashi img{display: block; width: 440px; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 10px;}
.sq-nd-img-text{padding: 0 30px 0 40px;}
.sq-nd-img-text img{float: left; padding-right: 60px;}
.sq-nd-img-text p{letter-spacing: 0.1em; line-height: 1.6em;}
@media only screen and (max-width : 860px){
	.sq-nd-midashi{min-height: 50px; /*background: url(../images/mark_new_tri_s.png) no-repeat;*/}
	.sq-nd-midashi img{display: block; max-width: 90%; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 10px;}
	.sq-nd-img-text{padding: 10px;}
	.sq-nd-img-text img{float: none; width: 100%; padding:0 10px;}
	.sq-nd-img-text p{padding: 0 10px; line-height: 1.5em; margin-bottom: 0;}
}
.sq-nd-02{color: #ffffff; background-color: #00712f;}
.sq-nd-02 ul{list-style-type: square; margin-left: 60px; padding-top: 10px;}
.sq-nd-02 ul li{float: left; margin-right: 40px; letter-spacing: 0.1em;}
p.text-right{float: right; text-align: right; margin: 0 10px 10px 0;}
@media only screen and (max-width : 860px){
	.sq-nd-02 ul{margin-left: 30px;}
	.sq-nd-02 ul li{margin-right: 40px; letter-spacing: 0em;}
}
.sq-nd-03{border-left: 1px solid #00712f; border-right: 1px solid #00712f; padding: 20px;}
.sq-nd-03 img{}
.sq-nd-04{border-left: 1px solid #00712f; border-right: 1px solid #00712f; padding-bottom: 30px;}
.sq-nd-04 table{width: 80%; border-right: 1px solid #00712f; border-bottom: 1px solid #00712f; margin-left: 10%; margin-right: 10%;}
.sq-nd-04 table caption{color: #00712f; font-size: 110%; letter-spacing: 0.1em; margin-bottom: 20px;}
.sq-nd-04 table th{color: #ffffff; background-color: #00712f; border-left: 1px solid #ffffff;}
.sq-nd-04 table td{color: #00712f; text-align: center; border-left: 1px solid #00712f;}
@media only screen and (max-width : 860px){
	.sq-nd-03 img{width: 480px; margin-left: auto; margin-right: auto;}
	.sq-nd-04 table{width: 98%; margin-left: 1%; margin-right: 1%;}
}
.sq-nd-05{border-left: 1px solid #00712f; border-right: 1px solid #00712f;}
.graph1{display: block; width: 446px; margin-left: auto; margin-right: auto;}
.graph2{display: block; float: left; margin-left: 20px;}
.graph3{width: 100%; padding: 0 15%;}
@media only screen and (max-width : 480px){
	.graph3{width: 100%; padding: 0 5%;}
}

/*CPL*/
.sq-cpl-01{border: 1px solid #c11920;}
.sq-cpl-midashi img{display: block; width: 730px; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 10px;}
.sq-cpl-img-text{padding: 0 30px 0 30px;}
.sq-cpl-img-text img.seihin{float: left; padding-right: 30px;}
.sq-cpl-img-text img.seihin2{float: left; padding-right: 30px; padding-bottom: 10px;}
.sq-cpl-img-text img.sq-cpl-catch{float: left; padding-right: 0px; padding-top: 30px; margin-bottom: 30px;}
.sq-cpl-img-text p{letter-spacing: 0.1em; line-height: 1.6em;}
.sq-cpl-img-text p span{display: block; text-align: center; font-size: 110%;}
@media only screen and (max-width : 860px){
	.sq-cpl-midashi{min-height: 50px; /*background: url(../images/mark_new_tri_s.png) no-repeat;*/}
	.sq-cpl-midashi img.seihin{display: block; max-width: 90%; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 10px;}
	.sq-cpl-img-text{padding: 10px;}
	.sq-cpl-img-text img{float: none; width: 100%; padding:0 10px;}
	.sq-cpl-img-text p{padding: 0 10px; line-height: 1.5em; margin-bottom: 0;}
}
.sq-cpl-02{color: #ffffff; background-color: #c11920; padding-bottom: 10px;}
.sq-cpl-02 ul{list-style-type: square; margin-left: 60px; padding-top: 10px;}
.sq-cpl-02 ul li{float: left; margin-right: 40px; letter-spacing: 0.1em;}
p.text-right{float: right; text-align: right; margin: 0 10px 10px 0;}
.sq-cpl-03{border-left: 1px solid #c11920; border-right: 1px solid #c11920; padding: 20px;}
.sq-cpl-03 img{}
@media only screen and (max-width : 860px){
	.sq-cpl-02 ul{margin-left: 30px;}
	.sq-cpl-02 ul li{margin-right: 40px; letter-spacing: 0em;}
	.sq-cpl-03 img{width: 480px; margin-left: auto; margin-right: auto;}
}

/*SPEC*/
.sq-spec-01{background-color: #ffffff; border-left: 1px solid #42606f; border-right: 1px solid #42606f; padding-bottom: 20px;}
.sq-spec-01 p{margin:0px 30px 5px 30px;}
.sq-spec-01 ul{list-style: none;}
.sq-spec-01 ul li{display: block; float: left; width: 30%; background-color: #eef4f7; border: 1px solid #42606f; margin: 1.6%; height: 361px;}
.sq-spec-01 > ul > li > p{margin: 5px; padding: 0 20px; letter-spacing: 0.1em;}
.sq-spec-02{background-color: #ffffff; border-left: 1px solid #42606f; border-right: 1px solid #42606f;}
.sq-spec-02 ul{list-style: none; padding: 10px 20px;}
.sq-spec-02 ul li{display: block; float: left; width: 30%; margin: 1.6%;}
.sq-spec-03{background-color: #595757; padding: 15px 30px;}
.sq-spec-03 p{color: #ffffff; margin: 0; letter-spacing: 0.1em;}
@media only screen and (max-width : 480px){
	.sq-spec-01 ul li{width: 45%; margin: 2.5%; height: 260px;}
	.sq-spec-01 > ul > li > p{margin: 5px; padding: 0; letter-spacing: 0em; font-size: 90%;}
	.sq-spec-02 ul{padding: 0;}
	.sq-spec-02 ul li{width: 45%; margin: 2.5%;}
	.sq-spec-03{padding: 0;}
	.sq-spec-03 p{margin: 0; padding: 10px 20px; letter-spacing: 0em; font-size: 90%;}
}

.list-price-sq{border-left: 1px solid #42606f; border-right: 1px solid #42606f; border-bottom: 1px solid #42606f; padding: 20px 0;}
.list-price-sq table{clear: both; width:60%; margin-left: auto; margin-right: auto;}
.list-price-sq tr.type1{background-color: #ffffff;}
.list-price-sq tr.type2{background-color: #eef4f7;}
.list-price-sq th{color: #ffffff; background-color: #42606f; letter-spacing: 0.1em;}
.list-price-sq th, .list-price-sq td{text-align: center; padding: 5px; border-collapse: collapse; border: 1px solid #333333;}
@media only screen and (max-width : 860px){
	.list-price-sq table{width:auto; margin-left: auto; margin-right: auto;}
}
@media only screen and (max-width : 480px){
	.list-price-sq table{margin: 0 10px;}
}
.tsuiki{clear: both; width: 90%; border: 1px solid #ffffff; border-radius: 5px; margin-left: 5%; margin-right: 5%; padding: 5px 10px; letter-spacing: 0.05em;}
.tsuiki p.kome{background: transparent url(../images/icon_kome_white.png) no-repeat scroll 0px 6px; padding-left: 20px; margin: 0;}

/*StarScape for M100*/
.sq-ss-01{border: 1px solid #003279;}
.sq-ss-02{color: #ffffff; background-color: #003279; padding-bottom: 10px;}
.sq-ss-02 ul{list-style-type: square; margin-left: 60px; padding-top: 10px;}
.sq-ss-02 ul li{float: left; margin-right: 40px; letter-spacing: 0.1em;}
.sq-ss-03{border-left: 1px solid #003279; border-right: 1px solid #003279; padding: 20px; text-align: center;}
@media only screen and (max-width : 860px){
	.sq-ss-02 ul{margin-left: 30px;}
	.sq-ss-02 ul li{margin-right: 40px; letter-spacing: 0em;}
	.sq-ss-03{padding: 20px 5px;}
}

/**********************************************/
/*campaign*/
/**********************************************/
.campaign-top{margin-top: 16px;}
@media only screen and (max-width : 860px){
	.campaign-top{margin-top: 0;}
}
.camp-01, .camp-02{width: 82%; margin-left: auto; margin-right: auto; color: #000000;}
.camp-01 p, .camp-02 p{font-size: 100%; letter-spacing: 0.1em;}
.camp-01 img, .camp-02 img{display: block; overflow: hidden; margin-left: auto; margin-right: auto;}
img.pack-mag{width: 262px;}
img.plus{width: 32px;}
img.pack-gnd-nd{width: 481px;}
img.but-dl{width: 442px;}
.camp-01 span.col-red, .camp-02 span.col-red{color: #cc0000;}
.index-camp-01{height: 54px; background-color: #dbdcdc; margin: 30px 0;}
.index-camp-01 p{color: #000000; font-size: 130%; font-weight: bold; text-align: center; letter-spacing: 0.1em; margin: 0; padding-top: 13px;}
.camp-kikan{margin: 25px 0;}
.camp-kikan p{color: #000000; font-size: 130%; font-weight: bold; text-align: center; letter-spacing: 0.1em; line-height: 1.7em;}
p.text-l{font-size: 110%; letter-spacing: 0.1em; line-height: 1.7em;}
p.text-m{font-size: 100%; letter-spacing: 0.1em;}
p.text-ms{font-size: 95%; letter-spacing: 0em;}
p.text-s, span.text-s{font-size: 85%; letter-spacing: 0em;}
@media only screen and (max-width : 860px){
	.camp-01{width: 90%;}
	.camp-02{width: 100%;}
	.camp-01 p, .camp-02 p{font-size: 100%; letter-spacing: 0em;line-height: 1.5em;}
	.index-camp-01{height: 50px; background-color: #dbdcdc; margin: 20px 0;}
	.index-camp-01 p{color: #000000; font-size: 120%; font-weight: bold; text-align: center; letter-spacing: 0.05em; margin: 0; padding-top: 13px;}
	.camp-kikan p{color: #000000; font-size: 110%; font-weight: bold; text-align: center; letter-spacing: 0em; line-height: 1.7em;}
	p.text-l{font-size: 100%; letter-spacing: 0em; line-height: 1.5em;}
	p.text-m{font-size: 95%; letter-spacing: 0em;}
	p.text-ms{font-size: 90%; letter-spacing: 0em;}
	p.text-s, span.text-s{font-size: 80%; letter-spacing: 0em;}
	img.pack-gnd-nd{padding: 0 5px;}
}
.camp-table{margin-bottom: 20px;}
.camp-table table{width: 100%; border-left: 1px solid #595757;}
.camp-table tr.type1{background-color: #ffffff;}
.camp-table tr.type2{background-color: #eeeeef;}
.camp-table th{color: #ffffff; background-color: #595757; border-right: 1px solid #ffffff; font-weight: normal; letter-spacing: 0.1em; padding: 5px;}
.camp-table td{text-align: center; border-right: 1px solid #595757; border-bottom: 1px solid #595757; padding: 5px;}
.shousai-sq a{display:block; background: url(../images/but_sq_shousai.png) no-repeat; overflow: hidden; text-indent: 100%; white-space: nowrap; height: 26px; width: 136px; margin-left: auto; margin-right: auto;}
span.futoji2{font-weight: bold; color: #000; font-size: 150%;}
span.futoji3{font-weight: bold; color: #000; font-size: 110%; letter-spacing: 0.1em;}
a.camp-link{color: #cc0000; text-decoration: underline;}
@media only screen and (max-width : 860px){
	.camp-table{font-size: 85%;}
	.camp-table th{letter-spacing: 0em; padding: 1px;}
	.camp-table td{padding: 1px;}
	.shousai-sq a{background: url(../images/but_sq_shousai_ss.png) no-repeat; height: 33px; width: 60px; margin-left: auto; margin-right: auto;}
	span.futoji2{font-weight: bold; color: #000; font-size: 130%;}
	span.futoji3{font-weight: bold; color: #000; font-size: 100%; letter-spacing: 0em;}
}

/*EXUS MARK2*/
.mark2 h3{background-color: #dbdbdb; text-align: center; color: #000000; padding: 10px; letter-spacing: 0.05em;}
.mark2 h4{min-height: 60px; padding-left: 80px; margin: 0 20px; letter-spacing: 0.1em; font-weight: normal;}
h4.mark2-sub-01{background: url(../images/icon_mark2_01.png) no-repeat; }
h4.mark2-sub-02{background: url(../images/icon_mark2_02.png) no-repeat; }
h4.mark2-sub-03{background: url(../images/icon_mark2_03.png) no-repeat; }
h4.mark2-sub-04{background: url(../images/icon_mark2_04.png) no-repeat; }
h4.mark2-sub-05{background: url(../images/icon_mark2_05.png) no-repeat; }
.flex-container1{display: flex; justify-content: space-between;}
.flex-item1, .flex-item2{width: 50%; padding: 0 20px;}
.flex-item2{margin-top: 20px;}
.flex-item1 p{line-height: 2.0em; letter-spacing: 0.03em; margin-left: 20px;}
.flex-item2 p{line-height: 1.2em; text-align: center; margin-top: 5px;}
.flex-item1 span, .flex-item2 span{display: block; font-size: 75%; text-align: right;}
.mark2-bikou{color: #000000; background-color: #dbdbdb; padding: 10px 0;}
.mark2-bikou ul{list-style-type: square; margin-left: 40px; padding-top: 10px;}
.mark2-bikou ul li{float: left; margin-right: 40px; letter-spacing: 0.1em;}
.mark2-bikou span{float: right; text-align: right; margin: 0 10px 10px 0; font-size: 90%;}
.mark2-kakaku{padding: 20px;}
.mark2-kakaku .index-blue{margin-bottom: 20px;}
.mark2-kakaku th{font-size: 90%;}
.mark2-kakaku td{font-size: 85%;}
@media only screen and (max-width : 860px){
	.mark2 h4{min-height: 60px; padding-left: 70px; margin: 0 5px; letter-spacing: 0em; font-weight: normal; font-size: 90%; line-height: 1.3em;}
	.flex-container1{display: block; justify-content: space-between;}
	.flex-item1, .flex-item2{width: 100%; padding: 0 5px;}
	.flex-item1 p{line-height: 1.5em; letter-spacing: 0.03em; margin-left: 0px;}
	.flex-item1 span .flex-item2 span{display: block; font-size: 75%; text-align: left; line-height: 1.1em;}
	.mark2-bikou ul{margin-left: 30px;}
	.mark2-bikou ul li{margin-right: 40px; letter-spacing: 0em;}
	.mark2-kakaku{padding: 5px;}
}

/*StarScape*/
.index-ss{width: 600px; margin: 0 auto; color: #003279; font-size: 160%; font-weight: bold; letter-spacing: 0.1em; text-align: center; border-top: 1px solid #003279; border-bottom: 1px solid #003279;}
.index-ss p{margin: 10px;}
.index-ss2{text-align: center; color: #003279; font-size: 120%; font-weight: bold; letter-spacing: 0.1em; margin: 10px;}
.starscape{margin-bottom: 30px;}
.starscape p{width: 850px; margin-left: auto; margin-right: auto; line-height: 1.8em;}
.starscape p span{font-weight: bold;}
.ss-top{width: 769px; margin:20px auto;}
.starscape2 p.kaisetsu{text-align: center;}
.starscape2 p.midashi{margin: 0 0 0 5px; color: #000000;}
.starscape2 img{margin: 10px 15px;}
.starscape3{display: flex; justify-content: space-between; margin-top: 10px;}
.flex-item3{width: 50%; padding: 0 10px;}
.starscape3 p.midashi{margin: 0; color: #000000; font-weight:700;}
.ss-spec{color: #000000; padding: 10px; border-top: 1px solid #003279; border-bottom: 1px solid #003279; margin-bottom: 30px;}
.starscape5{width: 764px; margin-left: auto; margin-right: auto; margin-bottom: 20px;}
.starscape6{text-align: center; margin-bottom: 20px;}
.ss-price{width: 764px; margin-left: auto; margin-right: auto;}
.ss-price table{width: 100%;}
.ss-price p{text-align: right; font-size: 80%; margin-top: 0;}
@media only screen and (max-width : 860px){
	.index-ss{width: auto;}
	.ss-top{width: auto;}
	.starscape p{width: auto; padding: 0 5px; line-height: 1.5em;}
	.starscape2 p.kaisetsu{text-align: left; padding: 3px;}
	.starscape2 img{margin: 0;}
	.starscape2 .yajirushi{width: 70px; margin: 0 auto;}
	.starscape4 p{padding: 3px; margin: 0;}
	.starscape4 p.midashi{margin: 0; color: #000000; font-weight:700; text-align: center;}
	.ss-spec{font-size:90%; padding: 10px 5px;}
	.starscape5{width: 100%;}
	.starscape6{padding: 0 5px;}
	.ss-price{width: auto;}
	.ss-price th{background-color: transparent; color: #ffffff;}
	.ss-price td{font-size: 80%;}
}

/*ND-100000*/
.index-nd100000{width: 600px; margin: 0 auto; color: #231815; font-size: 160%; font-weight: bold; letter-spacing: 0.1em; text-align: center; border-top: 1px solid #231815; border-bottom: 1px solid #231815;}
.index-nd100000 p{margin: 10px;}
.index-nd100000_2{text-align: center; color: #231815; font-size: 120%; font-weight: bold; letter-spacing: 0.1em; margin: 10px;}
.nd10{max-width: 850px; margin-left: auto; margin-right: auto; margin-top: 30px;}
.nd10 img.nd10-pack{float: left; margin-right: 30px;}
.nd10 img.nd10-filter{margin-left: 20px;}
.nd10 p.kaisetsu{letter-spacing: 0.1em; padding-top: 80px;}
.nd10 p.nd10-size{clear: both; margin-bottom: 5px; font-size: 130%;}
.nd10-spec{color: #231815; padding: 10px; border-top: 1px solid #231815; border-bottom: 1px solid #231815; margin-bottom: 30px; letter-spacing: 0.05em;}
.nd10-2{max-width: 895px; margin-left: auto; margin-right: auto;}
.nd10-2 .taiyou{width: 441px; margin-left: auto; margin-right: auto;}
.nd10-2 .rensha{clear: both; float: right;}
.nd10-nisshoku{max-width: 895px; background-color: #090100; color: #ffffff; padding: 20px; margin: 20px auto;}
.nd10-nisshoku h4{color: #ffd900; font-size: 140%; text-align: center; letter-spacing: 0.2em; margin: 0;}
.nd10-nisshoku > p{text-align: center;}
.nd10-nisshoku ul{list-style-type: none;}
.nd10-nisshoku ul li{float: left; width: 33%; padding: 0 10px;}
.nd10-nisshoku ul li img{display: block; margin-left: auto; margin-right: auto;}
.nd10-step{max-width: 895px; margin: 0 auto;}
.nd10-step img{margin-bottom: 15px;}
.nd10-step .step-l{margin-right: 10px;}
.nd10-bikou{max-width: 895px; margin: 0 auto; background-color: #090100; color: #ffd900; padding: 10px;}
.nd10-bikou p{margin: 5px 0; letter-spacing: 0.1em;}
.nd10-bikou ul li{margin-left: 1em; font-size: 85%;}
.nd10-price{width: 895px; margin: 10px auto;}
.nd10-price table{width: 100%; background-color: #090100; color: #ffd900;}
.nd10-price td{border: 1px solid #ffd900;}
.nd10-price p{text-align: right; font-size: 90%; margin: 0}
@media only screen and (max-width : 860px){
	.index-nd100000{width: auto;}
	.nd10{margin-top: 10px;}
	.nd10 img.nd10-pack{width: 40%; float: left; margin: 5px;}
	.nd10 img.nd10-filter{width: 55%; margin: 0; padding-top: 70px;}
	.nd10 p.kaisetsu{clear: both; padding: 5px; margin: 0;}
	.nd10 p.nd10-size{text-align: center; font-size: 120%;}
	.nd10-spec{font-size:90%; padding: 10px 5px;}
	.nd10-2{width: auto;}
	.nd10-nisshoku{max-width: 100%;}
	.nd10-nisshoku > p{text-align: left;}
	.nd10-nisshoku ul li{float: none; width: 100%; padding: 0 3px;}
	.nd10-step .step-l{margin-right: 0;}
	.nd10-price{width: auto; margin: 10px auto;}
	.nd10-price p{font-size: 80%;}
}