@charset "utf-8";
/*
Template:twentyseventeen
Theme Name:dvelop
Version:1.0
*/


/*@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
@import url('https://fonts.googleapis.com/css?family=Chivo:300,400,700,900|Noto+Sans+JP:100,300,400,500,700,900|Oswald:200,300,400,500,600,700|Roboto:300,400,500,700&display=swap');
@import url(../webfonts/amarurgt.css);
@font-face {
  font-family: 'dvelop';
  src:  url('../fonts/dvelop.eot?towdbs');
  src:  url('../fonts/dvelop.eot?towdbs#iefix') format('embedded-opentype'),
    url('../fonts/dvelop.ttf?towdbs') format('truetype'),
    url('../fonts/dvelop.woff?towdbs') format('woff'),
    url('../fonts/dvelop.svg?towdbs#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}


body {
	font-family: "Roboto", "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
body#lang-tw {
	font-family: "Roboto", "Noto Sans CJK TC", "Noto Sans JP", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
}
#tinymce.editor-area {
	font-family: "Roboto", "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif !important;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	max-width: 750px;
}
#tinymce.editor-area h1,
#tinymce.editor-area h2,
#tinymce.editor-area h3,
#tinymce.editor-area h4,
#tinymce.editor-area h5,
#tinymce.editor-area h6 {
    clear: both;
    line-height: 1.4;
    margin: 0 0 0.75em;
    padding: 0;
}



a,
a img {
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
a img:hover {
	opacity: 0.5;
}
p {
	letter-spacing: .05em;
	line-height: 1.5em;
}

header .primary {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
}
.admin-bar header .primary {
    top: 32px;
}
.sim header .primary {
    position: relative;
}

header h1.logo {
	float: left;
	display: block;
	line-height: 0;
	width: 230px;
	height: 30px;
	margin: 20px 0 20px;
}
.sim header h1.logo {
	margin-bottom: 20px;
}
header .company li.logo,
footer .company li.logo {
	width: 100px;
	max-height: 28px;
}
header .sns li.logo,
footer .sns li.logo {
	width: 30px;
	height: 30px;
}
header .logo a img,
footer .logo a img {
	max-height: 30px;
	height: auto;
	display: block;
}

header .headernav {
	float: right;
	margin: 20px 0 5px;
}
footer .link {
	float: right;
	margin: 0;
	text-align:  right;
}
header .headernav ul,
footer .link ul {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	/* height: 30px; */
}

header .headernav .storeswitch {
	margin-right: 10px;
}
header .headernav .storeswitch li {
	margin: 0;
	padding: 0;
}
header .headernav .storeswitch li a {
	font-size: 14.5px;
	font-weight: 500;
	letter-spacing: 0.06em;
	color: #333333;
	width: 3.6em;
	display: block;
	line-height: 1.1em;
	margin: 0 5px;
	text-decoration: none;
}
header .headernav .storeswitch li a:hover {
	color: #c50018;
}
header .headernav .storeswitch li.ws {
	border-right: solid 2px;
}



header .headernav .textlink {
	margin-right: 10px;
}
header .headernav .textlink li {
	margin: 0;
	padding: 0;
}
header .headernav .textlink li a {
	font-size: 14.5px;
	font-weight: 500;
	letter-spacing: 0.06em;
	color: #333333;
	/* width: 3.6em; */
	display: block;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-align: right;
}
header .headernav .textlink li a:hover {
	color: #c50018;
}
header .headernav .textlink li.ws {
	border-right: solid 2px;
}




header .headernav .sns,
footer .link .sns {
	margin: 0 10px;
}
header .headernav .sns li,
footer .link .sns li {
	margin: 0 3px;
	padding: 0;
}
header .headernav .sns li.fb,
footer .link .sns li.fb {
	max-height: 28px;
	padding: 2px;
}
header .headernav .sns li.tw,
footer .link .sns li.tw {
	max-height: 25px;
	padding: 1px;
}
header .headernav .sns li a
footer .link .sns li a {
	font-size: 30px;
	line-height: 1em;
}
header .headernav .company .logo
footer .link .company .logo {
	margin: 0 70px 0 10px;
}
.home header .headernav .company .logo,
.page header .headernav .company .logo,
.news header .headernav .company .logo,
.archive header .headernav .company .logo,
.order header .headernav .company .logo,
.page-template-page-order header .headernav .company .logo,
.sim header .headernav .company .logo,
.error404 header .headernav .company .logo {
	margin: 0 0 0 10px;
}






header .primary {
	background-color: #FFFFFF;
}
header .secondary {
	background-color: #000000;
	color: #FFFFFF;
	padding: 16px 0;
	position: relative;
	z-index: 999;
}
.home header .secondary {
	text-align:  center;
	line-height:  1.3em;
	letter-spacing: 0.2em;
	padding: 0;
}
.home header .secondary a,
.home header .secondary span {
	display: block;
	padding: 10px 5px;
	color: #fff;
	text-decoration: none;
}
.home header .secondary a:hover {
	background-color: rgba(255, 255, 255, 0.25);
}

header .secondary {
	margin-top: 97px;
}
.home #contents {
	margin-top: 0px;
}
.sim header {
	/* margin-top: 70px; */
	margin-top: 0;
}
header .navigation {
	float: left;
	clear: both;
	width: 100%;
	margin-top:  -15px;
}

/*
header .navigation {
	margin-top: 73px;
}
*/
.home #contents {
	padding-top: 0;
	padding-bottom: 0;
}

header .primary .container {
	position: relative;
	z-index: 999;
}


header .secondary .pagetitle {
	float: left;
}

header .secondary address.contact {
	float: right;

}

header .secondary .pagetitle h2,
header .secondary h3,
.wp-admin .pagetitle input
{
	font-family: "AmarilloUSAF", "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0;
	font-size: 40px;
	line-height: 1em;
	vertical-align: baseline;
	display: inline-block;
}
header .secondary .pagetitle h2+h3:before {
	content: "";
	margin: 0 0.4em;
	border-right: solid 4px;
	height: 0.7em;
	display: inline-block;
}

.wp-admin .pagetitle input {
	background-color: #000;
	color: #fff;
	font-size: 1.5em !important;
}


address.contact {
	margin: 0;
	font-style: normal;
	line-height: 1em;
}
address.contact .phone {
	/* font-family: "AmarilloUSAF", sans-serif; */
	line-height: 1em;
	vertical-align: middle;
	display: table-cell;
}
address.contact .phone .fd {
	font-size: 17px;
	letter-spacing:  0.05em;
	font-weight: 500;
	background-color: #c50018;
	color: #fff;
	padding: 7px;
	line-height: 1em;
	vertical-align: sub;
	display: inline-block;
	margin-right: 12px;
}
address.contact .phone .number {
	font-family: "Oswald", "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 500;
	font-size: 40px;
	/* font-weight: bold; */
	line-height: 1em;
	vertical-align: middle;
	margin-right: 12px;
}
address.contact .phone .businesshour {
	display: inline-block;
	margin-top: 3px;
	line-height: 1.2em;
	font-family: "Roboto", "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	vertical-align: middle;
}
address.contact .phone .businesshour .weekday {
	display: block;
	font-size: 12px;
	text-align: center;
}
address.contact .phone .businesshour .time {
	display: inline-block;
	font-size: 15px;
	text-align: center;
}


header .primary .store {
	position: absolute;
	right: 0;
	bottom: 8px;
	margin: 0 15px;
	line-height: 1;
}
header .primary .store a {
	display: block;
	width: 7.5em;
	color: #fff;
	background-color: #888;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	padding: 6px 10px;
	border-radius: 4px;
}
header .primary .store a:hover {
	background-color: #666;
}

/*** new header ***/
#header address.contact .phone {
	margin-top: 15px;
	margin-bottom:  0;
	font-family: "Roboto", "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	display:  block;
	text-align:  right;
	padding-right: 60px;
}
#header address.contact .phone .fd {
	background-color:  #333;
	padding: 2px;
	border-radius: 3px;
	line-height:  1;
	font-size: 10px;
	font-weight:  bold;
	text-align: center;
	letter-spacing:  0.1em;
	width: 4em;
}
#header address.contact .phone .number {
	font-size: 30px;
	font-weight: bold;
	display:  inline-block;
	line-height:  1;
}
#header address.contact .phone .businesshour {
	margin-top:  0;
	line-height: 1em;
}
#header address.contact .phone .businesshour .weekday {
	font-size: 11px;
	line-height: 1;
}
#header address.contact .phone .businesshour .time {
	font-size: 13px;
	text-align:  left;
	line-height: 1;
	display:  block;
}

html[lang=ja] #header address.contact .phone {
	margin-top: 10px;
}
html[lang=ja] #header address.contact .phone .fd {
	margin-right: 10px;
	padding: 1px;
}
html[lang=ja] #header address.contact .phone .number {
	font-size: 26px;
	font-family: "Oswald", "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 500;
}
#header .mailaddress {
	float: right;
	font-size: 13px;
	letter-spacing: .08em;
	color: #333;
	line-height: 1;
	margin-top: 4px;
}

.home header#header address.contact .phone,
.page header#header address.contact .phone,
.news header#header address.contact .phone,
.archive header#header address.contact .phone,
.order header#header address.contact .phone,
.page-template-page-order header#header address.contact .phone,
.sim header#header address.contact .phone,
.error404 header#header address.contact .phone {
	padding-right: 0;
}




nav.mainnav {
	padding: 35px 25px;
	background-color: transparent;
	color: #FFFFFF;
}
.home nav.mainnav,
.page nav.mainnav,
.post nav.mainnav,
.archive nav.mainnav,
.order nav.mainnav,
.error404 nav.mainnav {
	padding: 35px 15px 0 0;
}
nav.mainnav a {
	color: #FFFFFF;
	text-decoration: none;
}
nav.mainnav .level1 ul {
	margin-left: 0;
}
nav.mainnav .level1 ul li {
	border-left: 4px solid #FFFFFF;
	line-height: 1;
	padding-left: 3px;
	margin-right: 2px;
}
nav.mainnav .level1 ul li a {
	font-size: 13px;
	line-height: 1.2em;
	font-weight: 500;
}
nav.mainnav .level1 ul li a .description {
	display: block;
	font-size: 0.6em;
	line-height: 1;
	font-weight: 200;
}

nav.mainnav .level1 ul li a:hover {
	color: #c50018;
}
nav.mainnav .level2 {
	margin-top: 0;
}
nav.mainnav .level2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: solid 1px;
}
nav.mainnav .level2 ul li a {
	font-size: 15px;
	display: block;
	padding: 12px 0;
	letter-spacing: .075em;
	border-bottom: solid 1px #fff;
}

nav.mainnav .level2 ul li a:hover {
	color: #333;
	background-color: #fff;
	padding-left: 12px;
}

nav.mainnav .level2 ul li ul {
	border-top: none;
	border-bottom: solid 1px;
	padding-left: 1em;
	padding-bottom: 10px;
}
nav.mainnav .level2 ul li ul li a {
	font-size: 13px;
	display: block;
	padding: 8px 0;
	border-bottom: dotted 1px rgba(255, 255, 255, 0.51);
}
nav.mainnav .level2 ul li ul a:before {
	content: "\f105";
	margin-right: 5px;
	display: inline-table;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

nav.mainnav .level2 h4 {
	margin-top: 2em;
	margin-bottom: 6px;
	padding-left: 3px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
	border-left: solid 4px rgba(255, 255, 255, 0.75);
}
nav.mainnav .level2 h4:first-child {
	margin-top: 0;
}

nav.mainnav .level2 ul li a time {
	font-weight: 200;
	font-size: 11px;
	line-height: 1em;
	display: block;
}
nav.mainnav .level2 #wp-calendar caption {
	color: #fff;
	border-left: solid 4px rgba(255, 255, 255, 0.75);
	padding-left: 3px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1.2em;
	font-size: 16px;
	font-weight: bold;
}
nav.mainnav .level2 #wp-calendar th,
nav.mainnav .level2 #wp-calendar td {
	text-align: center;
}
nav.mainnav .level2 #wp-calendar td a {
	text-decoration: underline;
}
nav.mainnav .level2 #wp-calendar td a:hover {
	text-decoration: none;
}
nav.mainnav .level2 #wp-calendar td#prev a,
nav.mainnav .level2 #wp-calendar td#next a {
	text-decoration: none;
}
nav.mainnav .level2 #wp-calendar td#prev a:hover,
nav.mainnav .level2 #wp-calendar td#next a:hover {
	text-decoration: underline;
}
nav.mainnav .level2 #wp-calendar td#prev {
	text-align: left;
}
nav.mainnav .level2 #wp-calendar td#next {
	text-align: right;
}






/******************************************************/
/*header nav new                                      */
/******************************************************/
.dropmenu{
  *
  zoom: 1;
  list-style-type: none;
  /* width: 960px; */
  margin: 0;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  /* width: 14.2857143%; */
  /* width: 16.6666667%; */
  float: left;
  margin: 0;
  /* padding: 0; */
  padding: 0 1em;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 14px 0;
  background: transparent;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  text-align: center;
}

.dropmenu li a:after{
	content: "";
	position: absolute;
	right: 0;
	display: inline-block;
	width: 1px;
	height: 1em;
	border-right: solid 1px #999;
}
.dropmenu li ul li a:after,
.dropmenu li#menu-item-1025 a:after,
.dropmenu li#menu-item-1409 a:after {
	display: none;
}

.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: -5%;
  margin: 0;
  padding: 5px 0;
  width: 110%;
  background: rgba(236, 236, 236, 0.9);
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 12px 0;
  margin: 0 5px;
  border-top: none;
  background: transparent;
  text-align: center;
  font-size: 12px;
}

.dropmenu li ul li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: -5px;
  left: 100%;
  /* margin: 0; */
  /* padding: 5px 0; */
  width: 100%;
  /* background: rgba(236, 236, 236, 0.9); */
}
.dropmenu li ul li ul li{
  width: 100%;
}
.dropmenu li ul li ul li a{
  padding: 12px 0;
  margin: 0 5px;
  border-top: none;
  background: transparent;
  text-align: center;
  font-size: 12px;
}


.dropmenu li:hover > a{
  background: #fff;
  color: #999;
}
.dropmenu li a:hover{
  background: #fff;
  color: #666;
}

