@charset "UTF-8";

/******************************
共通設定
******************************/
#oteire:not(.item-list) {
	border-bottom: 1px solid #e1e1e1;
}
#oteire .box {
	margin-bottom: 43px;
	position: relative;
}
#oteire .box figure {
	float: left;
	width: 50%;
}
#oteire .box figure img {
	width: 100%;
}
#oteire .box .txt {
	float: right;
	width: 50%;
	padding-left: 26px;
	box-sizing: border-box;
	position: relative;
}
#oteire .box h2 {
	margin-top: 0;
	padding-top: 50px;
	margin-bottom: 30px;
	font-size: 42px;
	line-height: 60px;
}
#oteire .box h2 img {
	width: 100%;
	max-width: 530px;
}
#oteire .box .txt p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 30px;
}
#oteire .box .txt p:last-child {
	margin-bottom: 0;
}
#oteire .box .icon {
	position: absolute;
	top: 5px;
	right: 0;
}

#oteire #main {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	float: left;
}
#oteire #sidebar {
	width: 20%;
	float: left;
	box-sizing: content-box;
	margin-left: auto;
	margin-right: auto;
}
#oteire #sidebar li {
	height: 70px;
	margin-bottom: 2px;
}
#oteire #sidebar li.current {
	opacity: .3;
}
#oteire #sidebar li a {
	display: block;
}
#oteire #sidebar li .inner {
	display: table;
	width: 100%;
	color: #000;
	font-size: 15px;
}
#oteire #sidebar li:first-child .inner {
	background-color: #e9859a;
}
#oteire #sidebar li:nth-child(2) .inner {
	background-color: #ebaddc;
}
#oteire #sidebar li:nth-child(3) .inner {
	background-color: #aed08e;
}
#oteire #sidebar li:nth-child(4) .inner {
	background-color: #8bb3da;
}
#oteire #sidebar li:nth-child(5) .inner {
	background-color: #a9a7e4;
}
#oteire #sidebar li:last-child .inner {
	background-color: #e2d175;
}
#oteire #sidebar li .inner img,
#oteire #sidebar li .inner span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#oteire #sidebar li .inner span {
	width: 140px;
}

#oteire .left,
#oteire .right {
	width: 50%;
	box-sizing: border-box;
}
#oteire .left {
	float: left;
}
#oteire .right {
	float: right;
}

#oteire .oteire-main {
	padding: 0 20px;
}
#oteire h3 {
	padding: 9px 20px;
	font-size: 18px;
	margin: 0;
	line-height: 1.8em;
}
#oteire .button {
	font-size: 14px;
}
#oteire ul.button {
	padding: 20px 10px 0;
}
#oteire p.button,
#oteire ul.button li {
	text-align: center;
	line-height: 1em;
}
#oteire p.button {
	display: inline-block;
	margin-right: 20px;
}
#oteire p.button:last-child {
	margin-right: 0;
}
#oteire ul + p.button,
#oteire ul + p.button + p.button {
	padding-top: 10px;
	margin-bottom: 0;
}
#oteire ul.button li {
	float: left;
	margin-right: 5px;
	min-width: 140px;
}
#oteire .button a {
	display: block;
	border: 1px solid #d1d0cc;
	border-radius: 8px;
	box-sizing: border-box;
	color: #000;
}
#oteire p.button a {
	padding: 11px 10px;
}
#oteire ul.button li a {
	padding: 12px 40px;
}
#oteire .button a {
	background: #e5e5e5;
	background: -webkit-linear-gradient(#fff 0%,#e5e5e5 100%);
	background: linear-gradient(#fff 0%,#e5e5e5 100%);
}
#oteire .underline {
	text-decoration: underline;
}
#oteire ol.alpha {
	list-style-type: lower-alpha;
	list-style-position: inside;
}
#oteire li ol {
	padding-left: 10px;
}
#oteire .box figure.fl-none {
	float: none;
	width: 100%;
}
#oteire .box figure.fl-none.padding {
	padding-top: 10px;
}
#oteire .box figure.fl-none img {
	width: auto;
	max-width: 100%;
}

/**************************************************
トップページ
**************************************************/
#oteire.top .box {
	padding-left: 45px;
	margin-bottom: 52px;
}
#oteire.top .box .txt h2 {
	margin-bottom: 55px;
}
#oteire.top .box .txt p {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 25px;
}
#oteire.top .list li {
	min-height: 0;
}
#oteire.top .list li h3 {
	font-size: 15px;
	margin-top: 0;
	padding: 15px 0 0;
	margin-bottom: 5px;
}
#oteire.top .list li p {
	font-size: 14px;
	color: #999;
}

