@charset "utf-8";
/* CSS Document */

/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:13px;
	font-family: 'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}

body { min-width: 320px; padding-top: 85px; }

a {
	color:#000;
	outline:none;
    text-decoration:none;
}
li {list-style:none;}
textarea {resize:none; }
img {
	 border:none;
     vertical-align: top; 
	     max-width: 100%;
}

.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }


#wrap {
    width: 100%;
	min-width: 320px;
	max-width: 640px;
	margin:auto;
    overflow: hidden;
}
.inner,
.bnr { padding: 0 15px; }
.bnr { text-align:center; }
.bnr img { max-width: 100%; }


.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }

.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }

/*--------------------------------------------------------
    header
--------------------------------------------------------*/
#sp-global-header {
 	border-top:5px solid #333;
	padding-top: 10px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 10000;
}
	
#sp-global-header .top {
    position: relative;
    height: 65px;
}
#sp-global-header h1 {
    font-size: 12px;
    letter-spacing: 0.03em;
    font-weight: normal;
}
#sp-global-header .logo {
    display: block;
	width: 170px;
	margin-top: 5px;
	display: -webkit-flex;
	display: flex;
	align-items: -webkit-flex-start;
	align-items: flex-start;
}
#sp-global-header #h-award{
	width: 30px;
}

#sp-global-header #ut-nav{
	position: absolute;
	right:15px;
    top: 25px;
    overflow: hidden;
}
#sp-global-header #ut-nav li {
    float: left;
	margin-left: 5px;
}
#sp-global-header #ut-nav li img { height: 32px ; width: auto; }


/*   sp-main nav
-----------------------------------------*/
#sp-main-nav {
	display: none;
    width: 100%;
	height: 100%;
    position: fixed;
    top: 90px;
    left: 0;
    z-index: 1000;
	background: rgba(0,0,0,0.70);
	overflow: auto;
    -webkit-overflow-scrolling: touch;		
}
#sp-main-nav #sp-main-nav-inn{
	width: 100%;
	height: 100%;
    padding: 30px 15px 105px;
    background: #fff;
	box-sizing: border-box;
	position: relative;
	overflow: auto;
    -webkit-overflow-scrolling: touch;	
}
#sp-main-nav h2{
	color: #873;
	text-align: center;
	border-bottom: 1px dotted;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#sp-main-nav h2 span{
	position: relative;
	padding-left: 10px;
	font-size: 14px;
}
#sp-main-nav h2 span:before{
	content: "";
	position: absolute;
	top: 2px;
	left: -20px;
	width: 16px;
	height: 16px;
	background-size: 100%;
	background-repeat: no-repeat;
}
#sp-main-nav h2.sp-h-cttl span:before{
	background-image: url("images/sp/h_c_ttl1_ico.png");
}
#sp-main-nav h2.sp-h-ittl span:before{
	background-image: url("images/sp/h_c_ttl2_ico.png");
}

#sp-nav-close{
	width: 25px;
	position:absolute;
	top: 15px;
	right: 15px;
	z-index: 1000;
	cursor: pointer;
}


#sp-main-nav h3{
	background: #e9e5dc;
	color: #454545;
	padding: 5px;
	box-sizing: border-box;
}
#sp-main-nav h3 span{
	font-size: 13px;
	line-height: 1;
	position: relative;
	padding-left: 30px;
}

#sp-main-nav h3 span:before{
	width: 22px;
	height: 22px;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -2%;
	background-repeat: no-repeat;
	background-size: 100%;
}

#sp-h-c-up h3 span:before{
	background-image: url("images/sp/h_c_search1_ico.png");
}
#sp-h-c-shoes h3 span:before{
	background-image: url("images/sp/h_c_search2_ico.png");
}
#sp-h-c-wide h3 span:before{
	background-image: url("images/sp/h_c_search3_ico.png");
}

#sp-main-nav .sp-nav-list{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
#sp-main-nav .sp-nav-list li{
	width: 50%;
	border-bottom: 1px dotted #333;
	position: relative;
}
#sp-main-nav .sp-nav-list li a{
	display: block;
	font-size: 13px;
	color: #333;
	padding: 10px 10px 10px 25px;
	box-sizing: border-box;
}

#sp-main-nav .sp-nav-list li a:before{
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	width: 23px;
	height: 23px;
	background-repeat: no-repeat;
	background-size: 100%;
}
/*高さで探す*/
#sp-h-c-up .sp-nav-list li a:before{
	background-image: url("images/sp/h_up_ico.png");
}

/*靴のタイプで探す*/
#sp-h-c-shoes .sp-nav-list .h-shoes1 a:before{
	background-image: url("images/sp/h_shoes_ico1.png");
}
#sp-h-c-shoes .sp-nav-list .h-shoes2 a:before{
	background-image: url("images/sp/h_shoes_ico2.png");
}
#sp-h-c-shoes .sp-nav-list .h-shoes3 a:before{
	background-image: url("images/sp/h_shoes_ico3.png");
}
#sp-h-c-shoes .sp-nav-list .h-shoes4 a:before{
	background-image: url("images/sp/h_shoes_ico4.png");
}
#sp-h-c-shoes .sp-nav-list .h-shoes5 a:before{
	background-image: url("images/sp/h_shoes_ico5.png");
}

/*靴幅で探す*/
#sp-h-c-wide .sp-nav-list li a:before{
	background-image: url("images/sp/h_wide_ico.png");
}

/*商品一覧ボタン*/
#sp-main-nav .sp-h-btn{
	width: 80%;
	margin: 0 auto 20px;
	background: #95928a;
	border-radius: 3px;
	box-shadow: 0 0 0 1px #95928a, 0 0 0 1px #fff inset;	
}
#sp-main-nav .sp-h-btn a{
	display: block;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 1;
	padding: 10px;
	box-sizing: border-box;
}
#sp-main-nav .sp-h-btn a span{
	position: relative;
	padding-right: 15px;
}
#sp-main-nav .sp-h-btn a span:after{
	content: "";
	position: absolute;
	right: -15px;
	top: 50%;
	margin-top: -5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #ffffff;
}

/*INFORMATION*/
.sp-nav-info{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	background: #e9e5dc;
	padding: 5px 10px;
	box-sizing: border-box;
}
.sp-nav-info li{
	width: 50%;
	border-bottom: 1px dotted;
	position: relative;
}
.sp-nav-info li:last-child , 
.sp-nav-info li:nth-last-of-type(2){
	border-bottom: none;
}
.sp-nav-info li a{
	display: block;
	font-size: 11px;
	padding: 5px 10px;
}
.sp-nav-info li:after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #4b4b4b;
    border-right: 2px solid #4b4b4b;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);	
}
.sp-nav-info li br{
	display: none;
}


/*   sp-main nav(旧CSS)
-----------------------------------------*/
/*#sp-main-nav {
	display: none;
	width: 100%;
	height: inherit;
	padding: 0 15px 10px;
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 10000;
	background: #fff;
	box-sizing: border-box;
	-webkit-box-shadow: 0 5px 7px #777;
	-moz-box-shadow: 0 5px 7px #777;
	box-shadow: 0 5px 7px #777;
}

#sp-main-nav li a {
	font-size: 14px;
	letter-spacing: 0.09em;
	display: block;
	padding: 10px 0;
	color:#000;
	border-bottom: dotted 1px #ccc;
}*/

/* top-free */
#top-free ul { overflow: hidden; }
#top-free ul li {
	width: 32%;
	float: left;
	margin-left: 2%;
}
#top-free ul li:first-child { margin-left: 0; }
#top-free ul li a { display:block; }


/* slider */
#sp-slider-area .bx-wrapper { margin: 0 auto 40px; }
#sp-slider-area .bx-viewport { overflow: hidden; }

#sp-slider-area .bx-wrapper .bx-pager.bx-default-pager a {
    background: #cccccc;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
#sp-slider-area .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #dd0000;
}


/* search-upsize */
#search-upsize {
	overflow: hidden;
	margin-bottom: 20px;
}
#search-upsize li {
	width: 18%;
	float: left;
	margin-left: 2.5%;
}
#search-upsize li:first-child { margin-left: 0; }



/* sp-search-area */
#sp-search-area {
    padding: 10px 0;
	background:  url(images/sp/info_ttl_bg.gif);
}
#sp-search-area .search {
    height: 40px;
	position: relative;
}
#sp-search-area .search .search-cat {
	font-size: 12px;
	font-weight:bold;
	display:block;
	width: 22%;
	line-height: 16px;
	letter-spacing: 1px;
	padding: 4px 0;
	text-align:center;
	color: #fff;
	background: #000;
    position: absolute;
	left:0; top: 0;
}

#sp-search-txt {
    box-sizing: border-box;
	height: 40px;
    width: 60%;
	border: solid 1px #ccc;
	text-indent: 10px;
	background: #fff url(images/sp/icon_search.gif) 97% center no-repeat;
	background-size: 30px;
	position: absolute;
	left: 24%; top: 0;
}
#sp-search-btn {
	font-size: 12px;
	display:block;
	width: 14%;
	line-height: 16px;
	letter-spacing: 1px;
	padding: 4px 0;
	text-align:center;
	color: #fff;
	background: #aa9955;
    position: absolute;
	right:0; top: 0;
}


/*--------------------------------------------------------
    コンテンツ
--------------------------------------------------------*/
#contents .items { overflow:hidden; }
#contents .items li {
	width: 30%;
	float: left;
	margin: 0 0 20px 5%;
}
#contents .items li:nth-child(3n+1) {
    clear: both;
	margin: 0 0 20px 0;
}
#contents .items .img { margin-bottom:10px; }
#contents .item-name {
   font-size: 13px;
   font-weight: normal;
}
#contents  .item-name span {
   font-size: 13px;
   font-weight: bold;
   color: #dd0000;
   display:block;
}
#contents .item-value {
   font-size: 13px;
   font-weight: bold;
}
#contents .item-value span {
   font-size: 11px;
   font-weight: normal;
}

#contents .bx-wrapper { margin: 0 auto 40px; }
#contents .bx-viewport { overflow: hidden; }
#contents .bx-wrapper .bx-pager { bottom: -20px; }
#contents .bx-wrapper .bx-pager.bx-default-pager a {
    background: #cccccc;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
#contents .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #dd0000;
}
#contents .bx-wrapper .bx-controls-direction a {
    top: initial;
    margin-top: 0;
    text-indent: 0;
	text-align: center;
    background: none !important;
}
#contents .bx-wrapper .bx-next { right: 0; }
#contents .bx-wrapper .bx-prev { left: 0; }