#fade-in li ul,
#fade-in li ul li ul,
#fade-in li:hover ul li ul{
  visibility: hidden;
  opacity: 0;
  transition: .3s;
}
#fade-in li:hover ul,
#fade-in li ul li:hover ul{
  visibility: visible;
  opacity: 1;
}
#fade-in li ul li a,
#fade-in li ul li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .3s;
}
#fade-in li:hover ul li a,
#fade-in li:hover ul li ul li a{
  visibility: visible;
  opacity: 1;
}


@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.menu-item > a span[lang=en]{
	display: inline;
	animation: show .5s linear 0s;
}
.menu-item > a span[lang=other]{
	display: none;
	animation: show .5s linear 0s;
}
.menu-item:hover > a span[lang=en]{
	display: none;
	animation: show .5s linear 0s;
}
.menu-item:hover > a span[lang=other]{
	display: inline;
	animation: show .5s linear 0s;
}

#sidebar .menu-item > a span[lang=en]{
	display: none;
}
#sidebar .menu-item > a span[lang=other]{
	display: inline;
}
#sidebar .menu-item:hover > a span[lang=en]{
	display: none;
}
#sidebar .menu-item:hover > a span[lang=other]{
	display: inline;
}









.background-photo {
	/* position: absolute; */
	/* display: block; */
	/* width: 100%; */
	/* height: 615px; */
	/* background-color: rgba(0, 0, 0, 0.5); */
	/* background-repeat: no-repeat; */
	/* background-attachment: fixed; */
	/* background-position: center top; */
	/* background-size: cover; */
	/* background-blend-mode: color; */
	/* z-index: -99; */
}

.mainarea {
	/* min-height: 615px; */
	/* background-repeat: no-repeat; */
	/* background-image: url(../images/bg_order.jpg),linear-gradient(0deg, #ffffff, transparent); */
	/* background-attachment: fixed; */
	/* background-position: center top; */
	/* background-size: cover; */
	/* background-blend-mode: color; */
}
.mainarea {
	min-height: 615px; */
	background-color: #666;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-image: url(../images/back03.jpg);
}
body.home .mainarea,
body.order .mainarea,
body.page-template-page-order_detail .mainarea,
body.page-template-page-order_detail_simplicity .mainarea,
body.download .mainarea {
	background-image: url(../images/back01.jpg);
}
body.gallery .mainarea,
body.how-to-order .mainarea,
body.semiorder .mainarea,
body.fullorder .mainarea {
	background-image: url(../images/back02.jpg);
}

body.home #contents,
body.order #contents {
	background-color: transparent;
}

.mainarea.sim.orderform .container {
	background-color: #fff;
	padding-top: 50px;
}



.order .background-photo {
	/* background-image: url(../images/bg_order.jpg) !important; */
}
.order.detail.running .background-photo {
	/* background-image: url(../images/bg_order-running.jpg); */
}
.page .background-photo,
.post .background-photo,
.archive .background-photo,
.error404 .background-photo {
	/* background-image: url(../images/bg_page.jpg); */
}



footer {
	background-color:  #fff;
	margin-top:  0;
	padding-top:  1.5em;
}
footer .footernav a {
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
footer .footernav a:hover {
	color: #aaa;
}
footer .copyright {
	font-size: 12px;
	text-align: center;
	color: #666;
	margin: 10px 0;
}

#contents {
	padding-top: 35px;
	padding-bottom: 35px;
	/* padding-left:  0; */
	/* padding-right:  0; */
	/* margin-top:  35px; */
}

#contents img {
	max-width: 100%;
	height: auto;
}

.order #contents .background-color {
	background-color: #fff;
}
.order #contents section {
	background-color: rgba(255,255,255,0.85);
	position: relative;
}
.order #contents section.slider {
	background: transparent;
	padding: 0 15px;
}
.order #contents section.product-details .text {
	padding: 15px 30px;
	margin: 0 -30px 15px;
	background-color: rgba(255, 255, 255, 0.85);
	display: block;
}
.order #contents section.product-details p.text {
	/* margin-bottom: 0; */
}
.order #contents section.product-details .spec {
	background-color: rgba(204,204,204,0.80);
	padding: 20px 30px;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 0;
	position: relative;
}

/*** サイズ、特徴等、臨時削除 ***/
#lang-tw .order #contents section.product-details .spec {
	/* display: none; */
}

.spec .title {
	width: 4.5em;
	float: left;
}
.spec .description {
	padding-left: 4.5em;
	position: relative;
}
.spec .description .detail {
	margin-bottom: 5px;
}
.spec .description .detail .sex {
	display: inline-block;
	vertical-align: top;
}

.spec .description .detail .sex:after {
	content: ":";
	margin-left: 3px;
	margin-right: 4px;
}
.spec .description .detail .size {
	display: inline-block;
	margin-bottom: 6px;
}
.spec .description .detail .size ul {
	margin: 0;
	padding: 0;
}
.spec .description .detail .size ul li {
	display: inline-block;
	/* color: #fff; */
	background-color: rgba(255, 255, 255, 0.49);
	line-height: 1em;
	text-align: center;
	font-weight: 500;
	min-width: 1.25em;
	padding: 2px;
	margin-right: 3px;
}
.spec .description .detail .size ul li:last-child {
	margin-right: 0.6em;
}

.order.detail #contents .notes {
	font-size: 0.9em;
	color: #666;
}

.order.detail #contents .help {
	font-size: 0.9em;
	color: #666;
}

.spec .description .help.size-guide {
	display: inline-block;
	/* float: right; */
	font-size: 0.8em;
	position: absolute;
	top: 0;
	right: 0;
}
.spec .description .characteristic {
	margin: 0;
	padding: 0;
}
.spec .description .characteristic li {
	display: inline-block;
	margin-right: 0.6em;
}
.spec .description .characteristic .option {
	font-size: 0.8em;
}
.spec .description .characteristic li:before {
	content: "\e013";
	color: rgba(0, 0, 0, 0.15);
	font-family: 'Glyphicons Halflings';
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 2px;
}


.order.detail #contents .order-detail .wrapper {
	padding-left: 10px;
	padding-right: 10px;
}

#contents section h1,
#tinymce.editor-area h1 {
	font-size: 28px;
	font-weight: 700;
	color: #fff;
	background-color: #333;
	padding: 20px 30px;
	margin-top: 30px;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 20px;
}
#contents section .introduction h1 {
	margin-top: 0 !important;
	margin-bottom: 0;
}

#contents section h2,
#tinymce.editor-area h2 {
	font-size: 24px;
	font-weight: 800;
	/* color: #333; */
	clear: both;
}


#contents section h2:first-child,
#tinymce.editor-area h2:first-child {
	margin-top: 0;
}
#contents section h3,
#tinymce.editor-area h3 {
	font-size: 18px;
	font-weight: 700;
	color: #c50018;
	border-left: solid 4px;
	padding-left: 4px;
	clear: both;
}
#contents section h4,
#tinymce.editor-area h4 {
	font-size: 16px;
	font-weight: 700;
	color: #c50018;
}
#contents section h5,
#tinymce.editor-area h5 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
#contents section h6,
#tinymce.editor-area h6 {
	font-size: 14px;
	font-weight: bold;
	color: #999;
}



/*** about page ***/
.about #contents section p,
.page-id-1069 #contents section p,
.page-id-524 #contents section p,
.page-id-68 #contents section p {
	margin: 2em 0;
	line-height: 1.8em;
	letter-spacing: .05em;
}
.about #contents section h3+p,
.page-id-1069 #contents section h3+p,
.page-id-524 #contents section h3+p,
.page-id-68 #contents section h3+p {
	margin-top: 0;
}
.about #contents section h1:first-child,
.page-id-1069 #contents section h1:first-child,
.page-id-524 #contents section h1:first-child,
.page-id-68 #contents section h1:first-child {
	margin-bottom: 0;
}
.about #contents section h1,
.page-id-1069 #contents section h1,
.page-id-524 #contents section h1,
.page-id-68 #contents section h1 {
	margin-top: 8%;
	margin-bottom: 4%;
}
.page-id-1069 #contents section h2,
.page-id-524 #contents section h2,
.page-id-68 #contents section h2 {
	margin: 12% 0 1.5em;
	line-height: 1.5em;
}
.about #contents section h2,
.page-id-1069 #contents section h1+h2,
.page-id-524 #contents section h1+h2,
.page-id-68 #contents section h1+h2 {
	margin: 2em 0;
	line-height: 1.5em;
}


/*** download page ***/
.download figure {
	text-align: center;
	padding: 20px;
	background-color: #fff;
}
.download figure img {
	/* border: solid 1px #ccc; */
	max-width: 100%;
}
.download figure figcaption {
	margin-top: 8px;
	line-height: 1.3em;
}
.download a figure {
	color: #666;
}

/** true-fit **/

.true-fit #contents h1.page-title {
	display: none;
}
.true-fit #contents section h1 {
	background-color: transparent;
	color: inherit;
	font-weight: 800;
	padding: unset;
	margin: 0 0 1em;
	margin-top: 0 !important;
}
.true-fit #contents section .title h1 {
	font-size: 190%;
	color: #333;
}
.true-fit #contents section .section p {
	line-height: 2em;
	margin-bottom: 2em;
}
.true-fit #contents section .section p:last-child {
	margin-bottom: 0;
}
.true-fit #contents section.contact {
	margin-top: 0;
	border-top: unset;
}



/*** howtoorder page ***/

/*
.howtoorder #contents section h1 {
	font-size: 34px;
	font-weight: 400;
	text-align:  center;
	color: #333;
	background-color: transparent;
	padding: 0;
	margin-top: 2em;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1.5em;
}
.howtoorder #contents section h1.anchor {
	padding-top: 180px;
	margin-top: -100px;
}

.howtoorder #contents section h2 {
	font-size: 26px;
	font-weight: 400;
	line-height:  1.3em;
	color: #333;
	text-align:  center;
	margin: 2em 0 2em;
	letter-spacing: .05em;
}

.howtoorder .introduction .feature {
	font-size: 16.5px;
	font-weight: 600;
	text-align: center;
}
#lang-tw .howtoorder .introduction .feature {
	text-align: center;
}
.howtoorder ul.button {
	display:  block;
	overflow:  hidden;
	padding:  0;
	margin-top: 35px;
	margin-left: -10px;
	margin-right: -10px;
	list-style:  none;
}
.howtoorder ul.button li {
	display: block;
	float:  left;
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}
.howtoorder ul.button.one li {
	width: 100%;
}
.howtoorder ul.button.two li {
	width: 50%;
}
.howtoorder ul.button.three li {
	width: 33.33%;
}
.howtoorder ul.button li a {
	border: solid 1px;
	display:  block;
	width:  100%;
	padding: 12px 6px;
	line-height:  1.2em;
	font-weight: 500;
	font-size: 18px;
	color:  #333;
	text-decoration:  none;
	text-align:  center;
}
.howtoorder ul.button.bold li a {
	border: solid 3px;
}
.howtoorder ul.button li a:hover {
	color: #999;
	background-color: #ecebeb;
}

.howtoorder ul.button li a:before {
	content: "\f0da";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 5px;
}
.howtoorder #contents .manual {
	margin-bottom: 30px;
}
.howtoorder #contents .manual h2.manual-title {
	font-size: 15px;
	font-weight:  600;
	line-height:  1.4em;
	margin-top: 4em;
}
.howtoorder #contents .manual h2.manual-title .number {
	font-size:  30px;
	display:  block;
	margin-bottom: .5em;
}
.howtoorder #contents .manual p {
	font-size: 12px;
	line-height:  1.6em;
	color: #666;
}
.howtoorder #contents .notes ul.kome {
	list-style:  none;
	padding-left: 1.5em;
}
.howtoorder #contents .notes ul.kome li {
	margin-bottom: .8em;
	font-size: 15px;
	font-weight: 500;
	position:  relative;
}
.howtoorder #contents .notes ul.kome li:before {
	content: "・";
	position:  absolute;
	left: -1.5em;
}

.howtoorder.semi #contents .manual.last .order-button {
	display: inline-block;
	color:  #fff;
	background-color: #c50018;
	line-height:  1;
	padding: 10px 25px;
	margin: 15px 0;
}
.howtoorder.semi #contents .manual.last p {
	font-size: 15px;
	font-weight: 500;
	text-align: center;
}
.howtoorder.semi #contents .manual.last dl {
	margin-top: 2em;
}
.howtoorder.semi #contents .manual.last dl dt {
	width: 90px;
	float: left;
	margin-bottom: 15px;
	color: #fff;
	background-color: #333;
	line-height: 1;
	font-size: 13px;
	text-align: center;
	padding: 8px 3px;
	clear: both;
}
.howtoorder.semi #contents .manual.last dl dd {
	padding-left: 96px;
	font-size: 11px;
	color: #666;
	margin-bottom: 15px;
}
*/










/*
#contents .faq dt:before,
#contents .faq dd:before,
#tinymce.editor-area .faq dt:before,
#tinymce.editor-area .faq dd:before {
	display: inline-block;
	width: 1.5em;
	font-weight: bold;
}*/

#contents .faq dt,
#contents .faq dd,
#tinymce.editor-area .faq dt,
#tinymce.editor-area .faq dd {
	padding-left: 1.5em;
	position: relative;
}
#contents .faq dt,
#tinymce.editor-area .faq dt {
	font-size: 1.1em;
	margin-bottom: 5px;
}
#contents .faq dd,
#tinymce.editor-area .faq dd {
	font-size: 1em;
	color: #777;
}

#contents .faq dt:before,
#contents .faq dd:before,
#tinymce.editor-area .faq dt:before,
#tinymce.editor-area .faq dd:before {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	line-height: 1;
	font-weight: normal;
	font-family: "AmarilloUSAF", "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

#contents .faq dt:before,
#tinymce.editor-area .faq dt:before {
	content: "Q.";
	font-size: 1.3em;
	/* color: #c50018; */
	color: #333;
}
#contents .faq dd:before,
#tinymce.editor-area .faq dd:before {
	content: "A.";
	font-size: 1.4em;
	color: #999;
}
#contents .faq h3,
#tinymce.editor-area .faq h3 {
	margin-top: 2.5em;
}



#contents section h1:first-child {
	margin-top: -30px;
	/* background-color: transparent; */
	/* color: #333; */
	/* font-size: 2em; */
}

#contents section {
	background-color: #fff;
	padding: 30px;
}
.order #contents section {
	background-color: transparent;
}
.order #contents section.product-details {
	z-index: 1;
}

/** アンカーズレ対策 **/
#contents .anchor {
	padding-top: 150px;
	margin-top: -120px;
}

.home #contents section {
	background-color: #fff;
	padding: 0;
}