/**************************************************
衣類の素材（トップ）
**************************************************/
#oteire.material.list .box {
	margin-bottom: 50px;
}
#oteire.material.list h3 {
	padding: 0;
	color: #e9859a;
	margin-bottom: 30px;
}
#oteire.material.list #group1 {
	margin-bottom: 60px;
}
#oteire.material.list #group2 {
	margin-bottom: 100px;
}
#oteire.material.list h4 {
	padding: 15px 20px;
	font-size: 18px;
	margin: 0 0 20px;
}
#oteire.material.list #group1 h4 {
	background-color: #e9859a;
	color: #fff;
}
#oteire.material.list #group2 h4 {
	background-color: #fde6ea;
	color: #e9859a;
}
#oteire.material.list h5 {
	font-size: 15px;
	color: #666;
	margin: 0 0 10px;
	padding-left: 10px;
}
#oteire.material.list .oteire-main ul {
	padding-top: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 20px;
}
#oteire.material.list #group2 ul.button.last li {
	min-width: 100px;
}
#oteire.material.list #group2 ul.button.last li:last-child {
	margin-right: 0;
}
#oteire.material.list ul.button li a {
	padding: 12px 19px;
}

/**************************************************
取扱い絵表示
**************************************************/
#oteire.oteire-mark .oteire-main {
	margin-bottom: 100px;
}
#oteire.oteire-mark .oteire-main h3 {
	background-color: #d290cd;
	color: #fff;
	margin-bottom: 40px;
}
#oteire.oteire-mark .oteire-main h4 {
	font-size: 15px;
	margin-top: 0;
	margin-bottom: 15px;
}
#oteire.oteire-mark .oteire-main p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 25px;
	color: #666;
}
#oteire.oteire-mark .oteire-main #explanation1 figure {
	padding-left: 55px;
}
#oteire.oteire-mark .oteire-main #explanation1 .col:first-of-type {
	margin-bottom: 25px;
}
#oteire.oteire-mark .oteire-main #explanation1 .col:last-of-type {
	margin-bottom: 60px;
}

#oteire.oteire-mark .oteire-main #explanation2 {
	margin-bottom: 70px;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix li {
	float: left;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:first-of-type {
	margin-bottom: 20px;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:first-of-type li:not(:last-child) {
	margin-right: 10px;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type {
	margin-bottom: 50px;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type li:nth-child(2),
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type li:nth-child(4) {
	margin: 58px 3px 0 4px;
}
#oteire.oteire-mark .oteire-main #explanation2 figure:not(.right) {
	margin-bottom: 15px;
}
#oteire.oteire-mark .oteire-main #explanation2 .col:nth-of-type(2) {
	margin-bottom: 65px;
}
#oteire.oteire-mark .oteire-main #explanation2 table {
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
}
#oteire.oteire-mark .oteire-main #explanation2 table th,
#oteire.oteire-mark .oteire-main #explanation2 table td {
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
}
#oteire.oteire-mark .oteire-main #explanation2 table th {
	background-color: #fdeff5;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}
#oteire.oteire-mark .oteire-main #explanation2 table tr th:first-child {
	width: 290px;
}
#oteire.oteire-mark .oteire-main #explanation2 table tr:first-child th:not(:first-child) {
	padding: 16px;
}
#oteire.oteire-mark .oteire-main #explanation2 table tr:nth-child(2) td,
#oteire.oteire-mark .oteire-main #explanation2 table tr:nth-child(4) td,
#oteire.oteire-mark .oteire-main #explanation2 table tr:nth-child(5) td,
#oteire.oteire-mark .oteire-main #explanation2 table tr:last-child td {
	text-align: center;
}
#oteire.oteire-mark .oteire-main #explanation2 table tr:nth-child(2) td {
	padding: 10px;
	width: 200px;
}
#oteire.oteire-mark .oteire-main #explanation2 table tr:nth-child(3) td p:not(.title) {
	font-size: 16px;
	color: #000;
	line-height: 24px;
}
#oteire.oteire-mark .oteire-main #explanation2 table span,
#oteire.oteire-mark .oteire-main #explanation2 table small {
	color: #e60012;
}
#oteire.oteire-mark .oteire-main #explanation2 table p {
	font-size: 40px;
	line-height: 40px;
	margin: 0;
}
#oteire.oteire-mark .oteire-main #explanation2 table span {
	font-size: 40px;
	display: inline-block;
	text-align: center;
}
#oteire.oteire-mark .oteire-main #explanation2 table small {
	font-size: 16px;
}

#oteire.oteire-mark .oteire-main #explanation2 .col:nth-of-type(3) {
	margin-bottom: 60px;
}
#oteire.oteire-mark .oteire-main #explanation2 .col:nth-of-type(3) .txt.left {
	width: 67.42%
}
#oteire.oteire-mark .oteire-main #explanation2 .col:nth-of-type(3) figure.right {
	width: 32.58%;
	padding-left: 40px;
}
#oteire.oteire-mark .oteire-main #explanation2 .col:nth-of-type(4) {
	margin-bottom: 45px;
}
#oteire.oteire-mark .oteire-main #explanation2 .col:last-of-type figure.right {
	padding-left: 55px;
}

