@charset "UTF-8";
/**************************************************************************************
itokin_store.css /  ストアリストページ

#PC表示（min-1188px）
#タブレット表示（min-991px）

#スマホ表示（min-767px）

*************************************************************************************/

/* 共通 */
.ankerlink:before {
display: block;
content: " ";
margin-top: -72px;
height: 72px;
visibility: hidden;
}
#guide #main {
font-size: 14px;
line-height:  1.8em;
}
#guide #main h3 {
font-size:  18px;
margin:  0 0 40px;
}
#guide .lead-text {
margin:  0 0 40px;
font-size:  16px;
font-weight:  bold;
line-height:  1.8em;
color:  #666;

}
#guide .lead-text .red {
color: red;
}
#guide #main .box ul.notice {
list-style:  none;
margin:  -10px 0 20px;
}
#guide #main .box ul.notice li {
	text-indent: -1em;
	padding-left: 1em;
	margin:  0;
}
#guide #main .box li.note {
    list-style: none;
    margin-left: -1.5em;
}
#guide #main .box ul.notice li.small {
  font-size: 12px;
}
#guide #main .box {
margin:  0 0 60px;
}
#guide #main .box img {
width:  100%;
}
#guide #main .box dt {
margin:  0 0 20px;
padding:  10px 20px;
background-color: #fafafa;
border-bottom:  1px solid #ededed;
line-height: inherit;
}
#guide #main .box dd {
margin:  0 0 60px;
padding:  0 20px;
line-height: inherit;
}
#guide #main .box h4 {
font-size: 14px;
font-weight:  bold;
line-height:  1.8em;
margin:  0 0 10px;
padding:  0 0 5px;
border-bottom:  1px dotted #ccc;
}
#guide #main .box p {
margin:  0 0 40px 15px;
}
#guide.request #main .box p.text {
margin-left: 0;
}
#guide #main .box > ul,
#guide #main .box dd > ul {
margin:  0 0 20px;
list-style:  disc;
margin-left:  1.5em;
}

#guide #main .box li {
	margin:  0 0 10px;
}
#guide #main .box ul.sub-list {
	margin:  10px 0;
}
#guide #main .box ul.sub-list li {
	margin:  0;
}
#guide #main .box ul.sub-list li.small {
	font-size: 12px;
}
#guide #main .box ul ul,
#guide #main .box ol {
margin:  20px 0;
}
#guide #main .box ul ul li,
#guide #main .box ol li {
	text-indent: -1em;
	padding-left: 1em;
	margin:  0 0 10px;
}
#guide #main .box .sub-box {
border:  1px solid #e1e1e1;
background-color:  #fafafa;
border-radius:  4px;
padding:  20px 20px 0;
margin:  0 0 20px;
}
#guide #main .box .lead-text {
padding-left:  0;
margin-bottom:  20px;
}

#guide #sidebar {
    float: left;
}
#guide #sidebar .nav h3 {
font-size:  16px;
margin:  0 0 40px;
}
#guide #sidebar .nav li {
margin:  0 0 20px;
}

#guide #sidebar .nav li a {
color:  #000;
display:  block;
padding: 0 0 0 30px;
-webkit-transition: all 0s;
-moz-transition: all 0s;
-o-transition: all 0s;
transition: all 0s;

}
#guide #sidebar .nav li.active a,
#guide #sidebar .nav li a:hover {
background: url(../../images/common/icn_side_nav.png) no-repeat left center;
font-weight:  bold;
}

/* ページ内リンク */
#guide .header-menu {
margin:  0 0 40px;
}
#guide .header-menu li {
float:  left;
padding-right:  15px;
}
#guide .header-menu li:after {
content:  "|";
padding-left:  20px;
}
#guide .header-menu li:last-child:after {
content:  "";
}

/* ページ内リンク ヘッダーのずれ解消 */
#faq_01, #faq_02, #faq_03,
#faq_04, #faq_05, #faq_06{
margin-top: -80px;
padding-top: 80px;
}


