@charset "utf-8";
/* CSS Document */
/*	リセットCSS	*/
*, *::before, *::after {
  box-sizing: border-box;
}
/* Vertical rhythm */
/* ============================================ */
p, table, blockquote, address, pre, iframe, form, figure, dl, section {
  margin: 0;
}
/* Headings */
/* ============================================ */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
/* Lists (enumeration) */
/* ============================================ */
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Text-level semantics */
/* ============================================ */
/**
* Remove the gray background on active links in IE 10.
*/
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
/* Replaced content */
/* ============================================ */
/**
* Prevent vertical alignment issues.
*/
svg, img, embed, object, iframe {
  vertical-align: bottom;
}
/*	//リセットCSS	*/


/*SP*/
.sp {
  display: block;
}
.pc {
  display: none;
}
.container {
  font-size: 13px;
  line-height: 1.7;
}
.container img {
  width: 100%;
  height: auto;
}
.kvArea {
  margin-bottom: 35px;
}
.mainWrap {
    margin-bottom: 100px;
}

.lead {
    margin: 0 0 40px;
    font-size: 13px;
}
.lead_p {
    padding: 0 9px;
    /* margin-bottom: 40px; */
    text-align: center;
    /* font-family: serif; */
    font-weight: 500
}

.text_attention {
    /* text-align: left !important; */
    color: #8a8a8a;
    /* margin: 0 auto 20px; */
    /* padding: 0 15px; */
    font-size: 12px;
}
.tx_left{
	text-align:left  !important
}
.cts_wrap {
/*  padding: 0 6px;*/
}

div#style1, #style3, #style5 {/* background-color: #f6f6f6; *//* padding: 50px 9px 35px; */}

#style5 {
margin-bottom:45px ;

}
div#style2, #style4 {
/*padding: 50px 9px 35px;*/

} 
.sec_main {
    margin-bottom: 90px;
}

.cmn-recommend-owner-list {
margin: 0px auto 45px;
width: 100%;
max-width: 600px;
letter-spacing: 0.04em;
} 
.cmn-recommend-owner-list ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin: 0 auto;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-evenly;
}



.cmn-recommend-owner-list ul:after{
display: none
}




.cmn-recommend-owner-list ul li {
font-size: 15px;
letter-spacing: 0.04em;
width: 47%;
text-align: center;
margin: 0 0 10px;
justify-content: flex-start;
}
.menu_list a {
/* display: block; */
/* height: 100%; */
text-align: center;
max-width: 100%;
width: 100%;
padding: 11px 0;
color: #fff;
border: 1px solid #bf8a46;
border-radius: 50%;
border-radius: 5px;
display: inline-block;
vertical-align: middle;
background-color: #bf8a46;
}

.menu_list a:hover {
text-decoration: none;
color: #bf8a46;
background-color: #fff;
}

.cmn-recommend-brand-list {margin: 0px auto 65px;width: 100%;max-width: 600px;} 
.cmn-recommend-brand-list ul {display: flex;flex-wrap: wrap;justify-content: space-between;/* justify-content: space-evenly; *//* justify-content: center; *//* justify-content: space-around; *//* border-top: 1px solid #bfbfbf; */}

li.brand_list:nth-child(odd) {
    /* border-left: 1px solid #bfbfbf; */
}

.cmn-recommend-brand-list ul:after{
display: none
}



.cmn-recommend-brand-list ul li {
	width: 49.5%;
	/* width: 50%; */
	height: auto;
	box-sizing: border-box;
	margin-bottom: 5px;
	/* padding: 2px; */
	/* border: 1px solid #fff; */
	/* border-bottom: 1px solid #bfbfbf; */
}
.brand_list a {
	display: block;
	/* padding: 6px 0; */
}

.brand_list a:hover {
text-decoration: none;
color: #bf8a46;
background-color: #fff;
}