.home #contents section.home-contact {
	padding: 8px 0;
}

.order.detail #contents .order-detail h2 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4em;
	color: #fff;
	background-color: #999;
	padding: 20px;
	margin-left: -30px;
	margin-right: -30px;
	margin-top: 3em;
}
.order.detail #contents .order-detail h2:before {
	content: "\e114";
	color: #ccc;
	font-family: 'Glyphicons Halflings';
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 5px;
}

.order.detail #contents .order-detail .price {
	line-height: 1.3em;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 2px;
}
.order.detail #contents .order-detail .price span {
	display: inline-block;
}
.order.detail #contents .order-detail .price.lowest {
	font-size: 15px;
	font-weight: 500;
	color: #999;
	margin-bottom: 1.5em;
}
.order.detail #contents .order-detail .price .caption {
	width: 220px;
	font-weight: 600;
}
.order.detail #contents .order-detail .price.standard .caption {
	display: inline-block;
}
.order.detail #contents .order-detail .caption.variation {
	display: block;
	line-height: 1.3em;
	font-size: 18px;
	font-weight: 800;
	margin-bottom: 12px;
}
.order.detail #contents .order-detail .itemtitle {
	line-height: 1.3em;
	font-size: 18px;
	font-weight: 600;
	width: 220px;
}
.order.detail #contents .order-detail .price .price {
	width: 100px;
	text-align: right;
}
.order.detail #contents .order-detail .price .taxin {
	font-size: 10px;
	font-weight: 400;
}
.order.detail #contents .product-details .spec label,
.order.detail #contents .order-detail .price label {
	background-color: #aaa;
	padding: 2px 4px;
	line-height: 1em;
	border-radius: 2px;
	margin-right: 5px;
}

.order.detail #contents .order-detail .list {
	margin-top: 10px;
	margin-left: -30px;
	margin-right: -30px;
}
.order.detail #contents .order-detail .list [class*="col-"] {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 30px;
}
.order.detail #contents .order-detail a.weardesign {
	text-decoration: none;
	color: #666;
}
.order.detail #contents .order-detail a.weardesign figure img {
	width: 100%;
	height: auto;
}
.order.detail #contents .order-detail a.weardesign figure figcaption {
	text-align: center;
	font-size: 12px;
	letter-spacing: 0.05em;
	padding: 3px 0;
	border-bottom: solid 3px #ccc;
}

.order.detail #contents .order-detail .well.entry {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	padding: 30px 30px 20px;
	margin-left: -30px;
	margin-right: -30px;
	margin-bottom: 10px;
}
.order.detail #contents .order-detail .well.entry h3 {
	margin: 0 0 1em;
	font-size: 16px;
	font-weight: 600;
	color: #222;
	border-left: none;
	padding-left: 0;
}
.order.detail #contents .order-detail .well.entry p {
	text-align: center;
}
.order.detail #contents .order-detail .well.entry .btn {
	border: solid 3px;
	border-radius: 0;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.06em;
	display: inline-block;
	width: 30%;
	min-width: 150px;
	margin: 5px;
}
.order.detail #contents .order-detail .well.entry .btn.xls {
	color: #1fc08e;
}
.order.detail #contents .order-detail .well.entry .btn.pdf {
	color: #d07b79;
}
.order.detail #contents .order-detail .well.entry .btn.ex {
	color: #999;
}
.order.detail #contents .order-detail .well.entry .btn:hover {
	color: #ffffff;
	border-color: #c50018;
	background-color: #c50018;
}







.order.detail #contents .order-detail .discount {position: absolute;top: 130px;right: 10px;}
.order.detail #contents .order-detail .discount .tag {color: #fff;background-color: #c50018;text-align: center;font-weight: 900;line-height: 1;padding: 6px;margin: 0 2px;width: 80px;display: inline-block;}
.order.detail #contents .order-detail .discount .tag .num {display: block;font-size: 12px;}
.order.detail #contents .order-detail .discount .tag .rate {display: block;font-size: 30px;line-height: 1.2em;}
.order.detail #contents .order-detail .discount .tag .off {display: block;font-size: 23px;line-height: 1em;}


.order-detail.full figure.sheet {
	text-align:  center;
	padding:  10% 0;
}
.order-detail.full figure.sheet figcaption {
	font-size: 16px;
	font-weight:  bold;
	margin-top: 8px;
	color:  #333;
}




.order #contents .list [class*="col-"] {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0px;
	padding-bottom: 12px;
}
.order #contents .list article .thumbnail {
	display: block;
	padding: 8px;
	margin-bottom: 0;
	background-color: #000000;
	border: none;
	border-radius: 0;
	color: #FFFFFF;
}
.order #contents .list article .thumbnail a.photo {
	position: relative;
	display: block;
}
.order #contents .list article .thumbnail a.photo img {
	width: 100%;
	height: auto;
	position: relative;
}
/*
.order #contents .list article .thumbnail a.photo:after {
	content: "詳細 \f054";
	font-size: 12px;
	font-family: "FontAwesome", "Roboto", "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1em;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px 6px;
	background-color: #c50018;
	color: #fff;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.order #contents .list article .thumbnail a.photo:hover:after {
	background-color: #E53C51;
}
*/
.order #contents .list article .thumbnail .caption {
    padding: 0px;
    color: #fff;
    text-align: center;
    position: relative;
    min-height: 110px;
}

.order #contents .list article .thumbnail .caption .title {
	font-size: 1em;
	margin: .75em 0 .5em;
}
.order #contents .list article .thumbnail .caption .price {
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 0;
}
.order #contents .list article .thumbnail .caption .price dt {
	font-size: 0.6em;
	line-height: 1.3em;
	font-weight: normal;
	float: left;
	text-align: right;
	width: 40%;
	padding-top: 8px;
}
.order #contents .list article .thumbnail .caption .price dd {
	line-height: 1.3em;
	padding-left: 45%;
	text-align: left;
}


.order #contents .list article .thumbnail .caption .btn-group-justified {
	position: absolute;
	bottom: 0;
	left: 0;
}

.order #contents .list article .thumbnail .btn.btn-default {
    color: #333;
	font-size: 11px;
	font-weight: 500;
    background-color: #fff;
    border-color: #000;
	border-radius: 0;
}
.order #contents .list article .thumbnail .btn.btn-default:hover {
	background-color: #ccc;
}
.order #contents .list article .thumbnail .btn i {
	margin-left: 5px;
}









/*** 2019.05 BG RENEWAL ***/
html[lang="ja"] .mainarea {
	background-image: none !important;
}
html[lang="ja"] #contents .list [class*="col-"] {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 0;
}
html[lang="ja"] #contents .list article {
	margin-bottom: 30px;
}
html[lang="ja"] #contents article.category a,
html[lang="ja"] #contents .list article a {
	text-decoration: none;
	display: block;
}
html[lang="ja"] #contents article.item a:hover,
html[lang="ja"] #contents .list article a:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
html[lang="ja"] #contents .list article .thumbnail {
	background: transparent;
	color: #333;
	padding: 0 0 20px;
}
html[lang="ja"] #contents .list article .thumbnail .caption {
    color: #333;
    min-height: auto;
}
html[lang="ja"] #contents .list article .thumbnail .caption .title {
	line-height: 1.4em;
	margin: 1.5em 0 .5em;
}
html[lang="ja"] #contents .list article .thumbnail .caption .price {
	font-weight: 300;
}
html[lang="ja"] #contents .list article .thumbnail .caption .title,
html[lang="ja"] #contents .list article .thumbnail .caption .price {
	letter-spacing: .075em;
}
@media (min-width: 992px) {
	html[lang="ja"] nav.mainnav .level2 ul {
		border-top: solid 1px rgba(51, 51, 51, .5);
	}
	html[lang="ja"] nav.mainnav .level2 ul li a {
		color: #333;
		border-bottom: solid 1px rgba(51, 51, 51, .5);
	}
	html[lang="ja"] nav.mainnav .level2 ul li a:hover {
		color: #fff;
		background-color: #333;
	}
	html[lang="ja"] nav.mainnav .level2 ul li ul {
		border-top: none;
		border-bottom: solid 1px rgba(51, 51, 51, .5);
	}
	html[lang="ja"] nav.mainnav .level2 ul li ul li a {
		border-bottom: dotted 1px rgba(51, 51, 51, .5);
	}
}

/*** 2019.06 HOME RENEWAL ***/

#contents .usaf {
    font-family: "AmarilloUSAF", "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
html[lang="ja"] .home #contents h2.howtoorder .usaf {
    font-size: 44px;
    /* font-weight: bold; */
}
html[lang="ja"] .home #contents h2.howtoorder small {
	display: block;
	color: #333;
	font-size: 55%;
	margin-top: .5em;
}
html[lang="ja"] .home #contents .itemlineup .col-sm-6.col-md-4 article.category h3 {
	color: #333;
	border: none;
	text-align: center;
	font-weight: normal;
	margin: 1em 0 2em;
}
html[lang="ja"] .home #contents .itemlineup .col-sm-6.col-md-4:last-child article.category h3 {
	margin-bottom: 0;
}
.home #contents .item-category.anchor {
	padding-top: 130px;
	margin-top: 0;
	z-index: 0;
	position: relative;
}
.home #contents .item-category.anchor h2 {
	font-weight: normal;
	border-top: solid 1px #333;
	padding: 1.5em 0 1em;
	margin-top: -1.5em;
}

html[lang="ja"] .home #contents article.item a {
	text-decoration: none;
	display: block;
	padding: 0 0 1.5em;
	margin-bottom: 2.5em;
	position: relative;
	z-index: 999;
}
html[lang="ja"] .home #contents article.item a h3 {
	color: #333;
	border: none;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	line-height: 1;
	margin: 1.5em 0 .5em;
}
html[lang="ja"] .home #contents article.item a .price {
	color: #333;
	border: none;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	margin: 0;
	line-height: 1;
	display: none;
}









section.recommend {
	background-color: #ddd;
	padding: 5px;
	background-image: url(../images/bg_recommend.png);
}
section.recommend h2 {
	text-align: center;
	font-size: 1.3em;
	line-height: 1.2em;
	margin: 15px 0 15px;
}
section.recommend .case a {
	text-decoration: none;
	display: block;
	margin-bottom: 15px;
}
section.recommend .case img {
	width: 100%;
	height: auto;
}
section.recommend .case .photo {
	position: relative;
	display: block;
}
section.recommend .case a .photo:after {
	content: "STAFF DESIGN";
	width: 55px;
	display: block;
	text-align: center;
	font-size: 11px;
	line-height: 1.2em;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 8px 6px;
	background-color: #c50018;
	color: #fff;
	-webkit-clip-path: polygon(80% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(80% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
}

section.recommend .case.design-1 a .photo:after {
	/* content: ""; */
}
section.recommend .case.design-2 a .photo:after {
	/* content: ""; */
}
section.recommend .case.design-3 a .photo:after {
	/* content: ""; */
}
section.recommend .case.design-4 a .photo:after {
	/* content: ""; */
}
section.recommend .case.design-5 a .photo:after {
	/* content: ""; */
}
section.recommend .case.design-6 a .photo:after {
	/* content: ""; */
}


section.recommend .case a:hover .photo:after {
	background-color: #E53C51;
}
section.recommend .case a .btn {
	margin-top: 10px;
	border-radius: 0;
	border: none;
	color: #fff;
	background-color: #aaa;
}
section.recommend .case a:hover .btn {
	background-color: #666;
}
section.recommend .case a .btn i {
	margin-left: 5px;
}
section.recommend .case a,
section.recommend .case a img,
section.recommend .case a .photo:after,
section.recommend .case a .btn {
	-webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
section.recommend .case a img:hover {
	opacity: 1;
}
section.recommend .case a:hover img {
	opacity: 0.5;
}


.home #contents figure {
	margin-bottom: 30px;
}
.home #contents figure a {
	border: solid 3px #000;
	display: block;
	margin-bottom: 5px;
}
.home #contents figure a:hover {
	border: solid 3px #c50018;
}

.home #contents figure img {
	width: 100%;
	height: auto;
}
.home #contents address.contact {
	margin: 20px auto 25px;
	display: block;
}
.home address.contact .phone,
address.contact .phone {
	display: block;
	text-align: center;
}
.home section.home-contact .col-on address.contact .phone {
	text-align: left;
}
.home address.contact .phone .fd {
	color: #fff;
}

.dqrequest  {
	color: #fff;
	display: block;
	background-color: #cb0a09;
	margin: 20px auto 25px;
	padding: 6px 6px 6px 48px;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	font-size: 20px;
	font-weight: 500;
	max-width: 545px;
	position:  relative;
}
.dqrequest:hover {
	text-decoration: none;
	color: #fff;
	background-color: #e80100;
}
.dqrequest:before {
	content: "";
	width: 89px;
	height: 63px;
	display: block;
	position: absolute;
	top: -50%;
	left: 0px;
	background-image: url(//dvelop.jp/images/home_catalog.png);
}

.home #contents section.banner .home-banner {
	border: none;
}
.home #contents section.banner .home-banner img {
	max-width: 346px;
	margin: auto;
	display: block;
}



.home #contents .news h2 {
	/* font-family: "AmarilloUSAF", sans-serif; */
	/* font-size: 28px; */
	/* font-weight: normal; */
	/* line-height: 1.1em; */
	/* background-color: #333; */
	/* color: #fff; */
	/* padding: 6px; */
	/* margin: 0; */
}

.home #contents .news table {
	margin-bottom: 0;
	border-bottom: solid 4px #333;
}
.home #contents .news table th {
	padding: 1.5%;
	border-top: solid 2px #333;
}
.home #contents .news table th a {
	color: #666;
}
.home #contents .news table th a:hover {
	color: #999;
}
.home #contents .news table td {
	text-align: right;
	padding: 1.5%;
	border-top: solid 2px #333;
	vertical-align: bottom;
}
.home #contents .news a.btn {
	background-color: transparent;
	border-radius: 0;
	border: solid 1px #ccc;
	color: #999;
	line-height: 1em;
	padding: 8px 12px;
	/* float: right; */
	width: 12em;
	display: block;
	margin-left:  auto;
	margin-right:  auto;
}
.home #contents .news a.btn:hover {
	background-color: #666;
}


/*** home 201802 renew ***/

