@media only screen and (max-width: 414px) {
article {
		margin: 0.8rem 0;
    }
}

@media only screen and (min-width: 414px) {
    article {
		margin: 0.8rem 0;
    }
}    

body {
	color:#606060;
}




/* ************* breadcrumb ************* */
.breadcrumb {
	display: flex;
	flex-wrap: wrap;
   	margin: 1.5rem auto 0.9rem;
    padding: 0 0 0 0.5rem;
    font-size: 13px;
}

.breadcrumb li::after {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 0.8em;
    margin-left: 0.8em;
}

.breadcrumb li:last-child {
	font-weight: bold;
}

.breadcrumb li:last-child::after {
	content: none;
}


@media only screen and (min-width: 768px) {
	.breadcrumb {
		margin: 3em 0 1rem 0;
	    padding: 0;
	}
	
	.breadcrumb li::after {
		content: "\f105";
		font-family: FontAwesome;
		margin-right: 0.8em;
		margin-left: 0.8em;
    }
	
	.breadcrumb li:last-child {
		font-weight: bold;
	}
	
	.breadcrumb li:last-child::after {
		content: none;
	}   
}


.breadcrumbs {
  max-width: 1100px;
  padding: 5px 10px;
  font-family: YuGothic,"Yu Gothic","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  color: #333;
  line-height: 1.5;
  margin: 0 auto;
}
.breadcrumbs a:hover {
  text-decoration: none;
}
.breadcrumbs__list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.breadcrumbs__item {
  font-size: 10px;
  list-style-type: none;
}
.breadcrumbs__item + .breadcrumbs__item::before {
  content: '>';
  margin: 0 5px;
}
@media only screen and (min-width: 1000px) {
  .breadcrumbs {
    padding: 10px 0;
  }
  .breadcrumbs__item {
    font-size: 13px;
  }
}


/* ************ category title ************ */
.cat_title h2 {
	padding: 2rem;
	font-size: 1.2rem;
	color: #fff;
	background: #5e4e40;
	margin-top: 2rem;
}

@media only screen and (min-width: 414px) {
	.cat_title h2 {
		padding: 2rem;
		margin-top: 4rem;
		font-size: 2rem;
		line-height: 1.8;
		color: #fff;
	    letter-spacing: 0.5px;
		background: #5e4e40;
	}
}

@media only screen and (min-width: 769px) {
	.cat_title h2 {
		padding: 2rem;
		font-size: 2rem;
		line-height: 1.8;
		color: #fff;
	    letter-spacing: 0.5px;
		margin-top: 3rem;
		background: #5e4e40;
	}
}


/* ********** recommend_point 4col ********** */
.recommend_point .col_4 {
	flex-direction: column;
	margin-bottom: 5rem;
	margin: auto 2rem;
}

.recommend_point > .col_4 > li {
	margin: 2rem 0;
	background: #f3eee9;
}

.recommend_point .col_4 > li:first-of-type {
	margin-left: 0%;
}
	
.recommend_point .col_4 .number {
	width: 20%;
	margin: 1rem auto;
}

.recommend_point .col_4 dl {
	width: calc(90%);
	margin: 0 auto;
	padding-bottom: 1rem;
}