#oteire.oteire-mark .oteire-main #explanation3 .table-box,
#oteire.oteire-mark .oteire-main #explanation4 .table-box {
	width: 290px;
	float: left;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box:not(:last-of-type),
#oteire.oteire-mark .oteire-main #explanation4 .table-box:not(:last-of-type) {
	margin-right: 10px;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table,
#oteire.oteire-mark .oteire-main #explanation4 .table-box table {
	border-top: 1px solid #c9c9c9;
	border-left: 1px solid #c9c9c9;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box caption,
#oteire.oteire-mark .oteire-main #explanation4 .table-box caption {
	font-size: 18px;
	margin-bottom: 10px;
	padding: 0;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table:not(:first-child) caption,
#oteire.oteire-mark .oteire-main #explanation4 .table-box table:not(:first-child) caption {
	padding-top: 30px;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table th,
#oteire.oteire-mark .oteire-main #explanation3 .table-box table td,
#oteire.oteire-mark .oteire-main #explanation4 .table-box table th,
#oteire.oteire-mark .oteire-main #explanation4 .table-box table td {
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	font-size: 15px;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table th,
#oteire.oteire-mark .oteire-main #explanation4 .table-box table th {
	color: #fff;
	text-align: center;
	font-weight: normal;
	padding: 8px;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table td,
#oteire.oteire-mark .oteire-main #explanation4 .table-box table td {
	padding: 15px;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table tr td:first-child,
#oteire.oteire-mark .oteire-main #explanation4 .table-box table tr td:first-child {
	width: 60px;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table tr td:last-child,
#oteire.oteire-mark .oteire-main #explanation4 .table-box table tr td:last-child {
	vertical-align: top;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table tr td:not(:last-child),
#oteire.oteire-mark .oteire-main #explanation4 .table-box table tr td:not(:last-child) {
	text-align: center;
	padding: 15px 10px;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box small,
#oteire.oteire-mark .oteire-main #explanation4 .table-box small {
	display: block;
	font-size: 14px;
	line-height: 18px;
	padding-top: 7px;
	padding-left: 1em;
  	text-indent: -1em;
}

#oteire.oteire-mark .oteire-main #explanation3 {
	margin-bottom: 60px;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table caption {
	color: #9f5c9a;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table th {
	background-color: #d290cd;
}
#oteire.oteire-mark .oteire-main #explanation4 h3,
#oteire.oteire-mark .oteire-main #explanation4 .table-box table th {
	background-color: #999;
}
#oteire.oteire-mark .oteire-main #explanation4 .table-box table caption {
	color: #777;
}

/**************************************************
お手入れ方法
**************************************************/
#oteire.improve .oteire-main {
	margin-bottom: 140px;
}
#oteire.improve ul.button li:last-child {
	margin-right: 0;
}

/**************************************************
お手入れ方法【素材編】
**************************************************/
#oteire.improve01 .oteire-main h3 {
	background-color: #e5f0cb;
	color: #5f8a00;
}


/**************************************************
お手入れ方法【製品・加工編】（トップ）
**************************************************/
#oteire.improve02:not(.detail) .oteire-main h3 {
	background-color: #d1e1f0;
	color: #005982;
}
#oteire.improve02 ul.button li a {
	padding: 12px 11px;
}

/**************************************************
こんなこと知っていますか？（トップ）
**************************************************/
#oteire.knowledge .oteire-main {
	margin-bottom: 155px;
}
#oteire.knowledge.list .oteire-main h3 {
	background-color: #dddcf4;
	color: #5f52a0;
}
#oteire.knowledge ul.button li:nth-child(-n + 12) {
	margin-bottom: 10px;
}
#oteire.knowledge ul.button li:nth-child(6n) {
	margin-right: 0;
}
#oteire.knowledge ul.button li a {
	padding: 12px 0;
}

/**************************************************
知って得する情報（トップ）
**************************************************/
#oteire.information .oteire-main {
	margin-bottom: 115px;
}
#oteire.information:not(.detail) .oteire-main h3 {
	background-color: #f3edc8;
	color: #a28a08;
}
#oteire.information ul.button li {
	width: 49.5%;
	margin-right: 0;
	margin-bottom: 10px;
}
@media ( min-width:768px ){
    #oteire.information ul.button li:nth-child(1),
    #oteire.information ul.button li:nth-child(2) {
        height: 54px;
    }
}

#oteire.information ul.button li:nth-child(even) {
	float: right;
}
#oteire.information ul.button li:nth-child(7),
#oteire.information ul.button li:last-child {
	margin-bottom: 0;
}
#oteire.information ul.button li a {
	padding: 12px 10px;
}

