@charset "utf-8";

/* common
_________________________________________________*/

body {
	min-width: 1150px;
}

.sp {
	display: none;
}

.division {
	width: 960px;
	margin: 0 auto;
}

h2 {
	font-size: 32px;
	padding: 46px 0 0;
}

h2.title {
	font-size: 42px;
	padding: 54px 0 16px;
}

h2+h3 {
	margin: 80px 0 0;
	padding: 0;
	font-size: 18px;
}

.ttl-assistance {
	letter-spacing: 1px;
}

#main-cts .ttl-assistance {
	margin-bottom: 50px;
}

h3 {
	font-weight: bold;
	font-size: 24px;
	color: var(--accent-color);
	padding: 0 0 50px;
	text-align: center;
	text-transform: uppercase;
}

.item_product+h3,
.price-search-cts+h3 {
	margin-top: 120px;
}

h3.caption {
	margin-bottom: 50px;
}

.sp-none>h3 {
	margin: 40px 0 0;
	font-size: 18px;
	padding: 0;
}

.link-box {
	width: 100%;
	margin: auto;
	padding: 18px 0 0;
	cursor: pointer;
	text-align: right !important;
}

.br-none {
	display: none;
}

.ttl-gray-assist {
	padding: 40px 20px 60px;
	font-size: 14px;
	line-height: 1.5em;
	min-height: 42px;
}

.w-inbox {
	width: 1120px;
	margin: auto;
	padding: 30px 0 0;
}

.more-button {
	margin: 0 auto 100px;
}


/*search
_________________________________________*/


/* header
_________________________________________________*/

.nv-mark {
	text-decoration: none;
	border-bottom: 1px solid;
	padding-bottom: 2px;
}

#header_cts {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	position: fixed;
	z-index: -9999;
}

.fixheader {
	width: 100vw;
	min-width: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	height: 103px;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	/*transition: 0.3s;*/
	z-index: 9999;
	background: white;
}

.fixheader a:hover {
	opacity: 1;
}

.fixed {
	background: white;
}

header {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	width: 100%;
	letter-spacing: 1.5px;
	text-align: center;
	/* padding-top: 2px; */
	position: relative;
	min-width: 665px;
}

#menu li {
	display: inline-block;
}

#menu li:not(:nth-last-child(2)) {
	/*margin-right: 40px;*/
}

#menu li a {
	line-height: 25px;
}

#menu li:last-child {
	display: none;
}

#gnavi {
	width: 100%;
}

#global_nav {
	margin: 0 30px;
}

#global_nav ul {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	/* margin: 0 136px; */
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around;
	min-width: 500px;
	max-width: 600px;
	margin: auto;
}

#global_nav .cfx:after {
	dislay: none !important;
	content: "";
}

.box {
	width: 100vw;
	height: 100vh;
}

.box {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.applicable-point {
	text-decoration: underline;
}



/* form
_________________________________________*/

.checkbox {
	display: none;
}

.checkbox+.checkbox-icon {
	position: relative;
	vertical-align: middle;
}

.checkbox+.checkbox-icon:before {
	content: "\f372";
	font-family: "Ionicons";
	color: #ccc;
	font-size: 22px;
}

.checkbox:checked+.checkbox-icon:before {
	content: "\f374";
	color: #17bcdf;
}

.button input:hover {
	color: var(--accent-color);
	border: 1px solid #999;
	background-color: #fff;
}


/*CheckBox */

label.checkbox {
	cursor: pointer;
	width: 20px;
	height: 20px;
	border: 1px solid #999;
	background: #fff;
	overflow: hidden;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
}

label.checkbox input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 20px;
	width: 20px;
	height: 20px;
	left: -40px;
	box-shadow: 39px 0px #FFF;
	z-index: 2;
}

label.checkbox input[type="checkbox"]:checked {
	box-shadow: none;
}

label.checkbox input[type="checkbox"]:checked:focus {
	box-shadow: 39px 0px #fff;
	opacity: 0.1;
}

label.checkbox input[type="checkbox"]:focus {
	box-shadow: 39px 0px #fff;
}