/* トップ　 */
#guide.top .guide-menu {
margin:  0 0 40px;
}
#guide.top .guide-menu ul {
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
}
#guide.top .guide-menu li {
width:  20%;
float:  left;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
text-align:  center;
}
#guide.top .guide-menu li img {
height:  40px;
display:  block;
margin:  0 auto 20px;
}
#guide.top .guide-menu li img.unisize {
	height:  20px ;
	display:  block;
	margin:  20px auto 20px;
}
#guide.top .guide-menu li a {
display:  block;
padding:  40px 10px;
height:  100%;
color:  #000;
}
#guide.top .guide-menu li a:hover {
background-color:  #fafafa;
}
#guide.top h2 {
font-size:  18px;
margin:  0 0 40px;
font-weight:  bold;
line-height:  1.8em;
}
#guide.top .lead-text {
margin:  0 0 40px;
}


/*　商品について　  */
#guide.item #main .box ul.notice {
margin-top:  0;
}

/*　お支払いについて　  */
#guide.payment #main .box {
border-bottom:  1px solid #e1e1e1;
padding:  0 0 30px;
}
#guide.payment #main .box img {
width:  auto;
max-width:900px;
}
#guide.payment #main .box dt {
font-weight:  bold;
}
#guide.payment #main .box dd {
margin:  0 0 40px;
}
#guide.payment #main .box dd.aupay,
#guide.payment #main .box dd.rakuten_pay {
margin:  0 0 20px;
}

#guide.payment #main .box dd.rakuten_pay .rakuten-pay-image {
    width: 200px;
}
#guide.payment #main .box dd:last-child {
margin:  0;
}
#guide.payment #main .box p {
margin:  0 0 30px;
}
#guide.payment #main .box table {
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
margin:  0 0 20px;
width:  auto;
}
#guide.payment #main .box th {
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
padding:  20px 40px;
background-color:  #fafafa;
text-align:  center;
}
#guide.payment #main .box td {
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
padding:  20px 25px;
text-align:  center;
}
#guide.payment #main .box td.text-left {
text-align: left;
}
#guide.payment #main .box ol {
}
#guide.payment #main .box ol li {
margin:  0 0 20px;
}
#guide.payment #main #carriers {
padding:  0;
border:  none;
}
#guide.payment #main #convenience th {
background-color:  #FFF;
}
#guide.payment #main #convenience th img {
display:  block;
margin:  0 auto 15px;
}
#guide.payment .card-logo {
    max-width: 67px !important;
    max-height: 55px;
}
#guide.payment .paypay-image {
    max-width: 300px !important;
}
#guide.payment .au-pay-image {
    max-width: 250px !important;
}
#guide.payment .text-indent {
    display: inline-block;
    padding-left: 1em;
}
@media (max-width: 767px) {
    #guide.payment .text-indent {
        padding-left: 0;
    }
}
#guide.payment .text-margin {
    display: block;
    height: 10px;
}
#guide.payment .paidy-image {
    max-width: 400px !important;
}
@media (max-width: 767px) {
    #guide.payment .paidy-image {
        max-width: unset;
    }
}

/* 会員ステージサービスについて */
#guide.member-stage #main .box img {
    margin-top: 15px;
}

#guide.member-stage #main .box ul li {
    margin-top: 20px;
}

#guide.member-stage #main .box ul.notice {
    list-style-type: none;
    margin: 0;
    position: relative;
    left: -1.5em;
    width: calc(100% + 1.5em);
}

#guide.member-stage #main .box ul.notice li {

    margin: 0;
}

/*　利用規約　  */
#guide.terms .lead-text {
font-weight:  normal;
color: #000;
font-size: 14px;
}
#guide.terms #main h3 {
margin:  0 0 20px;
}
#guide.terms #main ol li {
list-style-type: decimal;
list-style-position: inside;
}
#guide.terms #main .parentheses li {
	list-style-type: none;
	counter-increment: cnt;
}
#guide.terms #main .parentheses li::before {
    content: "(" counter(cnt) ")";
}

/* 特定商取引 */
#guide.law #main table {
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
}
#guide.law #main th {
width:  230px;
background-color:  #fafafa;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
padding:  20px;
}
#guide.law #main td {
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
padding:  20px;
}
/*　プライバシーポリシー　  */
#guide.privacy .lead-text {
font-weight:  normal;
color: #000;
font-size: 14px;
margin:  0 0 20px;
}
@media (min-width:767px) {
    #guide.privacy .lead-text {
    padding: 0 20px;
    }
}
#guide.privacy #main .box dd > ul {
margin: 0;
margin-left: 3em;
}
#guide.privacy #main .box dd > ul > li {
margin: 0;
}