.recommend_point .col_4 dt {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.recommend_point .col_4 dd:first-of-type {
	text-align: left;
	margin-bottom: 1.5rem;
    padding:0.5rem;
	line-height:1.5rem;
}

.recommend_point .col_4 dd img {
   	width: calc(95%);
}

@media only screen and (min-width: 768px) {
	.recommend_point .col_4 {
		display: flex;
		flex-flow: row nowrap;
		margin: 2rem 1rem 0;
	}
	
	.recommend_point .col_4 > li {
		width: calc(25%);
		background: #f3eee9;
		margin-left: 3%;
    }
	
	.recommend_point .col_4 > li:first-of-type {
		margin-left: 0%;
    }
	
	.recommend_point .col_4 .number {
		width: 30%;
		margin: 1rem auto 2rem;
	}
	
	.recommend_point .col_4 dl {
	    width: calc(90%);
	    margin: 0 auto;
    }

	.recommend_point .col_4 dt {
		font-size: 1.2rem;
		font-weight: bold;
		margin-bottom: 1rem;
	}

	.recommend_point .col_4 dd:first-of-type {
		text-align: left;
		margin-bottom: 1.5rem;
		line-height: 1.6;
		height: 15rem;
	}
    .recommend_point .col_4 dd img {
    	width: calc(95%);
    }
}

@media only screen and (min-width: 769px) {
	.recommend_point .col_4 {
		display: flex;
		flex-flow: row nowrap;
		margin: 2rem auto 2rem;
	}
	
	.recommend_point .col_4 > li {
		width: calc(25%);
		background: #f3eee9;
		margin-left: 2%;
    }
	
	.recommend_point .col_4 > li:first-of-type {
		margin-left: 0%;
    }
	
	.recommend_point .col_4 .number {
		width: 30%;
		margin: 1rem auto 2rem;
	}
	
	.recommend_point .col_4 dl {
	    width: calc(90%);
	    margin:0 auto;
    }

	.recommend_point .col_4 dt {
		font-size: 1.2rem;
		font-weight: bold;
		margin-bottom: 1rem;
	}

	.recommend_point .col_4 dd:first-of-type {
		text-align: left;
		margin-bottom: 2rem;
		line-height: 1.6;
		height: 9rem;
		font-size:0.9rem;
		padding: 0.5rem;
	}
	
	.recommend_point .col_4 dd img {
    	width: calc(95%);
    }
}




/* ************* lead ************* */

.lead {
	margin: 5rem auto 2rem;
}
.lead ul li img {
    width: 82%;
}        
	

.lead ul li p {
	padding-bottom:3rem;
	line-height: 2.2;
	text-align: left;
	color: #5e4e40;
	margin: auto 2rem;
}

@media only screen and (min-width: 414px) {
	.lead {
		margin-top:0;
		position:relative;
	}
	
	.lead ul {
		margin: 1rem 0;
		display: flex;
		height:350px;
	}
	
	.lead ul li img {
		padding: 4rem 0 0;
        width:50%;
        position:absolute;
        right:1rem;
        z-index:1;
		}
	
	.lead ul li p {
		padding: 6rem 0 0;
		line-height: 2.4;
		text-align: left;
		color: #5e4e40;
		margin:auto 0 0 2rem;
		z-index:2;
	}	
}



@media only screen and (min-width: 769px) {
	.lead ul {
		display: flex;
		height:500px;
	}
	
	.lead ul li img {
		padding:2rem 0;
		 width:55%;
		 margin-right:0;
	}
	
	.lead ul li p {
		padding: 4rem 0;
		line-height: 2.4;
		text-align: left;
		color: #5e4e40;
		font-size: 1.2rem;
		margin:auto 0 0;
	}
}


/* ********** tel ********** */
.tel p:nth-of-type(1),
.tel p:nth-of-type(3) {
	font-size:1rem;
	
}
.tel p:nth-of-type(2),
.tel p:nth-of-type(4) {
	font-size:0.9rem;
	margin-bottom:2rem;
}
.tel  a {
	font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.7;
}
.tel_free {
	font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.7;
}
.tel_info {
	margin-bottom:2rem;
	font-size:1rem;
}
.tel_note {
	font-size:0.8rem;
	margin-bottom:2rem;
}

@media only screen and (min-width: 768px) {
	.tel p:nth-of-type(1),
	.tel p:nth-of-type(3) {
		font-size:1.3rem;
	}
	.tel p:nth-of-type(2),
	.tel p:nth-of-type(4) {
		font-size:0.9rem;
		margin-top:-0.3rem;
		margin-bottom:1.5rem;
	}
	.tel  a {
		font-size: 1.9rem;
		font-weight: bold;
		text-align: center;
		line-height: 1.7;
	}
	.tel_free {
		font-size: 1.9rem;
		font-weight: bold;
		text-align: center;
		line-height: 1.7;
	}
    .tel_info {
		margin-bottom:2rem;
		font-size:1.3rem;
	}
	.tel_note {
		font-size:0.8rem;
		margin-bottom:2rem;
	}
	
}



/* ********** inquiry btn_remote btn_line ********** */
.inquiry {

}

.inquiry .contact_lead {
	font-size:1rem;
	margin-bottom:2rem;
}

.btn_line {
	position: relative;
	text-align: center;
	text-decoration: none;
	color: #606060;
	font-size: 0.9rem;
	background: #fff;
	margin: 1rem 2rem 0.3rem;
	border: 1px solid #606060;
}
.btn_remote {
    position: relative;
    text-align: center;
    text-decoration: none;
    color: #606060;
    font-size: 0.9rem;
    background: #fff;
    margin: 1rem 2rem 3rem;
    border: 1px solid #606060;
}

.btn_line,
.btn_line::before,
.btn_line::after,
.btn_remote,
.btn_remote::before,
.btn_remote::after {
    box-sizing: border-box;
    display: block;
    content: '';
}

.btn_line a,
.btn_remote a{
    /* color: #000; */
    display: block;
    padding: 0.8em 1rem;
}

.btn_line a::after,
.btn_remote a::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 0.6em;
    transform: translateY(-50%);
    color: #606060;
}