label.checkbox:after {
	content: '';
	position: absolute;
	top: 40%;
	left: 5px;
	display: block;
	margin-top: -8px;
	width: 8px;
	height: 12px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	z-index: 1;
}


/*CheckBoxとText */


/* _________________________________________

下層　ページ
_________________________________________*/


/* common
_________________________________________*/

.stratum-header {
	height: 90px;
}

#stratum-main-cts {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 100px;
}

.vertical-t {
	vertical-align: top;
}

.no-border {
	border: none !important;
}

.attention-other {
	padding: 40px 0 0;
	line-height: 1.5em;
	font-size: 0.9em;
	font-weight: normal;
}

#categroyForm h3,
#brandForm h3 {
	font-size: 18px;
	margin-top: 80px;
	padding: 0;
	letter-spacing: 0.06em;
}

#categroyForm h3.ttl_product {
	margin-top: 60px;
}

#categroyForm .ttl-gray-assist+.sp-none>h3 {
	margin-top: 0;
}

.element-division {
	font-size: 0.9em;
	width: 760px;
	margin: auto;
	line-height: 1.5em;
}

h2+.element-division {
	margin-top: 60px;
}

.element-division h3 {
	font-size: 18px;
	padding: 40px 0 10px;
}

.element-division h3:first-child {
	padding: 0 0 10px;
}

#faqMenu+h3 {
	padding: 50px 0 10px;
}

.element-division .blue-txt {
	padding: 0 20px 0 0;
	font-size: 14px;
}

.element-division .telnum {
	font-size: 16px;
}

.element-division dl.spacing dd {
	max-width: 670px;
	display: grid;
	display: -ms-grid;
	grid-template-rows: 1fr 1fr;
	-ms-grid-rows: 1fr 1fr;
	grid-template-columns: auto auto auto auto auto;
	-ms-grid-columns: auto auto auto auto;
	grid-auto-flow: row;
	-ms-grid-auto-flow: row;
	-ms-grid-rows: auto;
}

.element-division dl.spacing {
	padding: 14px 0 20px;
}

.element-division dd {
	font-weight: normal;
	padding-top: 5px;
}

#check-item .category-check {
	margin-top: 0;
	margin-bottom: 60px;
	font-weight: bold;
	padding: 10px 0;
}

.category-check table {
	width: 100%;
}

.category-check .checkbox01-parts {
	font-size: 12px;
	cursor: pointer;
	line-height: 39px;
}

.confirm {
	width: 540px;
	margin: auto;
	text-align: center;
	padding-bottom: 40px;
}

.confirm input {
	width: 250px;
	border: 1px solid red;
}


/* 資料請求・お問い合わせ
_________________________________________*/

.inquiry {
	width: 960px;
	margin: auto;
	box-sizing: border-box;
}

.confirm-cts {
	width: 960px;
	margin: auto;
	padding: 20px 0 0;
	box-sizing: border-box;
}

.confirm-cts form {
	display: block;
}

.inquiry td {
	line-height: 2em;
}

.inquiry .tab-index ul {
	font-weight: bold;
	display: table;
	width: 430px;
	margin: auto;
	text-align: center;
}

#request-detailed {
	width: 760px;
	margin: auto;
}

#request-detailed .tab-index li:first-child {
	display: table-cell;
	width: 240px;
	height: 40px !important;
	line-height: 40px;
}

#request-detailed .tab-index li:last-child {
	display: table-cell;
	width: 190px;
	height: 40px;
	line-height: 40px;
}

#request-detailed table {
	width: 760px;
	margin: 0 auto;
}

.inquiry form {
	margin-top: 10px;
}

.inquiry .tab-index a {
	display: block;
	color: var(--accent-color);
	width: 100%;
	text-decoration: none;
	position: relative;
}

.inquiry .tab-index a:before {
	content: "";
	border: 6px solid transparent;
	border-top: 6px solid #fff;
	position: absolute;
	right: 10px;
	bottom: 12px;
	z-index: 2;
}