/**************************************************
詳細
**************************************************/
#oteire.detail .box h2 {
	text-align: center;
	padding-top: 0;
}
#oteire.detail .box .grouping {
	text-align: center;
	margin-bottom: 50px;
}
#oteire.detail .box .grouping p.button {
	display: inline-block;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1em;
	width: auto;
}
#oteire.detail .box .grouping p.button a {
	border: 1px solid #d1d0cc;
	border-radius: 8px;
	padding: 10px 18px;
}
#oteire.detail .box {
	margin-bottom: 60px;
}
#oteire.detail .box .txt:not(.left) {
	float: none;
	width: 100%;
}
#oteire.detail .box .txt.left {
	float: left;
}
#oteire.detail .box #explanation1:not(.oteire-main) .txt p:not(:last-child) {
	margin-bottom: 25px;
}
#oteire.detail .box #explanation1:not(.oteire-main) .txt p.short {
	margin-bottom: 10px;
}
#oteire.detail .box ul.txt.left,
#oteire.detail .box #col2 div.txt.left {
	padding: 0;
}
#oteire.detail .box .thirty {
	width: 30%;
}
#oteire.detail .box .seventy {
	width: 70%;
}
/*#oteire.detail .box .txt.left p {
	width: 100%;
	display: inline-block;
	font-size: 15px;
	padding: 0 15px;
	box-sizing: border-box;
}*/
#oteire.detail .box figure.right {
	float: right;
	padding: 0;
}
#oteire.detail .box figure.right img {
	width: auto;
	max-width: 100%;
}
#oteire.detail .box #explanation1 {
	margin-bottom: 50px;
}
#oteire.detail .box h3 {
	background-color: #f4f4f4;
}
#oteire.detail .box .col {
	margin-bottom: 60px;
}
#oteire.detail .box .col.left,
#oteire.detail .box .col.right {
	margin-bottom: 0;
}
#oteire.detail .box .col:last-child {
	margin-bottom: 0;
}
#oteire.detail .box .col {
	padding: 0 15px;
	box-sizing: border-box;
}
#oteire.detail .box h3 {
	margin-bottom: 13px;
}
#oteire.detail #main p:not(.button),
#oteire.detail #main ul li:not(.button),
#oteire.detail #main ol.top li {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 10px;
}
#oteire.detail #main .col p:last-child {
	margin: 0;
}
#oteire.detail #main .col p.small-note {
	line-height: 1.5em!important;
	padding-left: 1em;
  	text-indent: -1em;
}
#oteire.detail #main ul li {
	padding-left: 1em;
  	text-indent: -1em;
}
#oteire.detail #main ol.top li {
	padding-left: 1.1em;
	text-indent: -1.1em;
}
#oteire.detail #main ul.two-indent li {
	padding-left: 2em;
  	text-indent: -2em;
}
#oteire.detail #main ul.no-icn li {
	padding-left: 0;
  	text-indent: 0;
}
#oteire.detail #main ul li span.br {
	display: block;
	padding-left: 0;
  	text-indent: 0;
}
#oteire.detail #main ul li ol > li {
	padding-left: 1em;
  	text-indent: -1em;
	list-style-type: decimal;
	list-style-position: inside;
}
#oteire.detail #note {
	background: url(../../images/oteire/img_detail.png) no-repeat 93% bottom #f4f4f4;
	padding: 35px;
	margin-bottom: 115px;
	min-height: 237px;
}
#oteire.detail #note h3 {
	padding: 0;
	margin-bottom: 20px;
}
#oteire.detail .box .clearfix .col:nth-of-type(even) h3 {
	color: #fff;
	background-color: #bbb;
}
#oteire.detail #note ul {
	padding-right: 235px;
}

/**************************************************
衣類の素材（詳細）
**************************************************/
#oteire.material.detail .box figure.right {
	text-align: center;
}
#oteire.material.detail .box .col figure.right {
	text-align: left;
	padding-left: 15px;
}

/**************************************************
お手入れ方法【製品・加工編】（詳細）
**************************************************/
#oteire.improve02.detail .box figure.right {
	text-align: left;
	padding-left: 40px;
}

/**************************************************
こんなこと知っていますか？（詳細）
**************************************************/
#oteire.knowledge.detail .box {
	margin-bottom: 100px;
}
#oteire.knowledge.detail .box figure.right {
	text-align: left;
	padding-left: 15px;
}

/**************************************************
知って得する情報（詳細）
**************************************************/
#oteire.information.detail .box figure.right {
	padding-left: 15px;
}

@media (min-width: 992px) {
#oteire #sidebar #sub-nav {
	display: block!important;
}

}


/**************************************************
 *
 * タブレット
 *
**************************************************/