@media only screen and (min-width: 768px) {
    .inquiry .contact_lead {
	    font-size:1.3rem;
	    margin-bottom: 1rem;
	   }
    
    .btn_line {
    	font-weight: normal;
        letter-spacing: 1.2px;
        border: 1px solid #606060;
		width: 50%;
        margin: 1rem auto 0.5rem;
        color: #606060;
    }
    .btn_remote {
        font-weight: normal;
        letter-spacing: 1.2px;
        border: 1px solid #606060;
		width: 50%;
        margin: 1rem auto 4rem;
        color: #606060;
    }

    .btn_line a,
    .btn_remote a{
        font-size: 1rem;
        padding: 1rem;
        color: #606060;
    }

    .btn_line a::after,
    .btn_remote a::after {
        top: 1rem;
        right: 0.5em;
    }

    .btn_line a::after,
    .btn_remote a::after {
        content: "\f105";
        font-family: FontAwesome;
        position: absolute;
        top: 52%;
        right: 0.6em;
    }

    .btn_line:hover,
	.btn_remote:hover {
		border: none;
	}

    .btn_line a:hover,
    .btn_remote a:hover {
        box-sizing: border-box;
        border: 1px solid #5e4e40;
        cursor: pointer;
        text-decoration: none;
        background-color: #5e4e40;
        color: #fff;
    }

    .btn_line a:hover::after,
    .btn_remote a:hover::after {
    	content: "\f105";
        font-family: FontAwesome;
        position: absolute;
        top: 52%;
        right: 0.6em;
		transform: translateY(-50%);
		color: #fff;
    }
}







/* ********** item 2col ********** */
.item_col .col_2 {
	margin: 3rem auto;
}

.item_col .col_2 > li {
	margin-top: 0.3rem;
}

.item_col .col_2 dl {
	text-align: left;
	margin: 0 2rem auto;
}

.item_col .col_2 dt {
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
	text-align: center;
}

.item_col .col_2 dt span {
		color:#b09778;
	}

.item_col .col_2 .text {
    margin-bottom: 1rem;
    font-size:0.9rem;
    line-height:1.5;
}

.item_col .col_2 .price {
	text-align: right;
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 0.2rem;
}

.item_col .col_2 .price span{
    font-size: 1.3rem;
}

.item_col .col_2 .note {
	text-align: right;
}

.item_col .col_2 .more_btn {
	width: 100%;
	margin: 2rem auto 3rem;
	position: relative;
	border: solid 1px #bbb;
	text-align: center;
}

.item_col .col_2 .more_btn::after {
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
}

.item_col .col_2 .more_btn:hover {
	border: none;
	padding: 0.05rem;
}