.inquiry .tab-index a:after {
	content: "";
	border: 6px solid transparent;
	border-top: 6px solid var(--accent-color);
	position: absolute;
	right: 10px;
	bottom: 11px;
}

.inquiry .tab-index .active a:before {
	content: "";
	border: 6px solid transparent;
	border-bottom: 6px solid var(--accent-color);
	position: absolute;
	right: 10px;
	bottom: 18px;
}

.inquiry .tab-index .active a:after {
	content: "";
	border: 6px solid transparent;
	border-bottom: 6px solid #fff;
	position: absolute;
	right: 10px;
	bottom: 17px;
	z-index: 2;
}

.inquiry .tab-index .br-none {
	display: none;
}

.inquiry .tab-index .active {
	opacity: 0.6;
	height: 50px;
	line-height: 50px;
	position: relative;
}

.inquiry .tab-contents {
	display: none;
}

.inquiry .tab-contents.active {
	display: block;
}

.inquiry .tab-contents {
	width: 760px;
	margin: auto;
}

.inquiry table {
	font-size: 0.8em;
	border-top: 1px solid #666;
}

.inquiry table th {
	width: 330px;
	font-weight: bold;
	padding: 25px 0;
	border-bottom: 1px solid #666;
	text-align: left;
}

.inquiry table .required {
	font-size: 0.9em;
	color: #d7000f;
	width: 200px;
	font-weight: bold;
	text-align: left;
}

.error {
	padding: 15px 0 0;
}

.inquiry table td {
	padding: 8px 0;
	border-bottom: 1px solid #666;
}

#inquiry-cts {
	width: 960px;
	margin: auto;
	box-sizing: border-box;
	overflow: hidden;
}

#inquiry-cts a {
	display: block;
	font-weight: bold;
	width: 240px;
	height: 240px;
	border: 1px solid #888;
	float: left;
	box-sizing: border-box !important;
	text-align: center;
	margin: 0 20px 20px 0;
	position: relative;
}

#inquiry-cts a:nth-child(1) dt {
	position: absolute;
	top: 90px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#inquiry-cts a:nth-child(1) dd {
	position: absolute;
	top: 170px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#inquiry-cts a:nth-child(2) dt {
	position: absolute;
	top: 90px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#inquiry-cts a:nth-child(2) dd {
	position: absolute;
	top: 170px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#inquiry-cts a:nth-child(3) dt {
	position: absolute;
	top: 90px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#inquiry-cts a:nth-child(3) dd {
	position: absolute;
	top: 170px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#inquiry-cts a:nth-child(3) {
	margin: 0 0 20px 0;
}

.inquiry input {
	height: 30px;
}

.inquiry select {
	height: 30px;
	width: 260px;
	cursor: pointer;
}

.inquiry .inquiry-other {
	width: 100%;
	font-size: 14px;
	text-align: center !important;
	border: none !important;
}

.inquiry .inquiry-other th,
.inquiry .inquiry-other td {
	border: none;
}

.inquiry .inquiry-other .privacy {
	padding: 40px 0 10px;
	font-weight: normal;
}

.inquiry .inquiry-other a {
	text-decoration: underline !important;
}

.inquiry .inquiry-other .agreement {
	line-height: 1.9em;
	padding: 10px 0 5px;
	text-align: center;
}

.inquiry-other .attention {
	padding: 10px 0 0;
	line-height: 1.6em !important;
	font-weight: normal;
}

.inquiry .agreement label {
	margin: 0 10px 0 0 !important;
}

.inquiry .user-area {
	width: 430px;
	box-sizing: border-box;
	overflow-y: hidden;
}

.inquiry .user-area-box {
	min-width: 430px;
}

.open-slice-button-inquiry input {
	width: 250px;
	height: 40px !important;
}

.open-slice-button-inquiry input:hover {
	width: 250px;
	height: 40px;
}

.confirm-other {
	width: 540px !important;
	margin: 0 auto;
	border: 1px solid red;
}

.confirm-inquiry input,
.confirm-inquiry input:hover {
	width: 240px;
	height: 40px;
}


/* 修理・アフターサービス
_________________________________________*/