@media (max-width: 991px) {
/******************************
共通設定
******************************/
#oteire #sidebar {
	display: block;
	float: none;
	width: 100%;
	padding: 0;
	position: relative;
	margin-bottom: 40px;
}
#oteire #sidebar p.toogle-btn {
	height: 50px;
	line-height: 50px;
	padding-left: 10px;
	position: static;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	background: url(../../images/common/icn_plus.png) no-repeat right 20px center #f4f4f4;
	-moz-background-size: 12px 12px;
	background-size: 12px 12px;
	border: 1px solid #e1e1e1;
}
#oteire #sidebar p.toogle-btn.active {
	background: url(../../images/common/icn_minus.png) no-repeat right 20px center #f4f4f4;
    -moz-background-size: 12px 12px;
    background-size: 12px 12px;
}
#oteire #sidebar #sub-nav {
	position: absolute;
	top: 50px;
	left: 0;
	display: none;
	width: 100%;
	z-index: 1;
	background-color: #fff;
}
#oteire #sidebar li {
	height: 50px;
	margin-bottom: 0;
}
#oteire #sidebar li .inner img {
	width: 50px;
	height: auto;
}
#oteire #sidebar li .inner span {
	width: 200px;
	text-align: right;
	padding-right: 20px;
	font-size: 11px;
}
#oteire #main {
	width: 100%;
	padding: 0;
}
#oteire .box {
	margin-bottom: 32px;
}
#oteire .box .txt {
	padding-left: 20px;
}
#oteire .box .txt:not(.left) {
	padding-left: 0;
}
#oteire .box h2 {
	padding-top: 70px;
	margin-bottom: 15px;
	font-size: 31px;
	line-height: 45px;
}
#oteire .box .txt p {
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 20px;
}
#oteire .box .icon {
	top: 0;
}
#oteire.top .list li p {
	font-size: 12px;
}

#oteire h3 {
	font-size: 15px;
	padding: 3px 10px;
}
#oteire .button {
	font-size: 12px;
}
#oteire ul.button {
	padding: 10px 5px 0;
}
#oteire ul.button li {
	min-width: 0;
	width: 49.5%;
	margin-right: 0;
	margin-bottom: 5px;
}
#oteire ul.button li:nth-child(even) {
	float: right;
}
#oteire p.button a,
#oteire ul.button li a,
#oteire.improve02 ul.button li a {
	padding: 5px;
}
#oteire p.button,
#oteire ul.button li {
	line-height: 1.5em;
}

/**************************************************
トップページ
**************************************************/
#oteire.top .box {
	margin-bottom: 32px;
	padding-left: 0;
}
#oteire.top .box .txt h2 {
	margin-bottom: 25px;
}
#oteire.top .box .txt p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 15px;
}

/**************************************************
お手入れ方法
**************************************************/
#oteire.improve .oteire-main {
	margin-bottom: 70px;
}

/**************************************************
衣類の素材（トップ）
**************************************************/
#oteire.material.list .sub-group {
	padding-top: 80px;
	margin-top: -80px;
}
#oteire.material.list #group1 {
	margin-bottom: 30px;
}
#oteire.material.list #group2 {
	margin-bottom: 50px;
}
#oteire.material.list h3 {
	margin-bottom: 15px;
}
#oteire.material.list h4 {
    font-size: 15px;
    padding: 8px 10px;
	margin: 0 0 10px;
}
#oteire.material.list h5 {
    font-size: 15px;
    margin: 0 0 5px;
}
#oteire.material.list .oteire-main ul {
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#oteire.material.list ul.button li a {
	padding: 5px;
}

/**************************************************
取扱い絵表示
**************************************************/
#oteire.oteire-mark .oteire-main {
	margin-bottom: 50px;
}
#oteire.oteire-mark .oteire-main img {
	width: auto;
	max-width: 100%;
}
#oteire.oteire-mark .oteire-main h3 {
	margin-bottom: 20px;
}
#oteire.oteire-mark .oteire-main h4 {
	font-size: 15px;
	margin-bottom: 10px;
}
#oteire.oteire-mark .oteire-main p {
	font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
}

#oteire.oteire-mark .oteire-main #explanation1 figure {
	padding-left: 20px;
}
#oteire.oteire-mark .oteire-main #explanation1 .col:first-of-type {
	margin-bottom: 15px;
}
#oteire.oteire-mark .oteire-main #explanation1 .col:last-of-type {
	margin-bottom: 30px;
}