/* sp-ranking-area */
#sp-ranking-area .ranking-list li:last-child { margin-bottom: 50px; }
 #sp-ranking-area .ranking-list li .rank {
	margin-bottom: 10px;
	text-align:center;
}
#sp-ranking-area .ranking-list li .rank-num {
    width: 30px;
	font-size: 13px;
	color: #fff;
	background: #000;
	margin: 0 auto 10px;
	text-align:center;
	line-height: 30px;
	-moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}
#sp-ranking-area .ranking-list li .item-name {
	line-height: 1.5;
}


/* sp-topic-area */
#sp-topic-area {
    background: #f0f0f0;
    overflow: hidden;
}
#sp-topic-area .sp-title02 {
    font-size: 15px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #737475;
}
#topic-slider ul {
	overflow: hidden;
	margin-bottom:15px;
}
#topic-slider ul li {
    width: 50%;
	float: left; 
    box-sizing: border-box;
}
#topic-slider ul li:nth-child(odd) { padding: 0 7.5px 0 15px; }
#topic-slider ul li:nth-child(even) { padding: 0 15px 0 7.5px; }


/* sp-cateogry-area */
#sp-cateogry-area .category-box { margin-bottom: 30px; }
#sp-cateogry-area .category-box h3 {
	font-size: 14px;
	padding-left: 40px;
	line-height: 35px;
	background: url(images/icon_cat_search.png) #e9e5dc 10px center no-repeat;
}

/* search-category01 */
#search-type ul { overflow: hidden; }
#search-type ul li {
    width: 50%;
	box-sizing:border-box;
	margin-bottom: 15px;
}
#search-type ul li:nth-child(odd) {
	float: left;
	padding-right: 7.5px;
}
#search-type ul li:nth-child(even) {
	float: right;
	padding-left: 7.5px;
}


/* search-category03 */
#search-up { overflow: hidden; }
#search-up li {
    width: 50%;
	box-sizing:border-box;
	margin-bottom: 15px;
}
#search-up li:nth-child(odd) {
	float: left;
	padding-right: 7.5px;
}
#search-up li:nth-child(even) {
	float: right;
	padding-left: 7.5px;
}


/* search-category04 */
#search-category04 li {
	text-align:center;
	float: left;
	margin-bottom: 15px;
}
#search-category04 li:last-child { margin-bottom: 40px; }
#search-category04 li img { width: 100%; }


/* search-category05 */
.category-box#search-category05 h3 {
    background: #e9e5dc;
    padding-left: 10px;
}
.category-box#search-category05 h3 span { font-size: 10px; }

/*top_under_txt*/
h2.sub_ttl {
  font-size: 14px;
  border-top: solid 2px #978659;
  border-bottom: solid 1px #978659;
  padding: 10px 0;
}

.t_btm_txt {
  font-size: 12px;
  line-height: 1.5em;
  padding: 10px 0;
}



/*--------------------------------------------------------
    footer
--------------------------------------------------------*/
#sp-global-footer { padding: 20px 0; }
#ft-nav { overflow:hidden; }
#ft-nav li {
    float: left;
    width: 50%;
    box-sizing: border-box;
}
#ft-nav li:nth-child(even) { border-left: solid 1px #fff; }
#ft-nav li a {
    display: block;
    padding: 10px 0 10px 20px;
	font-size: 14px;
    background: #efefef;
    border-bottom: solid 1px #fff;
}

#sp-global-footer .to-pc {
    font-size: 14px;
    display: block;
    width: 100px;
    text-align: center;
    margin: 20px auto;
    padding: 10px 0;
	background: #fff;
    border-radius: 5px;
    border: solid 1px #ccc;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}


@media screen and (max-width: 360px){
	.sp-nav-info li br{display: block;}
}

@media screen and (max-width: 320px){
	#sp-global-header h1 { font-size: 10px; }
    #sp-global-header .logo { width: 140px; }
	#sp-global-header #h-award{width: 26px;}

    #sp-global-header .top { height: 70px; }
    #sp-global-header #ut-nav li { margin-left: 4px; }
	#sp-global-header #ut-nav li img { height: 25px; }
	
	#sp-main-nav{ top: 80px; }
	
	#sp-main-nav .sp-nav-list li a{font-size: 12px;}
	/* search-category05 */
	.category-box#search-category05 h3 {
		line-height: initial;
		padding: 10px;
	}
	.category-box#search-category05 h3 span {
		display:block;
		font-size: 12px;
	}

}



#page {
	overflow-x: hidden;
}

/*-------------------------------

/css/sp-style.css　に入っていた情報

--------------------------------*/
/*-------------------------------------------------
年代別ランキング*/

#ranking-age{
	width: 100%;
	margin: auto;
}
#ranking-age p{
	font-family:  'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}
#ranking-age #rank-age-nav{
	width: 90%;
	overflow: hidden;
	margin: 0 auto 5%;
}  
#ranking-age #rank-age-nav li{
	width: 48%;
	float: left;
	margin-bottom: 2%;
}  
#ranking-age #rank-age-nav li:nth-child(2n){
	float: right;
}  
#ranking-age .ranking-age-area{
	background: #fff9eb;
	margin-bottom: 5%;
}
#ranking-age .ranking-age-area h3{
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	letter-spacing: 2px;
	font-weight: normal;
	font-weight: bold;
	padding: 10px 15px;
	margin: 0;
	box-sizing: border-box;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#ranking-age .ranking-age-area h3 img{
	margin-right: 10px;
	width: 6%;
}
#ranking-age .ranking-age-area h3#rank10-20{
	background-color: #998855;
}
#ranking-age .ranking-age-area h3#rank30-40{
	background-color: #737373;
}
#ranking-age .ranking-age-area h3#rank50-60{
	background-color: #997255;
}
#ranking-age .ranking-age-area h3#rank70{
	background-color: #7e6b5a;
}
  
#ranking-age .rank-age-main{
	padding: 15px 15px 40px;
	overflow: hidden;
	box-sizing: border-box;
}
#ranking-age .rank-age-main figure{
	padding: 0;
	margin: 0 0 1%;
}
#ranking-age .rank-age-main figure img{
	width: 100%;
}
#ranking-age .rank-age-main p{
	font-size: 14px;
	line-height: 20px;
} 
#ranking-age .rank-age-list{
	padding: 0 15px 15px;
	box-sizing: border-box;
}  
#ranking-age .rank-age-list h4{
	color: #755115;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	font-family:  'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	border-bottom: 1px solid;
	padding-bottom: 7px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}
 #ranking-age .rank-age-list h4 span{
 	border-left: 4px solid;
	padding-left: 10px;
 }
  #ranking-age .rank-age-list ul{
  	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
  }
  #ranking-age .rank-age-list ul li{
  	width: 50%;
	color: #000;
	padding: 3%;
	box-sizing: border-box;
  }
    #ranking-age .rank-age-list ul li a{
	color: #000;
	text-decoration: none;
	}

   #ranking-age .rank-age-list ul li img{
   	max-width: 100%;
   }
   #ranking-age .rank-age-list ul li .rank_no{
   	text-align: center;
	margin: 0 0 5px;
   }
   #ranking-age .rank-age-list ul li .rank-i-name{
   	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	margin: 5px 0;
   }
  #ranking-age .rank-age-list ul li .rank-i-txt{
  	font-size: 12px;
	line-height: 18px;
  }
  
    #ranking-age .rank-age-list .b-shoes{
		margin-bottom: 40px;
	}

/*-------------------------------------------------
イージーオーダー*/

#easyorder{
	width: 100%;
	margin: auto;
}
#easyorder .pc , 
#eo-form .pc{
	display: none;
}
#easyorder .sp , 
#eo-form .sp{
	display: block;
}
#easyorder a img:hover{
	opacity: 0.8;
}
#easyorder p , #easyorder h4 , #easyorder h5{
	font-family:  'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}
#easyorder-fv{
	margin: 0 0 15px;
} 

#easyorder .attention1{
	margin: 15px 0 0;
}
#easyorder .e-order-btn{
	margin: 25px auto 50px;
}
#easyorder .e-order-btn li{
	text-align: center;
}
#easyorder .e-order-btn li:not(:last-child){
	margin-bottom: 5px;
}  
#easyorder h4.exam-ttl{
	font-size: 16px;
	color: #000;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 0 10px 10px 50px;
	margin: 0 0 15px;
	border-bottom: 1px solid;
	position: relative;
	background: url(https://www.up-shoes.com/pic-labo/easyorder_ico1.png) no-repeat left;
	background-size: 10%;
}
#easyorder-rank h5{
	font-size: 14px;
	line-height: 22px;
	background-color: #5b5f6b;
	background-repeat: no-repeat;
	background-position: left 10px center;
	color: #fff;
	text-align: left;
	font-weight: bold;
	padding: 10px 10px 15px 50px;
	position: relative;
}  
#easyorder-rank h5.no1{
	background-image: url(https://www.up-shoes.com/pic-labo/easyorder_r-ico1.png);
	background-size: 8%;
}
#easyorder-rank h5.no2{
	background-image: url(https://www.up-shoes.com/pic-labo/easyorder_r-ico2.png);
	background-size: 8%;
}
#easyorder-rank h5.no3{
	background-image: url(https://www.up-shoes.com/pic-labo/easyorder_r-ico3.png);
	background-size: 8%;
}
#easyorder-rank h5.no4-10{
	background-image: url(https://www.up-shoes.com/pic-labo/easyorder_r-ico4.png);
	background-size: 8%;
} 
 #easyorder-rank .e-order-rankbox{
 	border: 1px solid #5b5f6b;
	text-align: left;
	background: #fff;
	margin-bottom: 20px;
 } 
#easyorder-rank .e-order-rank-inner{
  	box-sizing: border-box;
	padding: 20px;
	overflow: hidden;
 }
#easyorder-rank .e-order-before{
 	width: 100%;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
 }
  #easyorder-rank .e-order-before p{
  	font-weight: bold;
	padding: 10px 0 20px;
	margin: 0;
  }
 #easyorder-rank .e-order-before a{
 	color: #000;
	text-decoration: none;
 }
 #easyorder-rank .e-order-before a:hover{
 	color: #666;
 } 
 #easyorder-rank .e-order-after{
 	width: 100%;
 }
 #easyorder-rank .e-order-after ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
 }
 #easyorder-rank .e-order-after li{
  	width: 45%;
 }
 #easyorder-rank .e-order-after li:nth-child(3n){
 	margin-right: 0;
 } 