.prefecture-break-area .select_yeaer {
	width: 220px;
	display: inline-block;
	float: left !important;
}

.select_yeaer select {
	width: 150px;
}

.select_month {
	width: 200px;
	display: inline-block;
	float: right !important;
}

.select_month select {
	width: 150px;
}

.time-of-trouble select {
	width: 150px;
}

.variety-input-cts,
.user-area-box {
	padding: 10px 0 !important;
}

#after-service .tab-contents table td.variety-input-cts p {
	display: inline;
}

.element-division .frequently-asked li {
	display: inline;
	margin: 0 20px 30px 0;
}

.element-division a {
	color: var(--accent-color);
	line-height: 2em;
}

.element-division+#support-cts,
.inquiry+#support-cts {
	width: 760px;
}

.element-division+#support-cts a,
.inquiry+#support-cts a {
	width: 233px;
	height: 233px;
}

.element-division p:last-child {
	margin-bottom: 50px;
}

.spacing {
	padding: 14px 0 0;
}

/* 防災行政ラジオお問い合わせ
_________________________________________*/
.contact .element-division {
	padding-top: 60px;
}

/*　lp バナー表示用　*/

.lp-bnr-area {
	width: 990px;
	margin: 0 auto;
}

.lp-bnr-area .slick-track {
	min-width: 100% !important;
	display: flex;
	justify-content: center;
}

.lp-bnr-area ul li {
	min-width: 300px;
}

.lp-bnr-area ul li img {
	width: 300px;
}

/* news
_________________________________________*/

#news .more-button {
	margin: 40px auto 80px;
}


/* news-detailed
_________________________________________*/

.news-detailed dl {
	padding: 20px 0 80px;
}

.news-detailed dt {
	color: #9ba2a8;
	padding: 0 10px 0 0;
}

.news-detailed dd {
	padding: 0 0 30px;
}

.news-detailed dd:last-child {
	padding: 0;
}

.news-detailed-link {
	width: 760px;
	overflow: hidden;
}

.news-detailed-link li {
	width: 150px;
	float: right;
	text-align: right;
}

.news-detailed-link li:first-child {
	width: 150px;
	float: left;
	text-align: left;
}

.news-detailed-link li:last-child {
	clear: both;
}

.sns-box {
	width: 410px;
	margin: auto;
	padding: 20px 0 0;
}

.sns-box li {
	display: table-cell;
	vertical-align: middle !important;
}

.sns-box a {
	color: #333 !important;
	font-weight: bold;
	text-transform: capitalize;
}

.sns-box li:first-child a:before {
	display: inline-block;
	content: url(../../images/icon_news_fb.png);
	padding: 0 10px 0 0;
	vertical-align: middle !important;
}

.sns-box li:last-child {
	text-align: right;
	padding: 0 0 0 60px;
}

.sns-box li:last-child a:before {
	display: inline-block;
	content: url(../../images/icon_news_twitter.png);
	padding: 0 10px 0 0;
	vertical-align: middle !important;
}

.catalog {
	width: 760px;
	overflow: hidden;
	box-sizing: border-box;
}

.catalog div {
	width: 213px;
	float: left;
	margin: 0 0 20px;
	padding: 0 55px 0 0;
}

.catalog div a {
	display: block !important;
	color: #888 !important;
}

.catalog div:nth-child(3n) {
	width: 213px;
	padding: 0 !important;
	box-sizing: border-box;
}


/* お客さま相談室
_________________________________________*/

.customer dd {
	padding: 0 0 20px;
}

h3.ttl-customer {
	width: 760px;
	margin: 80px auto 40px;
	font-size: 18px;
	padding: 0;
}


/* product
_________________________________________*/
#main-cts .ttl_product {
	font-size: 1.5em;
}

#main-cts h3 {
	padding-bottom: 30px;
	font-size: 1.5em;
}

.find-price {
	padding: 1000px 0 0 !important;
}


/* 掛け時計
_________________________________________*/

#main-small-category {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 20px;
}

#main-small-category form {
	display: block;
}

.study-price-box {
	margin: 40px auto;
}

