/*追加フォント0228定義変更*/
@font-face {
	font-family: 'Eurostile';
	src: url('../fonts/Eurostile.eot');
	src: url('../fonts/Eurostile.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Eurostile.woff') format('woff'),
	url('../fonts/Eurostile.ttf') format('truetype'),
	url('../fonts/Eurostile.svg#fontset') format('svg');
	font-weight: bold;
	font-style: normal;
}

/*　↓↓追加アイコン↓↓　*/
@font-face {
	font-family: 'nsd-icon';
	src:  url('../fonts/nsd-icon_2.eot?c1815e');
	src:  url('../fonts/nsd-icon_2.eot?c1815e#iefix') format('embedded-opentype'),
	url('../fonts/nsd-icon_2.ttf?c1815e') format('truetype'),
	url('../fonts/nsd-icon_2.woff?c1815e') format('woff'),
	url('../fonts/nsd-icon_2.svg?c1815e#nsd-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="nsd-icon-"], [class*=" nsd-icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'nsd-icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

header {
	width: 100%;
	height: 101px;
	clear: both;
	position: fixed;
	margin-top: 0;
	z-index: 9997;
	display: block;
}

div#main\=div.container {
	padding-top: 101px;
}

.to_top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.to_top img {
	width:30px;
}
.nsd-icon-font1:before {
	content: "\e90f";
}
.nsd-icon-top_select:before {
	content: "\e900";
}
.nsd-icon-mark-all:before {
	content: "\e901";
}
.nsd-icon-mark-r:before {
	content: "\e901";
}
.nsd-icon-mark-ra:before {
	content: "\e901";
}
.nsd-icon-mark-ls:before {
	content: "\e901";
}
.nsd-icon-mark-ll:before {
	content: "\e901";
}
.nsd-icon-mark-lsn:before {
	content: "\e901";
}
.nsd-icon-mark-lh:before {
	content: "\e901";
}
.nsd-icon-mark-h:before {
	content: "\e902";
}
.nsd-icon-bottom:before {
	content: "\e903";
}
.nsd-icon-emblem:before {
	content: "\e904";
}
.nsd-icon-hari:before {
	content: "\e905";
}
.nsd-icon-uniE906:before {
	content: "\e906";
}
.nsd-icon-uniE907:before {
	content: "\e907";
}
.nsd-icon-shotaisentaku:before {
	content: "\e908";
}
.nsd-icon-silkscreen:before {
	content: "\e909";
}
.nsd-icon-top:before {
	content: "\e90a";
}
.nsd-icon-topBtmSelect:before {
	content: "\e90b";
}
.nsd-icon-mark-la:before {
	content: "\e90c";
}
.nsd-icon-mark-n:before {
	content: "\e90d";
}
.nsd-icon-mark-ra:before {
	content: "\e90e";
}
.nsd-icon-uniE910:before {
	content: "\e910";
}
.nsd-icon-top_line1:before {
	content: "\e911";
}
.nsd-icon-top_line2:before {
	content: "\e912";
}

#side-area .nsd-icon-shotaisentaku{
	font-size:18px;
}

.nsd-icon-top, .nsd-icon-bottom {
	font-size: 80px;
	font-weight: bold;
}
.nsd-icon-mark-all, .nsd-icon-mark-h, .nsd-icon-mark-r, .nsd-icon-mark-ra, .nsd-icon-mark-n,.nsd-icon-mark-b, .nsd-icon-mark-ls, .nsd-icon-mark-ll, .nsd-icon-mark-lsn, .nsd-icon-mark-lh  {
	font-size: 50px;
}

#markingContentA .radio, #markingContentB .radio {
	float: left;
	margin: 10px 20px 0 0;
}

#markingContentA .radio label, #markingContentA label.radio-inline, #markingContentB .radio label, #markingContentB label.radio-inline {
	padding-left: 30px;
}

#markingContentA .circle, #markingContentA .check, #markingContentB .circle, #markingContentB .check {
	margin-top: 35px;
}
/*　↑↑追加アイコン　↑↑*/



/*　↓↓既存スタイルカスタマイズ↓↓　*/
html, body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4  {
	font-family: "メイリオ","Helvetica Neue",Helvetica,Arial,sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
#side-area {
	width: 370px;
	height: 518px;
	position: relative;
}
#side-area .panel.panel-primary > .panel-heading {
	background-color: #444444;
}
#side-area .panel-heading {
	padding: 10px 10px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	box-shadow: 0px 6px 3px -1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 6px 3px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 6px 3px -1px rgba(0,0,0,0.2);
}

#side-area .panel-group .panel+.panel {
	margin-top: 1px;
}
#side-area .panel-group .panel {
	margin-bottom: 1px;
	border-radius: 0px;
}

.nsd-main .btn.btn-raised.btn-danger,.nsd-main  .btn.btn-raised.btn-danger, .nsd-com_bg1 .btn.btn-raised.btn-danger, .nsd-com_bg2 .btn.btn-raised.btn-danger, #text_comp{
	background-color: #ff00ff;
	color: rgba(255,255,255, 0.84);
}
.nsd-main .btn.btn-raised.btn-danger:hover,.nsd-main  .btn.btn-raised.btn-danger:hover, .nsd-com_bg1 .btn.btn-raised.btn-danger:hover, .nsd-com_bg2 .btn.btn-raised.btn-danger,#text_comp:hover{
	background-color: #999999;
	color: rgba(255,255,255, 0.84);
}

.nsd-main .btn.btn-raised.btn-danger:focus,.nsd-main  .btn.btn-raised.btn-danger:focus, .nsd-com_bg1 .btn.btn-raised.btn-danger:focus, .nsd-com_bg2 .btn.btn-raised.btn-danger:focus{
	background-color: #ff00ff;
	color: rgba(255,255,255, 0.84);
}

#nsd-bottomcom .btn.btn-raised.btn-danger{
	background-color: #ff00ff;
	color: rgba(255,255,255, 0.84);
}
#nsd-bottomcom .btn.btn-raised.btn-danger:hover{
	background-color: #999999;
	color: rgba(255,255,255, 0.84);
}
#nsd-bottomcom .btn.btn-raised.btn-danger:focus{
	background-color: #ff00ff;
	color: rgba(255,255,255, 0.84);
}

.nsd-main .panel-title {
	vertical-align: middle;

}
.nsd-main .panel-title a:hover, a:focus{
	color:#fff;
	text-decoration: none;
	border-bottom: 2px #ff33cc solid;
}