.item_col .col_2 .more_btn a:hover {
	background-color: #5e4e40;
	color: #fff;
	border: none;
}

.item_col .col_2 .more_btn a:hover::after {
	color: #fff;
}

.item_col .col_2 .more_btn a{
    color: #000;
    display: block;
    padding: 0.8em 1rem;    
}

.item_col .col_2 .more_btn a::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 52%;
	right: 1.5rem;
	transform: translateY(-50%);
	color: #000;
}


@media only screen and (min-width: 768px) {
    .item_col .col_2 {
		display: flex;
		flex-flow: row wrap;
		margin: 7rem 0 3rem;
    }
	.item_col .col_2 > li {
		width: calc(48%);
		margin-top: 0.3rem;
		margin-left: 3%;
		margin-bottom: 2rem;
		padding-right: 1rem;
    }
	.item_col .col_2 li:nth-of-type(2n+1) {
		margin-left: 0%;
    }
	
	.item_col .col_2 dl {
		text-align: left;
		margin: 0 1rem auto 0;
	}
	
	.item_col .col_2 dt {
		font-size: 1.6rem;
		font-weight: bold;
		margin-bottom: 0.5rem;
		text-align: center;
	}
	
	.item_col .col_2 dt span {
		color:#b09778;
	}
	
    .item_col .col_2 .text {
    	margin-bottom: 1rem;
	}
	
	.item_col .col_2 .price {
		text-align: right;
		font-size: 1.2rem;
		font-weight: bold;
		margin-bottom: 0.2rem;
	}
	
	.item_col .col_2 .price span{
	    font-size: 1.5rem;
	}
	
	.item_col .col_2 .note {
		text-align: right;
	}
    
	.item_col .col_2 .more_btn {
		width: 70%;
		margin: 3.5rem auto 5rem;
		position: relative;
		border: solid 1px #bbb;
		text-align: center;
	}

	.item_col .col_2 .more_btn::after {
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
	}
	
	.item_col .col_2 .more_btn:hover {
		border:none;
		padding:0.05rem;
	}
	
	.item_col .col_2 .more_btn a:hover {
		background-color:#5e4e40;
		color: #fff;
		border: none;
	}
	
	.item_col .col_2 .more_btn a:hover::after {
		color: #fff;
	}

	.item_col .col_2 .more_btn a{
		color: #000;
		display: block;
		padding: 0.8em 1rem;    
	}

	.item_col .col_2 .more_btn a::after {
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		top: 52%;
		right: 1.5rem;
		transform: translateY(-50%);
		color: #000;
	}
}


/* *********** size_list *********** */
.size_list p {
   	margin-bottom: 1rem;
   	font-size: 1.2rem;
   	font-weight: bold;
}

.size_list div {
   	background: #eee;
    margin: auto 1rem 3rem;
    padding: 2rem 1rem 2rem;
}
.size_list .col_3 {
	display:flex;
	justify-content:space-between;
	flex-flow:row wrap;
}
    
.size_list .col_3 > li {
	width:calc(47%);
	//margin-top: 0.3rem;
	//margin-left: 3%;
	margin-bottom: 2rem;
	text-align: center;
	position:relative;
}
.size_list .col_3 > li dt {
	padding-bottom:0;
	font-size:0.9rem;
    font-weight: bold;
}
.size_list .col_3 > li dt::after {
	content: "";
    width: 33%;
    border-bottom: 1px solid #5e4e40;
    position: absolute;
    left: 50%;
    bottom: 45%;
    transform: translateX(-50%);
}
.size_list .col_3 > li dd {
	font-size:0.8rem;
	padding-top:1rem;
}
.size_list .atsumi_col {
    	display: flex;
		flex-flow: row wrap;
	    justify-content:space-between;
	    margin-top:1rem;
    }
    .size_list .atsumi_col li {
    	width:calc(45%);
    	
    }
    .size_list .atsumi_col li dl {
    	display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		padding-right:0;
    }