#easyorder-rank .e-order-after li:nth-child(1) , 
#easyorder-rank .e-order-after li:nth-child(2) ,
#easyorder-rank .e-order-after li:nth-child(3){
	margin-bottom: 25px;
}   
#easyorder-rank .e-order-after li p{
	margin: 0;
	font-size: 13px;
	line-height: 16px;	
}
#easyorder-rank .e-order-after li span{
	font-size: 11px;
}
#easyorder-rank .e-order-after li img{
	width: 100%;
	border: 1px solid #a0a0a0;
	margin: 2px 0 5px;
}
 

#easyorder-other{
	border: 1px solid #f79b68;
	margin-top: 40px;
}
#easyorder-other h4{
	font-size: 16px;
	line-height: 16px;
	background: #f79b68;
	color: #fff;
	text-align: left;
	font-weight: bold;
	padding: 10px 10px 15px 50px;
	margin: 0;
	position: relative;
	background: url(https://www.up-shoes.com/pic-labo/easyorder_ico2.png) #f79b68 no-repeat left;
	background-size: 10%;
}  
#easyorder-other .e-order-other-inner{
  	box-sizing: border-box;
	padding: 20px;
	overflow: hidden;
	-webkit-display: flex;
	-moz-display: flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
 }
 
 #easyorder-other .e-order-other-box{
 	width: 100%;
 	padding: 15px;
	box-sizing: border-box;
	background: #f0e2cc;
	margin-bottom: 20px;
 }
  #easyorder-other .e-order-other-box:nth-last-child(1){
  	margin-bottom: 0;
  }

  #easyorder-other .e-order-other-box ul{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  }
  #easyorder-other .e-order-other-box li{
  	width: 45%;
	font-size: 12px;
	line-height: 16px;
	position: relative;
  } 
    #easyorder-other .e-order-other-box li img{
		width: 100%;
	}
 #easyorder-other .e-order-other-box p{
 	margin: 5px 0 0;
 }
 #easyorder-other .e-order-before{
 }
 #easyorder-other .e-order-before::after{
 	content: url(https://www.up-shoes.com/pic-labo/easyorder_arr_s_sp.png);
	position: absolute;
	right: -15%;
	top: 50%;
 } 
  #easyorder-other .e-order-after{
 	float: right;
 }
 
 
 
  #easyorder #easyorder-step{
 	background: url(https://www.up-shoes.com/pic-labo/easyorder_step_bg.jpg) repeat-y;
	background-size: contain;
	border: 1px solid #59493f;
	box-sizing: border-box;
	padding: 30px 15px 15px;
	margin: 0 0 60px;
 }
 #easyorder #easyorder-step h3{
 	border-bottom: 1px solid #59493f;
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 30px;
	vertical-align: bottom;
 }
  #easyorder #easyorder-step h3 img{
  	max-width: 80%;
  }
  #easyorder #easyorder-step h3 span{
  	padding-left: 0;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 2px;
	color: #371902;
	display: block;
	padding-top: 15px;
  }
   
  #easyorder #easyorder-step ol{
  	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  }
  #easyorder #easyorder-step li{
  	width: 48%;
	list-style-type: none;
	margin-bottom: 5%;
	text-align: center;
  }

#easyorder #easyorder-step h4{
	margin-bottom: 10px;
}
#easyorder #easyorder-step p{
	margin: 0;
	color: #371902;
	font-size: 13px;
	text-align: left;
	padding: 0 10px;
}
#easyorder #easyorder-step p:not(:last-child){
	margin-bottom: 15px;
}

#easyorder .step-ttl{
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	background: url(https://www.up-shoes.com/pic-labo/easyorder_ico2.png) no-repeat right center #5b5f6b;
	background-size: 10%;
	padding: 10px 35px 10px 20px;
	margin-bottom: 20px;
}
#easyorder .step-txt{
	font-size: 14px;
	padding:  0 25px 25px;
}
#easyorder .step-txt span{
	font-size: 12px;
}
	
#easyorder #easyorder-sozai{
	border-top: 1px solid #7e6b5a;
	margin: 25px auto 30px;
	padding: 30px 10px 0;
	box-sizing: border-box;
}
#easyorder #easyorder-sozai ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#easyorder #easyorder-sozai ul img{
	width: 100%;
}
#easyorder #easyorder-sozai ul > li{
	width: 48%;
	box-sizing: border-box;
}
#easyorder #easyorder-sozai ul > li{
	margin-bottom: 20px;
}
#easyorder #easyorder-sozai ul > li p{
	font-size: 14px;
	margin: 5px 0;
	font-weight: bold;
}
#easyorder #easyorder-sozai ul > li > ul > li{
	width: 48%;
	box-sizing: border-box;
	margin-bottom: 3px;
}
#easyorder #easyorder-sozai ul > li > ul p{
	font-size: 8px!important;
	letter-spacing: -1px;
	margin-bottom: 0;
	font-weight: normal;
}
#easyorder #easyorder-sozai ul > li > ul a{
	text-decoration: none;
	color: #000;
}
	
#easyorder #easyorder-read{
	background: #8e2632;
	box-shadow: 0 0 0 1px #8e2632,0 0 0 2px #fff inset;
	box-sizing: border-box;
	padding: 0 10px 10px;
	margin: 0 auto 100px;
}
#easyorder #easyorder-read h4{
	color: #fff;
	font-size: 22px;
	line-height: 26px;
	letter-spacing: 2px;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	padding: 25px 0 20px;
	margin: 0;
}
#easyorder #easyorder-read ul{
	background: #fff;
	padding: 20px 10px 20px 20px;
	box-sizing: border-box;
}
#easyorder #easyorder-read li{
	list-style:disc;
	font-size: 14px;
	line-height: 20px;
	margin: 0 20px 20px;
}
#easyorder #easyorder-read li:last-child{
	margin: 0 20px 0;
}
#easyorder #easyorder-read li strong{
	color: #da0019;
}
#eo-form{
   height:100%;
   position: relative;
   width: 100%;
	margin-top: 10px;
}
#eo-form iframe{
	border:none;
	width: 100%;
	height: 100vh;
	padding:0;
	margin:0;
	overflow-y : hidden;
}



/*こんなのできるの？にお答えしていきます*/
#cando{
	width: 100%;
	margin: auto;
}
#cando .pc{
	display: none;
}
#cando .sp{
	display: block;
}
#cando img{
	max-width: 100%;
}
#cando a img:hover{
	opacity: 0.8;
}
#cando p , #cando li{
	font-family:  'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}

#cando h3{
	margin-bottom: 20px;
	padding: 0;
}
#cando h4{
	margin:20px 0 10px;
	box-sizing: border-box;
}

#cando #cando-list dt , 
#cando #cando-list dd{
	width: 100%;
	display: table;
	table-layout: fixed;
	box-sizing: border-box;
	border-collapse: separate;
}
#cando #cando-list dt .onegai_ico , 
#cando #cando-list dd .kaitou_ico{
	width: 20%;
	font-size: 12px;
	text-align: center;
	display: table-cell;
	padding: 6px 4px 6px 0;
	vertical-align: top;
	box-sizing: border-box;
}
@media screen and (max-width: 320px){
	#cando #cando-list dt .onegai_ico , 
	#cando #cando-list dd .kaitou_ico{
		padding: 3px 4px 3px 0;
	}
}
#cando #cando-list dt .onegai_txt , 
#cando #cando-list dd .kaitou_txt{
	width: 80%;
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
	box-sizing: border-box;
}

#cando #cando-list dt{
	background: #e5dbca;
	padding: 15px;
	box-sizing: border-box;
}
#cando #cando-list dt p{
	margin-bottom: 0;
}
#cando #cando-list dt strong{
	color: #da0019;
}
#cando #cando-list dt .onegai_ico{
	background: url(https://www.up-shoes.com/pic-labo/cando_an_q.png) no-repeat;
	background-size: 100%;
}
#cando #cando-list dt .onegai_txt{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

#cando #cando-list dd{
	background: #fff;
	padding: 25px 15px;
	box-sizing: border-box;
}
#cando #cando-list dd p:last-child{
	margin-bottom: 0;
}
#cando #cando-list dd .kaitou_ico{
	background: url(https://www.up-shoes.com/pic-labo/cando_an_a.png) no-repeat;
	background-size: 100%;
}
#cando #cando-list dd .kaitou_txt{
	font-size: 12px;
	line-height: 18px;
}
#cando #cando-list .cando_bnr{
	width: 100%;
	display: block;
}

#cando #cando-contact{
	padding: 0 15px;
	box-sizing: border-box;
}
#cando #cando-contact p , 
#cando #cando-contact li{
	font-size: 14px;
	line-height: 18px;
}
#cando #cando-contact li{
	position:relative;
	padding-left: 30px;
	margin-bottom: 5px;
}
#cando #cando-contact .cando_tel{
	background: url(https://www.up-shoes.com/pic-labo/cando_tel_ico.png) no-repeat;
	background-size: 23px;
}
#cando #cando-contact .cando_mail{
	background: url(https://www.up-shoes.com/pic-labo/cando_mail_ico.png) no-repeat;
	background-size: 22px;
	margin-bottom: 25px;
}
#cando #cando-contact .cando_mailbox{
	margin: 20px 0;
	text-align: left;
}
#cando #cando-contact .cando_mailbox textarea{
	width: 70%;
	padding: 15px;
	line-height: 18px;
		box-sizing: border-box;
}



/*ご質問にお答えしていきます*/

#faq{
	width: 100%;
	margin: auto;
}
#faq .pc{
	display: none;
}
#faq .sp{
	display: block;
}
#faq img{
	max-width: 100%;
}
#faq a img:hover{
	opacity: 0.8;
}
#faq p , #faq li{
	font-family:  'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}