.nsd-main .panel-title i {
	margin-right:15px;
	vertical-align: middle;
}

#nsd-mobtn .btn.btn-raised.btn-danger{
	background-color: #999999;
	color: rgba(255,255,255, 0.84);
}
#nsd-mobtn .btn.btn-raised.btn-danger:hover{
	background-color: #ff00ff;
	color: rgba(255,255,255, 0.84);
}
#nsd-mobtn .btn.btn-raised.btn-danger:focus{
	background-color: #999999;
	color: rgba(255,255,255, 0.84);
}

#nsd-sitetitle .togglebutton label .toggle{
	background-color: rgba(230, 230, 230, 0.7);
}
#nsd-sitetitle .togglebutton label .toggle:after {
	background-color: #7f7f7f;
}

#nsd-sitetitle .togglebutton label input[type=checkbox]:checked + .toggle {
	background-color: #ff66ff;
}
#nsd-sitetitle .togglebutton label input[type=checkbox]:checked + .toggle:after {
	background-color: #ff00ff;
}

.nsd-colorbbox .btn.btn-fab {
	margin: 3px;
}
.nsd-colorbbox .btn.btn-fab.btn-default{
	background-color:#c2c2c2;
}
.color_num_name {
	font-size: 0.6em;
	position: relative;
	top: -7px;
}
.nsd-main .radio .check {
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background-color: #ff00ff;
	-webkit-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
}
.radio input[type=radio]:checked ~ .circle, label.radio-inline input[type=radio]:checked ~ .circle {
	border-color: #ff00ff;
}
.nsd-main .radio input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .check{
	background-color:#ff00ff;
	color:#000;
}
.nsd-main .form-group.is-focused .form-control {
	outline:none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff00ff), to(#ff00ff)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
	background-image: -webkit-linear-gradient(#ff00ff, #ff00ff), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
	background-image: -o-linear-gradient(#ff00ff, #ff00ff), -o-linear-gradient(#D2D2D2, #D2D2D2);
	background-image: linear-gradient(#ff00ff, #ff00ff), linear-gradient(#D2D2D2, #D2D2D2);
	-webkit-background-size: 100% 2px, 100% 1px;
	background-size: 100% 2px, 100% 1px;
	-webkit-box-shadow:none;
	box-shadow: none;
	-webkit-transition-duration:0.3s;
	-o-tansition-duration:0.3s;
	tansition-duration:0.3s;
}

.nsd-main .form-control, .form-group .form-control {
	border: 0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff00ff), to(#ff00ff)), -webkit-gradient(linear, left top, left bottom, from(#D2D2D2), to(#D2D2D2));
	background-image: -webkit-linear-gradient(#ff00ff, #ff00ff), -webkit-linear-gradient(#D2D2D2, #D2D2D2);
	background-image: -o-linear-gradient(#ff00ff, #ff00ff), -o-linear-gradient(#D2D2D2, #D2D2D2);
	background-image: linear-gradient(#ff00ff, #ff00ff), linear-gradient(#D2D2D2, #D2D2D2);
	-webkit-background-size: 0 2px, 100% 1px;
	background-size: 0 2px, 100% 1px;
	background-repeat: no-repeat;
	background-position: center bottom, center -webkit-calc(100% - 1px);
	background-position: center bottom, center calc(100% - 1px);
	background-color: rgba(0, 0, 0, 0);
	-webkit-transition: background 0s ease-out;
	-o-transition: background 0s ease-out;
	transition: background 0s ease-out;
	float: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
}
.nsd-main .panel-body{
	color:#555555;
}
.nsd-main .panel-primary>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #abaaaa;
}
.nsd-main .slider .noUi-handle, .nsd-main .slider.slider-default .noUi-handle {
	border-color: #ff00ff;
}
.nsd-main .slider .noUi-handle, .nsd-main .slider.slider-default .noUi-handle {
	background-color: #ff00ff;
}
.nsd-main .slider.noUi-connect, .nsd-main .slider.slider-default.noUi-connect {
	background-color: #ff00ff;
}

/*　↑↑既存スタイルカスタマイズ↑↑　*/


/*新規スタイル追加*/
/*ヘッダー*/
#nsd-sitetitle {
	position: relative;
	z-index: 3;
	background-color: #222222;
	border: 0;
	border-radius: 0;
	color:#fff;
	padding:5px;
	box-shadow: 0px 6px 3px -1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 6px 3px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 6px 3px -1px rgba(0,0,0,0.2);
}

#nsd-sitetitle h1 {
	font-family: Eurostile;
	font-style: italic;
	font-size: 12px;
	margin:0;
}
#nsd-sitetitle .nsd-eufont {
	font-family: Eurostile;
	font-style: italic;
	font-size: 26px;
}
#nsd-sitetitle .nsd-simid{
	font-size: 10px;
	margin-left:30px;
	margin-bottom:15px;
	vertical-align: sub;
}
#nsd-sitetitle .nsd-help{
	margin-top:15px;
}

#nsd-sitetitle .togglebutton label {
	color:#fff;
}

.nsd-logo{
	margin:5px 0 0 0;
	padding: 0;
	text-align: left;
}

.nsd-title {
	margin-top: 5px;
	border-left: 1px solid #ffffff;
	position: relative;
	left: -60px;
}

.nsd-title .nsd-eufont{
	line-height:100%;
}

.nsd-sim_id {
	margin-top: 25px;
}

.header_item.col-lg-12 {
	margin: 0;
	padding: 0;
}
#nsd-iteminfo {
	position: relative;
	z-index: 2;
	background-color: #eeeeee;
	margin:0;
	padding:0;
	box-shadow: 0px 6px 3px -1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 6px 3px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 6px 3px -1px rgba(0,0,0,0.2);
}
#nsd-iteminfo .nsd-itemname{
	font-family: Eurostile;
	font-style: italic;
	font-size: 30px;
	color:#444;
	margin-bottom:15px;
	line-height: 1;
}
.nsd-icon{
	border-radius: 50%;
	height: 25px;
	width: 25px;
	padding:3px 5px 1px 5px;
	background-color: #ff00ff;
	color:#fff;
	font-size:16px;
}