.home .slick-dots li {
	width: 8%;
	height:  7px;
}
.home .slick-dots li button {
    width: 100%;
    height: 100%;
}
.home .slick-dots li button:before {
	content:  "";
	width: 100%;
	height: 100%;
	background-color:  #000;
}
.home #contents section h2 {
	text-align:  center;
	font-size: 35px;
	font-weight: 200;
	margin-bottom: 0.75em;
}
#contents section.contact h2 {
	margin-bottom: 0;
	text-align: center;
	font-size: 35px;
	font-weight: 200;
}
.home #contents section .headline-sub {
	text-align: center;
}
#contents section.contact .headline-sub {
	margin-bottom: 10px;
	text-align: center;
}
#contents section.contact .mw_wp_form {
	margin-bottom: 30px;
	padding-bottom:  15px;
	border-bottom: solid 1px #eee;
}
#contents section.contact .mw_wp_form p {
	text-align: center;
}
#contents section.contact .mw_wp_form table {
	/* margin-bottom: 0; */
}
#contents section.contact .mw_wp_form table > tbody > tr > th,
#contents section.contact .mw_wp_form table > tbody > tr > td {
    border-top: none;
}
#contents section.contact .mw_wp_form hr {
	display: none
}

#contents section.contact address.contact {
	margin: -10px auto 25px;
	display: block;
}

.home #contents section.homeslide {
	padding-bottom: 35px;
	margin-bottom: 0;
}
.home #contents section.homeslide .slick-dots {
	bottom:  unset;
	margin-top: 3px;
}
.home #contents section.howto {
	padding-top: 3%;
	padding-bottom: 3%;
}
.home #contents section.itemlineup {
	padding: 150px 0 3%;
	padding-bottom: 10%;
}
.home #contents section.banner {
	padding: 3%;
}
.home #contents section.banner.top {
	padding: 0;
}
.home #contents section.banner.top figure {
	margin: 35px 0;
}
.home #contents section.banner.top figure a {
	box-shadow: 0 1px 4px rgb(0 0 0 / 15%);
}
.home #contents section.banner.top figure a:hover {
	box-shadow: 0 3px 8px rgb(0 0 0 / 30%);
}
.home #contents section.banner.top figure img {
	max-width: 100%;
}
.home #contents section.homenews {
	background-color: #e6e6e6;
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 15%;
	padding-right: 15%;
}
.home #contents section.homenews dl a {
	text-decoration: none;
	color: #333;
	border-top: solid 1px #ccc;
	border-bottom:  solid 1px #ccc;
	padding: 15px 0;
	display:  block;
}
.home #contents section.homenews dl a+a {
	border-top: none;
}
.home #contents section.homenews dl a dt {
	text-align:  center;
	font-weight: normal;
	line-height:  1;
	/* border-top: solid 1px #ccc; */
	width:  180px;
}
.home #contents section.homenews dl a dd {
	text-align:  center;
	line-height:  1;
	/* border-top: solid 1px #ccc; */
}

.home #contents section.aboutus {
	background-color: #333;
	color: #fff;
	padding-top: 8%;
	padding-bottom: 8%;
	padding-left: 22%;
	padding-right: 22%;
}
.home #contents section.aboutus h2 {
	color: #fff;
	margin-bottom: .5em;
}
.home #contents section.aboutus h2 img {
	/* width: 240px; */
	/* height:  auto; */
	margin-bottom: 15px;
}
.home #contents section.aboutus a.btn {
	background-color: transparent;
	border-radius: 0;
	border: solid 1px #ccc;
	color: #ccc;
	line-height: 1em;
	padding: 8px 12px;
	/* float: right; */
	width: 12em;
	display: block;
	margin-top: 2em;
	margin-left:  auto;
	margin-right:  auto;
}
#contents section.contact {
	padding-top: 6%;
	padding-bottom: 6%;
	padding-left: 15%;
	padding-right: 15%;
	border-top: solid 1px #666;
	margin-top: 2em;
}
.home #contents section.contact {
	border-top: none;
	margin-top: unset;
}
#contents section.contact a.btn.mail,
#contents section#cta a.btn.mail,
section.introduction a.btn.mail {
	background-color: transparent;
	border-radius: 0;
	border: solid 1px #666;
	color: #333;
	font-size:  16px;
	line-height: 1em;
	padding: 12px 6px;
	/* float: right; */
	max-width: 545px;
	display: block;
	margin-top: 0;
	margin-left:  auto;
	margin-right:  auto;
	margin-bottom:  2em;
}
#contents section.contact a.btn.mail+a.btn.mail {
	margin-top: -1.5em;
}


.home #contents section.howto .btn {
	margin:  0;
	width: 50%;
	display: block;
	float:  left;
	border-radius:  0;
	border: none;
	font-size:  21px;
	color: #333;
	padding: 15px 0;
}
.home #contents section.howto .btn+.btn {
	/* border-left: solid 1px #ccc; */
}
.home #contents section.howto .btn .fa {
	margin-left: 8px;
}
@media screen and (max-width: 767px) {
	.home #contents section {
		padding-left: 15px;
		padding-right: 15px;
		margin-left: -15px;
		margin-right: -15px;
	}
	.home #contents section.homeslide {
		margin-left:  -15px;
		margin-right:  -15px;
		padding-left:  0;
		padding-right:  0;
	}
	.home #contents section.howto,
	.home #contents section.itemlineup,
	.home #contents section.banner,
	#contents section.contact {
		padding-left:  15px;
		padding-right:  15px;
	}
	.home #contents section.homenews {
		padding-left: 0;
		padding-right: 0;
		margin-left: -15px;
		margin-right: -15px;
		overflow-x: hidden;
	}
	.home #contents section.homenews .row {
		/* margin-left:  0; */
		/* margin-right:  0; */
	}
	.home #contents section.aboutus {
		padding-left: 15px;
		padding-right: 15px;
		margin-left: -15px;
		margin-right: -15px;
		overflow-x: hidden;
	}
	.home #contents section.homenews dl a dt {
		width:  100%;
		font-size:  80%;
		color: #999;
		margin-bottom:  6px;
		text-align: center;
	}
	.home #contents section.howto .btn {
		width: 100%;
		/* border-left:  solid 1px #ccc; */
		/* border-right:  solid 1px #ccc; */
		font-size: 18px;
	}
	.home #contents section.howto .btn+.btn {
		border-top: none;
	}
}



.home #contents section.itemlineup .row {
	margin-right: -20px;
	margin-left: -20px;
}
.home #contents section.itemlineup .row .col-md-4 {
	padding-left: 20px;
	padding-right: 20px;
}

.home #contents section.itemlineup a.item {
	width:  100%;
	color: #333;
	text-decoration:  none;
	border: solid 1px #ccc;
	display: table;
	position: relative;
	overflow: hidden;
	vertical-align:  middle;
	margin-bottom: 16px;
}
.home #contents section.itemlineup a.item:hover {
	text-decoration: none;
	opacity: .6;
	border-color: #c50818;
}
.home #contents section.itemlineup a.item img {
	width: 100%;
	/* float: left; */
	clear:  both;
	display: table-cell;
	vertical-align:  middle;
}
.home #contents section.itemlineup a.item .itemdetails {
	display: table-cell;
	/* float: left; */
	padding-left: 5px;
	width: 73%;
	line-height:  1;
	vertical-align:  middle;
}
.home #contents section.itemlineup a.item .itemdetails .itemname {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 6px;
}
.home #contents section.itemlineup a.item .itemdetails .itemcomment {
	font-size: 11px;
	margin-bottom: 6px;
}
.home #contents section.itemlineup a.item .itemdetails .price {
	font-size:  12px;
	margin-bottom: 0;
}
.home #contents section.itemlineup a.item .itemdetails .price .tax {
	font-size: 80%;
}
.home #contents section.itemlineup a.item .fa {
	display:  table-cell;
	vertical-align:  middle;
	font-size: 18px;
	text-align: right;
	padding-right: 6px;
}
.home #contents section.itemlineup a.item:hover .fa {
	color: #c50818;
}

.sim header.row {
    margin-right: -15px;
    margin-left: -15px;
}

@media screen and (max-width: 1200px) {
	.home #contents section.itemlineup a.item .itemdetails {
		padding-left: 3px;
		width: 75%;
	}
	.home #contents section.itemlineup a.item .itemdetails .itemname {
		font-size: 11px;
		margin-bottom: 5px;
	}
	.home #contents section.itemlineup a.item .itemdetails .itemcomment {
		font-size: 10px;
		margin-bottom: 5px;
	}
	.home #contents section.itemlineup a.item .itemdetails .price {
		font-size: 10px;
	}
	.home #contents section.itemlineup a.item .fa {
		font-size: 14px;
		padding-right: 5px;
	}
}
@media screen and (max-width: 767px) {
	.home .mainarea {
	}
	.home #contents section.itemlineup a.item {
		margin-bottom: 6px;
	}
	.home #contents section.itemlineup a.item .itemdetails {
		padding-left: 3px;
		width: 77%;
	}
	.home #contents section.itemlineup a.item .itemdetails .itemname {
		font-size: 11px;
		margin-bottom: 4px;
	}
	.home #contents section.itemlineup a.item .itemdetails .itemcomment {
		font-size: 10px;
		margin-bottom: 4px;
	}
	.home #contents section.itemlineup a.item .itemdetails .price {
		font-size: 10px;
	}
	.home #contents section.itemlineup a.item .fa {
		font-size: 18px;
		padding-right: 3px;
	}
	.home #contents section.itemlineup .row {
		margin-right: initial;
		margin-left: initial;
	}
	.home #contents section.itemlineup .row .col-md-4 {
		padding-left: initial;
		padding-right: initial;
	}
}







.btn-group.language,
.footernav {
	display: inline-block;
}
.btn-group.language .btn-default {
	border: none;
	border-radius: 0;
	margin-right: 10px;
	margin-bottom: 5px;
	color: #666;
	padding: 0;
	line-height: 1.5em;
	font-size: 12px;
	-webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.btn-group.language .btn-default .glyphicon {
	margin-right: 3px;
}
.btn-group.language .btn-default:hover {
	color: #aaa;
	background: none;
}
.btn-group.language .btn-default:active,
.btn-group.language .btn-default:focus {
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-group.language .dropdown-menu {
	border-radius: 0;
	border: none;
}

header .btn-group.language {
	padding-top: 22px;
}

.post #contents img,
.archive #contents img{
	width: 100%;
	height: auto;
}
.post #contents .meta,
.archive #contents .meta {
	color: #666;
	text-align: right;
	margin-bottom: 10px;
	font-size: 12px;
}
.archive #contents .meta {
	text-align: left;
}
.post #contents .meta .category,
.archive #contents .meta .category{
	margin: 0 1em 0 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
.archive #contents .meta .category{
	margin: 0 0 0 1em;
}
.post #contents .meta .category li,
.archive #contents .meta .category li{
	display: inline-block;
	margin: 0 2px;
}
.post #contents .meta .category li::after,
.archive #contents .meta .category li::after{
	content: ",";
}
.post #contents .meta .category li:last-child::after,
.archive #contents .meta .category li:last-child::after{
	display: none;
}

.post #contents .meta .category li a,
.archive #contents .meta .category li a{
	color: #666;
}

.post #contents .meta time,
.archive #contents .meta time {
	display: inline-block;
	text-align: right;
}
.post #contents .thumb {
	margin-bottom: 3%;
}

.post #contents main {
	font-size: 18px;
}

.archive #contents a article {
	text-decoration: none !important;
	color: #333;
	-webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.archive #contents a:hover article {
	text-decoration: none !important;
	color: #aaa;
}

.archive #contents article {
	background: #fff;
	display: block;
	padding: 15px;
	margin-bottom: 20px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
.archive #contents article h1 {
	margin: 0 0 15px;
	font-size: 24px;
	font-weight: bold;
}
.archive #contents article p:last-child {
	margin-bottom: 0;
}


/*** GALLERY ***/
#contents section.gallery-content {
	padding-left: 14%;
	padding-right: 14%;
}
#contents section.gallery-content h1 {
	background-color: transparent;
	color: #333;
	font-size: 60px;
}
#contents section.gallery-content p {
	margin-top: 2.5em;
	line-height: 1.7em;
}
#contents section.gallery-content a {
	/* margin-top: -1.5em; */
	/* margin-bottom: 5em; */
	/* display: block; */
}
#contents section#cta .headline-sub {
    text-align: center;
}
#contents section.gallery-content .gallery-spot {
	margin-top: 2em;
}
#contents section.gallery-content .gallery-spot h3 {
	font-size: 22px;
	color: #666;
	border: none;
	padding: 0;
	margin: 0;
}
#contents section.gallery-content .gallery-spot a {
	color: #999;
	margin: .5em 0 0;
}
#contents section.gallery-content .gallery-spot dl {
	margin-top: 1.5em;
}
#contents section.gallery-content .gallery-spot dl dt {margin-bottom: .3em;}
#contents section.gallery-content .gallery-spot dl dd {
	margin-bottom: 1.5em;
}


#contents section h1.review-title {
	margin-top: -30px;
	background-color: transparent;
	color: #333;
	font-size: 2.5em;
	font-family: "AmarilloUSAF", "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: normal;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 1.4em;
}

.review #contents #review img,
.gallery #contents #review img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.review #contents #review .row+.row,
.gallery #contents #review .row+.row {
	margin-top: 2%;
	padding-top: 3%;
	border-top: solid 1px #dfdfdf;
}
.review #contents #review h3,
.gallery #contents #review h3 {
	color: #666;
	font-size: 14px;
	border-left: none;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 15px;
}


#contents .gallery-nav {
	background-color: #e4e4e4;
	display: block;
	float: left;
	margin-top: -35px;
	margin-bottom: 50px;
	padding: 10px 30px;
	width: 100%;
}
#contents .gallery-nav .col-xs-3,
#contents .gallery-nav .col-sm-2,
#contents .gallery-nav .col-md-1 {
	padding-right: 1px;
	padding-left: 1px;
}
#contents .gallery-nav a {
	text-decoration: none;
}
#contents .gallery-nav .thumbnail {
	text-decoration: none;
	padding: 5px;
	margin: 5px 0;
	background-color: rgba(255, 255, 255, 0.6);
}
#contents .gallery-nav a:hover .thumbnail {
	background-color: #fff;
}
#contents .gallery-nav .thumbnail img {
	/* width: 100%; */
	max-width: 100%;
	background-color: gray;
	width: 100%;
	height: 60%;
	object-fit: cover;
}
#contents .gallery-nav a:hover .thumbnail img {
	opacity: .7;
}
#contents .gallery-nav .thumbnail img:hover {
	opacity: 1;
}
#contents .gallery-nav .thumbnail h3 {
	border: none;
	padding-left: 0;
	color: #333;
	font-size: .8em;
	font-weight: normal;
	margin: 5px 0 0;
}
#contents .gallery-nav .thumbnail p {
	font-size: 13px;
	color: #999;
	margin-bottom: 0;
}