#faq h3{
	color: #fff;
	text-align: left;
	background: url(https://www.up-shoes.com/pic-labo/qa_title_bg.gif) repeat-y;
	background-size: 100%;
	font-size: 16px;
	padding: 20px 10px 20px 60px;
	margin: 50px 0 20px;
	letter-spacing: 1px;
	border-top: 1px solid #803426;
	border-bottom: 1px solid #803426;
	position: relative;
	box-sizing: border-box;
}
#faq h3 strong{
	font-size: 20px;
}
#faq h3.faq_ttl01:before{
	content: "";
	width: 42px;
	height: 40px;
	background: url(https://www.up-shoes.com/pic-labo/qa_ttl_ico01.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 15px;
	left: 10px;
}
#faq h3.faq_ttl02:before{
	content: "";
	width: 42px;
	height: 44px;
	background: url(https://www.up-shoes.com/pic-labo/qa_ttl_ico02.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 15px;
	left: 15px;
}
#faq h3.faq_ttl03:before{
	content: "";
	width: 38px;
	height: 42px;
	background: url(https://www.up-shoes.com/pic-labo/qa_ttl_ico03.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 20px;
	left: 15px;
}
#faq h3.faq_ttl04:before{
	content: "";
	width: 40px;
	height: 30px;
	background: url(https://www.up-shoes.com/pic-labo/qa_ttl_ico04.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 20px;
	left: 15px;
}
#faq h3.faq_ttl05:before{
	content: "";
	width: 30px;
	height: 30px;
	background: url(https://www.up-shoes.com/pic-labo/qa_ttl_ico05.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 20px;
	left: 15px;
}
#faq h3.faq_ttl06:before{
	content: "";
	width: 40px;
	height: 20px;
	background: url(https://www.up-shoes.com/pic-labo/qa_ttl_ico06.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 25px;
	left: 15px;
}
#faq h3.faq_ttl07:before{
	content: "";
	width: 40px;
	height: 40px;
	background: url(https://www.up-shoes.com/pic-labo/qa_ttl_ico07.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 20px;
	left: 10px;
}
#faq h3.faq_ttl08:before{
	content: "";
	width: 30px;
	height: 40px;
	background: url(https://www.up-shoes.com/pic-labo/qa_ttl_ico08.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 20px;
	left: 15px;
}
#faq h3.faq_ttl09:before{
	content: "";
	width: 40px;
	height: 30px;
	background: url(https://www.up-shoes.com/pic-labo/qa_ttl_ico09.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 15px;
	left: 15px;
}
#faq h3.faq_ttl10:before{
	content: "";
	width: 32px;
	height: 32px;
	background: url(https://www.up-shoes.com/pic-labo/qa_ttl_ico10.png) no-repeat;
	background-size: 100%;
	position: absolute;
	top: 20px;
	left: 15px;
}
#faq #faq-head-nav{
	border-top: 1px solid #3e1609;
	margin-bottom: 35px;
	background: #813320;
}
#faq #faq-head-nav ul{
	width: 100%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
#faq #faq-head-nav li{
	width: 33.3%;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	line-height: 14px;
	background: #813320;
	border-bottom: 1px solid #3e1609;
	border-right: 1px solid #3e1609;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
#faq #faq-head-nav li:nth-child(3n){
	border-right: none;
}
#faq #faq-head-nav li a{
	width: 100%;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 7px 5px;
	box-sizing: border-box;
}
#faq #faq-head-nav li a:hover{
	opacity: 0.8;
}
#faq #faq-head-nav li.fz12{
	font-size: 11px;
}
#faq #faq-head-nav li.on{
	background: #a21f0f;
}

#faq .faq-fv{
	margin-bottom: 0;
}

#faq-cont-nav{
	border: 6px solid #c49b91;
	background: #fff;
	margin: 0 auto 60px;
	padding: 15px;
	box-sizing: border-box;
}
#faq-cont-nav li{
	font-size: 13px;
	line-height: 20px;
}
#faq-cont-nav li span{
	color: #fe8124;
	padding-right: 1em;
}
#faq-cont-nav li a{
	color: #893b2a;
}
#faq-cont-nav li a:hover{
	opacity: 0.8;
}


#faq #faq-list dt , 
#faq #faq-list dd{
	width: 100%;
	display: table;
	table-layout: fixed;
	box-sizing: border-box;
	border-collapse: separate;
}
#faq #faq-list dt .q_ico , 
#faq #faq-list dd .a_ico{
	width: 20%;
	font-size: 12px;
	text-align: center;
	display: table-cell;
	padding: 6px 4px 6px 0;
	vertical-align: top;
	box-sizing: border-box;
}
#faq #faq-list dt .q_txt , 
#faq #faq-list dd .a_txt{
	width: 80%;
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
	box-sizing: border-box;
}

#faq #faq-list dt{
	background: #e5dbca;
	padding: 15px;
	box-sizing: border-box;
}
#faq #faq-list dt p{
	margin-bottom: 0;
}
#faq #faq-list dt strong{
	color: #da0019;
}
#faq #faq-list dt .q_ico{
	color: #b96c34;
	background: url(https://www.up-shoes.com/pic-labo/cando_an_q.png) no-repeat;
	background-size: 100%;
}
#faq #faq-list dt .q_txt{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

#faq #faq-list dd{
	background: #fff;
	padding: 25px 15px;
	box-sizing: border-box;
}
#faq #faq-list dd p:last-child{
	margin-bottom: 0;
}
#faq #faq-list dd .a_ico{
	color: #fe8124;
	background: url(https://www.up-shoes.com/pic-labo/cando_an_a.png) no-repeat;
	background-size: 100%;
}
#faq #faq-list dd .a_txt{
	font-size: 12px;
    line-height: 18px;
}


#faq .a_itembox{
	overflow: hidden;
	margin: 0 auto 20px;
	background: #fff7eb;
	padding: 15px;
	box-sizing: border-box;
}
#faq .a_itembox .copy_ttl{
	color: #e7694a;
	padding-top: 5px;
	font-size: 14px;
}
#faq .a_item_pic{
	width: 100%;
	margin-bottom: 5%;
}
#faq .a_item_pic p{
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 13px;
}
#faq .a_item_txt{
	width: 100%;
}
#faq .a_item_txt p{
	color: #391304;
	font-size: 13px;
	line-height: 16px;
}

#faq #faq-contact{
	margin-top: 50px;
	padding: 0 15px;
	box-sizing: border-box;	
}
#faq #faq-contact p{
	margin: 20px 0 30px;
}
#faq #faq-contact p , 
#faq #faq-contact li{
	font-size: 14px;
	line-height: 18px;
}
#faq #faq-contact li{
	position:relative;
	padding-left: 30px;
	margin-bottom: 5px;
}
#faq #faq-contact .cando_tel{
	background: url(https://www.up-shoes.com/pic-labo/cando_tel_ico.png) no-repeat;
	background-size: 23px;
}
#faq #faq-contact .cando_mail{
	background: url(https://www.up-shoes.com/pic-labo/cando_mail_ico.png) no-repeat;
	background-size: 22px;
	margin-bottom: 25px;
}
/*お手入れ方法*/
#care{
	width: 100%;
	margin: 0 auto 50px;
}
#care .pc{
	display: none;
}
#care .sp{
	display:block;
}
#care img{
	max-width: 100%;
}
#care a img:hover{
	opacity: 0.8;
}
#care p , #care li , #care h4{
	font-family:  'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}
#care p{
	font-size: 13px;
	line-height: 16px;
	color: #333;
}
#care #care-head-nav{
	border-top: 1px solid #fff;
	margin-bottom: 35px;
}
#care #care-head-nav ul{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	flex-wrap:  -webkit-wrap;
	flex-wrap: -moz-wrap;
	flex-wrap: -ms-wrap;
	flex-wrap: wrap;
	align-items: -webkit-stretch;
	align-items: -moz-stretch;
	align-items: -ms-stretch;
	align-items: stretch;
}
#care #care-head-nav li{
	width: 33.3%;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	line-height: 16px;
	background: url(https://www.up-shoes.com/pic-labo/care_nav_bg.gif) repeat-y top;
	background-size: 100%;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	align-items: -webkit-center;
	align-items: -moz-center;
	align-items: -ms-center;
	align-items: center;
	box-sizing: border-box;
}
#care #care-head-nav li:nth-child(3n){
	width: 33.3%;
	border-right: none;
}
#care #care-head-nav li a{
	width: 100%;
	display: block;
	color: #5c5c5c;
	text-decoration: none;
	padding: 7px 5px;
	box-sizing: border-box;
}
#care #care-head-nav li a:hover{
	opacity: 0.8;
}
#care #care-head-nav li.on{
	background: url(https://www.up-shoes.com/pic-labo/care_nav_on_bg.gif) repeat-y bottom;
}

#care .care-fv{
	margin: 0;
}
#care h4{
	text-align: center;
	font-size: 18px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	margin: 20px auto;
	padding: 25px 0;
	color: #333;
}
#care #care-howto li{
	width: 94%;
	margin: auto;
	background: #ecf6ff;
	padding: 10px 10px 0;
	box-sizing: border-box;
}
#care #care-howto li:not(:last-child){
	margin-bottom: 10px;
}

#care #care-howto .care-howto-box{
	overflow: hidden;
}
#care #care-howto .care-howto-box .care-howto-photo{
	width: 40%;
	margin: 0 0 20px 5px;
	float: right;
}
#care #care-howto h5{
	color: #6495cb;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	margin: 10px 0;
}
#care #care-howto p.caution{
	font-size: 12px;
	font-weight: normal;
	color: #333;
}
#care #care-howto p.caution span{
	color: #f00;
}
#care #care-howto p.caution strong{
	color: #333;
	font-weight: bold;
}
#care .care-rain{
	width: 90%;
	border: 2px solid #6495cb;
	background: url("https://www.up-shoes.com/pic-labo/care06_img.png") no-repeat center top 15px #a8d2e6;
	background-size: 80%;
	overflow: hidden;
	margin: 0 auto 10px;
}
#care .care-rain-txt{
	padding: 210px 10px 20px;
}
#care .care-rain-txt h5{
	color: #12538e;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #6495cb;
	padding: 0 0 10px;
	margin: 0 auto 10px;
	text-align: center;
}
#care .care-rain-txt p{
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	padding: 10px;
}
#care .care-kabi{
	width: 90%;
	border: 2px solid #6495cb;
	background: url("https://www.up-shoes.com/pic-labo/care07_img.png") no-repeat center top 15px #a8d2e6;
	overflow: hidden;
	margin: 0 auto 10px;
}
#care .care-kabi-txt{
	padding: 220px 10px 20px;
	margin: auto;
}
#care .care-kabi-txt h5{
	color: #12538e;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #6495cb;
	padding: 0 0 10px;
	margin: 0 auto 20px;
	text-align: center;
}
#care .care-kabi-txt p{
	text-align: center;
	font-size: 14px;
	line-height: 24px;
}
/* 特集ページ */
#coordinate{
	width: 100%;
}
#coordinate .pc{
	display: none;
}
#coordinate .sp{
	display: block;
}
#coordinate img{
	vertical-align: bottom;
	width: 100%;
}
#coordinate a img:hover{
	opacity: 0.8;
}
#coordinate h3{
	margin: 0;
	padding: 0;
}
#coordinate h4{
	margin: 40px auto 0;
	padding: 0;
}
#coordinate p , #coordinate li , #coordinate h4 , #coordinate h5{
	font-family:  'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}