#oteire.oteire-mark .oteire-main #explanation2 {
	margin-bottom: 35px;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:first-of-type li {
	width: 19.6%;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:first-of-type li:not(:last-child) {
	margin-right: 0.5%;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type li:first-child {
	width: 29%;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type li:nth-child(2),
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type li:nth-child(4) {
	width: 3.5%;
	padding: 0 3px;
	box-sizing: border-box;
	margin-left: 0;
	margin-right: 0;
	margin-top: 42px;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type li:nth-child(3) {
	width: 46%;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type li:last-child {
	width: 18%;
}
#oteire.oteire-mark .oteire-main #explanation2 .col:nth-of-type(2) {
	margin-bottom: 35px;
}
#oteire.oteire-mark .oteire-main #explanation2 table th {
	font-size: 16px;
}
#oteire.oteire-mark .oteire-main #explanation2 table tr:first-child th:not(:first-child) {
	padding: 8px;
}
#oteire.oteire-mark .oteire-main #explanation2 table td {
	padding: 0;
	font-size: 15px;
	vertical-align: top;
}
#oteire.oteire-mark .oteire-main #explanation2 table p,
#oteire.oteire-mark .oteire-main #explanation2 table span {
	font-size: 30px;
	line-height: 30px;
}
#oteire.oteire-mark .oteire-main #explanation2 table p {
	padding: 10px;
}
#oteire.oteire-mark .oteire-main #explanation2 table small {
	font-size: 14px;
}
#oteire.oteire-mark .oteire-main #explanation2 table td p.title {
	font-size: 16px;
	text-align: center;
	color: #000;
	padding: 8px;
	margin: 0;
	background-color: #fdeff5;
	line-height: 1em;
	border-bottom: 1px solid #c9c9c9;
}
#oteire.oteire-mark .oteire-main #explanation2 table tr:nth-child(3) td p:not(.title) {
	font-size: 15px;
	color: #000;
	line-height: 1.5em;
}
#oteire.oteire-mark .oteire-main #explanation2 table tr:nth-child(5) td:first-of-type p.title,
#oteire.oteire-mark .oteire-main #explanation2 table tr:nth-child(5) td:last-of-type p.title {
	/*margin-top: -16px;*/
	vertical-align: top;
}
#oteire.oteire-mark .oteire-main #explanation2 table td p.title img {
	width: 22px;
}
#oteire.oteire-mark .oteire-main #explanation2 table tr:last-child td p.title img {
	width: 24px;
}
#oteire.oteire-mark .oteire-main #explanation2 .col:nth-of-type(3) figure.right {
	padding-left: 20px;
}
#oteire.oteire-mark .oteire-main #explanation2 .col:last-of-type figure.right {
	padding-left: 30px;
}

#oteire.oteire-mark .oteire-main #explanation2 .col:nth-of-type(3) {
	margin-bottom: 30px;
}
#oteire.oteire-mark .oteire-main #explanation2 .col:nth-of-type(4) {
	margin-bottom: 25px;
}
#oteire.oteire-mark .oteire-main #explanation3,
#oteire.oteire-mark .oteire-main #explanation4 {
	width: 49.5%;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box,
#oteire.oteire-mark .oteire-main #explanation4 .table-box {
	float: none;
	width: 100%;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box:not(:last-of-type),
#oteire.oteire-mark .oteire-main #explanation4 .table-box:not(:last-of-type) {
	margin-right: 0;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box caption,
#oteire.oteire-mark .oteire-main #explanation4 .table-box caption {
	font-size: 15px;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table:not(:first-of-type) caption,
#oteire.oteire-mark .oteire-main #explanation4 .table-box table:not(:first-of-type) caption,
#oteire.oteire-mark .oteire-main #explanation3 .table-box:not(:first-of-type) table:first-child caption,
#oteire.oteire-mark .oteire-main #explanation4 .table-box:not(:first-of-type) table:first-child caption {
	padding-top: 15px;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box small,
#oteire.oteire-mark .oteire-main #explanation4 .table-box small {
	font-size: 12px;
	line-height: 16px;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table th,
#oteire.oteire-mark .oteire-main #explanation3 .table-box table td,
#oteire.oteire-mark .oteire-main #explanation4 .table-box table th,
#oteire.oteire-mark .oteire-main #explanation4 .table-box table td {
	font-size: 11px;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table td,
#oteire.oteire-mark .oteire-main #explanation4 .table-box table td {
	padding: 8px;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table tr td:not(:last-child),
#oteire.oteire-mark .oteire-main #explanation4 .table-box table tr td:not(:last-child) {
	padding: 8px;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table tr td:first-child,
#oteire.oteire-mark .oteire-main #explanation4 .table-box table tr td:first-child {
	width: 50px;
}
#oteire.oteire-mark .oteire-main #explanation3 .table-box table tr td:nth-child(2),
#oteire.oteire-mark .oteire-main #explanation4 .table-box table tr td:nth-child(2) {
	width: 60px;
}

#oteire.oteire-mark .oteire-main #explanation3 {
	float: left;
	margin-bottom: 0;
}