.nsd-itemkind_t{
	font-size:14px;
	margin-right:15px;
}
.nsd-itemkind_tno{
	font-size:14px;
	margin-right:5px;
}
.nsd-itemprice_t{
	font-size:14px;
	margin-right:15px;
}
.nsd-itemprice_tno{
	font-size:14px;
}
.nsd-itemkind_b{
	font-size:14px;
	margin-right:15px;
}
.nsd-itemkind_bno{
	font-size:14px;
	margin-right:5px;
}
.nsd-itemprice_b{
	font-size:14px;
	margin-right:15px;
}
.nsd-itemprice_bno{
	font-size:14px;
	margin-right:15px;
}
.nsd-lrmargin{
	margin: 0 15px;
}
#nsd-iteminfo .nsd-itemtb{
	font-family: Eurostile;
	font-size: 5px;
	margin: 0;
	text-align: center;
}
.top_icon, bottom_icon{
	text-align: center;
}
/*フッター*/
.nsd-footer{
	background-color: #282727;
	color:#fff;
	font-family: Eurostile;
	font-style: italic;
	padding:130px 0;
	text-align:center;
}
.nsd-ffsize1{
	font-size:17px;
}
.nsd-ffsize3{
	font-size:10px;
}
.nsd-footer__service-name{
	margin: 0;
	text-align: center;
}
.nsd-footer__service-name img{
	display: inline-block;
	width: 100%;
	max-width: 320px;
	height: auto;
}
.nsd-footer ul{
	list-style-type: none;
	margin-top: 20px;
	padding-left: 0;
}
.nsd-footer li {
	display: inline-block;
	padding: 10px 5px 0 5px;
	margin: 20px;
}
.nsd-footer li a{
	color:#fff;
}
.nsd-footer li a:hover {
	color:#fff;
	text-decoration: none;
	border-bottom: 3px #ff00ff solid;
}
/*メインエリア*/
.nsd-container{
	padding:0 100px;
}
.nsd-main{
	background-color: #f4f4f4;
	position: relative;
	z-index: 0;
}

.nsd-bgc1{
	background-color: #fff;
}
/*メインエリア　サイドナビ*/
/*選択不可の時のタイトル*/
.nsd-panel-heading{
	background-color: #cccccc;
	color:#f1f1f1;
	padding: 10px 10px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	box-shadow: 0px 6px 3px -1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 6px 3px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 6px 3px -1px rgba(0,0,0,0.2);
}
/*選択不可の時のタイトル*/

.nsd-panel-heading .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	color: inherit;
}
.nsd-right_i{
	float:right;
}

.nsd-navitbs{
	width: 310px;
	text-align:center;
	color:#7f7f7f;
	float:left;
}
.nsd-navitbs ul{
	list-style-type: none;
	padding-left: 0;
}
.nsd-sidelist {
	margin: 0;
}
/*
.nsd-sidelist li {
	display: inline-block;
	padding:10px 10px 0 10px;
	margin:0 10px;
}
*/
.nsd-icolink1  {
	position: relative;
	text-align:center;
	color:#7f7f7f;
}
.nsd-icolink1 a {
	color:#7f7f7f;
	text-decoration: none;
	padding-bottom:25px;
}
.nsd-icolink1 a:hover {
	color:#000000;
	border-bottom: 5px #ff00ff solid;
	padding-bottom:25px;
}

.nsd-icolink1 i {
	font-size:64px;
}


.nsd-colorbbox{
	padding:0;
	margin-bottom:0;
	width: 310px;
}
.nsd-colorbbox:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.nsd-colorbbox span {
	position: relative;
	top:-2px;
}
.nsd-color{
	text-align: center;
}

.nsd-colorb {
	float:left;
	text-align:center;
	position: relative;
}

.nsd-colorb2 {
	border-radius: 40px;
	border: 5px #eef5f7 solid;
	background-color: #eef5f7;
	float: left;
}
.nsd-colorb span{
	vertical-align: middle;
}

.nsd-coloico-a{
	color:#fff;
	font-size:30px;
	vertical-align: middle;
}

.nsd-coloico-b{
	font-size:30px;
	vertical-align: middle;
}
.nsd-coloico_b{
	position: absolute;
	border-bottom: 3px #6d6d6d solid;
	padding: 0;
	left:15px;
	top:20px;
	text-align:center;
	width: 20px;
	height: 15px;
}
.nsd-colorb .btn, .nsd-colorb2 .btn{
	margin: 3px;
}
.nsd-color_btn{
	font-size: 24px;
	background: #aaaaaa;
	border: solid #ffffff 4px;
	text-decoration: none;
	box-sizing:content-box;
}
.btn.btn-fab {
	height: 52px;
	margin: auto;
	min-width: 52px;
	width: 52px;
}
.nsd-colort{
	width:310px;
	background-color:#aaaaaa;
	margin-bottom:0px;
	padding:3px;
	color:#fff;
	font-size:10px;
}
.nsd-color{
	width:310px;
	padding:0px;
}
.nsd-color li{
	display: inline-block;
	float:left;
	width:62px;
	height:40px;
	margin:0;
	padding-right:0px;
	font-size: 0.8em;
	line-height: 1.2;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.nsd-color span{
	padding:3px;
}
.nsd-empty{
	background: #fff;
	background-image: radial-gradient(#dfdfdf 20%, transparent 0), radial-gradient(#dfdfdf 20%, transparent 0);
	background-position: 0 0, 5px 5px;
	background-size: 10px 10px;
	border:thin solid #999;
	box-sizing:border-box;
}
.nsd-diagonal {
	height: 100%;
	width: 100%;
	border-top: solid gray 1px;
}
.nsd-rightUp {
	transform: matrix(1, -0.6, 0, 1, 0, 20);
	/*
        0.645 = 40 / 62 (height / width)
        20 = 40 / 2
    */
}


.nsd-marking{
	/*padding: 0;
	margin:5px;*/
}
.nsd-marking li{
	display: inline-block;
	margin:0;
	font-size:18px;
}
.nsd-marking li .radio label{
	padding-left: 35px;
	color:#000;
}
.nsd-marka {
	color:#000;
	font-size:14px;
}
.nsd-markb {
	color:#7f7f7f;
	font-size:14px;
}
.nsd-markt {
	text-align:center;
	font-size:18px;
	/*padding-bottom:13px;*/
	/*border-bottom: 5px #ff00ff solid;*/
}
.nsd-markt_b {
	text-align: center;
	font-size: 18px;
	/*padding-bottom: 13px;*/
	color: #000;
}

.nsd-navitbs2 {
	width: 310px;
	text-align:center;
	color:#7f7f7f;
	float:left;
	font-size:28px;
	padding:0;
}


.nsd-navitbs2 ul {
	width:310px;
	padding:0;
	margin-bottom: 15px;
	text-align: center;
	vertical-align: top;
	list-style-type: none;
}
.nsd-navitbs2 li {
	display: inline-block;
	float:left;
	text-align:center;
	margin:5px 3px 5px 0px;
	vertical-align: top;
}
.nsd-navitbs2 ul:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.nsd-icolink2{
	width:73px;
	height:86px;
	color:#7f7f7f;
	line-height: 120%;
}
.nsd-icolink2 a {
	display:block;
	width: 100%;
	color:#7f7f7f;
}
.nsd-icolink2 a:hover {
	color:#333333;
	text-decoration: none;
	border-bottom: 5px #ff00ff solid;
}
.nsd-icotext{
	font-size:12px;
	color:#7f7f7f;
	line-height: 120%;
	padding:0;
}
#nsd-print_btn {
	text-align:center;
}
#nsd-print_btn .btn.btn-default{
	border:thin #444 solid;
	padding: 3px;
}
.nsd-border1 {
	border-bottom: 7px #7f7f7f solid;
	margin:3px auto 10px auto;
	padding:0;
	width:30px;
}
.nsd-border2 {
	border-bottom: 7px #7f7f7f solid;
	margin:3px auto;
	padding:0;
	width:30px;
}
/*
.nsd-border3 {
	position: absolute;
	top:15px;
	left:23px;
	border-bottom: 5px #7f7f7f solid;
	padding:0;
	width:24px;
	height: 15px;
}
.nsd-border4 {
	position: absolute;
	top:15px;
	left:23px;
	border-top: 5px #7f7f7f solid;
	border-bottom: 5px #7f7f7f solid;
	padding:0;
	width:25px;
	height: 15px;
}
*/
.nsd-border5{
	position: absolute;
	top:15px;
	left:23px;
	border-top: 5px #ff00ff solid;
	padding:0;
	width:25px;
	height: 15px;
}
.nsd-border6{
	position: absolute;
	top:15px;
	left:23px;
	border-bottom: 5px #ff00ff solid;
	padding:0;
	width:24px;
	height: 15px;
}
.nsd-markingtext{
	font-size:16px;
	text-align:left;
	color:#000;
}