#coordinate p{
	font-size: 14px;
	line-height: 20px;
	color: #000;
}
#coordinate .txt{
	margin: 35px auto;
	padding: 0 15px;
}
#coordinate .coad-txt-box{
	background: url("https://www.up-shoes.com/pic-labo/19ss_coad_bg.gif") repeat;
	padding: 6px;
}
#coordinate .coad-txt-box .coad-txt-inn p:last-child{
	margin-bottom: 0;
}

#coad-top-intr{
	margin: 30px auto;
}
#coad-top-intr p{
	font-size: 13px;
	line-height: 18px;
}

/*------------変更 20230210 EF--------------*/

.coad-box-txt p a{
    display: block;
	line-height: 24px;
	font-size: 13px;
	color: #8b1d10;
    border: solid 2px;
    padding: 10px;
    background: #fff;
    text-align: center;
    border-radius: 1000px;
    margin-top: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.coad-box-txt p a:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #222;
    margin-left: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.coad-box-txt p a:hover {
    background: #8b1d10;
    color: #fff !important;
}
.coad-box-txt p a:hover:after {
    border-color: transparent transparent transparent #fff;
}
.coad-box-txt p a br.pc {
    display: block !important;
}

/*--------------------------*/


#coad-top-intr .coad-txt-inn{
	background-color: #fff;
	overflow: hidden;
	padding-bottom: 20px;
}
#coad-top-intr .coad-txt-inn figure{
	width: 50%;
	float: right;
	margin: 0;
}
#coad-top-intr .coad-txt-inn p{
	padding: 20px 20px 0 20px;
	margin: 0;
}
#coad-top-intr p br{
	display: none;
}
#coad-funwalk-intr{
	margin: 0 15px;
}
#coad-funwalk-intr .coad-txt-inn{
	background-color: #fff;
	padding: 25px;
}
#coad-funwalk-intr .coad-txt-inn p{
	line-height: 24px;
	color: #00a088;
	font-weight: bold;
}

/* 春夏特集 */

#coordinate .coad-box19ss{
	background: url("https://www.up-shoes.com/pic-labo/19ss_coad_boxbg.gif") repeat;
	padding: 15px;
	margin: 0 auto 20px;
	overflow: hidden;
}

#coordinate .coad-box19ss .coad-box-txt p{
	font-size: 14px;
	line-height: 18px;
	color: #666;
}
#coordinate .coad-box19ss .coad-box-txt p a{
	line-height: 24px;
	font-size: 13px;
}
#coordinate .coad-box19ss .coad-photo ul{
	overflow: hidden;
	margin-bottom: 25px;
}
#coordinate .coad-box19ss .coad-box-txt.harf{
	padding-top: 25px;
}

/* 秋冬特集 */

#coad-top-intr .coad-txt-inn19aw{
    background-color: #fff;
    overflow: hidden;
    padding-bottom: 20px;
}
#coad-top-intr .coad-txt-inn19aw figure {
    width: 50%;
    float: right;
    margin: 0;
}
#coad-top-intr .coad-txt-inn19aw p {
    padding: 20px 20px 0 20px;
    margin: 0;
}
#coordinate .exam-ttl{
	width: 100%;
	font-size: 18px;
	line-height: 24px;
	color: #000;
	font-weight: bold;
	text-align: center;
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 30px auto;
}
#coordinate .exam-ttl:before, #coordinate .exam-ttl:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 25%;
  height: 1px;
  background-color: black;
}
#coordinate .exam-ttl:before {
  left:0;
}
#coordinate .exam-ttl:after {
  right: 0;
}

#coordinate .coad-box19aw{
	background: url("https://www.up-shoes.com/pic-labo/19aw_coad_boxbg.gif") repeat;
	padding: 15px;
	margin: 0 auto 20px;
	overflow: hidden;
}
#coordinate .coad-box19aw .coad-box-txt{

}
#coordinate .coad-box19aw .coad-box-txt p{
	font-size: 14px;
	line-height: 18px;
	color: #666;
}
#coordinate .coad-box19aw .coad-box-txt p a{
	line-height: 24px;
	font-size: 13px;
	color: #8b1d10;
}
#coordinate .coad-box19aw .coad-photo ul{
	overflow: hidden;
	margin-bottom: 25px;
}
#coordinate .coad-box19aw .coad-photo li{
	float: left;
}
#coordinate .coad-box19aw .coad-photo li:nth-child(2n){
	margin-left: 15px;
}

#coordinate .coad-box19aw .coad-box-txt.harf{
	padding-top: 25px;
}

/* 店長のおすすめシューズ */
#owner-pkup{
	width: 100%;
	margin: 0 auto 50px;
}
#owner-pkup .pc{
	display: none;
}
#owner-pkup .sp{
	display:block;
}
#owner-pkup img{
	max-width: 100%;
}
#owner-pkup a img:hover{
	opacity: 0.8;
}
#owner-pkup h3 , 
#owner-pkup h4{
	margin: 0;
	padding: 0;
}
#owner-pkup p , #owner-pkup li , #owner-pkup h4{
	font-family:  'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}

#owner-pkup p{
	font-size: 14px;
	line-height: 18px;
	color: #000;
}

#owner-pkup-list{
	background: url("https://www.up-shoes.com/pic-labo/owner_pkup_boxbg.gif") repeat;
	padding: 20px 10px 8px;
	margin: 20px auto 40px;
	box-sizing: border-box;
}
#owner-pkup-list h4{
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 100%;
	margin-bottom: 20px;
}
#owner-pkup-list ul{
	overflow: hidden;
}
#owner-pkup-list li{
	background-color:#fff;
	box-sizing: border-box;
	margin-bottom: 2px;
}
#owner-pkup-list li a{
	display: block;
	color: #7f7a64;
	padding: 13px 10px 10px 60px;
	text-decoration: none;
	position: relative;	
}
#owner-pkup-list li a::before{
	content: "";
	width: 40px;
	height: 40px;
	position: absolute;
	left: 10px;
	top: 0px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 100%;
}

#owner-pkup-list .li01 a::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_li01.png");
}
#owner-pkup-list .li02 a::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_li02.png");
}
#owner-pkup-list .li03 a::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_li03.png");
}
#owner-pkup-list .li04 a::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_li04.png");
}
#owner-pkup-list .li05 a::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_li05.png");
}
#owner-pkup-list .li05-07 a::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_li05-7.png");
}
#owner-pkup-list .li08 a::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_li08.png");
}
#owner-pkup-list .li09 a::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_li09.png");
}
#owner-pkup-list .li10 a::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_li10.png");
}

#owner-pkup h4.ttl{
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	padding: 10px 10px 10px 50px;
	margin: 0 0 30px;
	background: url("https://www.up-shoes.com/pic-labo/owner_pkup_ttlbg.gif") repeat;
	position: relative;
}
#owner-pkup h4.ttl::before{
	content: "";
	width: 40px;
	height: 40px;
	position: absolute;
	left: 5px;
	top: 20%;
	background-repeat: no-repeat;
	background-size: 100%;
}
#owner-pkup h4#s01::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_tl01.png");
}
#owner-pkup h4#s02::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_tl02.png");
}
#owner-pkup h4#s03::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_tl03.png");
}
#owner-pkup h4#s04::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_tl04.png");
}
#owner-pkup h4#s05::before , 
#owner-pkup h4#s06::before , 
#owner-pkup h4#s07::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_tl05-7.png");
}
#owner-pkup h4#s08::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_tl08.png");
}
#owner-pkup h4#s09::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_tl09.png");
}
#owner-pkup h4#s10::before{
	background-image: url("https://www.up-shoes.com/pic-labo/owner_pkup_tl10.png");

}

#owner-pkup .owner-pkup-items{
	margin: 0 0 50px;
	padding: 0 15px;
	box-sizing: border-box;
}
#owner-pkup .owner-pkup-items a{
	text-decoration: none;
	display: block;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;

}
#owner-pkup .owner-pkup-items a:hover{
	opacity: 0.8;
}
#owner-pkup .owner-pkup-items li:not(:last-child){
	margin-bottom: 10px;
}
#owner-pkup .owner-pkup-items li img{
	max-width: 40%;
	border: 1px solid #cbc6b4;
	box-sizing: border-box;
}
#owner-pkup .owner-pkup-items li p{
	width: 60%;
	box-sizing: border-box;
	padding-left: 10px;
}




/* 人気のロングノーズシューズ */
#ct-longnose{
	width: 100%;
	margin: 0 auto 50px;
}
#ct-longnose .pc{
	display: none;
}
#ct-longnose .sp{
	display:block;
}
#ct-longnose img{
	max-width: 100%;
}
#ct-longnose h3 , 
#ct-longnose h4{
	margin: 0;
	padding: 0;
}
#ct-longnose p , #ct-longnose li , #ct-longnose h4{
	font-family:  'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}
#ct-longnose p{
	font-size: 14px;
	line-height: 18px;
	color: #000;
	margin: 0;
}

#ct-longnose .txt-box{
	max-width: 90%;
	border: 5px solid #dce1ee;
	margin: 20px auto;
	padding: 15px 10px;
	box-sizing: border-box;
}

#ct-rank{
	background: #fff9eb;
	margin: 0 auto 30px;
}
#ct-rank h4{
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 10px 10px 60px;
    margin: 0;
	position: relative;
	background: #985;
}
#ct-rank h4::before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    left: 15px;
    top: 15px;
    background: url(https://www.up-shoes.com/pic-labo/ctgr_longnose_ico.png) no-repeat left;
	background-size: 100%;
}

#ct-rank ul{
	padding: 20px 20px 40px;
	box-sizing: border-box;
	overflow: hidden;
}
#ct-rank li{
	width: 48%;
	float: left;
	margin-right: 4%;
	margin-bottom: 4%;
}
#ct-rank li:nth-child(2n){
	margin-right: 0;
}
#ct-rank li img{
	max-width: 100%;
	border: 1px solid #cbc6b4;
}
#ct-rank li a{
	text-decoration: none;
}
#ct-rank .ctrank-no{
	text-align: center;
	margin: 0 auto 5px;
}
#ct-rank .ctrank-no img{
	border: none;
}

#ct-rank .ctrank-name{
	font-size: 13px;
	line-height: 16px;
	color: #985;
	font-weight: bold;
	margin: 15px auto;
}
#ct-rank .ctrank-txt{
	font-size: 12px;
	line-height: 16px;
}
#ct-longnose-movie{
  margin-top: 50px;
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
#ct-longnose-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* リクルート・結婚式 */
#ct-rec-for{
	width: 100%;
	margin: 0 auto 50px;
}
#ct-rec-for .pc{
	display: none;
}
#ct-rec-for .sp{
	display:block;
}
#ct-rec-for img{
	max-width: 100%;
}
#ct-rec-for h3 , 
#ct-rec-for h4{
	margin: 0;
	padding: 0;
}
#ct-rec-for p , #ct-rec-for li , #ct-rec-for h4{
	font-family:  'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}