.title_img{
 width: 85%;
 margin: 0px auto 30px;
}
.cate_text {
    text-align: center;
    margin-bottom: 34px;
    font-size: 14px;
    font-weight: 500;
}
.block1 {
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
}

/*自動生成内css調整*/
.sec_main ul li {
    text-align: center;
	display: flex;
    flex-direction: column;
}
.sec_main ul li .ranking-badge{
    text-align: start;
}

.sec_main ul li .flex-col {
    margin-bottom: 8px;
}


.sec_main ul li p {
    margin-bottom: 0;
}

/*//自動生成内css調整*/

.itemlist {
    width: 49%;
    text-align: center;
    /* margin-bottom: 45px; */
    display: flex;
    flex-direction: column;
}
.itemlist ul {
    margin: 8px auto 7px;
    width: 98%;
}
.itemlist li {
    font-size: 12px;
    color: #7e7e7e;
    margin-bottom: 4px;
    line-height: 1.3;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.itemlist li.item_name {
	line-height: 1.4;
	color: #333;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 5px;
	white-space: nowrap;
	}
	.creditbox_creditlist_spec{
        line-height: 1.3;
       font-size: 13px;
    color: 000;
    font-weight: 600;
    }
	
li.item_price {
    font-size: 13px;
    color: #ed293e;
    margin-bottom: 1px;
    font-weight: 600;
}
	
	.clearfix:after {
    display: none;
}
	
	.cmn-btn1 {
 margin: 5px 0 40px;
 text-align: center;
 /* margin-bottom: 15px; */
 margin-top: auto;

}
.cmn-btn1 a {
    display: -webkit-inline-box;
    display: inline-flex;
    height: 0.9cm;
    /* padding: 0 60px; */
    /* letter-spacing: .1em; */
    color: #fff;
    /* border: 2px solid #353535; */
    background: #434343;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    width: 96%;
    font-size: 12px;
}
.cmn-btn1 a::after {
content: "";
position: absolute;
top: 50%;
right: 16px;
width: 7px;
height: 7px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate( 45deg);
margin-top: -4px;
}
	
	
.view_more {margin: 15px auto 30px;}
.view_more .view_more_btn {
    font-size: 13px;
    font-weight: 600;
    display: block;
    position: relative;
    width: 73%;
    padding: 16px 0 14px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background-color: #b83765;
    /* background-color: #238bdd; */
    border: solid;
    border-width: 2px;
    border-color: #b83765;
    /* border-radius: 3px; */
    box-sizing: border-box;
}
.view_more .view_more_btn:hover {
opacity:0.8;
cursor: pointer;
text-decoration: none;
}
.view_more .view_more_btn2 {
    font-size: 13px;
    font-weight: 600;
    display: block;
    position: relative;
    width: 73%;
    padding: 16px 0 13px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background-color: #333;
    border: solid;
    border-width: 2px;
    border-color: #333;
    /* border-radius: 3px; */
    box-sizing: border-box;
}
.view_more .view_more_btn2:hover {
opacity:0.8;
cursor: pointer;
text-decoration: none;
}

.view_more .view_more_contents {
    display: block;
    position: relative;
    width: 73%;
    padding: 15px 0;
    margin: 20px auto;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    background-color: #222;
    border: solid;
    border-width: 2px;
    border-color: #222;
    border-radius: 30px;
    box-sizing: border-box;
    font-weight: 500;
}
.view_more .view_more_contents:hover {
opacity:0.8;
cursor: pointer;
text-decoration: none;
}
	
.txt_cat_title {
font-size: 34px;
letter-spacing: 0.01em;
margin-bottom: 30px;
line-height: initial;
text-align: center
}
.txt_cat_title_num {
font-size: 18px;
display: block;
margin-bottom: 12px;
}
.txt_cat_title_item {
font-size: 13px;
display: block;
margin-top: 6px;
font-weight: normal;
}

#nav .nav-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-around !important;
/*-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;*/
margin: 0 5.66667vw;
}