@media only screen and (min-width: 768px) {
	.size_list p {
    	margin-bottom: 1rem;
    	font-size: 1.2rem;
    	font-weight: bold;
    }
	
    .size_list div {
    	background: #eee;
	    margin-bottom: 3rem;
	    padding: 2rem 2rem 2erm 2rem;
    }
    
	.size_list .col_3 {
		display: flex;
		flex-flow: row wrap;
	    justify-content:flex-start;
	}
	.size_list .col_3 > li {
		width: calc(27%);
		margin-top: 0.3rem;
		margin-left: 6%;
		margin-bottom: 2rem;
		text-align: left;
    }
    .size_list .col_3 > li dt {
		padding-bottom:0;
		font-size:0.9rem;
		font-weight: bold;
	}
	.size_list .col_3 > li dt::after {
		content: "";
		width: 33%;
		border-bottom: 1px solid #5e4e40;
		position: absolute;
		left: 16%;
		bottom: 45%;
		transform: translateX(-50%);
	}
	.size_list .col_3 > li dd {
		font-size:0.8rem;
		padding-top:1rem;
	}
    .size_list .atsumi_col {
    	display: flex;
		flex-flow: row nowrap;
	    justify-content:center;
	    margin-top:1rem;
    }
    .size_list .atsumi_col li {
    	//width:calc(25%);
    }
    .size_list .atsumi_col li dl {
    	display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		padding-right:2rem;
    }        
}

/* ********** btn_ec ********** */
.btn_ec {
    position: relative;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 0.9rem;
    background: #fff;
    margin: 1rem 2rem 3rem;
    border: 1px solid #000;
}

.btn_ec,
.btn_ec::before,
.btn_ec::after {
    box-sizing: border-box;
    display: block;
    content: '';
}

.btn_ec a{
    color: #000;
    display: block;
    padding: 0.8em 1rem;
}

.btn_ec a::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 0.6em;
    transform: translateY(-50%);
    color: #000;
}

@media only screen and (min-width: 768px) {
    .btn_ec {
        font-weight: normal;
        letter-spacing: 1.2px;
        border: 1px solid #000;
    }
	
    .btn_ec {
        width: 50%;
        margin: 2rem auto 4rem;
    }
	
    .btn_ec a{
        font-size: 0.9rem;
        padding: 1rem;
    }
	
    .btn_ec a::after {
        top: 1rem;
        right: 0.5em;
    }
	
    .btn_ec a::after {
        content: "\f105";
        font-family: FontAwesome;
        position: absolute;
        top: 52%;
        right: 0.6em;
    }
	
	.btn_ec:hover {
		border: none;
	}
	
    .btn_ec a:hover {
        box-sizing: border-box;
        border: 1px solid #5e4e40;
        cursor: pointer;
        text-decoration: none;
        background-color: #5e4e40;
        color: #fff;
    }
	
    .btn_ec a:hover::after {
    	content: "\f105";
        font-family: FontAwesome;
        position: absolute;
        top: 52%;
        right: 0.6em;
		transform: translateY(-50%);
		color: #fff;
    }
}

/* ********** sbf_bnr ********** */
.sbf_bnr {
	margin:0 0.2rem auto;
}
.sbf_bnr h3 {
	margin:1rem 1rem auto;
}
.sbf_bnr span {
	font-size:1.2rem;
}
.sbf_bnr a {
	display:block;
}
.sbf_bnr a img:hover {
	opacity:0.7;
}
.sbf_bnr img {
	margin-top: 1rem;
	margin-bottom: 2rem;
}

@media only screen and (min-width: 769px) {
	.sbf_bnr {
		margin-bottom:7rem;
	}
	.sbf_bnr h3 {
		font-size:1.2rem;
	}
	.sbf_bnr span {
		font-size:1.8rem;
	}
    .sbf_bnr a {
	    display:block;
    }
    .sbf_bnr a img:hover {
    	opacity:0.7;
    }
    .sbf_bnr img {
        margin-top: 3rem;
		margin-bottom: 1rem;
	}
}





/* ************ soudan ************* */
.consulting_wrapper {
    background: #f3ece9;
    padding: 3rem 1rem 1rem;
	margin-bottom: 3rem;
}