.gallery #contents section {
	background-color: #fff;
}
.gallery #contents .gallery-nav {
	/* background-color: transparent; */
	display: block;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	/* padding: 10px 30px; */
}
.gallery #contents .gallery-nav a {
	text-decoration: none;
	display: block;
}
.gallery #contents .gallery-nav .list {
	text-decoration: none;
	padding: 15px;
	margin: 20px 0;
	background-color: rgba(255, 255, 255, 0.6);
}
.gallery #contents .gallery-nav a:hover .list {
	background-color: #f3f3f3;
}
.gallery #contents .gallery-nav .list img {
	width: 100%;
}
.gallery #contents .gallery-nav a:hover .list img {
	opacity: .7;
}
.gallery #contents .gallery-nav .list img:hover {
	opacity: 1;
}
.gallery #contents .gallery-nav .list h3 {
	border: none;
	padding-left: 0;
	color: #333;
	font-size: 24px;
}
.gallery #contents .gallery-nav .list p {
	font-size: 13px;
	color: #999;
	margin-bottom: 0;
}







#contents section#cta {
	text-align: center;
	width: 100%;
	float: left;
}
#contents section#cta hr {
	width: 100%;
	margin-top: 25%;
	/* margin-bottom: 5%; */
}
#contents section#cta address.contact {
    margin: -10px auto 25px;
    display: block;
}
#contents section#cta .phone {
    display: block;
    text-align: center;
}



#contents .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#contents .alignright {
    float: right;
    margin: 0 0 0.5em 1em;
}
#contents .alignleft {
    float: left;
    margin: 0 1em 0.5em 0;
}

#contents figure.wp-caption img {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
#contents figure.wp-caption figcaption {
	font-weight: normal;
	font-size: 12px;
	color: #999;
	margin-top: 5px;
}

.page #contents .pattern a {
	display: block;
	margin-bottom: 15%;
}
.page #contents .pattern a img {
	width: 100%;
	height: auto;
	border: solid 1px #ccc;
}

.page #contents .simplegallery figure {border: solid 1px #e8e8e8;padding: 5px;margin-bottom: 1.5em;}
.page #contents .simplegallery figure img {
	width: 100%;
	height: 100%;
}


.page #contents .page-contact {
	margin-top: 6%;
	text-align: center;
}
.page #contents .page-contact h2 {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 1em;
}
.page #contents .page-contact address.contact .phone {
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 1.5em;
}
.page #contents .page-contact .btn {
	color: #333;
	margin: 5px 10px;
	padding: 3% 5px;
	font-size: 1.1em;
	font-weight: bold;
	width: 46%;
	border: solid 2px #666;
	border-radius: 0;
}
.contact #contents .btn.btn-default {
	/* border-radius: 0px; */
	border: solid 2px #666;
	color:  #fff;
	background-color:  #666;
	/* box-shadow: 0 3px 2px rgba(102, 102, 102, 0.2); */
	box-shadow: 0 4px #333, 0 6px 6px rgba(0, 0, 0, 0.55);
	margin-bottom: 8px;
	font-weight: bold;
}
.contact #contents .btn.btn-default:hover {
	background-color:  #999;
	border: solid 2px #999;
	box-shadow: 0 4px #666, 0 6px 6px rgba(0, 0, 0, 0.55);
	text-shadow: 0 2px 1px #666;
}

.mw_wp_form p.button {
	text-align: right;
}
.mw_wp_form p.button .btn {
	background-color: #e8e8e8;
	box-shadow: 0 2px #bbb, 0 5px 6px rgba(0, 0, 0, 0.2);
}







/*** スライダー ***/
.slick-prev, .slick-next {
	height: 30px;
	width: 30px;
	z-index: 999;
}
.slick-prev {
    left: 10px;
}
.slick-next {
    right: 10px;
}
.slick-prev:before {
    content: "\f104";
}
.slick-next:before {
    content: "\f105";
}
.slick-prev:before, .slick-next:before {
	font-family: 'FontAwesome';
	font-size: 30px;
	line-height: 1;
	color: rgba(185, 185, 185, 0.7);
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



.order .slick-dotted.slick-slider {
    margin-bottom: 40px;
}




.slider img {
    max-width: 100%;
    height: auto;
}

.slider #slide01 {
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.slider .slide_itemphoto {
	position: relative;
}
.slider .introduction {
	display: none !important;
}
.slider #slide01 .introduction {
	display: block !important;
	padding: 0;
	width: 50%;
	height: 100%;
	top: 0;
	right: 0;
	position: absolute;
}

.slider #slide01 .introduction .name-price {
	display: block;
	margin-top: 0;
}

#contents section.introduction h1.title,
.wp-admin .itemtitle textarea {
	background-color: transparent;
	color: #333;
	font-weight: normal;
	font-size: 2em;
	text-align: center;
	line-height: 1.2em;
	padding: 0;
	margin: 0 0 2em;
}
.slider .introduction .title small {
	color: #fff;
}
.wp-admin .itemtitle textarea {
	padding: 5px !important;
}
.slider .introduction .price {
	text-align: center;
	font-size: 300%;
	font-weight: 300;
	letter-spacing: 0.06em;
	line-height: 1.2em;
	padding: 4% 0;
	margin: 0 0 5%;
	border-bottom: solid 8px #000;
}
.slider .introduction .price dl {margin-bottom: 12px;}
.slider .introduction .price dl dt.edition {
	font-size: 45%;
	line-height: 1.4em;
	letter-spacing: 0.01em;
	text-align: left;
	text-indent: 2em;
	display: inline-block;
	vertical-align: middle;
	width: 35%;
}
.slider .introduction .price dl dd {
	font-size: 100%;
	line-height: 1em;
	display: inline-block;
	vertical-align: middle;
	width: 60%;
}

.slider .introduction .text {
	font-size: 1em;
	line-height: 1.5em;
	color: #444;
	margin-bottom: 2em;
	display: block;
}

.slider .caption {
	margin-top: 0.5em;
	margin-bottom: 0;
	color: #333;
	/* position: absolute; */
	/* bottom: 0; */
	background-color: transparent;
	display: block;
	padding: 0;
	line-height: 1.2em;
	/* text-shadow: 0 0px 4px #000, 0 0px 4px #000, 0 0px 6px #000, 0 0px 6px #000, 0 0px 8px #000, 0 0px 8px #000; */
}


.slider.full {
	margin-left: -30px;
	margin-right: -30px;
}

.order .slick-dots {
    bottom: -35px;
}
.order .slick-dots li button:before {
    top: 0;
    left: 0;
    content: "●";
    width: 20px;
    height: 20px;
    font-size: 11px;
    line-height: 20px;
    color: #eaeaea;
    opacity: 0.8;
}
.order .slick-dots li.slick-active button:before {
    color: #c50018;
    opacity: 1;
}

/*** スライダー ***/

/*** PRODUCTS 2019 ***/
#contents section.introduction .price h2.variation-name {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 2em 0 1.3em;
}
#contents section.introduction .price h2.variation-name .price-before {
	margin-left: .5em;
}
#contents section.introduction .price h2.variation-name .taxin {
	font-size: 60%;
	font-weight: normal;
	display: none;
}
#contents section.introduction .price .discount {
	text-align: center;
	width: 100%;
	display: block;
	font-size: 1.15em;
}
#contents section.introduction .price .discount table {
    margin: auto;
    height: 100%;
}
#contents section.introduction .price .discount .title {
	width: 8.7em;
	height: 100%;
	padding-right: 1.2em;
}
#contents section.introduction .price .discount .title h3 {
	color: #333;
	text-align: center;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: .1em;
	border: solid 1px;
	border-radius: 8px;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	display: block;
}
#contents section.introduction .price .discount .title h3 .box {
	width: 100%;
	height: 100%;
	display: table;
}
#contents section.introduction .price .discount .title h3 .box .text {
	display: table-cell;
	vertical-align: middle;
}
#contents section.introduction .price .discount .title h3 .box .text .notes {
	color: #999;
	display: block;
	font-size: 10px;
	letter-spacing: 0;
	margin-top: .5em;
}
#contents section.introduction .price .discount th {
	width: 5.5em;
	font-weight: normal;
	vertical-align: top;
}
#contents section.introduction .price .discount th .unit {
	font-size: 85%;
}
#contents section.introduction .price .discount td.price {
	text-align: left;
	vertical-align: bottom;
}
#contents section.introduction .price .discount td.taxin {
	text-align: right;
	font-size: 60%;
	vertical-align: bottom;
	display: none;
}
#contents section.introduction .price .discount td.unit {
	text-align: left;
	font-size: 90%;
	vertical-align: bottom;
	display: none;
}

#contents section.introduction .price .taxnotes {
	text-align: center;
	font-size: 10px;
	color: #999;
	margin: 2em 0;
}

#contents section.introduction .preview {
	margin: 2em 0 2em;
}
#contents section.introduction .preview .btn {
	display: block;
	color: #fff;
	font-size: 1.3em;
	max-width: 300px;
	margin: 1.3em auto;
	background-color: #ccc;
	border-radius: 50px;
}
#contents section.introduction .preview .btn.detail {
	background-color: #333;
}
#contents section.introduction .preview .btn.design {
	background-color: #888;
}

.page-template-page-products_detail #contents .anchor {
    padding-top: 130px;
    margin-top: 0px;
}

.page-template-page-products_detail #contents section.order-detail.semi {
	border-top: solid 1px #333;
	padding-top: 110px;
	margin-top: 10px;
}
.page-template-page-products_detail #contents section.order-detail.semi .overview {
	text-align: center;
	font-size: 1.1em;
	margin: -50px 0 5em;
}
.page-template-page-products_detail #contents .overview a.help {
	text-decoration: underline;
	font-weight: bold;
	color: #666;
}
.page-template-page-products_detail #contents .overview a.help:hover {
	text-decoration: none;
}
.page-template-page-products_detail .order.detail #contents .order-detail .list [class*="col-"] {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 30px;
}
.page-template-page-products_detail .order.detail #contents .order-detail a.weardesign figure img:hover {
    opacity: 1;
}
.page-template-page-products_detail .order.detail #contents .order-detail a.weardesign figure figcaption {
	/* color: #666; */
	border: none;
	font-size: 1.5em;
	font-weight: bold;
	padding: 1em 0 .7em;
	font-family: "AmarilloUSAF", "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.page-template-page-products_detail .order.detail #contents .order-detail a.weardesign .customize {
	text-align: center;
	line-height: 1.4em;
	font-size: 1.15em;
	color: #999;
	margin: 0;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.page-template-page-products_detail .order.detail #contents .order-detail a {
	background-color: #fff;
	display: block;
	padding: 0 0 1.3em;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.page-template-page-products_detail .order.detail #contents .order-detail a.weardesign:hover figure img {
    opacity: 0.5;
}
.page-template-page-products_detail .order.detail #contents .order-detail a.weardesign:hover {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
	color: #333;
}
.page-template-page-products_detail .order.detail #contents .order-detail a.weardesign:hover .customize {
	color: #333;
}
.page-template-page-products_detail #contents section.order-detail.full .overview {
	text-align: center;
	font-size: 1.1em;
	margin: -50px 0 -4em;
}
.page-template-page-products_detail #contents section.order-detail.full .overview .introduction {
	font-weight: bold;
	margin-bottom: 0;
}
.page-template-page-products_detail #contents section.order-detail.full .overview .fa-arrow-down {
	font-size: 2em;
	margin: .2em 0 .5em;
}
.page-template-page-products_detail #contents section.order-detail.full .overview .fullorder {
	display: block;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	border-radius: 40px;
	background-color: #333;
	max-width: 900px;
	margin: 0 auto 1em;
	padding: 25px;
}
.page-template-page-products_detail #contents section.order-detail.full .overview .fullorder h3 {
	color: #fff;
	/* text-decoration: underline; */
	border: none;
	font-size: 1.4em;
	margin: 0 0 .5em;
	display: inline-block;
}
.page-template-page-products_detail #contents section.order-detail.full .overview .fullorder h3:after {
	content: "";
	width: 100%;
	border-bottom: solid 1px #fff;
	display: block;
}
.page-template-page-products_detail #contents section.order-detail.full .overview .fullorder p {
	margin-bottom: 0;
}
.page-template-page-products_detail #contents section h1 {
	font-size: 1.5em;
	text-align: center;
}
.page-template-page-products_detail .order #contents section.product-details ul.icon {
	width: auto;
	margin: 3em auto 0;
	padding: 0;
	text-align: center;
}
.page-template-page-products_detail .order #contents section.product-details ul.icon li {
	list-style: none;
	display: inline-block;
	margin: 13px;
}
.page-template-page-products_detail .order #contents section.product-details ul.icon li img {
	width: 100px;
	height: auto;
}
.page-template-page-products_detail .order #contents section.product-details .details-wrap {
	max-width: 660px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
	height: auto;
	overflow:hidden;
}
.page-template-page-products_detail .order #contents section.product-details .details-wrap ul {
	font-size: 1.4em;
	margin: 2em auto 3em;
	display: block;
}
.page-template-page-products_detail .order #contents section.product-details .details-wrap ul li {
	margin-bottom: .5em;
	list-style: none;
	position: relative;
}
.page-template-page-products_detail .order #contents section.product-details .details-wrap ul li:before {
	content: "・";
	position: absolute;
	left: -1.4em;
	top: .2em;
	line-height: 1;
	width: 1em;
	height: 1em;
	text-align: center;
	display: inline-block;
}
.page-template-page-products_detail .order #contents section.product-details .details-wrap ul li.circle:before {
	content: "・";
}
.page-template-page-products_detail .order #contents section.product-details .details-wrap ul li.note:before {
	content: "・";
}


.page-template-page-products_detail .order #contents section.product-material {
	position: relative;
	text-align: center;
}
.page-template-page-products_detail .order #contents section.product-material p {
	display: inline-block;
	width: auto;
	margin: 1.5em auto 2em;
	font-size: 1.4em;
	text-align: left;
	line-height: 1.8em;
}
.page-template-page-products_detail .order #contents section.product-material p img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	max-width: 200px;
	max-height: 90px;
}