#ct-rec-for p{
	font-size: 14px;
	line-height: 18px;
	color: #000;
	margin: 0;
}

#ct-rec-for .txt-box{
	max-width: 90%;
	border: 5px solid #d2bca3;
	margin: 20px auto;
	padding: 15px 10px;
	box-sizing: border-box;
}

#ct-rec-for .recomend-rank{
	background: #f7f2ed;
	padding: 20px;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 0 25px;
}
#ct-rec-for .recomend-rank-img{
	width: 100%;
	display: -webkit-flex;
	display: flex;
	align-items: -webkit-flex-start;
	align-items: flex-start;
	margin-bottom: 15px;
}
#ct-rec-for .recomend-rank-img img{
	width: 40%;
	padding: 10px 0 0 10px;
	box-sizing: border-box;
}
#ct-rec-for .recomend-rank-img .ttl-box{
	width: 60%;
	padding: 0 10px 30px;
	box-sizing: border-box;
}
#ct-rec-for .recomend-rank-img h4{
	color: #fff;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	padding: 15px 0 10px;
	margin: 0 0 10px;
	border-bottom: 1px solid;
}
#ct-rec-for .recomend-rank-img p{
	color: #fff;
	font-size: 14px;
	padding: 0 5px;
}
#ct-rec-for .recomend-rank-box{
	width: 100%;
}
#ct-rec-for .recomend-rank-box .rank-copy{
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid;
}
#ct-rec-for .recomend-rank-box .rank-copy:before{
	content: "■";
	margin-right: 5px;
}

#ct-rec-for .recomend-rank-box ul{
	box-sizing: border-box;
	overflow: hidden;
}
#ct-rec-for .recomend-rank-box li{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
	float: left;
}
#ct-rec-for .recomend-rank-box li:nth-child(2n){
	margin-right: 0;
}
#ct-rec-for .recomend-rank-box li img{
	max-width: 100%;
	border: 1px solid #a0a0a0;
	box-sizing: border-box;
}
#ct-rec-for .recomend-rank-box li a{
	text-decoration: none;
}
#ct-rec-for .recomend-rank-box .ctrank-no{
	text-align: center;
	margin: 0 auto 5px;
}
#ct-rec-for .recomend-rank-box .ctrank-no img{
	border: none;
}

#ct-rec-for .recomend-rank-box .ctrank-name{
	font-size: 13px;
	line-height: 16px;
	color: #985;
	font-weight: bold;
	margin: 15px auto;
}
#ct-rec-for .recomend-rank-box .ctrank-txt{
	font-size: 13px;
	line-height: 18px;
	margin-top: 20px;
}
#ct-rec-for .recomend-rank.rec .recomend-rank-img ,
#ct-rec-for .recomend-rank.rec .ttl-box{
	background: #535353;
}
#ct-rec-for .recomend-rank.rec .rank-copy{
	color: #535353;
}

#ct-rec-for .recomend-rank.wed .recomend-rank-img ,
#ct-rec-for .recomend-rank.wed .ttl-box{
	background: #caaf8f;
}
#ct-rec-for .recomend-rank.wed .rank-copy{
	color: #cea678;
}
#ct-rec-for .recomend-rank.for .recomend-rank-img , 
#ct-rec-for .recomend-rank.for .ttl-box{
	background: #8a7079;
}
#ct-rec-for .recomend-rank.for .rank-copy{
	color: #8a7079;
}

#ct-rec-for .recomend-rank.hare .recomend-rank-img , 
#ct-rec-for .recomend-rank.hare .ttl-box{
	background: #cf7250;
}
#ct-rec-for .recomend-rank.hare .rank-copy{
	color: #cf7250;	
}

/* ビジネスシューズ */
#ct-rec-for .txt-box.bus-txt{
	border: 5px solid #b5b5b5;
}
#ct-rec-for .recomend-rank.b-himo .ttl-box , 
#ct-rec-for .recomend-rank.b-himo .recomend-rank-img{
	background: #313131;
}
#ct-rec-for .recomend-rank.b-sri .ttl-box , 
#ct-rec-for .recomend-rank.b-sri .recomend-rank-img{
	background: #521b1b;
}
#ct-rec-for .recomend-rank.b-himo .rank-copy{
	color: #313131;
}
#ct-rec-for .recomend-rank.b-sri .rank-copy{
	color: #521b1b;
}

/* シークレットスニーカー */
#ct-rec-for.ct-sneakers .txt-box{
	border: 5px solid #abc0b5;
}
#ct-rec-for.ct-sneakers .recomend-rank-img , 
#ct-rec-for.ct-sneakers .ttl-box{
	background: #5b6761;
}
#ct-rec-for.ct-sneakers .recomend-rank .rank-copy{
	color: #5b6761;
}

/* SALE */
#ct-rec-for.ct-sale .txt-box{
	border: 5px solid #e57a82;
}
#ct-rec-for.ct-sale .txt-box p{
	text-align: center;
}

#ct-rec-for.ct-sale .ct-sale-efine{
	background: #4a433c;
	padding: 30px 10px 0;
	margin: 0 auto 30px;
}
#ct-rec-for.ct-sale .ct-sale-efine h4 , 
#ct-rec-for.ct-sale .ct-sale-efine p{
	text-align: center;
	color: #fff;
}
#ct-rec-for.ct-sale .ct-sale-efine h4{
	font-size: 16px;
}
#ct-rec-for.ct-sale .ct-sale-efine p{
	font-size: 14px;
	line-height: 22px;
	margin: 20px auto 30px;
}
@media screen and (max-width: 320px){
	#ct-rec-for.ct-sale .ct-sale-efine h4{
		font-size: 14px;
	}
	#ct-rec-for.ct-sale .ct-sale-efine p{
		font-size: 12px;
		margin: 10px auto 15px;
	}	
}
#ct-rec-for.ct-sale .ct-sale-efine ul{
	overflow: hidden;
}
#ct-rec-for.ct-sale .ct-sale-efine li{
	width: 48%;
	height: 80px;
	float: left;
	margin-right: 4%;
	margin-bottom: 4%;
	text-align: center;
}
#ct-rec-for.ct-sale .ct-sale-efine li:nth-child(2n){
	margin-right: 0;
}
#ct-rec-for.ct-sale .ct-sale-efine li a{
	width: 100%;
	height: 100%;
	font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
	color: #5d1919;
	font-size: 18px;
	background: url(https://www.up-shoes.com/pic-labo/ctgr_sale_efine_bg1.jpg) no-repeat center #fff;
	text-decoration: none;
}
#ct-rec-for.ct-sale .ct-sale-efine li a:hover{
	opacity: 0.8;
}

#ct-rec-for.ct-sale .ct-sale-efine li.pr10000 a{
	background: url(https://www.up-shoes.com/pic-labo/ctgr_sale_efine_bg2.jpg) no-repeat center #fff;
}
#ct-rec-for.ct-sale .ct-sale-efine li.ladies a{
	background: url(https://www.up-shoes.com/pic-labo/ctgr_sale_efine_bg3.jpg) no-repeat center #fff;
}

#ct-rec-for.ct-sale .ct-sale-att{
	background: #c62c37;
	padding: 15px 10px 10px;
	margin: 0 auto 30px;
}
#ct-rec-for.ct-sale .ct-sale-att h4 , 
#ct-rec-for.ct-sale .ct-sale-att p{
	text-align: center;
	color: #fff;
}
#ct-rec-for.ct-sale .ct-sale-att h4{
	font-size: 22px;
}
#ct-rec-for.ct-sale .ct-sale-att p{
	font-size: 16px;
	line-height: 24px;
}
#ct-rec-for.ct-sale .ct-sale-att-box{
	background: #fff;
	padding: 10px;
	margin: 10px auto 0;
}
#ct-rec-for.ct-sale .ct-sale-att-box p{
	font-weight: normal;
	color: #c62c37;
	font-size: 14px;
	line-height: 25px;
}

#ct-rec-for.ct-sale .ct-sale-inq{
	background: url("https://www.up-shoes.com/pic-labo/ctgr_spsale_inq_bg.jpg") no-repeat right #fff;
	background-size: cover;
	border: 1px solid #b9b9b9;
	box-sizing: border-box;
	padding: 15px;
}
#ct-rec-for.ct-sale .ct-sale-inq h4{
	margin-bottom: 15px;
	max-width: 90%;
}
#ct-rec-for.ct-sale .ct-sale-inq p{
	font-size: 14px;
	line-height: 20px;
}
#ct-rec-for.ct-sale .ct-sale-inq-box{
	background: rgba(255,255,255,0.9);
	padding: 10px;
	margin: 130px auto 10px;
	box-sizing: border-box;
}
#ct-rec-for.ct-sale .ct-sale-inq-btn{
	text-align: center;
}

/* LINEお友達登録 */
#line{
	width: 100%;
}
#line .pc{
	display: none;
}
#line .sp{
	display: block;
}
#line img{
	max-width: 100%;
	vertical-align: bottom;
}
#line h3 , 
#line h4{
	margin: 0;
	padding: 0;
}
#line p , #line li , #line h4 , #line h5{
	font-family:  'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}
#line p{
	font-size: 14px;
	line-height: 18px;
	color: #000;
}

#line #line-inner{
	padding: 0 15px;
	box-sizing: border-box;
}

#line .line-txt{
	margin: 20px auto;
	text-align: center;
	line-height: 22px;
}
#line .line-txt span{
	font-size: 12px;
}

#line .line-cpn500{
	background: #00b900;
	margin: 0 auto 35px;
}
#line .line-cpn500 p{
	text-align: center;
	color: #fff;
	padding: 10px 0 20px;
	font-size: 20px;
}
#line .line-cpn500 p strong{
	font-size: 24px;
}

#line h4{
	color: #00b900;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	border-top: 2px solid;
	border-bottom: 2px solid;
	padding: 15px 0;
	margin: 50px 0;
}

#line .line-device{
	border: 1px solid #b5b5b5;
	padding: 0 15px 15px;
	margin: 0 auto 35px;
	text-align: center;
}
#line .line-device h5{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	padding-left: 65px;
	padding-right: 10px;
	display: inline-block;
	margin: -10px auto 40px;
	color: #000;
	background: #fff;
	position: relative;
}
#line .line-device h5:before{
	content: "";
	width: 39px;
	height: 39px;
	background-repeat: no-repeat;
	background-size: 39px;
	position: absolute;
	top: -10px;
	left: 15px;
}
#line .line-device p{
	text-align: center;
}