.consulting_wrapper .consulting_col {
	
}

.consulting_wrapper .consulting_col .text {
    margin-right: 0;
    font-size: 0.9rem;
    padding: 0 1rem;
	line-height: 1.8;
}

.consulting_wrapper .consulting_col .text div {
	margin: 1rem 0 0 0;
}

.consulting_wrapper .consulting_col .text h3 {
    font-weight: bold;
    margin: 0 auto 2rem;
    text-align: center;
    font-size: 1.2rem;	
	padding-top: 0;
    line-height: 1.6;		
}

.consulting_wrapper .image {
    text-align: center;
}

.consulting_wrapper .image img{
    max-width: 100%;
}


@media only screen and (min-width: 768px) {
    .consulting_wrapper {
    	padding: 4rem 1rem 3rem;
    	margin-bottom: 5rem;
 }
	
    .consulting_wrapper .consulting_col {
        display: flex;
        justify-content: space-between;
        flex-direction:row-reverse; 
        margin: 0 auto; 
        align-items: center;
    }
	
    .consulting_wrapper .consulting_col .text {
        width: 85%;
		margin-right: 1rem;
    }
	
    .consulting_wrapper .consulting_col .text h3 {
        margin-bottom:0.5rem;
        text-align: left;
        font-size: 1.2rem;
    }
    
    .consulting_wrapper .text{
        margin:0;
		padding:0;
    }

    .consulting_wrapper .text div{
        line-height: 1.7;
        text-align: left;
		margin: 0 auto;
    } 
}


@media only screen and (min-width: 769px) {
	.consulting_wrapper{
    	padding: 5rem 1rem 5rem;
		margin-bottom: 5rem;
	}
	
    .consulting_wrapper .consulting_col {
        display: flex;
        justify-content: space-between;
        flex-direction:row-reverse; 
        margin: 0 auto; 
        align-items: center;
    }
	
    .consulting_wrapper .consulting_col .text {
        width: 55%;
		margin-right: 3rem;
    }
    	
    .consulting_wrapper .consulting_col .text h3 {
        margin-bottom: 1.4rem;
		padding: 0;
        text-align: left;
        font-size: 1.6rem;
    }
}


.moreinfo {
    background: #023b75;
    color: #fff;
    font-weight: bold;
    font-size: 0.9rem;
    line-height: 3;
    width: 100%;
	text-align: center !important;
	letter-spacing: 0.15rem;
}

.moreinfo a{
    color: #fff !important;
    display: block;
    margin-top: 2rem 0 0;
    z-index: 1 !importnat;
	margin: 2rem 0 3rem;
	padding: 0.5rem 0;
	position: relative;
	font-size: 1rem !important;
}

.moreinfo a::after {
    content: "  \f105";
    font-family: FontAwesome;
    color: #fff !important;
    font-weight: normal;
	position: absolute;
	top:0.6rem;
	right: 0.5rem;
}

.lineup {
    max-width: 1100px;
    margin: 8px auto 0;
}



.lineup > ul > li {
    display:inline-block;
    width: 33%;
    margin-bottom: 1px
}


.lineup > ul > li > a > img {
    max-width: 100%;
    height: auto;
}

.lineup > ul > li > a  {
    cursor: pointer;
}

.matrix {
    overflow-x: scroll;
    margin: 0 20px 20px;
}

.matrix > h2 {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: left;
    margin-bottom: 1em;
}



.matrix > ul {
    width: 1060px;
    margin:0;
    padding:0;
    list-style:none;


}

.matrix > ul > li {
    display: table-cell;
    *display: inline;
    *zoom: 1;
    width: 316px;
    vertical-align: top;
    text-align: center;

}

.matrix > ul > li:first-child {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    background: #f3f3f3;
    width: 90px;
}

.matrix > ul > li:nth-child(2),
.matrix > ul > li:nth-child(3),
.matrix > ul > li:nth-child(4),
.matrix > ul > li:nth-child(5) {
    border-right: dotted 1px #ccc;
}

