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

@media screen and (max-width:699px) {

	.u-w05-10 {width: 10% !important;}
	.u-w10-20 {width: 20% !important;}
	.u-w25sp,
	.u-w20-25 {width: 25% !important;}
	.u-w33sp,
	.u-w10-33,
	.u-w20-33 {width: 33.333% !important;}
	.u-w100-40 {width: 40% !important;}
	.u-w25-50,
	.u-w50sp {width: 50% !important;}
	.u-w33-50{width: 50% !important}
	.u-w100-60 {width: 60% !important;}
	.u-w50-70 {width: 70% !important;}
	.u-w30-80,
	.u-w60-80,
	.u-w90-80{width: 80% !important;}
	.u-w70-90 {width: 90% !important;}
	.u-w70-95 {width: 95% !important;}
	.u-w100sp,
	.u-w30-100,
	.u-w33-100,
	.u-w40-100,
	.u-w49-100,
	.u-w50-100,
	.u-w55-100,
	.u-w60-100,
	.u-w65-100,
	.u-w70-100,
	.u-w75-100,
	.u-w80-100,
	.u-w85-100,
	.u-w90-100,
	.u-w95-100 {width: 100% !important;}

	


	





	
	.u-mw100-50 {max-width: 50% !important;}

	.u-fsS {font-size: 11px!important;}
	.u-fs2S {font-size: 10px!important;}
	.u-fs3S {font-size: 9px!important;}
	
	.u-fs13-8 {font-size: 8px !important;}
	.u-fs12-10,
	.u-fs13-10,
	.u-fs17-10 {font-size: 10px !important;}
	.u-fs13-11,
	.u-fs14-11,
	.u-fs15-11 {font-size: 11px !important;}
	.u-fs24-12,
	.u-fs16-12,
	.u-fs14-12 {font-size: 12px !important;}
	.u-fs17-12_5 {font-size: 12.5px !important;}
	.u-fs14-12,
	.u-fs15-12,
	.u-fs20-12,
	.u-fs24-12 {font-size: 12px !important; }
	.u-fs16-13,
	.u-fs14-13,
	.u-fs20-13 {font-size: 13px !important;}
	.u-fs15-14,
	.u-fs16-14,
	.u-fs18-14,
	.u-fs18-14,
	.u-fs20-14,
	.u-fs22-14,
	.u-fs24-14 {font-size: 14px !important;}
	.u-fs17-15,
	.u-fs20-15 {font-size: 15px !important;}
	.u-fs36-16,
	.u-fs29-16,
	.u-fs24-16,
	.u-fs21-16,
	.u-fs20-16 {font-size: 16px !important;}
	.u-fs19-17 {font-size: 17px !important;}
	.u-fs20-18,
	.u-fs22-18,
	.u-fs24-18 {font-size: 18px !important; }
	.u-fs24-19,
	.u-fs32-19 {font-size: 19px !important;}
	.u-fs26-20 {font-size: 20px !important;}
	.u-fs28-21,
	.u-fs50-21 {font-size: 21px !important;}
	.u-fs24-22 {font-size: 22px !important;}
	.u-fs34-23 {font-size: 23px !important;}
	.u-fs34-25 {font-size: 25px !important;}
	.u-fs29-26 {font-size: 26px !important;}
	.u-fs50-30 {font-size: 30px !important;}
	.u-fs50-40 {font-size: 40px !important;}
	
	.u-fs16-030vw {font-size: 3vw !important;}
	.u-fs20-035vw {font-size: 3.5vw !important;}
	.u-fs22-037vw {font-size: 3.7vw !important;}
	.u-fs28-045vw {font-size: 4.5vw !important;}
	
	.u-p05-025 {padding: 0.25em!important;}
	.u-p2-05 {padding: 0.5em!important;}
	
	.u-pL1-0 {padding-left: 0!important;}
	.u-pL0-025 {padding-left: 0.25em!important;}
	.u-pL0-05 {	padding-left: .5em!important;}
	.u-pL3-1 {padding-left: 1em!important;}
	
	.u-pR1-0 {padding-right: 0!important;}
	.u-pR0-025 {padding-right: 0.25em!important;}
	.u-pR0-05 {	padding-right: .5em!important; }
	.u-pR3-1 {padding-right: 1em!important;}
	
	.u-mB15-1 {margin-bottom: 1em;}
	.u-mB0-3 {margin-bottom: 3em;}
    .u-mB4-0 {margin-bottom: 0!important;}
	
	.u-pW0-1 {padding-left: 1em; padding-right: 1em;} 
	.u-pc-inBlk {display: none!important;}
	.u-sp-inBlk {display: inline-block!important;}
	
	.u-borR1-0 { border-right: none!important;	}

	/* u-ord
* flex内並び順
*/
	.u-ord0-1 {
	-webkit-order: 1;
	order: 1;
}
.u-ord1-0 {
	-webkit-order: 0;
	order: ;
}
.u-ord1-2 {
	-webkit-order: 2;
	order: 2;
}
.u-ord2-1 {
	-webkit-order: 1;
	order: 1;
}
	
	.u-clamp2 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.u-clamp3 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	
	/* スクロールするエリア */
	.u-scroll{
		overflow: auto;
		white-space: nowrap;
	}
	.u-scroll::-webkit-scrollbar{
		height: 5px;
	}
	.u-scroll::-webkit-scrollbar-track{
		background: #F1F1F1;
	}
	.u-scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}

	iframe.headerG,
	iframe.footer,
	iframe.footer2019,
	iframe.footer_mini,
	iframe.leftnavi,
	iframe.frameSide03,
	iframe.index-special,
	iframe.cat-special {
		width:100%;
		display:block;
	}
	iframe.header {
		margin-bottom:0;
	}
	iframe.footer_mini {
		height: 655px;
	}
	.pc-disnon {
		display: block !important;
	}
	.sp-disnon {
		display: none !important;
	}
	br.sp {
		display:block;
	}
	br.pc {
		display: none;
	}
	#wrapper, #contents {
		width:100%;
	}
	#contents {
		box-sizing:border-box;
		padding:0 2%;
		overflow: hidden; /* 20190326 追加 */
	}
	#topicPath {
		display:none;
	}
	#oneCol #main,
	#twoCol #main {
		width: 100%;
		float: none;
	}
	
	#main img,
	#twoCol #systemWrap ul.itemBlock li .img img {
		max-width:100%;
		height:auto;
	}	
	#systemWrap.oneCol {
		padding: 0;
		border: none;
	}
	#twoCol #systemWrap {
		width: 100%;
		border: none;
		margin: 0 auto 10%;
		padding: 0;
		min-height: 0;
	}
	#twoCol #systemWrap ul.itemBlock {
	  margin: 0;
	}
	
	#main .hCate {
	  position: relative;
	  background: url(../images/parts/sp/modal_h_01.png) no-repeat 0 0;
	  width: auto !important;
	  height: auto !important;
	  margin: 0 0 10px 0 !important;
	  padding: 0 !important;
	  display: block;
	}
	
	#main .hCate:before {
	  position: absolute;
	  top: 0;
	  right: 0;
	  content: '';
	  width: 15px;
	  height: 100%;
	  display: block;
	  background: url(../images/parts/sp/modal_h_02.png) no-repeat right top;
	  z-index: 1;
	}
	
	#main .hCate:after {
	  content: '';
	}
	
	#main .hCate .hCate-inner {
	  position: relative;
	  background: url(../images/parts/sp/modal_h_03.png) no-repeat left bottom;
	  margin: 0;
	  padding: 15px 20px;
	  height: auto;
	  display: block;
	  line-height: 1.2;
	}
	
	#main .hCate .hCate-inner:after {
	  position: absolute;
	  bottom: 0;
	  right: 0;
	  content: '';
	  width: 15px;
	  height: 16px;
	  display: block;
	  background: url(../images/parts/sp/modal_h_04.png) no-repeat right bottom;
	  z-index: 1;
	}
	
	.itemRanking ul.itemBlock li,
	.pickLeft ul.itemBlock li,
	#mainContent .itemRanking ul.rank2to10 li:nth-child(-n+5),
	.itemRelation ul.itemBlock li,
	#top .itemRelation ul.itemBlock li,
	.prize_wedding #systemWrap ul.itemBlock li  {
		width:31.33%;
		margin:0 1%;
		padding:0;
		text-align:center;
		font-size:11px;
	}
	ul.itemBlock li span.img img {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}
	#top .itemRelation ul.itemBlock.itemRecommend-top li:nth-child(-n+2){
		width: 48%;
		margin: 0 1%;
	}
	.itemRelation ul.itemBlock.itemRecommend-categ li:nth-child(-n+3){
		width: 31.33%;
	}
	.itemRelation ul.itemBlock.itemRecommend-categ li:nth-child(-n+2){
		width: 48%;
	}

	/* ランキング */
	.itemBlock li .rankNumSP {
		display:block;
		margin-bottom:5px;
	}
	.itemBlock li .rankNum {
		/*display:none;*/
		width:48px;
		/*margin-left: 20px;*/
	}
	.itemRanking ul.itemBlock li div.right .title,
	.itemRanking ul.itemBlock li div.right .title a {
		font-size: 11px;
		line-height: 1.3;
	}
	.itemBlock li .price {
			color: #FF6D2E;
			font-weight: bold;
		margin:5px 0 10px;
	}
	ul.itemBlock li p.price span {
		display: block;
		width: 60%;
		margin: 3px auto;
		padding: 3px 1px;
	}
	.itemRanking ul.itemBlock li .price .par:after {
		content: "\A";
		white-space: pre;
	}
	#mainContent .itemRanking ul.rank2to10 li:first-child{
		display:block
	}


	/* かざり紙ページ修正 */
	.kazari_inv{
		height: auto;
		padding-top: 0!important;
	}
	.kazari_mB{
		margin: 0 0 1.5% 0!important;
	}
	
	/* title border */
	
    .responsive_title .hPiary {
      display:none;
    }

    .responsive_title .sp_hPiary {
      display:block;
      position: relative;
      display: block;
      margin-bottom: 1em;
    }

    .responsive_title .sp_hPiary .box-outer {
      position: relative;
      z-index: 1;
      /* overflow: hidden; */ /* なんか下に線が入る */
      overflow: scroll;
      width: 100%;
    }

    .responsive_title .sp_hPiary .box-block {
      position: relative;
      width: auto;
    }

    .responsive_title .sp_hPiary .circle {
      width: 18px;
      height: 18px;
      position: absolute;
      z-index: 2;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
    }

    .responsive_title .sp_hPiary .top-left {
      left: -9px;
      top: -9px;
    }

    .responsive_title .sp_hPiary .top-rigt {
      right: -9px;
      top: -9px;
    }

    .responsive_title .sp_hPiary .btm-left {
      left: -9px;
      bottom: -9px;
    }

    .responsive_title .sp_hPiary .btm-rigt {
      right: -9px;
      bottom: -9px;
    }

    .responsive_title .sp_hPiary #box01 .circle {
      background: #FFF;
      border: 1px solid #988a83;
    }

    .responsive_title .sp_hPiary #box01 .box-block {
      background: #FFF;
      border: 1px solid #988a83;
      padding: 1em;
      font-weight: bold;
      font-size: 15px;
    }

    .responsive_title .sp_hPiary .box-inner {
      width: calc(100% - 10px);
      height: calc(100% - 8px)
      border: solid 1px #988a83;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 5;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
    }

    .responsive_title .sp_hPiary .box-inner {
      width: calc(100% - 10px);
      height: calc(100% - 8px);
      border: solid 1px #988a83;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 5;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
    }
	
	/* .preserved_flower */
	
    .pre_flo-div {
      height: 9650px;
      width: 100%!important;
      /*overflow:auto;
      -webkit-overflow-scrolling:touch;*/
    }
	
    .preserved_flower #wrapper {
      width: 100%!important;
    }
	
    .preserved_f .itemBlock li span.title {
      font-size: 13px;
    }

    .preserved_f .itemBlock li p.price {
      font-size: 16px;
      text-align: right;
      padding-right: 1em;
    }
}