#nav .nav-wrap .row {
margin-bottom: 10vw;
/*width: 28.53333vw;*/
width: 43.3333vw
}

#nav .nav-wrap .row .item-wrap {
position: relative;
width: 100%;
display: block;
margin-bottom: 20px;
}

#nav .nav-wrap .row .item-wrap > img {
display: block;
width: 100%;
margin-bottom: -3.33333vw;
}

#nav .nav-wrap .row .item-wrap .title {
position: absolute;

top: 45%;
left: 50%;
transform: translateX(-50%);
color: #ffffff;
font-size: 5.06667vw;
font-weight: 600;
font-style: normal;
}

#nav .nav-wrap .row .item-wrap .arrow {
position: absolute;
display: block;
width: 30px;
bottom: 18px;
left: 35%;
}

/*その他の特集*/  

.lp-contents {
    margin-top: 110px;
}



.lp-contents .lp-contents__title-wrap {
        margin: 0 auto;
    }
   .lp-contents__title {
    font-size: 23px;
	           font-family: "Noto Serif", serif;
    /* margin-bottom: .7333333333vw; */
    text-align: center;
    /* color: #231815; */
    /* border-bottom: 1px solid #2a2a2a; */
    padding-bottom: 5px;
    font-weight: 600;
}

.lp-contents .lp-contents__inner {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
        width: 95%;
        margin: 6.6666666667vw auto 35px;
        gap: 6.1333333333vw 0;
    }


.lp-contents .lp-contents__inner a {
    display: block;
	width: 48%;


 }
.lp-contents .lp-contents__inner a .content__date {
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    color: #999999;
     margin-bottom: 2px; 
}

.lp-contents .lp-contents__inner a .content__text {
    font-size: 13px;
    line-height: 1.4285714286;
    line-height: 1.5;
}

.content__img {
    margin-bottom: 5px;
}
.lp-contents .lp-contents__btn {
        width: 50.6666666667vw;
        height: 10.6666666667vw;
        border-radius: 5.3333333333vw;
        font-size: 3.0666666667vw;
        margin: 11.3333333333vw auto 0;
    }
/*その他の特集*/ 

/*キャンペーン終了*/    
.cp-end {
background: #CC0000;
padding: 20px;
text-align: center;
color: #ffffff;
font-weight: bold;
	margin-bottom: 35px;
}





/*ここからPCのCSS*/
@media screen and (min-width:768px) {
  /*ここからPCのCSS*/
	

	
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
	
		.kvArea {
    margin-bottom: 60px;
}
	
	
	.container {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 140px;
}
	.cts_wrap {
/*        max-width: 800px;*/
        width: 100%;
        margin: 0 auto 110px;
        padding: 0;
    }
	.lead {
    margin: 0px auto 60px;
    width: 835px;
}
.lead_p {
    padding: 0 15px;
    margin-bottom: 35px;
    text-align: center;
    font-size: 17px;
}
	.text_attention {
        font-size: 14px;
        line-height: 1.57;
        font-style: normal;
        text-align: left;
        width: 540px;
        color: #8a8a8a;
        margin: 0 auto;
        padding: 0;
}
.tx_center{
	text-align: center !important
	}
	    div#style1,#style2, #style3,#style4,#style5,#style6, #style7,#style8,#style9,#style10{
        /* padding: 100px 0 55px; */
        padding-top: 65px;
        margin-top: -65px;
        /* max-width: 960px; */
        /* margin: 0 auto; */
    }
#style5 {
    margin-bottom:85px ;

}
    .sec_main {
    max-width: 1010px;
    margin: 0 auto 145px;
}
    
.cmn-recommend-owner-list {
margin: 0px auto 75px;
width: 100%;
max-width: 850px;
   letter-spacing: 0.04em;
} 
.cmn-recommend-owner-list ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin: 0 auto;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-evenly;
}