#line .line-device.line-sp h5:before{
	background-image: url("https://www.up-shoes.com/pic-labo/line_sp_ico.png");
}
#line .line-device.line-pc h5:before{
	background-image: url("https://www.up-shoes.com/pic-labo/line_pc_ico.png");
}

#line .line-device.line-sp .line-f-btn{
	display:inline-block;
	margin: 10px auto 0;
}
#line .line-device.line-pc p{
	line-height: 22px;
	margin-bottom: 30px;
}
#line .line-device.line-pc span{
	font-size: 12px;
}
#line .line-device.line-pc .line-pc-qr{
	margin-bottom: 60px;
}

#line .line-device.line-pc .line-id{
	max-width:100%;
	color: #00b900;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
	border: 3px solid;
	border-radius: 5px;
	padding: 15px 10px;
	margin: 0 auto 55px;
	box-sizing: border-box;
}

#line #line-flow{
	background: #00b900;
	border-radius: 5px;
	color: #fff;
	padding: 30px 15px 15px;
	box-sizing: border-box;
}
#line #line-flow h5{
	text-align: center;
	background: none;
	margin: 0 auto 30px;
	padding: 0;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	
}
#line #line-flow h5:before{
	content: none;
}
#line #line-flow ul{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#line #line-flow li{
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
}
#line #line-flow li:nth-child(2n){
	margin-right: 0;
}
#line #line-flow li figure{
	margin: 0 0 15px;
}
#line #line-flow li p{
	text-align: left;
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	margin: 0;
}



/* サイズ交換 */
#return{
	width: 100%;
}
#return .pc{
	display: none;
}
#return .sp{
	display: block;
}
#return img{
	max-width: 100%;
	vertical-align: bottom;
}
#return h3 , 
#return h4{
	margin: 0;
	padding: 0;
}
#return p , #return li , #return h4 , #return h5{
	font-family:  'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}
#return p{
	font-size: 14px;
	line-height: 18px;
	color: #000;
}

#return #return-inner{
	padding: 0 15px;
	box-sizing: border-box;
}

#return .sub-ttl{
	text-align: center;
	color: #fff;
	background: #da4100;
	border-radius: 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	padding: 10px 0;
}

#return #return-inner{
	padding: 0 20px;
	box-sizing: border-box;
}
#return .txt-box{
	max-width: 690px;
	border: 5px solid #d7b8a1;
	margin: 20px auto;
	padding: 15px 10px;
	box-sizing: border-box;
}
#return .txt-box p{
	margin-bottom: 0;
	color: #594943;
}
#return .return-check-box{
	border: 1px solid #dfdfdf;
	background: url("https://www.up-shoes.com/pic-labo/return_bg1.gif") repeat;
	margin: 25px auto;
	padding: 15px;
	text-align: left;
}
#return .return-check-box p.return-check-pnt{
	margin: 15px 0 20px 40px;
	color: #6a5e59;
	font-size: 16px;
	line-height: 20px;
	display: inline-block;
	background: linear-gradient(transparent 60%, #eeef78 60%);
	position: relative;
}
#return .return-check-pnt:before{
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: -30px;
	background: url("https://www.up-shoes.com/pic-labo/return_check.png") no-repeat;
	background-size: 100%;
}
#return .return-check-box p{
	color: #6a5e59;
}
#return .return-check-bnr{
	margin-top: 20px;
}
#return .return-add-box{
	margin: 25px auto 30px;
}
#return .return-add-box h4{
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	color: #6a5e59;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 15px 0;
	margin-bottom: 15px;
}
#return .return-add-box ul{
	overflow: hidden;
	margin-bottom: 15px;
}
#return .return-add-box li{
	width: 48%;
	float: left;
	margin-right: 4%;	
}
#return .return-add-box li:nth-child(2n){
	margin-right: 0;
}
#return .return-add-box .return-add{
	border: 5px solid #d7b8a1;
	padding: 15px;
}
#return .return-add-box .return-add p{
	color: #584942;	
	line-height: 20px;
}
#return .return-add-box .return-add span{
	font-size: 12px;
}

#return .return-about-box{
	background: url("https://www.up-shoes.com/pic-labo/return_bg2.gif") repeat;
	padding: 10px;
	margin: 0 auto 35px;
	box-sizing: border-box;
}

#return .return-about-box h4{
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 10px 0 15px;
}
#return .return-about-inn{
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
}
#return .return-about-inn li{
	font-size: 14px;
	line-height: 18px;
	color: #584942;
	list-style-type: disc;
	margin-left: 20px;
}
#return .return-about-inn li:not(:last-child){
	margin-bottom: 20px;
}


#return .return-ng{
	background: url("https://www.up-shoes.com/pic-labo/return_bg3.gif") repeat;
}
#return .return-ng strong{
	color: #c00;
}


#return .return-ng-ex{
	border: 1px solid #b7b3b1;
	padding: 15px;
	margin: 0 auto 60px;
	box-sizing: border-box;
}
#return .return-ng-ex h4{

	margin-bottom: 25px;
}
#return .return-ng-ex p{
	font-size: 14px;
	margin: 20px 0 0;
	color: #584942;
}

#return .return-method{
	background: url("https://www.up-shoes.com/pic-labo/return_bg2.gif") repeat;
	padding: 15px 15px 9px;
	margin: 0 auto 35px;
	box-sizing: border-box;
	border-radius: 5px;
}
#return .return-method h4{
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid;
}
#return .return-method .return-ref-txt{
	text-align: center;
	color: #fff;
}
#return .return-method ul{
	margin: 25px 0 0;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#return .return-method li{
	width: 48%;
	border-radius: 5px;
	overflow: hidden;
	background: #fff;
	margin-right: 4%;
	margin-bottom: 4%;
}
#return .return-method li:nth-child(2n){
	margin-right: 0;
}
#return .return-method figure{
	margin: 0;
}
#return .return-method figure img{
	max-width: 100%;
}
#return .return-method .return-method-t{
	padding: 10px 5px;
	box-sizing: border-box;
}
#return .return-method .return-method-t p{
	font-size: 13px;
	margin: 0;
}
#return .return-method .return-method-t b{
	color: #584942;
	padding-bottom: 10px;
	display: block;
}


#return .return-money{
	background: url("https://www.up-shoes.com/pic-labo/return_bg4.gif") repeat;
}
#return .return-money p{
	color: #584942;
	margin-bottom: 1em;
}
#return .return-money b{
	color: #eba521;
}

#return #return-contact{
	margin-top: 25px;
	padding: 0 15px;
}
#return #return-contact p{
	margin: 20px 0 30px;
}
#return #return-contact p , 
#return #return-contact li{
	font-size: 14px;
	line-height: 18px;
}
#return #return-contact li{
	position:relative;
	padding-left: 30px;
	margin-bottom: 5px;
}
#return #return-contact .cando_tel{
	background: url(https://www.up-shoes.com/pic-labo/cando_tel_ico.png) no-repeat;
	background-size: 23px;
}
#return #return-contact .cando_mail{
	background: url(https://www.up-shoes.com/pic-labo/cando_mail_ico.png) no-repeat;
	background-size: 22px;
	margin-bottom: 25px;
}


/* サイズの選び方 */
#sel-size{
	width: 100%;
}
#sel-size .pc{
	display: none;
}
#sel-size .sp{
	display: block;
}
#sel-size img{
	max-width: 100%;
	vertical-align: bottom;
}
#sel-size h3 , 
#sel-size h4 , 
#sel-size h5{
	margin: 0;
	padding: 0;
}
#sel-size p , #sel-size li , #sel-size h4 , #sel-size h5{
	font-family:  'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}
#sel-size p{
	font-size: 14px;
	line-height: 18px;
	color: #444;
}

#sel-size .sel-size-cont{
	border: 5px solid #d2d2d2;
	overflow: hidden;
	margin: 40px auto;
}
#sel-size .sel-size-inn{
	padding: 0 15px 15px;
	box-sizing: border-box;
}
#sel-size .sel-size-txt{
	margin: 15px auto;
	font-size: 16px;
	line-height: 24px;
}
#sel-size .sel-size-txt strong{
	color: #f7931e;
}
#sel-size .sel-size-txt span{
	font-size: 12px;
}

#sel-size #sel-size-sute{
    border: 1px solid #dfdfdf;
    background: url(https://www.up-shoes.com/pic-labo/return_bg1.gif) repeat;
	padding: 15px 15px 0;
	box-sizing: border-box;
}
#sel-size #sel-size-sute img{
	margin-bottom: 30px;
}
#sel-size #sel-size-sute p{
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 25px;
}
#sel-size #sel-size-sute p strong{
    background: linear-gradient(transparent 60%, #eeef78 60%);
	font-weight: normal;
}

#sel-size .sel-size-howto{
	overflow: hidden;
}
#sel-size .sel-size-howto .sel-size-txt{
	font-size: 16px;
	line-height: 24px;
}
#sel-size .sel-size-howto table{
	width: 100%;
	border-collapse: collapse;
	margin : 20px 0;
}
#sel-size .sel-size-howto th  , 
#sel-size .sel-size-howto td{
	border: 2px solid #fff;
	vertical-align: middle;
}
#sel-size .sel-size-howto th{
	width: 30%;
	color: #fff;
	background: #f7931e;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
}
#sel-size .sel-size-howto th span{
	font-size: 12px;
}
#sel-size .sel-size-howto td{
	color: #444;
	font-size: 14px;
	line-height: 20px;
	background: #ffc892;
	text-align: left;
	padding: 15px;
}
#sel-size .sel-size-howto ul{
	padding: 25px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#sel-size .sel-size-howto li{
	width:48%;
}
#sel-size .sel-size-howto li:nth-child(2n){
	margin-left: 4%;
}
#sel-size .sel-size-howto li p{
	font-size: 14px;
	line-height: 20px;
	margin: 15px 0 25px;
}

#sel-size .sel-size-width{
	padding: 25px;
	background: url(https://www.up-shoes.com/pic-labo/return_bg2.gif) repeat;	
	box-sizing: border-box;
	color: #fff;
}
#sel-size .sel-size-width h5{
	text-align: left;
	border-bottom: 1px solid;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#sel-size .sel-size-width p{
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
}

#sel-size #sel-size-try{
	padding: 15px 10px;
}
#sel-size #sel-size-try h4{
	text-align: center;
	color: #444;
	font-size: 18px;
	font-weight: bold;
	background: #d2d2d2;
	border-radius: 20px;
	padding: 5px 0;
	margin-bottom: 15px;
}
#sel-size #sel-size-try li{
	-webkit-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