#oteire.oteire-mark .oteire-main #explanation4 {
	float: right;
}

/**************************************************
こんなこと知っていますか？（トップ）
**************************************************/
#oteire.knowledge .oteire-main {
	margin-bottom: 80px;
}
#oteire.knowledge ul.button li:nth-child(-n + 12) {
	margin-bottom: 5px;
}
#oteire.knowledge ul.button li a {
	padding: 5px;
}

/**************************************************
知って得する情報（トップ）
**************************************************/
#oteire.information .oteire-main {
	margin-bottom: 60px;
}
#oteire.information ul.button li a {
	padding: 5px;
}

/**************************************************
詳細
**************************************************/
#oteire.detail .box .grouping p.button {
	font-size: 12px;
}
#oteire.detail .box .grouping p.button a {
	padding: 8px 15px;
}
#oteire.detail .box {
	margin-bottom: 30px;
}
#oteire.detail .box #explanation1 {
	margin-bottom: 25px;
}
#oteire.detail .box #explanation1:not(.oteire-main) .txt p:not(:last-child) {
	margin-bottom: 13px;
}
#oteire.detail .box .txt.left p {
	font-size: 14px;
	padding: 0 15px 0 0;
}
#oteire.detail .box figure.right {
	padding: 0;
}
#oteire.detail .box figure.right span {
	padding: 0 15px;
}
#oteire.detail .box figure.right span img {
	width: 100%;
}
#oteire.detail .box .col {
	margin-bottom: 30px;
}
#oteire.detail .box .col.left:nth-of-type(odd) {
	padding: 0 15px 0 0;
}
#oteire.detail .box .col.right:nth-of-type(even) {
	padding: 0 0 0 15px;
}
#oteire.detail #main .txt:not(.left) p,
#oteire.detail #main .clearfix p:not(.button),
#oteire.detail #main .col p:not(.button),
#oteire.detail #main ul li:not(.button),
#oteire.detail #main ol.top li {
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 5px;
}
#oteire.detail #note {
	padding: 20px;
	margin-bottom: 60px;
}

/**************************************************
お手入れ方法【製品・加工編】（詳細）
**************************************************/
#oteire.improve02.detail .box figure.right {
	padding-left: 20px;
}

/**************************************************
こんなこと知っていますか？（詳細）
**************************************************/
#oteire.knowledge.detail .box {
	margin-bottom: 50px;
}

}

/**************************************************
 *
 * スマホ
 *
**************************************************/

@media (max-width: 767px){
/******************************
共通設定
******************************/
#oteire #sidebar {
	margin-bottom: 50px;
}
#oteire .box {
	padding-top: 40px;
}
#oteire .box figure,
#oteire .box .txt {
	float: none;
	width: 100%;
}
#oteire .box .txt {
	padding-left: 0;
	margin-bottom: 25px;
}
#oteire .box h2 {
	padding-top: 0;
}
#oteire .box .txt p {
	margin-bottom: 10px;
}
#oteire .box .icon {
	width: 60px;
	top: -30px;
}

#oteire .oteire-main {
	padding: 0;
}
#oteire p.button,
#oteire ul.button li,
#oteire ul.button li:nth-child(even) {
	float: none;
	width: 100%;
	margin-right: 0;
}
#oteire .left,
#oteire .right {
	float: none;
	width: 100%;
}
#oteire.detail .box .col.left,
#oteire.detail .box .col.right {
	margin-bottom: 30px;
}
#oteire.detail .box .clearfix .col:last-child {
	margin-bottom: 0;
}
#oteire p.button {
	display: block;
	width: 100%;
}

/**************************************************
取扱い絵表示
**************************************************/
#oteire.oteire-mark .oteire-main #explanation1 figure,
#oteire.oteire-mark .oteire-main #explanation2 .col:nth-of-type(3) figure.right,
#oteire.oteire-mark .oteire-main #explanation2 .col:last-of-type figure.right {
	padding-left: 0;
	text-align: center;
}

#oteire.oteire-mark .oteire-main #explanation1 .col:first-of-type {
	margin-bottom: 30px;
}

