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

body {
    position: relative;
}

/*-------clearfix-------*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    font-size: 0;
}

.hidetxt {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#content {
    margin: 0;
    padding: 0;
}

#special {
    background-color: #000;
}


/*-------hover-------*/
#special a img {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

#special a img:hover {
    filter: alpha(opacity=60);
    -ms-filter: "alpha(opacity=60)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    zoom: 1;
}

/*-------- コンテンツ --------*/


#main {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#about {
    background: url(../../images/pc/bg_01.jpg) no-repeat center top;
    clear: both;
}

#about_cont {
    width: 1122px;
    margin: 0 auto;
}

#about_cont ul {
    list-style: none;
    padding: 35px 0;
}

#about_cont li {
    display: inline-block;
    margin: 10px 15px;
}

#photo {
	text-align: center;
    width: 1122px;
    margin: 0 auto;
	padding: 20px 0 50px 0;
}

#photo ul {
    list-style: none;
}

#photo li {
    display: inline-block;
    margin: 0 0 30px 0;
}

#campaign {
    background: url(../../images/pc/campaign_bg.jpg) no-repeat center top;
    clear: both;
	padding: 20px 0 50px 0;
}

#campaign_cont {
	background: url(../../images/pc/campaign_contents_bg.png) no-repeat center top;
    clear: both;
	text-align: center;
    width: 1076px;
    margin: 0 auto;
	padding: 20px 0 50px 0;
}

#campaign_cont ul {
    list-style: none;
    padding: 5px 0 0 0 ;
}

#campaign_cont li {
    display: inline-block;
    margin: 0 0 10px 0;
}

#campaign_cont .pic01 {
        width:1034px;
        height:405px;
        margin:10px;
        float:left;
        position:relative;
}
#campaign_cont .button01_1 {
        width:275px;
        height:73px;
        position:absolute;
        z-index:100;
        top:300px;
        left:350px;
        cursor: pointer;
        transition: all ease .3s;
}

#campaign_cont .button01_1:hover {
    opacity: .7;
}


#campaign_cont .button01_2 {
        width:381px;
        height:69px;
        position:absolute;
        z-index:100;
        top:300px;
        left:635px;
	    cursor: pointer;
        transition: all ease .3s;
}
#campaign_cont .button01_2:hover {
    opacity: .7;
}

#campaign_cont .pic02 {
        width:1031px;
        height:675px;
        margin:10px;
        float:left;
        position:relative;
}
#campaign_cont .button02_1 {
        width:275px;
        height:73px;
        position:absolute;
        z-index:100;
        top:560px;
        left:100px;
	    cursor: pointer;
        transition: all ease .3s;
}
#campaign_cont .button02_1:hover {
    opacity: .7;
}

#campaign_cont .button02_2 {
        width:589px;
        height:69px;
        position:absolute;
        z-index:100;
        top:560px;
        left:390px;
	    cursor: pointer;
        transition: all ease .3s;
}
#campaign_cont .button02_2:hover {
    opacity: .7;
}

#campaign_cont .pic03 {
        width:1031px;
        height:675px;
        margin:10px;
        float:left;
        position:relative;
}
#campaign_cont .button03_1 {
        width:275px;
        height:73px;
        position:absolute;
        z-index:100;
        top:555px;
        left:100px;
	    cursor: pointer;
        transition: all ease .3s;
}
#campaign_cont .button03_1:hover {
    opacity: .7;
}

#campaign_cont .button03_2 {
        width:546px;
        height:69px;
        position:absolute;
        z-index:100;
        top:555px;
        left:390px;
	    cursor: pointer;
        transition: all ease .3s;
}
#campaign_cont .button03_2:hover {
    opacity: .7;
}


/*-------- ショップリスト --------*/

#shop_list {
    /*position: relative;*/
}

#shop_list .shop_list_bnr {
    text-align: center;
    margin: 30px auto;
    display: block;
}

#shop_list .shop_list_bnr img {
    cursor: pointer;
    transition: all ease .3s;
}

#shop_list .shop_list_bnr img:hover {
    opacity: .7;
}

#shop_list .shop_list_on {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    width: 960px;
    overflow: hidden;
    border-radius: 5px;
    z-index: 100;
}

#shop_list .shop_list_ttl {
    position: relative;
    height: 211px;
}

#shop_list .shop_list_close_btn {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

#shop_list .shop_list_on {
    display: none;
}

#shop_list .shop_list_on ul {
    width: 960px;
    font-size: 0;
}


#shop_list .shop_list_on li {
    border-top: 5px solid #c5c5c5;
    height: 185px;
    width: 480px;
    float: left;
    background-color: #383838;    
}

#shop_list .shop_list_on li:nth-child(odd) {
    border-right: 5px solid #c5c5c5;
    width: 475px;
}

#shop_list .shop_list_on li:last-child {
    width: 960px;
}

#shop_list .shop_list_on li:last-child img {
    margin-left: 405px;
    cursor: pointer;
}

#shop_list .shop_list_on li img {
    margin: 10px 0 0 17px;
}

#shop_list .shop_list_on .list_s {
    height: 165px;
}

.overlay {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position: absolute;
    top: 0;
    display: none;
}

/*-------- ラインナップ --------*/
#linup {
    background: url(../../images/pc/bg_02.jpg) center top;
}

.linup_title {
    text-align: center;
    padding: 50px 0 25px 0;
}


#cont_bnr {
    width: 1010px;
    margin: 0 auto;
    text-align: center;
}

#cont_bnr ul {
    list-style: none;
    padding-bottom: 10px;
}

#cont_bnr ul li {
    display: inline-block;
    margin: 10px 8px;
}

.copy {
    text-align: center;
    font-size: 12px;
    line-height: 1.5em;
    padding-bottom: 25px;
}

/*-------- フッター --------*/
footer {width: 100%;position: relative;}
footer #box_inner {width: 1200px;margin: 0 auto;position: relative;}
footer #box_inner #footer_sns {position:absolute; top: 90px; left:0;}
footer #box_inner #footer_sns .fb-like {margin: 0 10px 0 0;}
footer #box_inner #footer_sns .fb_iframe_widget > span {vertical-align: baseline !important;}
#twitter-widget-0{vertical-align:top;}

/*メインビジュアル用*/

#main_visual{
	width: 100%;
	max-width: 1358px;
	margin: 0 auto;
	position: relative;
}


#main_visual .logo{
	position: absolute;
	top:5.5%;
	width: 100%;
	text-align: center;
	z-index: 100;
}

#main_visual .logo img{
	width: 170px;
}

#main_visual .read{
	position: absolute;
	top:47%;
	left:50%;
	margin: auto;
	z-index: 100;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.main_img {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	
}
.main_img .items{
	width: 25%;
	position: relative;
}

.main_img .items:nth-child(n+5){
	display: none;
}

.main_img .items img{
	max-width:100%;
	display: block;
}

.main_img .items .fimage{
	position: absolute;
	opacity:0;
	top:0;
}

/*メインビジュアル用*/