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

html,body,container2{
	width:100%;
	}
#path {
	margin-bottom: 0px;
}

#path h1{
display: inline-block;
font-size: 11px;
font-weight: lighter;
}

#contents{
	float:none;
	width:0px;
}

#title1 {
	margin-bottom: 0;
	text-align: center;
	background-color: #f0f0f5;
}
#title1 img{
	margin: 0px auto;
	padding: 30px 0;
}



#title2 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:15px;
	margin-bottom:20px;
	letter-spacing: 0.1em;
	line-height:1.7em;
	color:#966c36;
	border-bottom: 1px solid #966c36;
	text-align:center;
}

#container2{
	position:relative;
	}

#title2 p {
	margin-bottom:5px;
}

#title2 img{
	margin-top:5px;
	margin-bottom:10px;
}

#navi_cp1{
	text-align: center;
	width: 100%;
	display: block;
	overflow: hidden;
	padding: 10px 0;
}
#navi_cp1 ul{
	width: 100%;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#navi_cp1 ul li{
	display: inline-block;
}
#navi_cp1 ul li a{
	border-bottom: 3px solid #fff;
}




ul.under_link {
    margin-top: 50px;
    overflow: hidden;
    padding: 50px 0 80px;
    width: 100%;
	background-color: #eaedf5;
	text-align: center;
}
ul.under_link li:nth-of-type(1) {
	border: 1px solid #cccccc;
    display: block;
    margin: 5px auto 10px;
    text-align: center;
    width: 400px;
}
ul.under_link li:nth-of-type(2) {
	border: solid 1px #999;
	background-color: #fff;
    color: #333333;
    display: block;
    font-size: 93%;
    padding: 14px 0;
    width: 400px;
    margin: 5px auto;
    border-radius: 2px;
}






/* コーディネイト */

#newsmain{
	width:100%;
	margin-right: auto;
	margin-left: auto;
}
#newsmain ul{
	margin: 0 auto;
}


#newsmain a {
	color: #000000;
	font-size: 90%;
	display:block;
	margin-left:0px;
}

/* section */

div.section{
	text-align:left;
	overflow:hidden;
	font-family: "Avenir Next",Avenir,Century gothic,"Helvetica neue",Helvetica,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	}