#oteire.oteire-mark .oteire-main #explanation2 .col:nth-of-type(2) {
	margin-bottom: 30px;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:first-of-type {
	max-width: 530px;
	margin: 0 auto 20px;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:first-of-type li {
	width: 33%;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:first-of-type li:not(:last-child) {
	margin-right: 0.5%;
	margin-bottom: 5px;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:first-of-type li:nth-child(3) {
	margin-right: 0;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:first-of-type li img {
	width: 100%;
	height: auto;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type {
	margin-bottom: 30px;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type li:first-child,
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type li:nth-child(2),
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type li:nth-child(3),
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type li:nth-child(4),
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type li:last-child {
	float: none;
	width: 100%;
	text-align: center;
	margin: 0;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type li:nth-child(2),
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:last-of-type li:nth-child(4) {
	padding: 10px 0;
}
#oteire.oteire-mark .oteire-main #explanation2 .col:nth-of-type(3) .txt.left,
#oteire.oteire-mark .oteire-main #explanation2 .col:nth-of-type(3) figure.right {
	width: 100%;
}
#oteire.oteire-mark .oteire-main #explanation2 table,
#oteire.oteire-mark .oteire-main #explanation2 table tbody,
#oteire.oteire-mark .oteire-main #explanation2 table tr,
#oteire.oteire-mark .oteire-main #explanation2 table tr th,
#oteire.oteire-mark .oteire-main #explanation2 table tr td {
	display: block;
	width: 100%;
}
#oteire.oteire-mark .oteire-main #explanation2 table tr th,
#oteire.oteire-mark .oteire-main #explanation2 table tr:nth-child(2) td p.title:first-child,
#oteire.oteire-mark .oteire-main #explanation2 table tr:nth-child(2) td:nth-child(3) p.title:first-child {
	background-color: #fc97c3;
}
#oteire.oteire-mark .oteire-main #explanation2 table tr:nth-child(2) td {
	width: 100%;
	padding: 0;
}
#oteire.oteire-mark .oteire-main #explanation2 table td p {
	font-size: 15px;
	line-height: 1.5em;
	color: #000;
}
#oteire.oteire-mark .oteire-main #explanation2 table td p:last-child {
	margin-bottom: 0;
}
#oteire.oteire-mark .oteire-main #explanation2 table td p.title {
	border-top: 1px solid #c9c9c9;
}
#oteire.oteire-mark .oteire-main #explanation2 table tr td p.title:not(:first-of-type) {
	margin: 0;
}
#oteire.oteire-mark .oteire-main #explanation2 table tr td p.title:first-of-type {
	border-top: none;
}
#oteire.oteire-mark .oteire-main #explanation2 table tr:nth-of-type(2) td:first-of-type p.title:first-of-type {
	border-top: 1px solid #c9c9c9;
	margin: 0;
}
#oteire.oteire-mark .oteire-main #explanation2 table tr td > img {
	padding: 10px;
}

#oteire.oteire-mark .oteire-main #explanation3,
#oteire.oteire-mark .oteire-main #explanation4 {
	width: 100%;
	float: none;
}

#oteire.oteire-mark .oteire-main #explanation3 {
	margin-bottom: 30px;
}
#oteire.oteire-mark .oteire-main #explanation2 .col:nth-of-type(4) {
	margin-bottom: 15px;
}

/**************************************************
お手入れ方法
**************************************************/
#oteire.improve .oteire-main {
	margin-bottom: 35px;
}

/**************************************************
こんなこと知っていますか？（トップ）
**************************************************/
#oteire.knowledge .oteire-main {
	margin-bottom: 40px;
}

/**************************************************
知って得する情報（トップ）
**************************************************/
#oteire.information .oteire-main {
	margin-bottom: 30px;
}
#oteire.information ul.button li,
#oteire.information ul.button li:nth-child(even) {
	float: none;
	width: 100%;
	margin-bottom: 5px;
}
#oteire.information ul.button li:nth-child(7) {
	margin-bottom: 5px;
}
#oteire.information ul.button li:last-child {
	margin-bottom: 0;
}

/**************************************************
詳細
**************************************************/
#oteire.detail .box .grouping {
	margin-bottom: 25px;
}
#oteire.detail .left,
#oteire.detail .right,
#oteire.detail .box .txt.left,
#oteire.detail .box figure.right {
	float: none;
	width: 100%;
}
#oteire.detail .box .txt.left p,
#oteire.detail .box .col:nth-of-type(odd),
#oteire.detail .box .col:nth-of-type(even) {
	padding: 0;
}
#oteire.detail #note {
	background-position: center bottom;
	padding: 15px 15px 230px 15px;
	margin-bottom: 30px;
}
#oteire.detail #note ul {
	padding-right: 0;
}

/***********************************************************************************************
衣類の素材（詳細）・お手入れ方法【製品・加工編】（詳細）・こんなこと知っていますか？（詳細）
************************************************************************************************/
#oteire.material.detail .box .col figure.right,
#oteire.improve02.detail .box figure.right,
#oteire.knowledge.detail .box figure.right,
#oteire.information.detail .box figure.right {
	padding-left: 0;
	text-align: center;
}

}

/* iphone5 以下 */
@media (max-width: 375px) {
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:first-of-type li {
	width: 49%;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:first-of-type li:nth-child(even) {
	float: right;
}
#oteire.oteire-mark .oteire-main #explanation2 ul.clearfix:first-of-type li:not(:last-child) {
	margin-right: 0;
	margin-bottom: 5px;
}
}