#sel-size #sel-size-try li:not(:last-child){
	margin-bottom: 15px;
}
#sel-size #sel-size-try li img{
	width: 30%;
	margin-right: 15px;
}
#sel-size #sel-size-try li p{
	width: 60%;
	font-size: 13px;
	line-height: 15px;
}


#sel-size #sel-size-check{
    border: 1px solid #dfdfdf;
    background: url(https://www.up-shoes.com/pic-labo/return_bg1.gif) repeat;
	padding: 15px 15px 30px;
	box-sizing: border-box;	
}
#sel-size #sel-size-check dl{
	text-align: left;
}
#sel-size #sel-size-check dt{
	font-size: 16px;
	color: #f7931e;
	position: relative;
	font-weight: bold;
	margin: 15px 0 10px;
	padding-left: 25px;
}
#sel-size #sel-size-check dt:before{
	content: "";
	background: url("https://www.up-shoes.com/img/kodawari/sel-size-check_ico.png") no-repeat;
	background-size: 100%;
	width: 15px;
	height: 15px;
	position: absolute;
	top: -1px;
	left: 0;
}

#sel-size #sel-size-check dd{
	font-size: 14px;
	line-height: 20px;
	padding-left: 25px;
}

#sel-size #sel-size-return{
	background: url("https://www.up-shoes.com/pic-labo/return_bg2.gif") repeat;
	padding: 10px;
	margin: 40px auto;
	box-sizing: border-box;
}

#sel-size #sel-size-return h4{
	text-align: center;
	font-size: 18px;
	color: #fff;
	padding: 20px 0;
}
#sel-size #sel-size-return .return-inn{
	background: #fff;
	padding: 15px;
	box-sizing: border-box;
}
#sel-size #sel-size-return .return-inn p{
	line-height: 18px;
	margin-bottom: 20px;
	color: #584942;
}
#sel-size #sel-size-return .return-inn span{
	font-size: 12px;
}
#sel-size #sel-size-return .return-inn strong {
    color: #f7931e;
}


/* 履きやすさへのこだわり */

#kodawari{
	width: 100%;
}
#kodawari .pc{
	display: none;
}
#kodawari .sp{
	display: block;
}
#kodawari img{
	max-width: 100%;
	vertical-align: bottom;
}
#kodawari a img:hover{
	opacity: 0.8;
}
#kodawari h3 , 
#kodawari h4{
	margin: 0;
	padding: 0;
}
#kodawari p , #kodawari li , #kodawari h4 , #kodawari h5{
	font-family:  'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}
#kodawari p{
	font-size: 13px;
	line-height: 22px;
	color: #000;
}

#kodawari .kodawari-txt{
	background: #000;
	color: #fff;
	text-align: center;
	padding: 15px;
	margin: 0;
	box-sizing: border-box;
}
#kodawari .kodawari-ttl-p{
	text-align: center;
	margin: 0 auto 30px;
}

#kodawari-sk{
	background: url("https://www.up-shoes.com/img/kodawari/kodawari_bg01.jpg") repeat;
	margin: 40px auto 35px;
}
#kodawari-sk p{
	color: #fff;	
}
#kodawari-sk h4, #kodawari-sk h5{
	text-align: center;
	color: #fff;
}
#kodawari-sk .kodawari-sk-ttl{
	padding: 30px 20px;
	box-sizing: border-box;
}
#kodawari-sk .kodawari-sk-txt{
	margin: 30px auto;
}
#kodawari-sk .kodawari-sk-txt p{
	text-align: center;
	padding: 0 20px;
	box-sizing: border-box;
}

#kodawari-sk .kodawari-sk-flow-ttl{
	background: #524129;
	padding: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
#kodawari-sk .kodawari-sk-flow-ttl h5{
	font-size: 18px;
	margin-bottom: 5px;
}
#kodawari-sk .kodawari-sk-flow-ttl p{
	text-align: center;
	margin: 0;
}

#kodawari-sk .kodawari-sk-flow{
	width: 90%;
	margin: auto;
	padding: 0 0 20px;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	flex-wrap: -webkit-wrap;
	flex-wrap: wrap;
	justify-content: -webkit-space-between;
	justify-content: space-between;
}
#kodawari-sk .kodawari-sk-flow li{
	width: 48%;
	text-align: center;
}
#kodawari-sk .kodawari-sk-flow p{
	font-size: 13px;
	text-align: left;
	line-height: 22px;
	margin: 10px 0;
}

#kodawari-jpn{
	background:url("https://www.up-shoes.com/img/kodawari/kodawari_jpn_bg.jpg") no-repeat top center;
	padding: 35px 0 0;
	text-align: center;
}
#kodawari-jpn h4, #kodawari-jpn p{
	text-align: center;
	padding: 0 20px;
	box-sizing: border-box;
}
#kodawari-jpn p{
	margin: 25px auto 70px;
}
#kodawari-jpn p strong{
	color: #c02020;
	font-weight: normal;
}

#kodawari-kw{
	background: url("https://www.up-shoes.com/img/kodawari/kodawari_bg02.jpg") repeat;
	padding: 50px 15px 40px;
	margin: 0 auto 50px;
	box-sizing: border-box;
}
#kodawari-kw h5{
	margin: 0 auto 35px;
	text-align: center;
	max-width: 90%;
}
#kodawari-kw-tksi{
	width: 100%;
	margin: 0 auto 50px;
}
#kodawari-kw-tksi .kodawari-kw-tksi-box{
	background: #fff;
}
#kodawari-kw-tksi .kw-tksi-ttl{
	text-align: center;
	padding: 15px 0;
	margin: 0;
}
#kodawari-kw-tksi .kw-tksi-ttl img{
	max-width:30%;
}
#kodawari-kw-tksi .kw-tksi-txt{
	padding: 15px;
	box-sizing: border-box;
	line-height: 24px;
}
#kodawari-kw-tksi .kw-tksi-txt span{
	padding-left: 1em;
}
#kodawari-kw-tksi .honkawa .kw-tksi-ttl{
	background: #6a3906;
}
#kodawari-kw-tksi .gouhi .kw-tksi-ttl{
	background: #626262;
}

#kodawari-kw .kodawari-kw-ptn{
	margin: 0 auto 50px;
	width: 100%;
	padding: 0 0 20px;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	flex-wrap: -webkit-wrap;
	flex-wrap: wrap;
	justify-content: -webkit-space-between;
	justify-content: space-between;
}
#kodawari-kw .kodawari-kw-ptn li{
	width: 48%;
	text-align: center;
}
#kodawari-kw .kodawari-kw-ptn li:nth-child(2n){

}
#kodawari-kw .kodawari-kw-ptn p{
	font-size: 13px;
	margin: 15px 0 20px;
	color: #fff;
	text-align: left;
}

#kodawari-kw .kodawari-kw-craft{
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 auto 50px;
}
#kodawari-kw .kodawari-kw-craft .kodawari-kw-craft-p{
	text-align: center;
}
#kodawari-kw .kodawari-kw-craft .kodawari-kw-craft-t{
}
#kodawari-kw .kodawari-kw-craft p{
	font-size: 14px;
	line-height: 20px;
	color: #362e2b;
}
#kodawari-kw .kodawari-kw-craft .kw-craft-ttl{
	font-size: 15px;
	font-weight: bold;
	margin: 15px 0;
	text-align: center;
}

#kodawari-kw .kodawari-kw-kk{
	overflow: hidden;
	margin: 0 auto 40px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#kodawari-kw .kodawari-kw-kk li{
	width: 48%;
	margin-bottom: 4%;
}
#kodawari-kw .kodawari-kw-kk li:nth-child(2n){
	margin-left: 4%;
}

#kodawari-kw .kodawari-kw-kk-t p{
	color: #fff;
	text-align: center;
	margin-bottom: 1em;
}

#kodawari .kodawari-lineup{
	margin: 20px auto;
}
#kodawari .kodawari-lineup .kodawari-txt{
	color: #000;
	background: none;
	padding: 15px 15px 0;
}

#kodawari-wood{
	background: url("https://www.up-shoes.com/img/kodawari/kodawari_bg03.jpg") repeat;
	padding: 25px 15px 10px;
	box-sizing: border-box;
}
#kodawari-wood h5{
	text-align: center;
	margin: 35px auto;
}
#kodawari-wood .kodawari-wood-box{
	background: #1e0e06;
	margin-bottom: 15px;
	padding: 15px;
	box-sizing: border-box;
}
#kodawari-wood .kodawari-wood-box p{
	color: #fff;
}
#kodawari-wood .kodawari-wood-ttl{
	margin-bottom: 15px;
}
#kodawari-wood .kodawari-wood-ttl p{
	font-size: 14px;
	font-weight: bold;
}
#kodawari-wood .kodawari-wood-ttl ul{
	letter-spacing: -.4em;
}
#kodawari-wood .kodawari-wood-ttl ul li{
	display: inline-block;
	letter-spacing: normal;
	color: #1e0e06;
	font-size: 12px;
	background: #fff;
	padding: 5px;
	box-sizing: border-box;
	vertical-align: middle;
	margin-right: 5px;
}

#kodawari-wood .kodawari-wood-cmt{
	overflow: hidden;
}
#kodawari-wood .kodawari-wood-cmt p{
	line-height: 18px;
}
#kodawari-wood .kodawari-wood-p{
	text-align: center;
	margin-top: 15px;
}

#kodawari-inhl{
	width: 100%;
	background: #000;
	padding: 30px 15px;
	box-sizing: border-box;
}
#kodawari-inhl h4{
	text-align: center;
	margin-bottom: 15px;
}
#kodawari-inhl .kodawari-inhl-ttl-p{
	color: #fff;
	text-align: center;
	margin-bottom:30px;
}
#kodawari-inhl .kodawari-inhl-list li{
	background: #fff;
	padding: 10px;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	justify-content: -webkit-space-between;
	justify-content: space-between;
}
#kodawari-inhl .kodawari-inhl-list li:not(:last-child){
	margin-bottom: 15px;	
}
#kodawari-inhl .kodawari-inhl-list .inhl-p{
	margin-bottom: 15px;
	width: 40%;
}
#kodawari-inhl .kodawari-inhl-list .inhl-txt{
	width: 50%;
}
#kodawari-inhl .kodawari-inhl-list .inhl-txt p{
	font-weight: bold;
	font-size: 14px;
	margin: 0;
}
#kodawari-inhl .kodawari-inhl-list .inhl-txt p span{
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}
#kodawari-inhl .kodawari-inhl-list .inhl-ico{
	margin-bottom: 5px;
	max-width: 50%;
}

#kodawari .kdwr-owner-bnr{
	margin-top: 35px;
}