#nsd-bottomcom {
	background-color: #dddddd;
	padding:5px;
	text-align:center;
	font-size:12px;
	color:#333333;
	box-shadow: 0px -6px 6px -1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px -6px 6px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px -6px 6px -1px rgba(0,0,0,0.2);
	position: relative;
	z-index: 1;
}
.nsd-toplavel{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.nsd-bottomlavel{
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin:-2px 5px 0 0px;
}


.nsd-tops{
	position: absolute;
	left: 0;
	text-align: center;
	color:#ff33cc;
	width: 88px;
}
.nsd-bottoms{
	text-align: center;
	color:#ff33cc;
	width: 88px;
}

.nsd-icon-mark-r {
	position: absolute;
	left: -10px;
	top: 5px;
}

.nsd-icon-mark-ra {
	position: absolute;
	left: -15px;
	top: 5px;
}

.nsd-icon-mark-ls, .nsd-icon-mark-lsn {
	position: absolute;
	left: 20px;
	top: 45px;
}
.nsd-icon-mark-ll {
	position: absolute;
	left: 15px;
	top: 20px;
}

.nsd-icon-mark-lh {
	position: absolute;
	left: -15px;
	top: -5px;
}

.nsd-sliderbox{
	padding:0px;
	margin: 10px 0;
}

.nsd-sl_txt{
	font-size:20px;
	position: relative;
	top: -3px;
}

.nsd-slider {
	margin: 10px;
	width:180px;
	float:left;
}
.nsd-semicolor{
	vertical-align: middle;
}
.nsd-semicolor p{
	width:30px;
	height:30px;
	margin-right:5px;
	display: block;
	float:left;
}
.nsd-semicolor:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.nsd-print2{
	font-size:14px;
}
.nsd-print2 p{
	margin-bottom:5px;
}
.nsd-print2 i{
	font-size:16px;
}

.nsd-p2eufont{
	font-family: Eurostile;
	font-size: 1.2em;
	color: #ff00ff;
	font-style: italic;
}
.nsd-emlist{

	text-align: center;
}

.nsd-emlist ul {
	width:310px;
	padding:0;
	margin-bottom: 15px;
	vertical-align: top;
	list-style-type: none;
}
.nsd-emlist li {
	display: inline-block;
	text-align:center;
	margin:5px 3px;
	min-height:80px;
}

.nsd-emlist li a{
	text-decoration: none;
	display:block;
}
.nsd-emlist li:hover{
	text-decoration: none;
	border-bottom: 5px #ff33cc solid;
}


/*アイテムセレクト追加*/
.nsd-select_h {
	text-align:center;
	padding: 0;
	font-size:24px;
	line-height: 160%;
}
.nsd-select_h2 {
	text-align:center;
	padding: 0;
	font-size:24px;
	line-height: 160%;
	border-top: 1px solid #cccccc;
	margin-top:20px;
	padding-top: 15px;
}

.notfound {
	font-size:18px;
	color:red;
}

.nsd-eufont1 {
	font-family: Eurostile;
	font-style: italic;
	font-size: 20px;
	color:#000;
}
.nsd-eufont1g {
	font-family: Eurostile;
	font-style: italic;
	font-size: 20px;
	color:#999;
}
.nsd-eufont2 {
	font-family: Eurostile;
	font-style: italic;
	font-size: 50px;
}
.nsd-eufont3 {
	font-family: Eurostile;
	color:#333333;
	font-size: 12px;
}
.nsd-eufont4 {
	font-family: Eurostile;
	font-style: italic;
	font-size: 56px;
	color:#ff00ff;
}
.nsd-btn-default{
	width:171px;
	height: 43px;
	text-align:center;
	color: #ffffff;
	background: #999999;
	border-radius: 0px;
	border: 0px solid #ffffff;
	-moz-box-shadow:
			0px 3px 11px rgba(000,000,000,0.5),
			inset 0px 0px 1px rgba(153,153,153,0);
	-webkit-box-shadow:
			0px 3px 11px rgba(000,000,000,0.5),
			inset 0px 0px 1px rgba(153,153,153,0);
	box-shadow:
			0px 3px 11px rgba(000,000,000,0.5),
			inset 0px 0px 1px rgba(153,153,153,0);
	text-shadow:
			0px -1px 0px rgba(000,000,000,0),
			0px -1px 0px rgba(255,255,255,0);
	font-size: 18px;
	/*padding: 10px;*/
	margin: 0 20px;
}
.nsd-btn-default:hover {
	background: #ababab;
	text-decoration: none;
}

.nsd-btn-icon {
	font-size:18px;
	margin-right:15px;
	margin-top:10px;
}
.nsd-btn-icon2 {
	font-size:18px;
	margin-right:15px;
	margin-top:0px;
}

.cookie_data {
	display: inline-block;
	position: relative ;
	top: -2px;
}
.cookie_data .btn {
	height: 43px;
	text-align:center;
	color: #ffffff;
	background: #999999;
	border-radius: 0px;
	border: 0px solid #ffffff;
	-moz-box-shadow:
			0px 3px 11px rgba(000,000,000,0.5),
			inset 0px 0px 1px rgba(153,153,153,0);
	-webkit-box-shadow:
			0px 3px 11px rgba(000,000,000,0.5),
			inset 0px 0px 1px rgba(153,153,153,0);
	box-shadow:
			0px 3px 11px rgba(000,000,000,0.5),
			inset 0px 0px 1px rgba(153,153,153,0);
	text-shadow:
			0px -1px 0px rgba(000,000,000,0),
			0px -1px 0px rgba(255,255,255,0);
	font-size: 18px;
	margin-left: 20px;
}


.top_desc {
	font-size: 15px;
	line-height: 120%;
}
.nsd-coment{
	font-size: 14px;
	text-align:center;
	margin:15px auto;
	line-height: 120%;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 20px;
}
.nsd-select{
	font-size: 18px;
	text-align:center;
}
.nsd-select .btn-group {
	position: relative;
	margin: 0px 1px;
}
.nsd-lavel{
	border-bottom:thin #ccc solid;
	margin-bottom:3px;
	padding:0 3px;
	font-size: 21px;
}
.multiselect-selected-text {
	font-size: 11px;
}
.nsd-select .btn{
	padding: 8px 3px;

}
.nsd-select .active>a, .dropdown-menu>.active>a:hover {
	color: #333333;
	text-decoration: none;
	background-color: #fff;
	outline: 0;
}
.nsd-select li>a>label.checkbox{
	margin: 5px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333333;
	font-weight: 400;
}

.nsd-select input[type=checkbox], label.checkbox-inline input[type=checkbox] {
	opacity: 1;
	position: absolute;
	margin: 5px;
	z-index: 1;
	width: 14px;
	height: 14px;
	overflow: hidden;
	left: 5px;
	pointer-events: none;
}
.nsd-selectbox {
	width:170px;
	padding:10px;
}

.nsd-selectt{
	margin:0;
	padding:0;
	font-size:12px;
}

/*モーダルウィンドウ*/
.nsd-mobox{
	padding:10px;
	overflow: auto;
}

.nsd-moimg {
	float:left;
	margin:70px 30px 0;
}
.nsd-moinfo {
	font-size:12px;
	color:#333333;
}

.nsd-moitemname {
	font-size:24px;
	margin-right: 15px;
}
.nsd-moitemocode {
	font-family: Eurostile;
	font-size:24px;
	margin-right: 15px;
}
.nsd-moprice{
	font-size:14px;
}
.nsd-moradio {
	width:80%;
}
.nsd-moradio .radio-primary{
	float:left;
	margin-right: 30px;
}
.nsd-moradio  .radio{
	margin-top:0px;
}
.nsd-moradio  .radio input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .check {
	background-color: #ff00ff;
}
.nsd-moradio  .radio input[type=radio]:checked ~ .circle, label.radio-inline input[type=radio]:checked ~ .circle {
	border-color: #ff00ff;
}
#nsd-mobtn{
	margin: 15px;
}
.nsd-moicon{
	border-radius: 50%;
	height: 25px;
	width: 25px;
	padding:3px 5px 1px 5px;
	background-color: #fff;
	color:#999999;
	font-size:16px;
}
.nsd-mosbox{
	color:#333333;
	width:270px;
	margin:5px;
	float: left;
	font-size:12px;
}
.nsd-mosbox a {
	opacity: 0.5;
	display:block;
	color:#333333;
	width: 100%;
	padding:20px;
}
.nsd-mosbox a:hover, a:active, a:visited {
	opacity: 1;
	color:#333333;
	text-decoration: none;
}