.ttl_bk{
	height: 477px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background: -moz-linear-gradient(left, #fbf7ee, #e8e8ea);
	background: -webkit-linear-gradient(left, #fbf7ee, #e8e8ea);
	background: linear-gradient(to right, #fbf7ee, #e8e8ea);
	}
.ttl_image{
	height: 477px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-image: url(/mall/esw180605_mac/no_1_1.jpg);
	background-position:50%;
	}
.item_moji{
	width: 1000px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	}

.item_imge{
	text-align: center;
	width: 1000px;
	margin: 0 auto 80px;
	}

.ttl_bk2{
	height: 477px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background: -moz-linear-gradient(left, #f8f9f3, #e3e0d5);
	background: -webkit-linear-gradient(left, #f8f9f3, #e3e0d5);
	background: linear-gradient(to right, #f8f9f3, #e3e0d5);
	}
.ttl_image2{
	height: 477px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-image: url(/mall/esw180605_mac/no_2_1.jpg);
	background-position:50%;
	}
.item_moji2{
	width: 1000px;
	margin: 0 auto;
	}

.ttl_bk3{
	height: 477px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background: -moz-linear-gradient(left, #fcfaf5, #e4eaec);
	background: -webkit-linear-gradient(left, #fcfaf5, #e4eaec);
	background: linear-gradient(to right, #fcfaf5, #e4eaec);
	}
.ttl_image3{
	height: 477px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-image: url(/mall/esw180605_mac/no_3_1.jpg);
	background-position:50%;
	}

.ttl_bk4{
	height: 477px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background: -moz-linear-gradient(left, #f3f9fc, #faf8ef);
	background: -webkit-linear-gradient(left, #f3f9fc, #faf8ef);
	background: linear-gradient(to right, #f3f9fc, #faf8ef);
	}
.ttl_image4{
	height: 477px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-image: url(/mall/esw180605_mac/no_4_1.jpg);
	background-position:50%;
	}
.ttl_bk5{
	height: 477px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background: -moz-linear-gradient(left, #f5f6f0, #ecf0f7);
	background: -webkit-linear-gradient(left, #f5f6f0, #ecf0f7);
	background: linear-gradient(to right, #f5f6f0, #ecf0f7);
	}
.ttl_image5{
	height: 477px;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-image: url(/mall/esw180605_mac/no_5_1.jpg);
	background-position:50%;
	}


.item_box1_1{
	text-align: center;
	position: relative;
	width: 1000px;
	line-height: 2.2em;
	margin: -420px auto;
	display: block;
	overflow: hidden;
	}
.item_box1_2{
    margin-bottom: 80px;
	margin-top: -120px;
	position: absolute;
	width: 450px;
	text-align: left;
	line-height: 1.5em;
	}
.item_box2_1{
	text-align: center;
	position: relative;
	width: 1000px;
	line-height: 2.2em;
	margin: -400px auto;
	}
.item_box_small{
	width: 400px;
	line-height: 2.2em;
	margin: 0 0 0 30px;
	}
.item_box_small2{
	width: 400px;
	line-height: 2.2em;
	margin: 0 0 0 30px;
	float: right;
	}
.item_box2_2{
	float: left;
    margin-bottom: 80px;
    margin-top: -120px;
    position: absolute;
    width: 400px;
	}
.item_box3_1{
	float: left;
    margin-bottom: 80px;
    margin-left: 600px;
    margin-top: -110px;
    position: absolute;
    width: 380px;
	}
.item_box3_2{
	float: left;
    margin-bottom: 80px;
    margin-left: 10px;
    margin-top: -680px;
    position: absolute;
    width: 400px;
	}
.item_box4_1{
	float: left;
    margin-bottom: 80px;
    margin-left: 500px;
    margin-top: -620px;
    position: absolute;
    width: 800px;
	}
.item_box4_2{
	float: left;
    margin-bottom: 80px;
    margin-left: 540px;
    margin-top: -700px;
    position: absolute;
    width: 430px;
	}

ul.itemlist{
	margin-bottom:20px;
	}
ul.itemlist > li:not(:first-child){
	margin-top:15px;
	}
ul.itemlist > li > a , ul.itemlist > li > p{
	position:relative;
	display:inline-block;
	width:100%;
	vertical-align:baseline;
	border-bottom:1px dotted #666;
	padding-bottom:10px;
	}
ul.itemlist > li > p{
	color:#999;
	}
ul.itemlist > li > a >span , ul.itemlist > li > p >span{
	position: absolute;
	right: 0;
	display: inline-block;
	width: 100px;
	margin-left: 20px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	background-color: #000;
	border-radius: 2px;
	padding: 3px;
	}

ul.itemlist > li > p >span{
	background-color:#999;
	}



@media screen and (min-width: 641px) {
/* hover settings */

#navi_cp1 ul li a img:hover{
	opacity:0.7 !important;
	}
#navi_cp1 ul li a:hover{
	border-bottom:3px solid #000;
}
ul.itemlist > li > a:hover {
	opacity:0.5;
	text-decoration: none;
}

ul.under_link li:hover {
	border: solid 1px #000; 
}


}

@media screen and (max-width: 640px) {
/* 表示領域が640px未満の場合に適用するスタイル */
#path h1{
display: inline-block;
font-size: 75%;
}

#contents{
	width:100%;
	position:relative;
	padding-top:0px;
}
.pl210{
	padding-left:0px;
}


#title1{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-left:0px;
	margin-right:0px;
	display:block;
	font-size: 100%;
	text-align:center;
}

#title1 img{
	width:100%;
	height:auto;
	margin: 10px 0;
}


#title2{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-left:0px;
	margin-right:0px;
	display:block;
	font-size: 100%;
	text-align:center;
}


#navi_cp1{
	position:static;
	height:auto;
	width:100%;
	margin-bottom:10px;
}
#navi_cp1 ul li{
	width: 30%;
}
	
#navi_cp1 ul li a img{
	width:100%;
	border-left: 1px solid #eee;
	}
#navi_cp1 ul li:nth-of-type(3) a img{
	width:100%;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	}
#navi_cp1 ul li:nth-of-type(5) a img{
	width:100%;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	}


ul.under_link {
	margin: 10px 0 0 0;
    padding-left: 0;
    width: auto;
}
ul.under_link li {
	float: none;
    margin-bottom: 5px;
    margin-right: 0;
    width: auto;
}



/* コーディネイト */

#newsmain{
	width:100%;
	margin: 0 auto;
}
#newsmain ul {
	margin-right: 0px;
}
#newsmain ul li {
	display: block;
	float: none;
	width: auto;
	height:auto;
	margin-right: 0px;
}

#newsmain ul li img {
	width:100%;
}

.item_box1_1 , .item_box1_2 , .item_box2_1 , .item_box2_2 , .item_box3_1 , .item_box3_2 , .item_box4_1 , .item_box4_2 {
	float:none;
	width:96%;
	margin-left: 5px;
	position: static;
	margin-top: 0px;
	margin-bottom: 30px;
	}

ul.itemlist > li > a , ul.itemlist > li > p{
	position:relative;
	display:inline-block;
	width:100%;
	vertical-align:baseline;
	border:1px solid #fff;
	padding:5px;
	box-sizing:border-box;
	}

#small_title {
	font-size:35px;
	margin-bottom:10px;
	letter-spacing: 0.1em;
}
.txt{
	margin:10px 0;
}
.ttl_bk , .ttl_bk2 , .ttl_bk3 , .ttl_bk4 , .ttl_bk5 {
	height: auto;
}

.ttl_image , .ttl_image2 , .ttl_image3 , .ttl_image4 , .ttl_image5 {
	height: auto;
}
.item_box1_1 , .item_box2_1 , .item_box3_1 , .item_box4_1 , .item_box5_1{
	padding: 10px 0;
	margin: 0 2%;
}
.item_box1_1 img{
	width: 70% !important;
}
.item_box1_2 , .item_box2_2 , .item_box3_2 , .item_box4_2 , .item_box5_2{
	margin: 0 2% 50px;
}
.item_box2_1 img{
	width: 70% !important;
}
.item_box_small{
	width: auto;
	margin: 0 2%;
}
.item_box_small2{
	width: auto;
	margin: 0 2%;
}

.item_imge{
	width: 100%;
	margin: 0 auto 20px;
}

ul.under_link li:nth-of-type(1) , ul.under_link li:nth-of-type(2){
	width: 96%;
}


}