.page-template-page-products_detail .order #contents section.product-size .sizeimage {
	display: block;
	text-align: center;
}
.page-template-page-products_detail .order #contents section.product-size .size-wrap {
	max-width: 660px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
	height: auto;
	overflow:hidden;
}
.product-size table {
	width: auto;
	position: relative;
	margin-bottom: 3em;
}
.product-size table caption {
	color: #333;
}
.product-size table caption .unit {
	position: absolute;
	right: 0;
}
.product-size table th {
	text-align: center;
	font-weight: normal;
	line-height: 1.2em;
	padding: 12px 6px;
	background-color: #dcdcdc;
}
.product-size table td {
	max-width: 88px;
	width: 88px;
	padding: 8px 6px;
	text-align: center;
}
.product-size table td:nth-of-type(1) { background-color: #dcdcdc; }
.product-size table td:nth-of-type(2) { background-color: #efefef; }


.product-size .multiple .float {
	float: left;
	margin-right: 40px;
}

.product-size .multiple .float:nth-child(2n) {
	margin-right: 0;
}
.product-size .single {
	position: relative;
	overflow: hidden;
}
.product-size .single .float {
	position: relative;
	left: 50%;
	float: left;
}
.product-size .single .float table {
	position: relative;
	left: -50%;
	float: left;
	list-style: none;
}
.page-template-page-products_detail .order #contents section.product-size .notes {
	text-align: center;
	font-size: 1.2em;
	margin-bottom: 1.5em;
	color: #333;
}



.page-template-page-products_detail .order #contents section.icon-description h2 {
	font-weight: 500;
}
.page-template-page-products_detail .order #contents section.icon-description .media {
	margin: 2.5em 0;
}
.page-template-page-products_detail .order #contents section.icon-description .media-left {
	width: 100px;
	min-width: 100px;
	height: 100px;
}
.page-template-page-products_detail .order #contents section.icon-description .media-body {
	padding-left: 5px;
}
.page-template-page-products_detail .order #contents section.icon-description .media-body h3 {
	color: #333;
	border: none;
	padding: 0;
	font-weight: 500;
	font-size: 1.4em;
}


.how-to-order #contents p {
	line-height: 1.4em;
}
.how-to-order #contents a {
	color: #000;
	text-decoration: underline;
}
.how-to-order #contents a:hover {
	text-decoration: none;
}
.how-to-order #contents section.introduction .explanation {font-weight: normal;text-align: center;margin: 1.5em 0;font-size: 1.5em;}
.how-to-order #contents section.introduction .box {
	border: solid 1px;
	border-radius: 10px;
}
.how-to-order #contents section.introduction .box h2 {
	font-size: 1.5em;
	font-weight: normal;
	text-align: center;
	margin: 2.5em 0;
}
.how-to-order #contents section.introduction .fa {
	display: block;
	font-size: 1.8em;
	text-align: center;
}
.how-to-order #contents section.introduction h3 {
	border: none;
	text-align: center;
}
.how-to-order #contents section.introduction h3+p {
	text-align: center;
	font-size: .9em;
}
.how-to-order #contents section.semi h2,
.how-to-order #contents section.full h2,
.how-to-order #contents section.design h2 {
	font-size: 1.2em;
}
.how-to-order #contents section.semi h3,
.how-to-order #contents section.full h3,
.how-to-order #contents section.design h3 {
	border: none;
	font-size: 1em;
	font-weight: 500;
	padding: 0;
	color: #666;
	margin-top: 2.5em;
}

.how-to-order #contents section.introduction .group {
	text-align: center;	
}
.how-to-order #contents section.introduction .group h2 {
	margin: 1.5em 0 0;
	display: inline-block;
	font-weight: bold;
}
.how-to-order #contents section.introduction .group h2:after {
	content: "";
	border-bottom: solid 1px;
	display: block;
	width: 100%;
	height: 1px;
	padding-top: .2em;
}
.how-to-order #contents section.introduction .group p.discount-message {
	margin: 1em 0 0;
	font-size: 90%;
	line-height: 1.5em;
}
.how-to-order #contents section.introduction .group .headline-sub {
	margin: 0;
}
.how-to-order #contents section.introduction .group address.contact .phone {
	margin: 0 0 5em;
}

section.introduction a.btn.mail {
	text-decoration: none !important;
}
section.introduction a.btn.mail .fa {
	display: inline-block !important;
	font-size: inherit !important;
	margin-left: .5em;
}








/*** シミュレーター フォーム ***/
/** アコーディオン **/
/* アコーディオンの幅を定義し、真ん中に配置します。 */
.ac-container{
    width: 100%;
    margin: 10px auto 30px auto;
}
/* ラベルのスタイルです。
グラデーションやシャドウを与え、クリック可能なボタンのようにデザインします。*/
.ac-container label{
    padding: 0;
    position: relative;
    z-index: 20;
    display: inline-block;
    /* height: 30px; */
    cursor: pointer;
    /* color: #777; */
    /* text-shadow: 1px 1px 1px rgba(255,255,255,0.8); */
    /* line-height: 33px; */
    /* font-size: 19px; */
    background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    /* box-shadow:
        0px 0px 0px 1px rgba(155,155,155,0.3),
        1px 0px 0px 0px rgba(255,255,255,0.9) inset,
        0px 2px 2px rgba(0,0,0,0.1); */
}
/* ラベルのホバー時には、背景カラーをホワイトにします。 */
.ac-container label:hover{
    /* background: #fff; */
}
/* チェックボックスがチェックされた際のスタイルを定義します。 */
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
    /* background: #c6e1ec; */
    /* color: #3d7489; */
    /* text-shadow: 0px 1px 1px rgba(255,255,255, 0.6); */
    /* box-shadow:
        0px 0px 0px 1px rgba(155,155,155,0.3),
        0px 2px 2px rgba(0,0,0,0.1); */
}
/* 隣接セレクタを使い、ホバー時に小さいアローアイコンを加えます。 */
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
    background: transparent url(../images/arrow_down.png) no-repeat center center;
}
/* アローアイコンは、選択された状態の時は上向きのアローにします。 */
.ac-container input:checked + label:hover:after{
    background-image: url(../images/arrow_up.png);
}
/* また、input要素(チェックボックスやラジオボタン)が見えることは望まないので、非表示にします。 */
/*.ac-container input{
    display: none;
}*/
/* コンテンツのスタイルを定義します。
デフォルト時は「height: 0px;」にし非表示にし、立体感を出すためにbox-shadowを使用します。 */
.ac-container article{
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    transition:
        height 0.3s ease-in-out,
        box-shadow 0.6s linear;
}
.ac-container input:checked ~ article{
    transition:
        height 0.5s ease-in-out,
        box-shadow 0.1s linear;
    /* box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3); */
}
/* コンテンツ内のテキストも少しスタイルを整えてみます。 */
.ac-container article p{
    /* font-style: italic; */
    /* color: #777; */
    /* line-height: 23px; */
    /* font-size: 14px; */
    /* padding: 20px; */
    /* text-shadow: 1px 1px 1px rgba(255,255,255,0.8); */
}
/* 最後に、異なる高さ用に3つのスタイルを定義します。 */
.ac-container input:checked ~ article.ac-small{
    height: auto;
}
.ac-container input:checked ~ article.ac-medium{
    height: auto;
}
.ac-container input:checked ~ article.ac-large{
    height: auto;
}
/** アコーディオン **/

.sim.orderform h2 {
	font-weight: bold;
	font-size: 1.4em;
	color: #fff;
	padding: 15px;
	margin-bottom: 0;
	background: #333;
}
.sim.orderform h2 .label {font-size: 50%;}
.sim.orderform h3 {
	font-weight: bold;
	font-size: 1.3em;
	color: #c50018;
	border-left: solid 4px;
	padding-left: 5px;
}
.sim.orderform table th {
	background-color: #ececec;
}
.sim.orderform table.table-inline th {
	width: 25%;
}
.sim.orderform table td {
	background-color: #f9f9f9;
}
.sim.orderform table.table-inline .total th {
	background-color: #c50018;
	color: #fff;
}
.sim.orderform table.table-inline .total td {
	background-color: #c50018;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
}
.sim.orderform .size table caption {
	font-weight: bold;
	color: #fff;
	background: #666;
	padding: 8px;
}
.sim.orderform .size table th {
	text-align: center;
	vertical-align: middle;
}
.sim.orderform .size table td {
	text-align: center;
	width: 10.4%;
}
.sim.orderform .size table td input {
    width: 4em;
    padding-left: 5px;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
}


.sim.orderform .ac-container.as {
	background-color: #363636;
	padding: 5px;
}
.sim.orderform .ac-container.as .as-ac {
	color: #fff;
	font-size: 1.2em;
}
.sim.orderform .ac-container.as table {
	margin-bottom: 0;
}
.sim.orderform .opt .image {
    text-align: center;
}
.sim.orderform .item .image {
    text-align: center;
}
.sim.orderform .item .image img {
	max-width: 320px;
	max-height: 200px;
	padding: 5px;
}
.sim.orderform .item .image h3 {
	color: #333;
	margin: 10px 0 0;
	border: none;
	font-size: 1.2em;
	text-align: left;
}
.sim.orderform .item .image .btn {
	background: #5c87ad;
	color: #fff;
	margin-bottom: 15px;
}
.sim.orderform .ac-container.name {
	background-color: #f9f9f9;
	padding: 5px;
}
.sim.orderform .ac-container.name .opt-ac {
	font-size: 1.2em;
}
.sim.orderform .ac-container.name article {
	padding: 5px;
	background: transparent;
}
.sim.orderform .ac-container.name article h4 {
	font-weight: bold;
	color: #fff;
	background-color: #999;
	padding: 5px;
}

.sim.orderform .ac-container.name article .color label {
	display: inline-block;
	width: 49%;
	line-height: 1;
}

body.sim #wrapper:before {
	content: "LOADING...";
	top: 45%;
	left: 30%;
	position: absolute;
	font-size: 1.5em;
	font-family: sans-serif;
	font-weight: bold;
} 





/*** SEMI ORDER COLOR ***/
.c001 {color:rgb(0, 0, 0);}
.c002 {color: rgb(255, 255, 255);}
.c003 {color: rgb(232, 232, 232);}
.c004 {color: rgb(202, 204, 201);}
.c005 {color: rgb(142, 143, 139);}
.c006 {color: rgb(251, 234, 94);}
.c007 {color: rgb(249, 215, 91);}
.c008 {color: rgb(239, 147, 61);}
.c009 {color: rgb(236, 118, 48);}
.c010 {color: rgb(213, 194, 154);}
.c011 {color: rgb(191, 162, 60);}
.c012 {color: rgb(200, 161, 192);}
.c013 {color: rgb(109, 35, 106);}
.c014 {color: rgb(80, 41, 95);}
.c015 {color: rgb(77, 42, 10);}
.c016 {color: rgb(55, 36, 6);}
.c017 {color: rgb(250, 220, 220);}
.c018 {color: rgb(239, 134, 164);}
.c019 {color: rgb(216, 69, 113);}
.c020 {color: rgb(237, 128, 99);}
.c021 {color: rgb(178, 44, 43);}
.c022 {color: rgb(114, 33, 52);}
.c023 {color: rgb(223, 237, 248);}
.c024 {color: rgb(190, 205, 234);}
.c025 {color: rgb(155, 190, 222);}
.c026 {color: rgb(57, 89, 174);}
.c027 {color: rgb(46, 32, 120);}
.c028 {color: rgb(27, 27, 61);}
.c029 {color: rgb(156, 194, 145);}
.c030 {color: rgb(196, 211, 70);}
.c031 {color: rgb(141, 170, 54);}
.c032 {color: rgb(71, 122, 53);}
.c033 {color: rgb(51, 80, 36);}
.c034 {color: rgb(118, 110, 47);}

.c035 {color: rgb(67, 67, 69);}
.c036 {color: rgb(153, 153, 153);}
.c037 {color: rgb(198, 198, 198);}
.c038 {color: rgb(255, 107, 0);}
.c039 {color: rgb(212, 89, 0);}
.c040 {color: rgb(255, 186, 0);}
.c041 {color: rgb(239, 241, 0);}
.c042 {color: rgb(229, 203, 24);}
.c043 {color: rgb(175, 216, 0);}
.c044 {color: rgb(0, 108, 60);}
.c045 {color: rgb(39, 79, 64);}
.c046 {color: rgb(106, 109, 61);}
.c047 {color: rgb(0, 132, 125);}
.c048 {color: rgb(55, 144, 157);}
.c049 {color: rgb(168, 217, 196);}
.c050 {color: rgb(216, 199, 227);}
.c051 {color: rgb(154, 181, 229);}
.c052 {color: rgb(23, 51, 103);}
.c053 {color: rgb(45, 49, 73);}
.c054 {color: rgb(74, 48, 118);}
.c055 {color: rgb(120, 51, 113);}
.c056 {color: rgb(159, 28, 86);}
.c057 {color: rgb(133, 45, 68);}
.c058 {color: rgb(240, 38, 102);}
.c059 {color: rgb(255, 99, 95);}
.c060 {color: rgb(255, 157, 157);}
.c061 {color: rgb(255, 200, 217);}
.c062 {color: rgb(208, 186, 135);}
.c063 {color: rgb(159, 141, 86);}
.c064 {color: rgb(229, 223, 193);}
.c065 {color: rgb(228, 248, 219);}