.nsd-moeufont {
	font-family: Eurostile;
	font-size:16px;
}
.nsd-motitle{
	font-size:18px;
	margin: 5px 0 3px 0;
}
.nsd-mocolor{
	width:185px;
	padding:0px;
}
.nsd-mocolor li{
	display: inline-block;
	list-style-type:none;
	width:37px;
	height:37px;
	margin:0;
}
.nsd-moradio:before, .nsd-moradio:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
/*コンプリート追加*/
.nsd-com_bg1 {
	background-color: #fff;
	padding:60px 34px 0;
	text-align:center;
	font-size: 12px;
}
.nsd-com_bg2 {
	background-color: #e4e4e4;
	padding:45px;
	font-size:12px;
	text-align:center;
}
.nsd-com_bg3 {
	background-color: #1e1e1e;
	padding:45px 0;
	font-size: 12px;
	text-align:center;
	color:#fff;
}

.nsd-com_bg4 {
	background-color: #1e1e1e;
	padding:110px 0;
	text-align:center;
	color:#fff;
}

.nsd-eufont4 {
	font-family: Eurostile;
	font-style: italic;
	font-size: 56px;
	color:#ff00ff;
}
.nsd-eufont5 {
	font-family: Eurostile;
	font-style: italic;
	font-size: 25px;
	color:#000;
}
.nsd-eufont6 {
	font-family: Eurostile;
	font-size: 13px;
	color:#7f8080;
	margin-bottom: 30px;
}
.nsd-eufont7 {
	font-family: Eurostile;
	font-style: italic;
	font-size: 36px;
	color:#777;
	margin-bottom: 30px;
}
.nsd-eufont8 {
	font-family: Eurostile;
	font-style: italic;
	font-size: 41px;
	margin-bottom: 30px;
	text-shadow:
			0 0 25px #aaaaaa,
			0 0 20px #aaaaaa,
			0 0 0.40px #aaaaaa;
}
.nsd-eufont9 {
	font-family: Eurostile;
	font-style: italic;
	font-size: 24px;
	text-shadow:
			0 0 25px #aaaaaa,
			0 0 20px #aaaaaa,
			0 0 0.40px #aaaaaa;
}
.nsd-eufont10 {
	font-family: Eurostile;
	font-style: italic;
	font-size: 76px;
	text-shadow:
			0 0 25px #aaaaaa,
			0 0 20px #aaaaaa,
			0 0 0.40px #aaaaaa;
}