#guide.privacy  #main .box #aa img {
width: 130px;
}

/* サイズガイド */
#guide.size_guide #main .box table {
	margin-bottom: 20px;
}
#guide.size_guide #main .w360 .pad10 th {
	text-align: center;
  background-color: #fafafa;
}
#guide.size_guide #main .box li.caution {
	color: #e9381a;
}
#guide.size_guide div.clearfix.mb30 {
	margin-bottom: 20px;
}
#guide.size_guide p.chart {
	text-align: center;
}
#guide.size_guide p.size_02 img {
	border: 1px solid #e1e1e1;
}
#guide.size_guide #main .box .chart img,
#guide.size_guide #main .box .size_01 img,
#guide.size_guide #main .box .size_02 img {
	width: auto;
}
@media(max-width:767px) {
	#guide.size_guide #main .box .chart img,
	#guide.size_guide #main .box .size_01 img,
	#guide.size_guide #main .box .size_02 img {
		width: 100%;
	}
}

/* バーチャサイズ */
#guide.virtusize {
	float: none;
	margin: 0 auto;
}
/*#guide.virtusize #page-title,
#guide.virtusize #sidebar {
	display: none;
}
#guide.virtusize #main {
	width: auto;
}*/
#guide.virtusize p.capture {
	text-align: center;
	margin-bottom: 60px;
}
#guide.virtusize #main .box img {
	width: auto;
}
#guide.virtusize .pull-left {
	float: left;
	width: 49%;
}
#guide.virtusize .pull-right {
	float: right;
	width: 49%;
}
#guide.virtusize .box dt {
	clear: both;
}
@media (max-width:979px) {
		#guide.size_guide #main .capture.main-image img,
		#guide.virtusize #main .capture.main-image img {
			width: 100%;
		}
		#guide.virtusize #main .box .pull-left img,
		#guide.virtusize #main .box .pull-right img {
			width: 100%;
		}
		/*.pull-left,
		.pull-right {
			float: none;
			width: 100%;
		}*/
}
@media (max-width:767px) {
	#guide.virtusize #main .box img {
		width: 100%;
	}
	#guide.virtusize .pull-left,
	#guide.virtusize .pull-right {
		float: none;
		width: 100%;
	}
	#guide.virtusize #main .box .pull-left img,
	#guide.virtusize #main .box .pull-right img {
		width: 94%;
	}
	#guide.virtusize #main .box .pull-left p,
	#guide.virtusize #main .box .pull-right p {
		text-align: center;
	}
	#guide.virtusize #main .box .pull-left p.text,
	#guide.virtusize #main .box .pull-right p.text {
		text-align: left;
	}
}
/* wrapping */
#guide.wrapping #main .box .wrapping-free .sub-title {
    margin-bottom: 15px;
    font-weight: bold;
}
#guide.wrapping #main .box .wrapping-free ul.description,
#guide.wrapping #main .box .wrapping-free ul.flexbox.col2,
#guide.wrapping #main .box .wrapping-free ul.flexbox.col4 {
    margin: 0 0 15px 15px;
}
#guide.wrapping #main .box .wrapping-free ul.flexbox.col2 li {
    width: 40%;
    padding: 10px;
}
#guide.wrapping #main .box .wrapping-free ul.flexbox.col2 li img {
    height: 230px;
    width: auto;
}
#guide.wrapping #main .box .wrapping-free ul.flexbox.col4 {
    margin: 0 10px 15px;
}
#guide.wrapping #main .box .wrapping-free ul.flexbox.col4 li {
    width: 25%;
    padding: 0 5px;
}
#guide.wrapping #main .box .wrapping-free ul.flexbox.col4 li p {
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
}
#guide.wrapping #main .box .wrapping-free ul.flexbox.col4 li br {
    display: none;
}
#guide.wrapping #main .box .wrapping-free ul.flexbox.col4 li span {
    display: block;

}
#guide.wrapping #main .box .wrapping-free ul.notice,
#guide.wrapping #main .box .wrapping-free p.notice {
    margin-left: 15px;
}
#guide.wrapping #main .box .wrapping-free ul.description li,
#guide.wrapping #main .box .wrapping-free ul.flexbox li p {
    margin: 0;
}
#guide.wrapping #main .giftkit {
    margin-bottom: 20px;
}
#guide.wrapping #main .giftkit-title{
    background-color: #525252;
    color: #fff;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: normal;
    border: 1px solid #525252;
}
#guide.wrapping #main .giftkit ul {
    display:table;
    list-style:none;
    margin:0;
    width:100%;
    border-collapse: collapse;
}
#guide.wrapping #main .giftkit ul li {
    display:table-cell;
    padding: 5px 10px;
    font-size: 12px;
    border: 1px solid #525252;
    text-align: center;
}
#guide.wrapping #main .giftkit ul li p {
    margin: 0;
    line-height: 18px;
    text-align: left;
}
#guide.wrapping #main .giftkit ul li span {
    display: block;
}
#guide.wrapping #main .giftkit ul li.box,
#guide.wrapping #main .giftkit ul li.sticker {
    width: 30%;
}
#guide.wrapping #main .giftkit ul li.gum,
#guide.wrapping #main .giftkit ul li.button {
    width: 20%;
}
#guide.wrapping #main ul.arrange {
    list-style: none;
    margin: 0 0 20px;
    flex-wrap: nowrap;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#guide.wrapping #main ul.arrange li img {
    max-width: 100%;
}
#guide.wrapping #main ul.arrange li {
    padding-right: 10px;
}
#guide.wrapping #main ul.arrange li:last-child {
    padding-right: 0;
}