/*** SEMI ORDER COLOR BG ***/
.c001 .bgcolor {background-color:rgb(0, 0, 0);}
.c002 .bgcolor {background-color: rgb(255, 255, 255);}
.c003 .bgcolor {background-color: rgb(232, 232, 232);}
.c004 .bgcolor {background-color: rgb(202, 204, 201);}
.c005 .bgcolor {background-color: rgb(142, 143, 139);}
.c006 .bgcolor {background-color: rgb(251, 234, 94);}
.c007 .bgcolor {background-color: rgb(249, 215, 91);}
.c008 .bgcolor {background-color: rgb(239, 147, 61);}
.c009 .bgcolor {background-color: rgb(236, 118, 48);}
.c010 .bgcolor {background-color: rgb(213, 194, 154);}
.c011 .bgcolor {background-color: rgb(191, 162, 60);}
.c012 .bgcolor {background-color: rgb(200, 161, 192);}
.c013 .bgcolor {background-color: rgb(109, 35, 106);}
.c014 .bgcolor {background-color: rgb(80, 41, 95);}
.c015 .bgcolor {background-color: rgb(77, 42, 10);}
.c016 .bgcolor {background-color: rgb(55, 36, 6);}
.c017 .bgcolor {background-color: rgb(250, 220, 220);}
.c018 .bgcolor {background-color: rgb(239, 134, 164);}
.c019 .bgcolor {background-color: rgb(216, 69, 113);}
.c020 .bgcolor {background-color: rgb(237, 128, 99);}
.c021 .bgcolor {background-color: rgb(178, 44, 43);}
.c022 .bgcolor {background-color: rgb(114, 33, 52);}
.c023 .bgcolor {background-color: rgb(223, 237, 248);}
.c024 .bgcolor {background-color: rgb(190, 205, 234);}
.c025 .bgcolor {background-color: rgb(155, 190, 222);}
.c026 .bgcolor {background-color: rgb(57, 89, 174);}
.c027 .bgcolor {background-color: rgb(46, 32, 120);}
.c028 .bgcolor {background-color: rgb(27, 27, 61);}
.c029 .bgcolor {background-color: rgb(156, 194, 145);}
.c030 .bgcolor {background-color: rgb(196, 211, 70);}
.c031 .bgcolor {background-color: rgb(141, 170, 54);}
.c032 .bgcolor {background-color: rgb(71, 122, 53);}
.c033 .bgcolor {background-color: rgb(51, 80, 36);}
.c034 .bgcolor {background-color: rgb(118, 110, 47);}

.sim.orderform .ac-container.name article .color label .wpcf7-list-item.first.last input:after {
	content: "\f0c8";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 1.3em;
	line-height: 1;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.sim.orderform .ac-container.name article .color label .wpcf7-list-item-label {
	color: #333;
	line-height: 1;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
	content: "";
	margin-left: 0.2em;
}
.sim.orderform .ac-container.name article .color label .wpcf7-list-item-label:before {
	content: "";
	margin-left: 1.5em;
}




.sim.orderform .ac-container.name article .nameinput h4 {
	margin-top: 25px
}
.sim.orderform .ac-container.name article .image {
	text-align: center;
}
.sim.orderform .ac-container.name article .image img {
	margin-top: 25px;
}
.sim.orderform .ac-container.name article .fa.name-area {
	color: #920381;
}
.sim.orderform .opt .select {
	background: #f9f9f9;
	padding: 5px;
	margin-bottom: 15px;
	font-size: 1.2em;
}
.sim.orderform .opt .select label {
	font-weight: bold;
}
.sim.orderform .textarea {
	padding: 5px;
	background: #ebebeb;
}
.sim.orderform .submit {
	margin: 20px 0;
	padding-top: 20px;
	border-top: solid 1px #ccc;
	text-align: center;
}
.sim.orderform .submit .btn {
	width: 40%;
	margin: 0 10px;
	min-width: 200px;
}
.sim.orderform .submit .btn.btn-lg {
	background: #c50018;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 3px 0 #980511, 0 4px 7px rgba(152, 5, 17, 0.5);
}
.sim.orderform .notes {
	color: #c50018;
	font-weight: bold;
}
.sim.orderform .btn, .sim.orderform input, .sim.orderform select, .sim.orderform textarea {
	border-radius: 0;
}
.sim.orderform .size .total {
	background-color: #666;
	color: #fff;
	padding: 5px;
	text-align: center;
	font-size: 1.2em;
}
.sim.orderform .size .total p {
	margin-bottom: 0;
}
.sim.orderform .size .total .num {
	font-size: 1.6em;
	font-weight: bold;
}
.sim.orderform .size .total .notes {
	background: #c50018;
	color: #fff;
	padding: 5px;
}
.sim.orderform .size .total .discount {
	background-color: #c50018;
	line-height: 1;
	display: inline-block;
	padding: 2px 5px;
	margin-left: 5px;
	font-weight: bold;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-weight: bold;
    color: #000;
    opacity: 1;
}
.confirmation :placeholder-shown {
    opacity: 0 !important;
}






/*** ドロワーナビ ***/
[data-effect='pure-effect-slide'] .pure-drawer {
    z-index: 9999;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}
.pure-toggle-label {
    cursor: pointer;
    display: block;
    position: fixed;
    top: 10px;
    z-index: 99999;
    color: #333;
    width: 50px;
    height: 50px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    border: none;
}
.pure-toggle-label[data-toggle-label='left'] {
    right: 20px;
    left: auto;
}
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'], .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'], .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] {
    border-color: transparent;
    border: none;
    color: #333;
}
.pure-toggle-label:hover {
    border-color: #666;
    color: #666;
}

.pure-toggle-label:hover .pure-toggle-icon,
.pure-toggle-label:hover .pure-toggle-icon:before,
.pure-toggle-label:hover .pure-toggle-icon:after {
  background-color: #666;
}

.pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after {
    top: 50%;
    left: 50%;
    height: 4px;
    width: 35px;
    background: #333;
}
.home .pure-drawer,
.page .pure-drawer,
.post .pure-drawer,
.archive .pure-drawer,
.order .pure-drawer,
.error404 .pure-drawer {
    visibility: hidden;
    background: transparent;
    overflow: auto;
    width: initial;
    z-index: 999;
}
.sim .pure-drawer {
    background-color: rgba(0, 0, 0, 0.75) !important;
}
/*** ドロワーナビ ***/

/*** sim ドロワーナビ ***/
.sim .pure-toggle-label {
    cursor: pointer;
    display: block;
    position: fixed;
    top: 6px;
    z-index: 99999;
    color: #333;
    width: 60px;
    height: 60px;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    border: none;
    margin-bottom: 0;
}
.sim .pure-toggle-label:before {
}
.sim .pure-toggle-label .pure-toggle-icon {
    top: 8px;
    left: 0;
    height: 0;
    width: 0;
    background: #333;
    color: #333;
    display: inline-block;
    font: normal normal normal 14px/1 dvelop;
    font-size: 50px;
    text-align: center;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sim .pure-toggle-label .pure-toggle-icon:before {
    top: 0;
    left: 0;
    height: 0;
    width: 50px;
    background: transparent;
    content: "\e900";
}
.sim .pure-toggle-label .pure-toggle-icon:after {
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    background: transparent;
}
.sim .pure-toggle-label .pure-toggle-icon:before {
    transform: none;
    -webkit-transform: none;
}
.sim .pure-toggle-label .pure-toggle-icon:after {
    transform: none;
    -webkit-transform: none;
}
.sim .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before,
.sim .pure-toggle[data-toggle='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before,
.sim .pure-toggle[data-toggle='top']:checked ~ .pure-toggle-label[data-toggle-label='top'] .pure-toggle-icon:before {
    transform: none !important;
    -webkit-transform: none !important;
    content: "\e901";
    color: #efefef;
}

/*** sim ドロワーナビ ***/

/*** sim ***/
#pnlModelControl2 div.bottomButton {
	background-color: rgba(0, 0, 0, 0.15);
	padding: 6px;
}
#pnlModelControl2 div.bottomButton div.ZoomChange p.title,
#pnlModelControl2 div.bottomButton div.BackgroundChange p.title {
	margin: 0 0 0;
}
#pnlModelControl2 div.bottomButton div.ZoomChange a {margin-bottom: 8px;}
#pnlModelControl2 div.bottomButton div.ZoomChange a:last-child,
#pnlModelControl2 div.bottomButton div.BackgroundChange a:last-child {
	padding-right: 0;
}
#pnlModelControl2 div.bottomButton div.ZoomChange a:not(.isselected) span, #pnlModelControl2 div.bottomButton div.BackgroundChange a:not(.isselected) span, #pnlModelControl2 div.bottomButton div.RatioChange a:not(.isselected) span {
    color: rgba(0, 0, 0, 0.3) !important;
}
#pnlOrder input {
	-webkit-appearance: none;
    border-radius: 0 !important;
}
#pnlOrder div.orderConfirm input[value="注文する"] {
  margin-left: 1px;
}

.sim header .row {
    margin-right: -15px;
    margin-left: -15px;
}
/*** sim ***/

/*** 20190325 ***/
.sim.orderform .row.item .col-sm-6.image h3 {
	margin: 1em 0;
}
.sim.orderform .row.item .col-sm-6.image input.btn {
	display: block;
	width: 90%;
	padding: 1em 0;
	margin: 1em auto 1em;
	box-shadow: 0 1.5px 0 #40668a, 0 3px 4px rgba(64, 102, 138, 0.5);
}


/*** ランディングページ ***/
.secret_order header .secondary,
.secret_order #contents section h1:first-child {
	display: none;
}
.secret_order #contents {
	margin-top: 40px;
}
.secret_order #contents section:first-child {
	padding: 0;
}



/*** 管理画面 ***/
/* Bootstrapカラム可視化 */
#tinymce.editor-area .row,
#tinymce.editor-area div[class*="col-"] {
	border: dashed 1px #cfe9f5;
}



/*** tw ***/
#lang-tw .order.detail #contents .order-detail .price .caption,
#lang-tw .order.detail #contents .order-detail .price span {
	width: 320px;
}
#lang-tw .order.detail #contents .order-detail .price .price {
	width: 130px;
}
#lang-tw .order.detail #contents .order-detail .price .taxin {
	display: none;
}


/*** 20190711PCサイドメニュー固定 ***/
@media screen and (min-width:992px) {
	#sidebar {
		position: sticky;
		position: -webkit-sticky;
		display: block;
		top: 70px;
		margin: 0;
		max-width: 315px !important;
		right: 1205px !important;
	}
	body.page-template-page-products_detail #sidebar,
	body.page-template-page-gallery-view #sidebar,
	body.page-template-page-gallery-review #sidebar {
		display: none;
	}
}

/* IE対策(位置調整、非固定) */
@media all and (-ms-high-contrast: none) and (min-width:992px) {
	#sidebar {
		top: 0px;
		right: 66.66% !important;
	}
}
@media all and (-ms-high-contrast: none) and (min-width:1200px) {
	#sidebar {
		top: 0px;
		right: 840px !important;
	}
}





@media (min-width: 1200px) {
	#contents.col-md-8 {
		width: 840px;
	}
	#contents.col-md-push-4 {
		left: 330px;
	}
	#sidebar.col-md-4 {
		max-width: 330px;
	}
	#sidebar.col-md-pull-8 {
		right: 840px;
	}
	.home .pure-toggle-label,
	.page .pure-toggle-label,
	.post .pure-toggle-label,
	.archive .pure-toggle-label,
	.order .pure-toggle-label,
	.error404 .pure-toggle-label {
		display: none !important;
	}
	.home .pure-drawer,
	.page .pure-drawer,
	.post .pure-drawer,
	.archive .pure-drawer,
	.order .pure-drawer,
	.error404 .pure-drawer {
		position: static !important;
		visibility: visible !important;
		-webkit-transform: translate3d(0, 0, 0) !important;
		transform: translate3d(0, 0, 0) !important;
	}
	.page-template-page-fullpage .pure-drawer,
	.page-template-page-fullpage_contactfooter .pure-drawer,
	.gallery .pure-drawer {
		display: none;
	}
	.order .slick-dotted.slick-slider {
		margin-bottom: 40px !important;
	}
	
	.home address.contact .phone .fd {
		font-size: 19px;
		padding: 6px 20px;
		margin-right: 15px;
	}
	.home #sidebar {
		display: none;
	}
	
}

@media (min-width:992px) and (max-width: 1200px) {
	.dropmenu li {
		padding: 0 0.6em;
	}
	header .primary .store {
		right: 320px;
		top: 19px;
	}
	.mainarea {
		/*padding-top: 140px;*/
	}
	header .secondary .pagetitle h2
	, header .secondary h3{
		font-size: 34px;
	}
	address.contact .phone .fd {
		font-size: 14px;
		padding: 6px;
		line-height: 1em;
		margin-right: 10px;
	}
	
	address.contact .phone .number {
		font-size: 34px;
	}
	address.contact .phone .businesshour {
		display: inline-block;
		margin-top: 3px;
		line-height: 1.2em;
		font-family: "Roboto", "Noto Sans JP", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	}
	address.contact .phone .businesshour .weekday {
		font-size: 11px;
	}
	address.contact .phone .businesshour .time {
		font-size: 14px;
	}
	.home #sidebar {
		display: none;
	}

	
	.slider .introduction .title {
		font-size: 140% !important;
	}
	.slider .introduction .price {
		font-size: 200%;
	}
	.slider .introduction .price dl {
		margin-bottom: 0;
	}

	.slider .introduction .text {
		font-size: 0.85em;
	}
	.home .pure-toggle-label,
	.page .pure-toggle-label,
	.post .pure-toggle-label,
	.archive .pure-toggle-label,
	.order .pure-toggle-label,
	.error404 .pure-toggle-label {
		display: none !important;
	}
	.home .pure-drawer,
	.page .pure-drawer,
	.post .pure-drawer,
	.archive .pure-drawer,
	.order .pure-drawer,
	.error404 .pure-drawer {
		position: static !important;
		visibility: visible !important;
		-webkit-transform: translate3d(0, 0, 0) !important;
    	transform: translate3d(0, 0, 0) !important;
	}
	.page-template-page-fullpage .pure-drawer,
	.gallery .pure-drawer {
		display: none;
	}
}


@media (min-width:768px) and (max-width:991px){
	header .primary .store {
		right: 320px;
		top: 19px;
	}
	header .primary .store a {
		font-size: 14px;
		width: auto;
	}
	#header address.contact .phone .fd {
	}
	.mainarea {
		/*padding-top: 128px;*/
	}
	header .secondary .pagetitle h2
	, header .secondary h3{
		font-size: 24px;
	}
	header .secondary,
	.home #contents {
		margin-top: 70px;
	}
	.sim header {
		/* margin-top: 40px; */
		margin-top: 0;
	}
	address.contact .phone .fd {
		font-size: 12px;
		padding: 4px;
		line-height: 1em;
		margin-right: 8px;
		vertical-align: baseline;
	}
	address.contact .phone .number {
		font-size: 24px;
	}
	address.contact .phone .businesshour {
		line-height: 1em;
	}
	address.contact .phone .businesshour .weekday,
	address.contact .phone .businesshour .time {
		font-size: 10px;
		line-height: 0.6em;
	}
	#contents {
		padding-top: 2%;
		padding-bottom: 2%;
		/* margin-top:  2%; */
	}
	
	
	.slider .introduction .title {
		font-size: 140% !important;
	}
	.slider .introduction .price {
		font-size: 200%;
	}
	.slider .introduction .price dl {
		margin-bottom: 0;
	}
	.slider .introduction .text {
		font-size: 0.85em;
	}
	.sim #tabs .ui-tabs-nav {
		padding-top: 70px;
	}
}