.nsd-eufont11 {
	font-family: Eurostile;
	font-style: italic;
	font-size: 40px;
	color:#fff;
	margin: 0;
	padding: 5px 0 0 0 ;
}
.nsd-eufont12 {
	font-family: Eurostile;
	font-style: italic;
	font-size: 11px;
	color:#fff;
}

.nsd-gothic {
	font-family: "ＭＳ Ｐゴシック";
	font-size: 20px;
	color:#7f8080;
	margin-bottom: 30px;
}

.nsd-t24i{
	font-style: italic;
	font-size: 24px;
	font-family:"小塚ゴシック Pro", sans-serif;
}

.nsd-coico1 {
	font-size:67px;
}
.nsd-coico2{
	color:#fff;
	font-size:20px;
}
.nsd-coico3{
	color:#fff;
	font-size:86px;
}
.nsd-coico4{
	color:#fff;
	font-size:60px;
}
.nsd-coment2{
	margin:10px auto;
	color:#ff00ff;
}
.nsd-com_btn{
	margin: 15px 33px;
}
.nsd-com_table{
	text-align:left;
}
.nsd-com_table img {
	float:left;
	margin: 5px 15px 5px 0;
}
.nsd-com_table img:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.nsd-com_htw {
	padding:40px;
}
.nsd-com_htwttl{
	font-size:18px;
	margin:20px 0;
}

#side8 .radio {
	margin-bottom: 20px;
}

#admin{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: auto;
	text-align: center;
	width: 500px;
	height: 400px;
}

/* Task #5 (2026-05-16): 一時保存スロット機能停止のため CSS コメントアウト。
   関連 HTML (sim.php L1351-1354) + JS (sim.js / init.js) も同タスクで停止。
.temporary_save{
	float: left;
	margin-right:20px;
	list-style-type: none;
	opacity:0.3;
}

.temporary_show{
	float: left;
	list-style-type: none;
	opacity:0.7;
}

.temporary_save:hover, .temporary_show:hover {
	opacity:1;
}
*/

/*
.temporary_save a:hover {
	border-bottom: 5px #ff00ff solid;
	padding-bottom:10px;
}
*/

/* Task #5 (2026-05-16): 一時保存スロット関連 modal / 表示エリア CSS をコメントアウト (modal HTML 自体も sim.php で停止)。
#temporary-myModal .nsd-eufont {
	font-family: Eurostile;
	font-style: italic;
	font-size: 35px;
	text-align: center;
}
.temporary_area_1, .temporary_area_2, .temporary_area_3 {
	list-style: none;
}

.temporary_area_1.on, .temporary_area_2.on, .temporary_area_3.on {
	width: 350px;
	padding:30px 10px 30px;
	margin:15px;
	display: inline-block;
	border: solid 2px #bbb;
	box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.2);
}

.temporary_area_1 img, .temporary_area_2 img, .temporary_area_3 img {
	margin: 15px 5px;
}

.temporary_area_1:hover, .temporary_area_2:hover, .temporary_area_3:hover {
	border: 2px #ff00ff solid;
}

.temporary-title {
	margin: 10px 0 5px 0;
}
*/

.img-modal-title {
	margin: 20px auto;
	font-size: 25px;
}
#img-upload-myModal .nsd-eufont {
	font-family: Eurostile;
	font-size: 30px;
	text-align: center;
}
.description-large {
	margin: 20px 0;
	font-size:22px;
}
.description-small {
	margin: 10px 0;
	font-size:15px;
	line-height: 2;
}

.btn.btn-raised.btn-danger.btn-small {
	background-color: #999999;
	color: rgba(255,255,255, 0.84);
}
.btn.btn-raised.btn-danger.btn-small:focus {
	background-color: #999999;
	color: rgba(255,255,255, 0.84);
}
.btn.btn-raised.btn-danger.btn-small:hover {
	background-color: #ff00ff;
	color: rgba(255,255,255, 0.84);
}
.btn.btn-raised.btn-danger.btn-small:active {
	background-color: #ff00ff;
	color: rgba(255,255,255, 0.84);
}

.recommended_area {
	text-align: center;
	line-height: 1;
	border-right: 1px solid #cccccc;
	margin-top: 5px;
	padding-right: 20px;
}

.recommended_area .row{
	height:80px;
	background-color: #b8b8b8;
}

.recommend_top, .recommend_bottom{
	width:1170px;
	margin: 0 auto;
	padding: 0 15px;
}

.recommend_top li, .recommend_bottom li{
	list-style: none;
	display: inline-block;
	width: 200px;
}

.recommend_top li img, .recommend_bottom li img{
	width: 140px;
	margin: 50px 25px 0px 25px;
}

.recommend_bottom li img {
	margin-bottom:50px;
}

.top_item, .bottom_item {
	cursor: pointer;
	float: left;
	width: 390px;
	margin:0;
	padding-top:5px;
}

.top_item span, .bottom_item span {
	font-size: 12px;
}

.top_item i, .bottom_item i {
	font-size: 20px;
	font-weight: bold;
	display: block;
	text-align: center;
}
.top_item li, .bottom_item li {
	float: left;
	padding: 0 5px;
	list-style: none;
}

.top_item li.top_icon, .bottom_item li.bottom_icon {
	border-right: 1px solid #CCC;
}



.inactive {
	pointer-events: none;
	opacity: 0.3;
}

p.c_text_color {
	font-size: 0.7em;
	margin-top: -10px;
}

/*マーキング表示窓*/
.marking_window_area {
	margin-top: 13px;
	float: left;
	border-left:1px solid #cccccc;
}
.marking_window_title {
	font-family: 'Eurostile';
	color:#666666;
	padding: 0 20px;
}
.marking_window.ab {
	background-color: black;
	width: 85px;
	height: 25px;
	margin-right: 5px;
	float: right;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 0.9em;
	padding-top: 3px;
}
.marking_window.position {
	background-color: black;
	width: 55px;
	height: 25px;
	margin-right: 5px;
	float: right;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 0.9em;
	padding-top: 3px;
}
.marking_window.textrow {
	background-color: black;
	width: 55px;
	height: 25px;
	margin-right: 5px;
	float: right;
	text-align: center;
	color: white;
	font-weight: bold;
	font-size: 0.9em;
	padding-top: 3px;
}


/*タブ*/
.nav-tabs.nav-justified>li>a {
	border-radius: 0;
}