.cmn-recommend-owner-list ul:after{
display: none
}




.cmn-recommend-owner-list ul li {
font-size: 18px;
   letter-spacing: 0.04em;
width: 19%;
text-align: center;
margin: 0 0 10px;
justify-content: flex-start;
}
.menu_list a {
/* display: block; */
/* height: 100%; */
text-align: center;
max-width: 100%;
width: 100%;
padding: 25px 0;
color: #fff;
border: 2px solid #bf8a46;
border-radius: 50%;
border-radius: 5px;
display: inline-block;
vertical-align: middle;
background-color: #bf8a46;
}

.menu_list a:hover {
text-decoration: none;
color: #bf8a46;
background-color: #fff;
}
.cmn-recommend-brand-list {
	margin: 0px auto 95px;
	width: 100%;
	max-width: 1050px;
	} 
.cmn-recommend-brand-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-content: space-evenly;
    justify-content: space-around;
    /* border: 1px solid #fff; */
    justify-content: space-between;
    justify-content:space-around;
    justify-content: center;
    /* justify-content: space-evenly; */
}
	li.brand_list:nth-child(odd) {
    border-left: none;
}
li.brand_list:first-child {
    /* border-left: 1px solid #bfbfbf; */
}
li.brand_list:nth-child(5)  {
    /* border-left: 1px solid #bfbfbf; */
}

.cmn-recommend-brand-list ul:after{
display: none
}


.cmn-recommend-brand-list ul li {
    width: 25%;
    height: auto;
    box-sizing: border-box;
    margin-bottom: 0;
    padding: 6px;
}
.brand_list a {display: block;/* padding: 10px 0; */}

.title_img{margin-bottom: 35px;width: 44%;}
.cate_text{
	margin-bottom: 45px;
	font-size: 17px;
	font-weight: 500;
}




.block1 {
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
	justify-content: space-evenly;
	/* justify-content: space-between; *//* justify-content:space-around; *//* justify-content: center; *//* justify-content: space-evenly; */
	width: 94%;
	margin: 0 auto;
	}
	
/*自動生成内css調整*/

.sec_main ul li .flex-col {
    margin-bottom: 10px;
}


/*//自動生成内css調整*/
	
	
	
.itemlist {
	width: 30%;
	text-align: center;
	/* margin-bottom: 45px; */
	}
    
  
.block1:after {
display: none
}
    