@media (max-width:991px){
	header h1.logo {
		width: 218px;
		height: 30px;
		margin: 20px 0;
	}
	header .logo a img {
		max-height: 30px;
	}
	header .btn-group.language {
		/* padding-top: 20px; */
	}

	nav.mainnav {
		padding: 15px !important;
	}
	nav.mainnav .storeswitch {
		text-align: center;
	}
	nav.mainnav .storeswitch li {
		margin: 0;
		padding: 0;
	}
	nav.mainnav .storeswitch li a {
		font-size: 14px;
		font-weight: 500;
		text-align: center;
		letter-spacing: 0.06em;
		display: block;
		line-height: 1.1em;
		width: 6em;
		margin: 2px 1px 5px;
		border: solid 1px #fff;
		padding: 6px;
		text-decoration: none;
	}
	
	nav.mainnav .level1 {
		text-align: center;
	}
	nav.mainnav .level1 ul li a {
		text-align: left;
	}
	
	nav.mainnav .level2 {
		margin: 15px 0;
	}
	nav.mainnav .level2 ul li a {
		font-size: 14px;
		padding: 5px 0;
	}
	
	nav.mainnav .nav-footer {
		position: relative;
	}
	nav.mainnav .nav-footer ul {
		margin: 0;
		padding: 0;
	}
	nav.mainnav .nav-footer .sns {
		position: absolute;
		left: 0;
		top: 2.5em;
	}
	nav.mainnav .nav-footer .company {
		position: absolute;
		right: 0;
		top: 2.5em;
	}
	nav.mainnav .nav-footer .contact {
		text-align: center;
	}
	nav.mainnav .sns li a {
		font-size: 20px;
		line-height: 1em;
	}
	nav.mainnav .company {
		text-align: right;
	}
	nav.mainnav .company img {
		height: 18px;
		display: block;
	}
	.home .pure-drawer,
	.page .pure-drawer,
	.post .pure-drawer,
	.archive .pure-drawer,
	.order .pure-drawer,
	.error404 .pure-drawer {
		background-color: rgba(0, 0, 0, 0.75) !important;
		z-index: 9999 !important;
	}
	.background-photo {
		/* height: 65%; */
	}

	.page #contents .page-contact .btn {
		margin: 5px 0;
		width: 100%;
	}
	#contents section#cta hr {
		margin-top: 2em;
		/* margin-bottom: 2em; */
	}



	.home .dqrequest:before {
		top: -50%;
		left: 0;
	}
	
	#contents .gallery-nav {
		margin-top: -2%;
		/* margin-left: -15px; */
		/* margin-right: -15px; */
		padding: 4px 18px;
	}
	#contents .gallery-nav .thumbnail {
		margin: 1px 0;
		padding: 4px;
		float: left;
		width: 100%;
	}
	#contents .gallery-nav .thumbnail img {
		/* float: left; */
		/* max-width: 55px; */
		/* width: 22%; */
		clear: unset;
	}
	#contents .gallery-nav .thumbnail h3 {
		float: left;
		display: inline-block;
		margin: 4px 0 0;
		/* padding-left: 6px; */
		font-size: .6em;
		width: 78%;
		clear: unset;
	}
	.page-template-page-products_detail .order #contents section.product-details ul.icon li {
		margin: 12px;
	}
	.page-template-page-products_detail .order #contents section.product-details ul.icon li img {
		width: 80px;
	}
}

@media (max-width: 767px) {
	header .primary .store {
		right: 50px;
		top: 14px;
	}
	header .primary .store a {
		font-size: 12px;
		width: 80px;
		padding: 5px;
	}
	header h1.logo {
		width: 150px;
		height: 15px;
		margin: 18px 0;
	}
	header .btn-group.language {
		padding-top: 16px;
	}
	header .secondary {
		margin-top: 51px;
	}
	.home header .secondary {
		font-size: 0.8em;
		letter-spacing: 0.1em;
	}
	.home #contents {
		margin-top: 0px;
	}
	.sim header {
		/* margin-top: 51px; */
		margin-top: 0;
	}
	header .logo a img {
		max-height: 15px;
	}
	nav.mainnav {
		padding: 15px;
	}
	.home address.contact .phone {
		text-align: center !important;
	}
	header .secondary .pagetitle,
	address.contact{
		float: none;
		text-align: center;
	}
	address.contact .phone, address.contact .phone  .businesshour {
		display: block;
		margin-top: 0;
	}
	address.contact .phone {
		margin-bottom: 10px;
	}
	address.contact .phone .businesshour .weekday, address.contact .phone .businesshour .time {
		display: inline-block;
		font-size: 10px;
		margin-right: .8em;
	}
	header .secondary .pagetitle h2
	, header .secondary h3{
		font-size: 24px;
	}
	header .secondary .pagetitle h2+h3:before {
		border-right: solid 2px;
	}
	address.contact .phone .fd {
		font-size: 10px;
		padding: 3px 4px;
		line-height: 1em;
		margin-right: 8px;
		vertical-align: middle;
	}
	address.contact .phone .number {
		font-size: 21px;
		margin-right: 0;
	}
	.order #contents .list article .thumbnail .btn.btn-default {
		font-size: 14px;
	}
	#contents {
		padding-top: 2%;
		padding-bottom: 2%;
		/* margin-top:  2%; */
	}
	#contents section {
		padding: 30px 15px;
	}
	#contents section h1 {
		padding: 20px 20px;
		margin-top: 15px;
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: 5px;
	}
	.page-template-page-order_detail #contents section h1 {
		margin-bottom: 3px;
	}
	#contents section h1:first-child {
		margin-top: -30px;
	}

	.order #contents section.product-details .spec {
		padding: 15px;
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: 0;
	}
	.order.detail #contents .order-detail h2 {
		margin-left: -15px;
		margin-right: -15px;
		font-size: 15px;
	}
	.order.detail #contents .order-detail .well.entry {
		padding: 10px 15px 2px;
		margin-left: -15px;
		margin-right: -15px;
		margin-bottom: 10px;
	}


	.spec .description .detail .sex {
		display: block;
	}
	.spec .description .detail .sex.women {
		margin-left: 0;
	}
	
	.order #contents section {
		/* padding: 0; */
	}
	.order #contents section.slider {
		padding: 0;
		margin-top: -2%;
	}
	.order #contents section.product-details .text {
		padding: 15px;
		margin: 0 -15px 15px;
	}

	
	
	/*** slider ***/
	.slick-prev, .slick-next {
		height: 25px;
		width: 25px;
	}
	.slick-prev {
		left: 3px;
	}
	.slick-next {
		right: 3px;
	}
	.slick-prev:before, .slick-next:before {
		font-size: 25px;
	}

	.slider #slide01 .introduction {
		width: 50%;
		height: 100%;
		padding: 0;
		display: block;
		box-sizing: border-box;
		top: 0;
	}
	.slider .introduction .title {
		background-color: #000;
		color: #fff;
		font-size: 100% !important;
		line-height: 1.2em;
		padding: 10% 5px !important;
		margin: 0 0 0 0% !important;
		width: 100%;
	}
	.slider .introduction .price {
		text-align: center;
		font-size: 150%;
		font-weight: 600;
		letter-spacing: 0.03em;
		padding: 4% 5px;
		border-bottom: solid 4px #000;
		margin: 0 0 5% 0%;
		width: 100%;
	}
	.slider .introduction .text {
		font-size: 0.8em;
		line-height: 1.3em;
		color: #444;
		padding: 6px 10px;
		margin-bottom: 0;
		background-color: rgba(255, 255, 255, 0.8);
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.slider .introduction .price dl dt.edition {
		font-size: 50%;
		text-indent: 0em;
	}
	.slider .introduction .price dl dd {
		font-size: 70%;
	}
	.slider .caption {
		position: relative;
		height: 2.5em;
		padding: 0 15px;
		/* bottom: 0; */
		/* background-color: rgba(0, 0, 0, 0.75); */
	}
	.slider.full {
		margin-left: -15px;
		margin-right: -15px;
	}


	.pure-toggle-label {
		top: 12px !important;
		width: 30px !important;
		height: 30px !important;
	}
	.pure-toggle-label .pure-toggle-icon, .pure-toggle-label .pure-toggle-icon:before, .pure-toggle-label .pure-toggle-icon:after {
		/* top: 50% !important; */
		/* left: 50% !important; */
		height: 4px !important;
		width: 30px !important;
	}
	.sim .pure-toggle-label {
		top: 0 !important;
		width: 60px !important;
		height: 53px !important;
	}
	.sim .pure-toggle-label .pure-toggle-icon,
	.sim .pure-toggle-label .pure-toggle-icon:before,
	.sim .pure-toggle-label .pure-toggle-icon:after {
		/* top: 50% !important; */
		/* left: 50% !important; */
		top: 6px !important;
		left: 15px !important;
		height: 0 !important;
		width: 40px !important;
		font-size: 40px;
	}
	
	
	
	footer .footernav {
		font-size: 12px;
		text-align: center;
	}
	footer .copyright {
		font-size: 10px;
		text-align: center;
	}
	
	.order.detail #contents .order-detail .discount {position: static;top: 0;right: 0;text-align: center;margin-left: -16px;margin-right: -16px;}
	.order.detail #contents .order-detail .discount .tag {padding: 2px 0;margin: 0 0px 15px;width: 49.2%;display: inline-block;}
	.order.detail #contents .order-detail .discount .tag .num {display: block;font-size: 12px;padding-top: 5px;}
	.order.detail #contents .order-detail .discount .tag .rate {display: inline-block;font-size: 23px;}
	.order.detail #contents .order-detail .discount .tag .off {display: inline-block;}
	
	.order.detail #contents .order-detail .wrapper {
		padding: 0;
	}
	.order.detail #contents .order-detail .price .caption {
		letter-spacing: -0.08em;
		width: auto;
		/* margin-left: -15px; */
	}
	.order.detail #contents .order-detail .list {
		margin-top: 10px;
		margin-left: -20px;
		margin-right: -20px;
		margin-bottom: 30px;
	}
	.home #contents address.contact {
		margin: 13px auto 18px;
		display: block;
	}
	.archive #contents article {
		background: #f3f3f3;
	}
	.archive #contents .thumb {
		margin-bottom: 15px;
	}

	.sim.orderform table.table-inline th,
	.sim.orderform table.table-inline td {
		display: block;
		width: 100%;
	}
	.sim.orderform table.table-inline td {
		background-color: #fff;
	}
	.sim.orderform .size table {
		margin-bottom: 5px;
	}
	.sim.orderform .size .table-scroll {
		margin-bottom: 15px;
	}
	.sim.orderform .ac-container.name article .color label {
		display: block;
		width: 100%;
	}

	.mw_wp_form table > tbody > tr > th,
	.mw_wp_form table > tbody > tr > td {
		display: block;
	}
	.mw_wp_form table > tbody > tr > th {
		padding-bottom: 3px;
	}
	.mw_wp_form table > tbody > tr > td {
		border-top: none;
		padding-top: 0;
	}


	#contents section.gallery-content {
		padding-left: 5%;
		padding-right: 5%;
	}
	#contents section.gallery-content h1 {
		font-size: 30px;
	}
	#contents #cta .col-md-12 {
		padding: 0;
	}
	#contents section.gallery-content .gallery-spot h3 {
		font-size: 16px;
	}
	#contents section h1 {
		font-size: 20px;
	}
	#contents section h2 {
		font-size: 18px;
	}
	.page-template-page-products_detail .order #contents section.product-details ul.icon li {
		margin: 10px;
	}
	.page-template-page-products_detail .order #contents section.product-details ul.icon li img {
		width: 60px;
	}


	/*** ランディングページ ***/
	.secret_order #contents section:first-child {
		margin-left: -15px;
		margin-right: -15px;
	}



	/*** tw ***/
	#lang-tw .order.detail #contents .order-detail .price span {
		margin-left: 15px;
	}
	
}



@media (max-width: 641px) {
	header .primary .store {
		right: 50px;
		top: 23px;
	}
	header .primary .store a {
		font-size: 10px;
		width: 80px;
		padding: 5px;
	}
	header .btn-group.language {
		position: absolute;
		right: 65px;
		top: -9px;
		width: 80px;
	}
	.btn-group.language .btn-default {
		font-size: 10px;
		width: 80px;
	}
	header h1.logo {
		width: 110px;
	}
	[data-effect='pure-effect-slide'] .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label .pure-toggle-icon:before,
	[data-effect='pure-effect-slide'] .pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label .pure-toggle-icon:after {
		background: #fff;
	}
	.pure-drawer {
		width: 100% !important;
	}
	
	#pnlOrder .btn-original,
	#pnlOrder div.orderConfirm input {
		padding:  6px 0 !important;
		font-size: 13px !important;
	}
	#pnlOrder .btn-original,
	#pnlOrder form, #pnlOrder .btn-original {
		width: 32% !important;
	}
	#pnlInfomation {
		margin: 10px 0 0 !important;
		font-size: 8px;
	}
	body.sim .is_sp,
	body.sim .footernav {
		display:  none !important;
	}
	body.sim footer {
		margin-top: 0px;
	}
	#bottomContents {
		width: 100%;
	}
	.howtoorder .introduction ul.button li {
		width: 100% !important;
	}
	nav.mainnav .nav-footer .sns,
	nav.mainnav .nav-footer .company {
		top: 0;
	}

	/*** tw ***/
	#lang-tw .order.detail #contents .order-detail .price span {
		margin-left: 0;
	}
	#lang-tw .order.detail #contents .order-detail .price.standard .caption {
		display: block;
		width: 100%;
		font-size: 16px;
	}
	#lang-tw .order.detail #contents .order-detail .price.standard .price {
		margin-left: 133px;
	}
	#lang-tw .order.detail #contents .order-detail .caption.variation {
		font-size: 16px;
	}
	#lang-tw .order.detail #contents .order-detail .price .caption {
		width: 130px;
		font-size: 13px;
	}
	#lang-tw .order.detail #contents .order-detail .price span {
		width: 130px;
		font-size: 16px;
	}
	#lang-tw .order.detail #contents .order-detail .price .price {
		width: 120px;
		font-size: 16px;
	}
	#lang-tw .order.detail #contents .order-detail .price.lowest .price {
		width: 120px;
		font-size: 14px;
	}
	#lang-tw .order.detail #contents .order-detail .price .taxin {
		display: none;
	}
}
@media (max-height: 667px) {
	#topContents {
		max-height: 300px !important;
	}
}