.study-price-box table {
	margin: auto;
}

#check-item {
	margin-top: 20px;
}

#check-item .tab-index ul {
	font-weight: bold;
	margin: auto;
	text-align: center;
}

#check-item .tab-index li {
	display: inline-block;
	height: 40px;
	margin-right: 40px;
	line-height: 40px;
}

#check-item .tab-index li:last-child {
	margin-right: 0;
}

#check-item .tab-index .br-none {
	display: none;
}

#check-item .tab-index .active {
	opacity: 0.6;
	height: 40px;
	line-height: 40px;
	position: relative;
}

#check-item .tab-contents {
	display: none;
	z-index: 999;
	position: absolute;
	margin: 0;
	right: 0;
	left: 0;
}

#check-item .tab-contents.active {
	display: block;
}

.pc-none {
	display: none;
}

#help_tips_pop {
	z-index: 500;
	display: inline-block;
	font-size: 12px;
	width: 260px;
	position: absolute;
	margin-top: 15px;
	margin-left: 5px;
	background-color: #fff !important;
	text-align: left;
	border: 2px solid var(--accent-color);
	padding: 8px;
	cursor: pointer;
	line-height: 1.4em;
}

.checkbox02 {
	font-size: 0.8em;
	font-weight: bold;
	width: 700px;
	margin: auto;
	padding: 6px 30px;
	background: white;
	border: 2px solid var(--accent-color);
	box-sizing: border-box;
}

.checkbox02 td {
	width: 250px;
	padding: 22px 0;
}

.pricebox02 {
	font-size: 0.8em;
	font-weight: bold;
	width: 700px;
	margin: auto;
	background: white;
	padding: 5px 70px 15px;
	border: 2px solid var(--accent-color);
	box-sizing: border-box;
	text-align: center;
}

.pricebox02 td {
	padding: 25px 0 5px;
	min-width: 50px;
	min-height: 50px;
}


/* からくり、モニュメント時計
_________________________________________*/

.step-link {
	text-align: right;
}


/* search
_________________________________________*/

.search-option {
	width: 700px;
	margin: 50px auto;
	padding: 20px 50px;
	border: 2px solid var(--accent-color);
	display: table;
}

.search-option {
	width: 700px;
}

.search-option #first-div-child {
	width: 45%;
	float: left;
}

.search-option #div-child-2 {
	width: 50%;
	padding: 0 0 0 5px;
	float: right;
}

.search-option dl {
	text-align: left;
	font-size: 12px;
}

.search-option dt {}

.search-option dd {}

.search-option #div-child-2 dt {
	width: 55%;
}

.search-option #div-child-2 dd {
	width: 45%;
}

.search-option p a {
	font-size: 0.9em;
}

.select_price select {
	width: 238px;
	min-width: 238px;
	margin: 0 auto;
}


/* Product Detail
_________________________________________*/

#detail-slider-cts {
	width: 100%;
	padding: 78px 0 0;
	/* background-color: white; */
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}

#detail-slider-cts+.detail-main-cts .detail-2column:first-child,
#detail-slider-cts+.detail-main-cts .detail-1column:first-child {
	margin-top: 70px;
}

.detail-main-cts,
.detail-music-cts {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	font-weight: normal;
}

.detail-main-cts:last-child {
	margin-bottom: 80px;
}

.detail-main-cts h3 {
	font-size: 18px;
}

.product-detail-header {
	height: 90px;
	background-color: #eee;
}

.detail-1column {
	width: 760px;
	padding: 40px 0 0;
	font-size: 0.9em;
	margin: auto;
	line-height: 1.5em;
}

.detail-1column img {
	margin-bottom: 50px;
}

.detail-1column>div {
	margin: 0 0 50px 0 !important;
}

.html5view_iframe {
	width: 760px;
	height: 300px;
}

.detail-2column {
	width: 760px;
	padding: 40px 0 0;
	font-size: 0.9em;
	margin: auto;
	line-height: 1.5em;
}

.detail-2column:first-child {
	padding: 0;
}

