@charset "UTF-8";

/*____________________________________________________________________________

SITE TITLE: LOCONDO.jp
TITLE:1枚で今年顔。旬のアウター10選

UPDATED:2020.11

____________________________________________________________________________*/

/* ----- 共通設定 ----- */
.breadcrumbs {
	width:1000px;
	margin:0 auto;
}
h1#special-contents_header {
	width:100%;
	text-align: center;
	margin:0 auto;
	background-color: #e1d8d9;
}
.top{
	width:1000px;
	margin:0 auto;
}
.lead{
	text-align: center;
	margin:40px 0;
	font-size:15px;
	letter-spacing: 1px;
    line-height: 2;
}
.clearfix{
	clear: both;
}
.sp_show{
	display: none;
}

/* ----- ページ別設定 ----- */

/* brandlist */
.brand_list{
	margin-bottom:90px;
}
.brand_list ul li{
	display: inline-block;
	margin-right:4px;
}
.brand_list ul li:nth-child(7){
	margin-right:0;
}

/* ----- contents ----- */

.contents_wrap{
	width:450px;
	display: inline-block;
	margin-bottom:90px;
}
.contents_section{
	margin-top:50px;
	width: 1000px;
}
.contents_wrap:nth-child(1),.contents_wrap:nth-child(3),.contents_wrap:nth-child(5),.contents_wrap:nth-child(7),.contents_wrap:nth-child(9){
	margin-right:96px;
}

.h2_word_list{
	text-align: center;
	line-height: 34px;
}
h2.h2_word_list p{
	font-family: 'Century Gothic',"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	/* font-style: italic; */
	font-size:34px;
	text-align: center;
	/* border-bottom: 1px solid #111; */
    display: inline-block;
}
.word_list {
	margin-top:30px;
	text-align: center;
}
.word_list li{
    display: inline-block;
    padding: 15px 25px;
    font-size: 20px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    color: #111111;
    border: 1px solid #111111;
    margin-bottom: 30px;
    border-radius: 30px;
    margin-right: 32px;
}
/*li のhover*/
.word_list li:hover{
	color: #fff;
	border: solid 1px #fff;
}

.contents_wrap h2{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size:32px;
	line-height: 60px;
	font-weight: bold;
	text-align: center;
}
.h2_catch{
	display: inline-block;
	font-family: 'Century Gothic',"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    color: #fff;
    font-size: 28px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
	text-align: center;
	font-style: italic;
	margin-right:10px;
}
.h2_catch span{
	font-size:22px;
}
#sposan .h2_catch,.word_list_sposan:hover{
	background-color:#ffb974;
}
#strapsandal .h2_catch,.word_list_strapsandal:hover{
	background-color:#88d1f7;
}
#clearitem .h2_catch,.word_list_clearitem:hover{
	background-color:#ffb974;
}
#minibag .h2_catch,.word_list_minibag:hover{
	background-color:#88d1f7;
}
#seethrough .h2_catch,.word_list_seethrough:hover{
	background-color:#ffb974;
}
#satin .h2_catch,.word_list_satin:hover{
	background-color:#88d1f7;
}
#silver .h2_catch,.word_list_silver:hover{
	background-color:#ffb974;
}
#pastelgreen .h2_catch,.word_list_pastelgreen:hover{
	background-color:#88d1f7;
}
.item_img {
	margin-top:15px;
}
.item_text{
	font-size:13px;
	letter-spacing: 0.3px;
	color:#141414;
	line-height: 2;
	padding: 30px 0;
}
.item_show_all {
	text-align: center;
	position: relative;
}
.item_show_all a{
	font-family: 'Century Gothic',"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	/* border:1px solid #282828; */
	color: #ffffff;
	/* border-radius:5px; */
	padding: 18px 70px 18px 50px;
	font-size:22px;
	letter-spacing: 2px;
	display: inline-block;
	background-color: #000;
}
.item_show_all a:hover{
	text-decoration: none;
	color:#282828;
	opacity: 0.5;
}
.item_show_all a::before{
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 120px;
    margin-top: -6px;
}
.contents_bottom{
	text-align: center;
	margin-top:10px;
}
.all_show_btn{
	border:solid 2px #000;
	/* border-radius: 40px; */
	padding:30px 50px;
	font-size: 22px;
	display: inline-block;
	text-align: center;
}
.all_show_btn span{
		position: relative;
		/* background: linear-gradient(transparent 50%, #ffce9d 50%); */
		/* background:-webkit-linear-gradient(transparent 50%, #ffce9d 50%);/* safari Chrome */
		/* background:-ms-linear-gradient(transparent 50%, #ffce9d 50%); /* IE */
	}
.all_show_btn span::before{
	content: "";
	width: 0;
	height: 0;
	/* border-bottom: 13px solid #ffce9d; */
	border-left: 6px solid transparent;
	position: absolute;
	bottom: 0;
	left: -6px;
}
.all_show_btn span::after{
	content: "";
    width: 0;
    height: 0;
    /* border-top: 13px solid #ffce9d; */
    border-right: 6px solid transparent;
    position: absolute;
    bottom: 0;
	right: -6px;
}
.all_show_btn:hover{
	opacity: 0.5;
	color:#000;
}

/*FadeIn*/
.fadein{
	opacity: 0;
    transform: translateY(20px);
	transition: all 1s;
}

/* IE */
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
    .selector {
        property: value;
    }
/* IE向けのCSS～START */
.word_list li,.h2_catch,.item_show_all a,.contents_wrap h2{
    font-family: Lato, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN','メイリオ', Meiryo,'ＭＳ Ｐゴシック', arial, helvetica, sans-serif, clean;
}
.all_show_btn span::before{
	border-bottom: 13px solid #fff;
}
.all_show_btn span::after{
    border-top: 13px solid #fff;
}
 
/* IE向けのCSS～END */
}