/* LINEスタッフスタート あいさつメッセージ用同意ページ */
#guide .page-line-privacy--flex-box {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}
#guide .page-line-privacy--text-container {
    font-size: 14px;
    line-height: 1.8em;
}
#guide .page-line-privacy--headline {
    margin-top: 1em;
    font-weight: bold;
}
#guide .page-line-privacy--text {
    margin-left: 1em;
}
#guide .page-line-privacy--text ul {
    margin-left: 2em;
    list-style: disc;
}

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

@media (max-width: 991px) {

#guide #page-title {
    padding: 15px 0 15px 0;
    margin: 0 0 20px;
}
#guide #page-title.mb-0 {
    margin-bottom: 0;
}
#guide #page-title.mb-40 {
    margin-bottom: 40px;
}
#guide #main .box p {
margin:  0 0 30px 15px;
}
/* 共通 */
#guide .sp-select-nav {
    padding:  0 10px;
    margin:  15px 0 0;
}
#guide .sp-select-nav select {
width:  100%;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	height:  40px;
}
#guide .lead-text {
padding:  0;
}
#guide #main h3 {
font-size:  16px;
margin:  0 0 20px;
}
#guide #main .box {
margin:  0 0 40px;
}
#guide #main .box dt {
margin: 0 -10px 10px;
padding: 5px 20px;
}
#guide #main .box dd {
padding:  0;
margin:  0 0 20px;
}
#guide #main .box > ul,
#guide #main .box dd > ul {
padding:  0 10px 0 0;
}



#guide .header-menu {
margin-top: -41px;
margin-bottom:  40px;
}
#guide .header-menu ul {
margin:  0 -10px;
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
}
#guide .header-menu li {
width:  50%;
float:  left;
padding-right:  0;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
#guide .header-menu li:after {
content:  "";
padding-left:  0;
}
#guide .header-menu li a {
height:  40px;
line-height:  40px !important;
display:  block;
padding:  0 10px;
color:  #000;
background-color:  #fafafa;
}



/* トップ */
#guide.top h2 {
font-size:  16px;
text-align:  center;
}
#guide.top .lead-text {
text-align:  center;
}
#guide.top .guide-menu li {
width:  50%;
float:  left;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
text-align:  center;
}