.detail-2column div {
	width: 365px !important;
	float: left !important;
	margin: 0 0 50px 0;
}

.detail-2column div:nth-child(even) {
	margin: 0 0 50px 30px;
}

.name-img div {
	width: 365px !important;
	/*	padding: 10px 0;*/
}

.name-img div:nth-child(even) {
	margin: 0 30px 0 0;
	/*  padding: 10px 0 !important;*/
}

.name-img img {
	display: block;
	margin: auto;
	width: 100%;
}

.detail-2column.nameimg-box div:nth-child(even) {
	float: right !important;
}

.detail-2column.nameimg-box img.recommend {
	padding-top: 0;
	max-width: 360px;
}

.detail-2column h3 {
	padding-top: 0;
}

.product-info,
.characteristic {
	font-size: 12px;
}

.detail-2column div dl.product-info dt {
	float: left;
	clear: left;
	margin-right: 0.5em;
	width: 120px;
}

.detail-2column div dl.product-info dd {
	float: left;
	margin-left: 1em;
	width: 220px;
}

.detail-2column div ul:not([class]) {
	list-style-type: disc;
	padding-left: 20px;
}

.detail-2column div ul.produt-info-manual {
	list-style-type: none;
	padding-left: 0;
	margin: 20px 0 30px;
}

.detail-2column div ul.produt-info-manual li a {
	color: var(--accent-color);
}

.detail-2column img.recommend,
.detail-2column img.name-right {
	padding-top: 41px;
	max-width: 360px;
}

.detail-2column-wide {
	width: 1120px;
	padding: 80px 0 0;
	font-size: 0.9em;
	margin: auto;
	line-height: 1.5em;
	text-align: center;
}

.detail-2column-wide div {
	width: 555px !important;
	float: left !important;
	margin: 0 0 20px 0 !important;
}

.detail-2column-wide h2 {
	padding: 0 0 30px;
	line-height: 1em;
	font-size: 26px;
}

.detail-2column-wide p {
	margin-bottom: 15px;
}

p.product-asked-tel+p {
	font-weight: bold;
	margin-bottom: 0;
}

.detail-2column-wide p.product-asked-tel {
	margin: 22px auto 14px;
	font-size: 200%;
}

.detail-2column-wide a {
	color: var(--accent-color);
}

.detail-2column-wide h3.black-txt {
	padding: 40px 0 0;
	margin-bottom: 20px;
	line-height: 1em;
	font-size: 18px;
}

.product-asked {
	color: var(--accent-color);
}

.product-asked li {
	display: inline;
}

.detail-3column {
	line-height: 1.5em;
	width: 760px;
	padding: 80px 0 0;
	font-size: 0.9em;
	margin: auto;
}

.detail-3column div.music-list:first-child {
	width: 252px !important;
	float: left !important;
	margin: 0 0 20px 0 !important;
}

.detail-3column div.music-list:nth-child(n+2) {
	width: 222px !important;
	float: left !important;
	margin: 0 0 50px 0 !important;
	padding: 0 0 0 32px !important;
}

.detail-3column p {
	margin-bottom: 15px;
}

.detail-4column {
	line-height: 1.5em;
	width: 1120px;
	padding: 80px 0 0;
	font-size: 0.9em;
	margin: auto;
}

.detail-4column div {
	float: left;
}

.detail-4column div:nth-child(2),
.detail-4column div:nth-child(3),
.detail-4column div:nth-child(4) {
	padding: 41px 0 0 30px !important;
}

.detail-4column div.product-link {
	margin: 50px 0;
	padding: 0;
	clear: left;
}

.detail-4column div.product-link a {
	color: var(--accent-color);
}

.detail-1column h3,
.detail-2column h3,
.detail-3column h3,
.detail-4column h3,
h3.reration {
	padding: 0 0 16px 0;
	text-align: left;
}

ul.music li,
ul.music-last li {
	position: relative;
	padding-left: 24px;
}

ul.music li:before,
ul.music-last li:before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0px;
	width: 17px;
	height: 17px;
	margin-top: -9px;
	background: url("../../images/icon_music_play.png") top left no-repeat;
	background-size: 17px 17px;
}