#side3 .panel-body {
	border-top: none;
}
ul.nav-tabs.nav-justified {
	background-color: #cccccc;
}
.nav-tabs.nav-justified>li>a {
	color:#666666;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
	border-bottom-color: #fff;
	border-left-color: #fff;
	border-right-color: #fff;
}

.tab-pane label {
	color:black;
}

.tab-content {
	margin-left:60px;
}

#side3 .tab-content {
	margin-left:30px;
}

/*タブ テキスト入力*/
#side5 .form-group {
	margin:0;
}
#side5 .tab-content {
	margin-left:0px;
}
#side5 .panel-body {
	border-top: none;
}

/*書体選択*/
#side6 .form-group {
	margin: 5px 0 0 0;
}

#side6 span.circle {
	top:4px;
}
#side6 span.check {
	top:4px;
}

#side6 .radio label {
	padding-left: 35px;
}

#color_pallet_1, #color_pallet_2 {
	margin: 0 7px;
	width: 270px;
}
#color_pallet_1 li, #color_pallet_2 li {
	list-style: none;
	width: 30px;
	height:30px;
	float: left;
	margin: 3px;
}

#color_pallet_1 li.border, #color_pallet_2 li.border {
	border: solid 1px #CCCCCC;
}

.container-fluid.col-md-8.col-xs-offset-2,
.container-fluid.col-md-8.offset-2 {
	margin-top:50px;
}

#nsd-sim_start {
	width: 300px;
	height: 60px;
}
#nsd-sim_start.btn.btn-raised.btn-danger{
	background-color: #999999;
	color: rgba(255,255,255, 0.84);
}
#nsd-sim_start.btn.btn-raised.btn-danger:hover{
	background-color: #ff00ff;
	color: rgba(255,255,255, 0.84);
}
#nsd-sim_start.btn.btn-raised.btn-danger:focus{
	background-color: #999999;
	color: rgba(255,255,255, 0.84);
}

.selected_top, .selected_bottom, .select_item {
	display: inline-block;
}
.select_item {
	position: relative;
	top: -10px;
}
.col-lg-12.nsd-select_h2 {
	border-bottom:1px solid #cccccc;
}

.selected_top, .selected_bottom {
	text-align: center;
	width: 400px;
	height: 60px;
	font-size: 14px;
	line-height: 100%;
	position: relative;
	top: 15px;
	padding: 10px 0 10px 20px;
	background-color: white;
}

.selected_top i, .selected_bottom i {
	font-size: 30px;
}

.selected_top_item, .selected_bottom_item {
	float: left;
	font-size: 15px;
	text-align: left;
	margin-left: 20px;
	line-height: 120%;
}

.selected_top_icon, .selected_bottom_icon {
	float: left;
}

.option {
	padding: 0;
}
.option li{
	display: inline-block;
	list-style: none;
}
#plot_option_color{
	clear: both;
	padding-bottom: 10px;
}
.option_name {
	width: 70%;
	margin: 0;
	padding:0;
}
.option_select {
	width: 30%;
	margin: 0;
	padding:0;
}
.option_select label {
	padding-left: 30px;
}
.remark {
	/*border-top: 1px solid #cccccc;*/
	padding-top:20px;
	clear: both;
	font-family: 'Eurostile';
}

#side11 .radio {
	padding-top:10px;
}
.option_name img {
	width: 25px;
	margin-right: 10px;
}

.print_detail {
	float: right;
	padding-top: 3px;
	font-size: 17px;
}
.print_detail a {
	color: #ff00ff;
}
.print_detail i {
	font-size: 17px
}

.print_exp {
	float: right;
	width: 70px;
	height: 30px;
	background: #ff00ff;
	color: white;
	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
	font-style: normal;
	font-size: 16px;
	box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.2);
}
.print_exp i {
	font-size: 18px;
	padding: 3px 3px 5px 7px;
	top: 2px;
	position: relative;
}

#side3 .nav.nav-tabs.nav-justified.nsd-marking .active {
	border-top:3px solid #ff00ff;
}

#side3 .nav.nav-tabs.nav-justified.nsd-marking .active a {
	color: #ff00ff;
}

#side5 .nav.nav-tabs.nav-justified.nsd-sidelist {
	font-size: 1.2em;
}
#side5 .nav.nav-tabs.nav-justified.nsd-sidelist .active {
	border-top:3px solid #ff00ff;
}

#side5 .nav.nav-tabs.nav-justified.nsd-sidelist .active a {
	color: #ff00ff;
}

.text_color_description {
	float: left;
	font-size: 0.8em;
	padding: 0px 0px 20px 20px;
	width: 170px;
}

#side5 .panel-body {
	padding-bottom: 0;
}
#side9 .panel-body {
	padding-top: 0;
	padding-bottom: 20px;
}

#font_style_tab {
	background-color: white;
}
#font_style_tab li {
	background-color:#ffffff;
	padding:5px;
}
#font_style_tab li a{
	background-color:#ff00ff;
	border: none;
	opacity: 0.5;
	box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.2);
}

#font_style_tab li.active{
	background-color:#ffffff;
	padding:5px;
}

#font_style_tab li.active a{
	background-color:#ff00ff;
	border: none;
	opacity: 1;
	box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 4px 4px 5px -1px rgba(0,0,0,0.2);
}

#font_style_tab li a{
	color:white;
	height: 40px;
}

#nsd-material-btn {
	padding-bottom: 20px;
}
#nsd-material-btn .nsd-btn-default {
	width: 220px;
	font-size: 1em;
	font-family: 'Eurostile';
}

#nsd-myModal1 span.check, #nsd-myModal1 span.check {
	background-color: #ff00ff;
}

#nsd-myModal1 .radio.radio-primary, #nsd-myModal2 .radio.radio-primary {
	float: left;
}

.item_pic_top {
	margin-bottom: 30px;
}

#area_material_1, #area_material_2 {
	border:1px solid #cccccc;
}
#area_material_1 label, #area_material_2 label {
	cursor: pointer;
}

.nsd-item_no {
	font-size:1.1em;
}

#area_a_top, #area_a_bottom, #area_b_top, #area_b_bottom{
	display: block;
	color: #333333;
	width: 100%;
	padding: 10px 20px;
}

.nsd-motitle {
	border-bottom:1px solid #cccccc;
}

#area_a_top p, #area_a_bottom p, #area_b_top p, #area_b_bottom p{
	margin-bottom: 5px;
}

.print_exp {
	cursor: pointer;
}