.itemlist ul {
    margin: 10px 0 12px;
    /* padding: 0 5px; */

}
.itemlist li {font-size: 15px;color: #7e7e7e;margin-bottom: 3px;}

.itemlist li.item_name {
line-height: 1.5;
color: #333;
font-size: 14px;
}

.view_more {
    margin: 25px auto 40px;
    /* max-width: 850px; */
}
.view_more .view_more_btn {
    font-size: 14px;
    font-weight: 600;
    display: block;
    position: relative;
    width: 45%;
    padding: 20px 0 19px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    /* color: #432f1f; */
    /* background-color: #e7e2d6; */
    border: solid;
    border-width: 2px;
    /* border-color: #432f1f; */
    /* border-radius: 3px; */
    box-sizing: border-box;
}
.view_more .view_more_btn:hover {
opacity:0.8;
cursor: pointer;
text-decoration: none;
}
	.view_more .view_more_btn2 {
    font-size: 14px;
    font-weight: 600;
    display: block;
    position: relative;
    width: 45%;
    padding: 18px 0 15px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    /* color: #432f1f; */
    /* background-color: #e7e2d6; */
    border: solid;
    border-width: 2px;
    /* border-color: #432f1f; */
    /* border-radius: 3px; */
    box-sizing: border-box;
}
.view_more .view_more_btn2:hover {
opacity:0.8;
cursor: pointer;
text-decoration: none;
}
	
.view_more .view_more_contents {
        display: block;
        position: relative;
        width: 35%;
        padding: 15px 0 15px;
        margin: 20px auto;
        text-align: center;
        text-decoration: none;
        color: #ffffff;
        background-color: #222;
        border: solid;
        border-width: 2px;
        border-color: #222;
        border-radius: 30px;
        box-sizing: border-box;
        font-weight: 500;
    }
.view_more .view_more_contents:hover {
opacity:0.8;
cursor: pointer;
text-decoration: none;
}
	
.txt_cat_title {
    font-size: 45px;
    letter-spacing: 0.01em;
    margin-bottom: 50px;
    line-height: initial;
}
      .txt_cat_title_num {
    font-size: 26px;
    display: block;
    margin-bottom: 22px;
}
.txt_cat_title_item {
    font-size: 18px;
    display: block;
    margin-top: 12px;
    font-weight: normal;
}
	
.cmn-btn1 {
     margin: 5px 0 0;
     text-align: center;
     margin-bottom: 30px;
     margin-top: auto;
     /*    font-family: 'Marcellus', serif;*/
}
.cmn-btn1 a {
    display: -webkit-inline-box;
    display: inline-flex;
    height: 1.2cm;
    /* padding: 0 60px; */
    letter-spacing: 0.05em;
    color: #fff;
    /* border: 2px solid #353535; */
    /* background: #432f1f; */
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    width: 96%;
    font-size: 14px;
}
.cmn-btn1 a::after {
content: "";
position: absolute;
top: 50%;
right: 16px;
width: 7px;
height: 7px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate( 45deg);
margin-top: -4px;
}
.creditbox_creditlist_spec{
        line-height: 1.3;
       font-size: 17px;
    color: 000;
    font-weight: 600;
    }
    
    li.item_price {
    color: #ed293e;
        font-weight: 600;
}
    .mainWrap {

margin-bottom: 160px;
}
	#nav .nav-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
margin-top: 43px;
}

#nav .nav-wrap .item-wrap {
position: relative;
width: 180px;
}

#nav .nav-wrap .item-wrap > img {
position: relative;
display: block;
width: 100%;
}

#nav .nav-wrap .item-wrap .title {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
color: #ffffff;
font-size: 26px;
font-weight: 600;
font-style: normal;
}

#nav .nav-wrap .item-wrap .arrow {
position: absolute;
display: block;
width: 30px;
top: 85%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}

	/*その他の特集*/  
.lp-contents .lp-contents__title-wrap {
        /* width: 95%; */
        margin: 0 auto 30px;
    }
.lp-contents__title {
        font-size: 30px;
        /* margin-bottom: 3.7333333333vw; */
        text-align: center;
        /* color: #231815; */
        border-bottom: 1px solid #2a2a2a;
        padding-bottom: 5px;
        font-family: "Noto Serif", serif;
        font-weight: 600;
}

.lp-contents .lp-contents__inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	width: 95%;
	margin: 0 auto 40px;
	gap: 6.1333333333vw 0;
	}


.lp-contents .lp-contents__inner a {
    display: block;
    width: 24%;
 }
.lp-contents .lp-contents__inner a .content__date {
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    color: #999999;
     margin-bottom: 3px; 
}

.lp-contents .lp-contents__inner a .content__text {
    font-size: 15px;
    line-height: 1.4285714286;
    line-height: 1.5;
}

.content__img {
    margin-bottom: 5px;
}
.lp-contents .lp-contents__btn {
        width: 50.6666666667vw;
        height: 10.6666666667vw;
        border-radius: 5.3333333333vw;
        font-size: 3.0666666667vw;
        margin: 11.3333333333vw auto 0;
    }
/*その他の特集*/ 
	
	
	
	
	
	/*キャンペーン終了*/    
.cp-end {
margin: 0 auto 45px;
background: #CC0000;
padding: 25px 0;
text-align: center;
font-size: 19px;
color: #ffffff;
font-weight: bold;
	
}
	
	
 }