ul.music li.playing:before,
ul.music-last li.playing:before {
	background: url("../../images/icon_music_stop.png") top left no-repeat;
}

ul.music li a,
ul.music-last li a {
	display: block;
	margin-left: -30px;
	padding: 2px 2px 2px 30px;
}

ul.music li.playing a,
ul.music-last li.playing a {
	position: relative;
}

ul.music li.playing a:after,
ul.music-last li.playing a:after {
	position: absolute;
	content: "";
	top: 50%;
	width: 15px;
	height: 15px;
	margin: -9px 0 0 6px;
	background: url("../../images/icon_music_volume.gif") top left no-repeat;
	background-size: 15px 15px;
}

.detail-movie iframe {
	width: 760px;
	height: 430px;
}

.pc-none {
	display: none;
}


/* button-arrow フォームボタンの右横　『＞』 */

.detail-2column-wide div.button-arrow a {
	position: relative;
	width: 251px !important;
	height: 40px !important;
	margin: 20px 152px 0 !important;
}


/* 注意事項・よくある質問アコーディオンメニュー */

#faqMenu {
	border-bottom: 1px solid #666;
	padding-top: 15px;
}

#faqMenu dt {
	display: block;
	cursor: pointer;
	padding-right: 15px;
	border-top: 1px solid #666;
	font-weight: normal;
}

#faqMenu dd {
	width: 100%;
	display: none;
}

dt ul.faq-list-open li a {
	display: block;
	padding: 10px 25px 10px 1.7em;
	text-indent: -1.7em;
	color: #333 !important;
	position: relative;
}

.faq-list-open li a::after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 1px solid var(--accent-color);
	border-right: 1px solid var(--accent-color);
	transform: rotate(135deg);
	position: absolute;
	right: 0;
	top: 20px;
	display: inline-block;
}

dt.active ul.faq-list-open li a:after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 1px solid var(--accent-color);
	border-right: 1px solid var(--accent-color);
	opacity: 0.6;
	transform: rotate(-45deg);
	position: absolute;
	right: 0;
	top: 20px;
	display: inline-block;
}

.faq-list {
	display: block;
	padding: 0 0 10px 1.7em;
	text-indent: -1.7em;
}


/* products */

.detail-h2 {
	width: 320px;
}

.monument-h2 {
	width: 400px;
}

.searchList li dl {
	min-height: 250px;
}

.small-category {
	display: table;
	width: 760px;
}

.small-category .row1,
.small-category .row2,
.small-category .row3 {
	display: table-row;
}

.small-category .cell {
	display: table-cell;
}

.small-category span {
	display: inline-block;
	width: 250px;
}


/* order_detail
_________________________________________*/

.order-detail {
	width: 760px;
	margin: auto;
	overflow: hidden;
}

.order-detail-box {
	padding: 0 0 40px;
	overflow: hidden;
}

.order-detail-box div:first-child {
	width: 360px;
	float: left;
}

.order-detail-box div:last-child {
	width: 360px;
	float: right;
}

.order-detail table {
	width: 760px;
	box-sizing: border-box;
}

.order-detail table th {
	box-sizing: border-box;
	border: 2px solid #333;
	text-align: left;
	padding: 10px;
}

.order-detail table td {
	box-sizing: border-box;
	border: 2px solid #333;
	text-align: left;
	padding: 10px;
	font-weight: 500;
}

.gray-border {
	padding: 40px 0 0;
}

#order-sound-cts {
	width: 760px;
	height: 995px;
	margin: 40px 0 0;
	background: url(/images/order-sound-cts.jpg) no-repeat;
}

#order_wallclock {
	width: 490px;
	height: 995px;
	margin: 40px auto 0;
	background: url(/images/order_wallclock-cts.jpg) no-repeat;
}

.audiojs {
	position: absolute;
	margin-top: 3px;
}

.audiobox ul li a {
	text-decoration: underline !important;
	margin-right: 1em;
	display: inline-block;
	line-height: 20px;
	font-size: 80%;
}