.matrix p {
    text-align: left;
}
.matrix > ul > li:last-child {
    border-right: solid 1px #ccc;
}

.matrix > ul > li > ul > li:first-child {
    height: 155px;
    border-bottom: solid 1px #ccc;
    border-top: solid 1px #ccc;
}

.matrix > ul > li > ul > li:last-child {
    border-bottom: solid 1px #ccc;
}

.matrix > ul > li:first-child > ul > li:first-child {
    padding: 10px;
    font-size: 1em;
}

.matrix > ul > li > ul > li:nth-child(2) {
    height: 70px;
    border-bottom: solid 1px #ccc;
    padding: 10px;
}

.matrix > ul > li > ul > li:nth-child(3) {
    height: 90px;
    border-bottom: solid 1px #ccc;
    padding: 10px;
}

.matrix > ul > li > ul > li:nth-child(3) {
    height: 130px;
    padding: 10px;
}

.matrix > ul > li > ul > li:last-child {
    height: 250px;
    padding: 10px;
}


.itemimg {
    max-width:200px;
    height: auto;
    display: block;
}

.itemname {
    display: block;
    font-size: .9em;
}

.matrix span.star {
    color:#b09778;
}



@media only screen and (min-width: 414px) {
    .moreinfo {
	
	}

	.moreinfo a {
		font-size: 1rem;
		margin: 1.5rem 0 1rem;
		padding: 0.2rem 0;
    }

    .moreinfo a::after {
        content: "  \f105";
        font-family: FontAwesome;
        color: #fff !important;
        font-weight: normal;
		top:0.3rem;
		right: 0.5rem;		
    }
}

@media only screen and (min-width: 769px) {
    .moreinfo {
		z-index: -1 !importnat;        
    }

    .moreinfo a{
        color: #fff !important;
        display: block;
        margin: 2rem 0 0;
		padding: 0.2rem 0;
		font-size: 1rem;
    }

    .moreinfo a::after {
        content: "  \f105";
        font-family: FontAwesome;
        color: #fff !important;
        font-weight: normal;
		top:0.3rem;
		right: 0.5rem;		
    }

}



/* ********** img_btn js hover ********** */
.js-animation {
	  opacity: 0;
	  visibility: hidden;
	  transform: translateY(40px);
	  transition: all 1s;
	  position: relative;
	  overflow:         hidden;
}
.js-animation.is-show {
	opacity: 1;
    visibility: visible;
	transform: translateY(0px);
}


@media only screen and (max-width: 768px) {
	.js-animation {
		  opacity: 0;
		  visibility: hidden;
		  transform: translateY(40px);
		  transition: all 1s;
		  position: relative;
		  overflow: hidden;
	}
	.js-animation.is-show {
		  opacity: 1;
		  visibility: visible;
		  transform: translateY(0px);
	}

    .lineup > ul > li {
        display:inline-block;
        width: 49%;
    }
    .lineup > ul > li:last-child {
        display:inline-block;
        width: 49%;
    }
}

@media only screen and (min-width: 769px) {
	.js-animation {
		  opacity: 0;
		  visibility: hidden;
		  transform: translateY(40px);
		  transition: all 1s;
		  position:relative;
		  overflow:hidden;
	}
	.js-animation.is-show {
		  opacity: 1;
		  visibility: visible;
		  transform: translateY(0px);
	}
}




/******  区切り線　*******/
.dividing_line {
	border: solid 1px #bbb;
    margin-top: 4rem;
    margin-bottom: 3rem;
}

@media only screen and (min-width: 769px) {
	.dividing_line {
		border: solid 1px #bbb;
		margin-bottom: 4rem;
	}
}



/* ********** WRAP ********** */
.wrapper{
	font-family: "Noto Sans Japanese";
}


@media only screen and (min-width: 1100px) {
     footer,
    .breadcrumb,
    .wrap_adjust,
	.consulting_col,
    .shoplist {
        width: 1100px;
        margin-left: auto;
        margin-right: auto;
    }

}