.tooltip-inner{
	font-size: 1.2em;
	line-height: 1.2;
}
.nsd-tooltip {
	color: #000;
}

.nsd-tooltip i {
	margin: 0;
}
.nsd-tooltip:hover {
	text-decoration: none;
}
.nsd-select_h button {
	font-size: 0.6em;
}
div#main\=div.container.item_select{
	padding-top: 60px;
}

.nsd-select_h2 .notice {
	text-align: left;
	font-size: 0.5em;
	margin: 0;
	padding: 0 0 0 30px;
	line-height: 0.5;
}

a.comp_link {
	color: white;
}
a.comp_link:hover{
	text-decoration: none;
}

.togglebutton.pull-right .nsd-tooltip {
	color: white;
	font-weight: bold;
}

.side-slection .nsd-tooltip {
	color: white;
}
.box.col2.touch.nsd-selectbox hr {
	margin: 10px 0;
}

.complete_desc button{
	width: 200px;
}

.sim_id {
	width: 350px;
	margin: 0 auto 20px;
	background-color: white;
	padding: 5px 20px 0;
}

.supplement.screen, .supplement.arch {
	padding:3px;
	margin: 20px 0 0 270px;
	color: red;
	border: solid 1px red;
}

.supplement.edge {
	padding:3px;
	margin: 30px 0 0 0;
	color: red;
	border: solid 1px red;
	font-size: 1.1em;
}

#super-order-notice-white-content {
	width: 450px;
	margin: 10px auto;
	height: 120px;
}

.super-order-notice-white-text {
	float: left;
	line-height: 2;
	margin-top: 20px;
	list-style: none;
	font-size: 2.3ex;
}

.super-order-notice-white-img {
	float: right;
	list-style: none;
}

#super-order-notice-same_color-content {
	width: 550px;
	margin: 10px auto;
	height: 170px;
}

.super-order-notice-same_color-text {
	float: left;
	line-height: 2;
	margin-top: 40px;
	list-style: none;
	font-size: 2.3ex;
}

.super-order-notice-same_color-img {
	float: right;
	list-style: none;
	padding-right: 7px;
}

.super-order-notice-hidden_nline-text {
	margin: 10px auto 20px;
	list-style: none;
	font-size: 2.3ex;
	text-align: center;
}

.super-order-notice-syouka_color_b-text {
	margin: 10px auto;
	list-style: none;
	font-size: 2.3ex;
	text-align: left;
	padding-left: 350px;
}

.super-order-notice-hidden_nline-img1, .super-order-notice-hidden_nline2-img1 {
	list-style: none;
	text-align: center;
	float: left;
	margin-bottom: 10px;
	width:50%;
}

.super-order-notice-hidden_nline-img2, .super-order-notice-hidden_nline2-img2 {
	list-style: none;
	text-align: center;
	float: left;
	width:50%;
}

#super-order-notice-hidden_nline-content {
	overflow:hidden;
	width:650px;
	margin:0 auto;
}

.super-order-notice-hidden_nline-product_no {
	list-style: none;
	font-size: 2.3ex;
}

/* ===== Bootstrap 5 互換CSS (custom.css用) ===== */

/* --- nav-tabs.nav-justified: BS3はtable-cell、BS5はflexbox --- */
.nav-tabs.nav-justified {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
}
.nav-tabs.nav-justified > li {
	display: block;
	float: none;
	flex: 1 1 auto;
	text-align: center;
}
.nav-tabs.nav-justified > li > a {
	display: block;
	text-align: center;
	margin-bottom: 0;
	margin-right: 0;
	padding: 10px 15px;
	text-decoration: none;
	color: #666666;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	background-color: transparent;
}
.nav-tabs.nav-justified > li.active > a,
.nav-tabs.nav-justified > li.active > a:hover,
.nav-tabs.nav-justified > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: #fff;
}

/* --- nav-tabs (非justified): BS3互換 --- */
.nav-tabs {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #ddd;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.nav-tabs > li {
	margin-bottom: -1px;
}
.nav-tabs > li > a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #337ab7;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	line-height: 1.42857143;
}
.nav-tabs > li > a:hover {
	border-color: #eee #eee #ddd;
	text-decoration: none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

/* --- tab-pane: BS3→BS5 表示切替 --- */
.tab-content > .tab-pane {
	display: none;
}
.tab-content > .tab-pane.active {
	display: block;
}

/* --- BS5 .nav-link デフォルトスタイルの上書き (Material Design互換) --- */
/* BS5の.nav-linkがpadding/color等を上書きするのを防ぐ */
.nav-tabs.nav-justified > li > a.nav-link {
	color: #666666;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 10px 15px;
}
.nav-tabs.nav-justified > li > a.nav-link.active,
.nav-tabs.nav-justified > li.active > a.nav-link {
	color: #555;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: #fff;
}
/* font_style_tab はカスタムスタイルを使うため、BS5のnav-link色を抑制 */
#font_style_tab > li > a.nav-link {
	color: white;
	background-color: #ff00ff;
	border: none;
	opacity: 0.5;
}
#font_style_tab > li.active > a.nav-link,
#font_style_tab > li > a.nav-link.active {
	color: white;
	background-color: #ff00ff;
	border: none;
	opacity: 1;
}

/* 2026-06-01: スタイル/書体/カラー タブのレイアウト崩れ修正。
   旧: nav-justified ul に span(ラベル) 直下 + icon+text タブで幅不足 → 文字が縦折返し・重なり。
   flex 1 行に [スタイル ラベル][書体][カラー] を配置、 nowrap + フォント/アイコン縮小で1行に収める。 */
#font_style_tab {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}
#font_style_tab > .font-style-label {
	flex: 0 0 auto;
	margin: 0 8px 0 4px;
	font-size: 13px;
	line-height: 1.1;
	white-space: nowrap;
}
#font_style_tab > li {
	flex: 1 1 0;
	min-width: 0;
}
#font_style_tab > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	white-space: nowrap;
	font-size: 13px;
	padding-left: 4px;
	padding-right: 4px;
}
#font_style_tab > li > a > img {
	width: 16px;
	height: auto;
	flex: 0 0 auto;
}

/* --- BS5 .collapse が display:none を上書きする対策 --- */
.panel-collapse.collapse:not(.show) {
	display: none;
}
.panel-collapse.collapse.show {
	display: block;
}

/* --- BS5 box-sizing リセットの影響を防ぐ --- */
.nsd-color_btn.btn.btn-fab {
	box-sizing: content-box;
}

/* ===== Bootstrap 5 互換CSS ここまで ===== */