/* お支払いについて */
#guide.payment #main .box {
padding:  0 0 20px;
}
#guide.payment #main .box dd:last-child {
margin:  0;
}
#guide.payment #main .box img {
width:  100%;
}
#guide.payment #main .box table {
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
margin:  0 0 20px;
width:  100%;
}
#guide.payment #main .box th {
padding:  10px;
}
#guide.payment #main .box td {
padding:  10px;
}
#guide.payment #main .box td img {
width:  40px;
}
#guide.payment #main .box ol li {
margin:  0 0 10px;
}
#guide.payment #main #card th {
padding:  10px 5px;
}
#guide.payment #main #convenience th {
width:  100%;
display:  block;
text-align:  left;
}
#guide.payment #main #convenience th img {
display: inline;
margin:  0 15px 0 0;
width: auto;
}
#guide.payment #main #convenience td {
width:  100%;
display:  block;
}

/* 特定商取引 */
#guide.law #main table {
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
}
#guide.law #main th {
width:  100%;
display: block;
padding:  10px;
}
#guide.law #main td {
width:  100%;
display: block;
padding:  10px;
}

}

#guide.faq p.back-to-top {
	text-align: right;
}

/* 返品交換 */
#guide.return #main .box h4:not(:first-of-type) {
    margin-top: 40px;
}

/* 試着予約について */
#guide.fitting #main .box p.text {
    margin-left: 0;
    margin-bottom: 20px;
}

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

@media (max-width: 767px){
    /* wrapping */
    #guide.wrapping #main .box br.sp-none {
        display: none;
    }
    #guide.wrapping #main .box .wrapping-free .sub-title {
        margin-bottom: 0;
    }
    #guide.wrapping #main .box .wrapping-free ul li {
        line-height: inherit;
    }
    #guide.wrapping #main .box .wrapping-free ul.description {
        margin: 0 0 15px;
    }
    #guide.wrapping #main .box .wrapping-free ul.flexbox.col2 {
        display: block;
        margin: 0 0 20px;
    }
    #guide.wrapping #main .box .wrapping-free ul.flexbox.col4 {
        margin: 0 -5px 20px;
    }
    #guide.wrapping #main .box .wrapping-free ul.flexbox.col2 li {
        width: 100%;
        padding: 0;
    }
    #guide.wrapping #main .box .wrapping-free ul.flexbox.col4 li {
        width: 50%;
        padding: 0 5px;
    }
    #guide.wrapping #main .box .wrapping-free ul.flexbox.col2 li img,
    #guide.wrapping #main .box .wrapping-free ul.flexbox.col4 li img {
        width: 100%;
        height: auto;
    }
    #guide.wrapping #main .box .wrapping-free ul.flexbox.col4 li br {
        display: block;
    }
    #guide.wrapping #main .box .wrapping-free ul.notice,
    #guide.wrapping #main .box .wrapping-free p.notice {
        margin-left: 0;
    }
    #guide.wrapping #main .giftkit ul {
        display: flex;
        flex-wrap: wrap;
    }
    #guide.wrapping #main .giftkit ul li.box,
    #guide.wrapping #main .giftkit ul li.sticker,
    #guide.wrapping #main .giftkit ul li.gum,
    #guide.wrapping #main .giftkit ul li.button {
        display: block;
        width: 50%;
        margin-bottom: 0;
    }
    #guide.wrapping #main .giftkit ul li.box,
    #guide.wrapping #main .giftkit ul li.sticker {
        border-bottom: 0;
    }
    #guide.wrapping #main .giftkit ul li.box,
    #guide.wrapping #main .giftkit ul li.gum {
        border-right: 0;
    }
    #guide.wrapping #main .giftkit ul li.box img,
    #guide.wrapping #main .giftkit ul li.sticker img {
        max-width: 80%;
        width: auto;
    }
    #guide.wrapping #main .giftkit ul li.gum img,
    #guide.wrapping #main .giftkit ul li.button img {
        max-width: 40%;
        width: auto;
    }
    #guide.wrapping #main ul.arrange {
        flex-wrap: wrap;
        padding-right: 0;
    }
    #guide.wrapping #main ul.arrange li.horizontal {
        width: 37%;
    }
    #guide.wrapping #main ul.arrange li.vertical {
        width: 26%;
        padding-right: 0;
    }

    /* LINEスタッフスタート あいさつメッセージ用同意ページ */
    #guide .page-line-privacy--text-container {
        padding: 0 10px;
    }
}