@charset "utf-8";




/* ------------------------------------------------------------------------------------------------
 * RESPONSIVE
 * ------------------------------------------------------------------------------------------------ */




@media screen and (max-width:1023px) {
/* ----------------------------------------------------------------------
 * xxx
 * ---------------------------------------------------------------------- */

 
} /* END RESPONSIVE 1079x */




@media screen and (max-width:767px) {
	
	
/* ----------------------------------------------------------------------
 * GLOBAL - UTILITY
 * ---------------------------------------------------------------------- */
 .u-content {
  margin: 0 0 80px;
  padding: 80px 0 0;
 }

 .u-content.u-content-bg {
  margin: 0;
  padding: 80px 0;
 }
	
	
	
/* ----------------------------------------------------------------------
 * Global Title
 * ---------------------------------------------------------------------- */
 .u-content-title {
  margin-bottom: 30px;
 }

 .u-content-head {
  font-size: 2.2rem;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 10px;
 }
 
 .u-content-lead {
  font-size: 1.5rem;
  margin-bottom: 10px;
 }

 .u-content-note {
  font-size: 1.3rem;
 }
	
	
	
/* ----------------------------------------------------------------------
 * Global Button
 * ---------------------------------------------------------------------- */
 .u-button {
  font-size: 1.4rem;
  border-radius: 25px;
  width: 100%;
  margin: 30px auto 0;
 }

 .u-button.is-iconPop span:after {
  right: 20px;
 }

 .u-button.is-iconPop span {
  padding: 16px 35px 16px 30px;
 }

 .u-button.is-iconBlank a,
 .u-button.is-iconSerch a {
  padding: 16px 20px;
 }

 .u-button.is-iconBlank span {
  padding-left: 27px;
 }

 .u-button.is-iconBlank span:after {
  height: 14px;
  width: 17px;
  top: calc(50% - 7px);
 }

 .u-button.is-iconSerch span {
  padding-left: 27px;
 }

 .u-button.is-iconSerch span:after {
  height: 20px;
  width: 17px;
  top: calc(50% - 10px);
 }
 

	
	
/* ----------------------------------------------------------------------
 * LAYOUT
 * ---------------------------------------------------------------------- */
	.g-container {
		font-size: 1.4rem;
		min-width: 0;
  overflow: hidden;
  top: 50px;
  padding-bottom: 50px;
	}


 .g-container .u-inner {
  padding-left: 25px;
  padding-right: 25px;
 }
	
	
/* ----------------------------------------------------------------------
 * Shop Search
 * ---------------------------------------------------------------------- */

	
	
/* ----------------------------------------------------------------------
 * Content last line
 * ---------------------------------------------------------------------- */

	
	
/* ----------------------------------------------------------------------
 * page menu
 * ---------------------------------------------------------------------- */


	
/* ----------------------------------------------------------------------
 * KEY VISUAL
 * ---------------------------------------------------------------------- */
 .is-about.is-umofuton_reform .l-kv {
  background-image: url(../img/kv-bg@media.jpg);
		height: 315px;
	}
 
 .is-about.is-umofuton_reform .l-kv-title {
  padding: 0;
 }
 
 .is-about.is-umofuton_reform .l-kv-title img {
  max-height: 255px;
 }


 /* ----------------------------------------------------------------------
  * introSec
  * ---------------------------------------------------------------------- */
 .introSec {
  padding: 25px 0 50px;
  margin: 0;
 }

 .introSec__inner__navi {
  padding: 15px 3.076923076923077% 20px;
  margin-bottom: 45px;
 }

 .introSec__inner__navi:before {
  top: 4px;
  left: 4px;
 }

 .introSec__inner__navi:after {
  border: 1px solid #8b916c;
 }

 .introSec__inner__navi__ttl {
  margin-bottom: 15px;
  font-size: 12px;
 }

 .introSec__inner__navi ul {
  margin-bottom: -3.278688524590164%;
 }

 .introSec__inner__navi ul li {
  width: 27.540983606557377%;
  margin: 0 1.639344262295082% 3.278688524590164%;
 }

 .introSec__inner__navi ul li a span {
  font-size: 2.4vw;
  /*font-size: 9px;*/
  letter-spacing: -.02em;
 }

 .introSec__inner__txt01 {
  margin-bottom: 30px;
  font-size: 12px;
  line-height: 2.083333333333333;
 }

 .introSec__inner__btn {
  width: 290px;
  font-size: 12px;
 }

 .introSec__inner__btn a {
  padding: 13px 15px;
  border: 1px solid #8b916c;
 }

 .introSec__inner__btn a span {
  padding-right: 20px;
 }

 .introSec__inner__btn a span:before {
  width: 9px;
  height: 9px;
 }

 /* ----------------------------------------------------------------------
  * c-featurelist01
  * ---------------------------------------------------------------------- */
 .c-featurelist01 {

 }

 .c-featurelistWrap .c-featurelist01 {
  width: 70.769230769230769%;
 }

 .c-featurelistWrap.model05 .c-featurelist01 {
  width: 62.153846153846154%;
 }

 .c-featurelist01 li {
  padding: 10px 0 0 0;
 }

 .c-featurelist01 li .num {
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
 }

 .c-featurelist01 li .txt01 {
  padding: 0 0 10px 0;
  margin: -.2em 12px 0 10px;
  font-size: 10.5px;
  line-height: 1.714285714285714;
 }

 .c-featurelist01 li:last-child .txt01 {
  border-bottom: none;
 }

 .c-featurelist01.model06 li .txt01 {
  min-height: 3.25em;
  padding-top: .2em;
  margin-right: 0;
 }

 .c-featurelistWrap .c-featurelist01 li .txt01 {
  margin-right: 0;
 }

 .c-featurelist01 li .note01 {
  margin-top: 0;
  font-size: 9px;
 }

 .c-featurelist01 li .pic {
  width: 24.62%;
  padding: 0 0 10px 0;
  margin-top: 0;
 }

 .c-featurelistWrap .c-featurelistWrap__picArea {
  width: 24.62%;
 }

 .c-featurelistWrap.model05 .c-featurelistWrap__picArea {
  width: 35.692307692307692%;
 }

 .c-featurelistWrap__picArea .pic {
  margin-bottom: 10px;
 }

 /* ----------------------------------------------------------------------
 * c-model
 * ---------------------------------------------------------------------- */
 .c-model {
  padding: 40px 0;
  margin: 0;
 }

 .c-model__inner {

 }

 .c-model__inner__head {
  margin-bottom: 12px;
 }

 .c-model__inner__head.u-content {
  padding: 0;
  margin: 0 0 12px 0;
 }

 .c-model__inner__head__sub {
  padding: 4px 20px;
  margin-bottom: 12px;
  font-size: 10.5px;
 }

 .c-model__inner__head__ttl {
  margin-bottom: 10px;
  font-size: 15px;
 }

 .c-model__inner__head__txt01 {
  margin: 0 -20px;
  font-size: 10px;
  letter-spacing: -.03em;
 }

 .c-model__inner__slider {
  margin-bottom: 25px;
  /*margin: 0 calc(50% - 50vw) 25px;*/
 }

 .c-model__inner__slider .slick-prev,
 .c-model__inner__slider .slick-next {
  width: 7px;
  height: 20px;
 }

 .c-model__inner__slider .slick-prev {
  left: 10px;
 }

 .c-model__inner__slider .slick-next {
  right: 10px;
 }

 .c-model__inner__body__feature {
  margin-bottom: 20px;
 }

 .c-model__inner__body__feature__ttl {
  margin-bottom: 10px;
  font-size: 14px;
 }

 .c-model__inner__body__recommend {
  padding: 18px 15px 13px;
 }

 .c-model__inner__body__recommend.is-hasMore {
  padding-bottom: 25px;
 }

 .c-model__inner__body__recommend:before {
  top: 4px;
  left: 4px;
 }

 .c-model__inner__body__recommend:after {
  border-left: 1px solid #8b916c;
  border-right: 1px solid #8b916c;
  border-bottom: 1px solid #8b916c;
 }

 .c-model__inner__body__recommend__ttl {
  font-size: 12px;
  letter-spacing: -.02em;
 }

 .c-model__inner__body__recommend__ttl span {
  padding: 0 15px;
 }

 .c-model__inner__body__recommend__txt01 {
  font-size: 11px;
  letter-spacing: -.02em;
 }

 .c-model__inner__body__more {
  width: 153px;
  margin: -15px auto 0;
  font-size: 12.5px;
 }

 .c-model__inner__body__more a {
  width: 153px;
  height: 30px;
 }

 .c-model__inner__body__detail {
  display: block;
  margin-top: 20px;
 }

 .c-model__inner__body__detail__material {
  margin-bottom: 15px;
 }

 .c-model__inner__body__detail__material dl {
  display: block;
  text-align: center;
 }

 .c-model__inner__body__detail__material dl dt {
  display: inline-block;
  padding: 1px 5px;
  margin-right: 0;
  margin-bottom: 10px;
  font-size: 9px;
 }

 .c-model__inner__body__detail__material dl dd {
  font-size: 9px;
  text-align: center;
 }

 .c-model__inner__body__detail__price {
 }

 .c-model__inner__body__detail__price dl {
  justify-content: center;
 }

 .c-model__inner__body__detail__price dl dt {
  margin-right: 8px;
 }

 .c-model__inner__body__detail__price dl dt .txt01 {
  padding: 3px 8px;
  font-size: 9px;
 }

 .c-model__inner__body__detail__price dl dt .txt02 {
  padding: 3px 8px;
  font-size: 9px;
 }

 .c-model__inner__body__detail__price dl dd {
 }

 .c-model__inner__body__detail__price dl dd .price {
  margin-bottom: 5px;
  font-size: 20px;
 }

 .c-model__inner__body__detail__price dl dd .note01 {
  padding-left: .2em;
  font-size: 7px;
 }


 /* ----------------------------------------------------------------------
  * cvSec
  * ---------------------------------------------------------------------- */
 .cvSec {
  padding: 0 25px;
  margin: 0;
 }

 .cvSec__inner {
  padding: 40px 0 !important;
 }

 .cvSec__inner__btn01 {
  width: 290px;
  margin-bottom: 40px;
  font-size: 12px;
 }

 .cvSec__inner__btn01 a {
  padding: 13px 15px;
  border: 1px solid #8b916c;
 }

 .cvSec__inner__btn01 a span {
  padding-right: 20px;
 }

 .cvSec__inner__btn01 a span:before {
  width: 9px;
  height: 9px;
 }

 .cvSec__inner__btn02 {
  width: 290px;
  font-size: 12px;
 }

 .cvSec__inner__btn02 a {
  padding: 5px 0;
 }

 .cvSec__inner__btn02 a .logo {
  padding: 5px 0;
 }

 .cvSec__inner__btn02 a .txt .icon {
  padding-right: 17px;
 }

 .cvSec__inner__btn02 a .txt .icon:before {
  width: 3px;
  height: 6px;
 }


 /* ----------------------------------------------------------------------
  * c-prevention
  * ---------------------------------------------------------------------- */
 .c-prevention {
  padding: 30px 0 20px;
 }

 .c-prevention .u-inner {
  width: 100%;
  max-width: none;
  padding-right: 25px;
  padding-left: 25px;
 }

 .c-prevention__text {
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0;
 }

 .c-prevention__items {
  margin: 15px 0 0;
  padding: 0;
 }

 .c-prevention__item {
  text-align: center;
  display: block;
 }

 .c-prevention__item figure {
  width: 60px;
  margin: 0 auto;
 }

 .c-prevention__item em {
  font-size: 1.6rem;
  line-height: 1.35;
  margin: 5px 0 0;
  padding: 0;
 }



/* ----------------------------------------------------------------------
 * xxx
 * ---------------------------------------------------------------------- */
 .xxx {
 }
} /* END RESPONSIVE 767px */


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

 /* ----------------------------------------------------------------------
 * c-model
 * ---------------------------------------------------------------------- */
 .c-model__inner__body__recommend__ttl span {
  padding: 0 5px;
 }

} /* END RESPONSIVE 374px */