@charset "UTF-8";

/* ---------------------------------------------------- */

.scrEvent_smt{
    display:none;
}

/* ヘッダー */

header{
    height:110px;
    min-width:1024px;
    margin:0 auto;
    position:relative;
    z-index:900;
}
header a.head_logo{
    display:block;
    height:149px;
    width:108px;
    background:url(../img/common/head_logo.png) no-repeat left top;
    position:absolute;
    top:0;
    left:20px;
}
header a.head_logo span{
    display:none;
}
header h1{
    font-size:21px;
    padding: 0 160px;
    letter-spacing: 3px;
    text-align: center;
    line-height:110px;
    color:#009fe5;
    font-weight:200;
}


/* メインエリア */

.top_main_area{
    position:relative;
    overflow:hidden;
}
.top_main_area a.top_main_area_buy{
    position:absolute;
    top:385px;
    right:-5px;
    width:49%;
    min-width:500px;
    height:64px;
    border-radius:5px;
    background:url(../img/top/top_main_area_buy_bg.png) repeat left top;
    color:#fff;
    text-decoration:none;
}
.top_main_area a.top_main_area_buy:hover{
    background:url(../img/top/top_main_area_buy_bg_on.png) repeat left top;
    color:#009de3;
}
.top_main_area .top_main_area_buy img{
    position:absolute;
    top:-30px;
    left:350px;
}
.top_main_area .top_main_area_buy p{
    width:300px;
    padding:10px 0 0 50px;
    background:url(../img/top/top_main_area_buy_ico.png) no-repeat 10px 20px;
    text-align:center;
}
.top_main_area .top_main_area_buy p strong{
    display:block;
    font-size:23px;
    font-weight:500;
    padding-bottom:5px;
}
.top_main_area .top_main_area_buy p small{
    display:block;
    font-size:13px;
    font-weight:400;
}

  /* ほんわか仕様 */
  .top_main_area img.top_main_area_honwaka {
      position: absolute;
      top: 365px;
      left: 50px;
  }


/* メインスライドショー */

.top_main_img{
    height:520px;
    width:100%;
    position: relative;
}
.top_main_img div{
    /* 全てを非表示にして、画像を重ねる */
    display:none;
    height:100%;
    width:100%;
    position: absolute;
}
.top_main_img div.img1{
    /* 1枚目の画像だけ表示 */
    display:block;
}
.top_main_img div.img1{
    background:url(../img/top/top_main_img01.jpg) no-repeat center center;
    background-size:cover;
}
.top_main_img div.img2{
    background:url(../img/top/top_main_img02.jpg) no-repeat center center;
    background-size:cover;
}
.top_main_img div.img3{
    background:url(../img/top/top_main_img03.jpg) no-repeat center center;
    background-size:cover;
}

/* コンセプトエリア */

.top_concept{
    width:1024px;
    min-height: 480px;
    margin:0 auto;
    padding:120px 0 150px;
    position:relative;
}
.top_concept .top_concept_title{
    margin:70px 0 0 100px;
    position:relative;
    height:140px;
    width:400px;
}
.top_concept .top_concept_title img{
    position:absolute;
    top:-20px;
    opacity:0;
}
.top_concept .top_concept_title img.title_tx01{left:0;}
.top_concept .top_concept_title img.title_tx02{left:65px;}
.top_concept .top_concept_title img.title_tx03{left:130px;}
.top_concept .top_concept_title img.title_tx04{left:160px;}
.top_concept .top_concept_title img.title_tx05{left:225px;}
.top_concept .top_concept_title img.title_tx06{left:290px;}
.top_concept .top_concept_item{
    margin:0px 0 0 50px;
    position:relative;
    height:250px;
    width:490px;
}
.top_concept .top_concept_item img{
    position:absolute;
    top:-10px;
    opacity:0;
    -webkit-transition:1s;
    -moz-transition:1s;
    -o-transition:1s;
    transition:1s;
}
.top_concept .top_concept_item img.top_concept_item_move{
    position:absolute;
    top:0px;
    opacity:1;
}
.top_concept .top_concept_tx{
    position:absolute;
    left:640px;
    top:100px;
    width:340px;
    font-size:14px;
    color:#009de3;
    line-height:23px;
    opacity:0;
    -webkit-transition:1s;
    -moz-transition:1s;
    -o-transition:1s;
    transition:1s;
}
.top_concept .top_concept_tx.top_concept_tx_move{
    left:620px;
    opacity:1;
}
.top_concept .top_concept_tx p{
    padding-bottom:50px;
}
.top_concept .top_concept_tx a{
    display: inline-block;
    margin: 0 0 0 60px;
    width: 127px;
    height: 100px;
    background: url(../img/top/top_concept_tx_a.png) no-repeat left top;
    text-align: center;
    font-size: 14px;
    padding:40px 0 0 8px;
    color: #009de3;
    text-decoration: none;
        line-height: 20px;
}


/* 強み */

.top_strong{
    height:740px;
    background:url(../img/top/top_strong.jpg) no-repeat center center;
    background-size:cover;
}
.top_strong .top_strong_in{
    width:1024px;
    margin:0 auto;
    position:relative;
}
.top_strong .top_strong_in .top_strong_in_right{
    padding:50px 0 0 592px;
}
.top_strong .top_strong_in .top_strong_in_right h4{
    display:inline-block;
    font-size:13px;
    font-weight:normal;
    color:#fff;
    border:1px solid #fff;
    padding:5px 10px;
}
.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs{
    padding:50px 0 0;
}
.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li{
    padding:0 0 20px;
}
.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li a{
    display:block;
    height:120px;
    color:#fff;
    font-size:37px;
    font-weight: 100;
    text-decoration:none;
    padding:0 0 0 130px;
    line-height:120px;
}
.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li a:hover,.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li.active a{
    color:#ffee00;
}
.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li.strong_btn01 a{background:url(../img/top/strong_btn01_off.png) no-repeat left center;}
.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li.strong_btn02 a{background:url(../img/top/strong_btn02_off.png) no-repeat left center;}
.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li.strong_btn03 a{background:url(../img/top/strong_btn03_off.png) no-repeat left center;}
.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li.strong_btn04 a{background:url(../img/top/strong_btn04_off.png) no-repeat left center;}
.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li.strong_btn01 a:hover,.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li.strong_btn01.active a{background:url(../img/top/strong_btn01_on.png) no-repeat left center;}
.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li.strong_btn02 a:hover,.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li.strong_btn02.active a{background:url(../img/top/strong_btn02_on.png) no-repeat left center;}
.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li.strong_btn03 a:hover,.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li.strong_btn03.active a{background:url(../img/top/strong_btn03_on.png) no-repeat left center;}
.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li.strong_btn04 a:hover,.top_strong .top_strong_in .top_strong_in_right ul#top_strong_tabs li.strong_btn04.active a{background:url(../img/top/strong_btn04_on.png) no-repeat left center;}


.top_strong .top_strong_in .top_strong_panel{
    width:510px;
    height:740px;
    padding:0 40px 0 0;
    position:absolute;
    top:0;
    left:0;
    color:#fff;
}
.top_strong .top_strong_in .top_strong_panel .strong_btn_close_right{
    text-align:right;
    padding:20px;
}
.top_strong .top_strong_in .top_strong_panel .strong_btn_close_right img{
    cursor:pointer;
}

.top_strong_panel{
    display:none;
}
.top_strong .top_strong_in #panel_top_strong1{background:url(../img/top/strong_page01.png) repeat-y left top;}
.top_strong .top_strong_in #panel_top_strong2{background:url(../img/top/strong_page02.png) repeat-y left top;}
.top_strong .top_strong_in #panel_top_strong3{background:url(../img/top/strong_page03.png) repeat-y left top;}
.top_strong .top_strong_in #panel_top_strong4{background:url(../img/top/strong_page04.png) repeat-y left top;}
.top_strong_panel .box{
    display:none;
    padding:0 10px;
}
.top_strong_panel #page01_01,
.top_strong_panel #page02_01,
.top_strong_panel #page03_01,
.top_strong_panel #page04_01{
    display:block;
}
.top_strong .top_strong_in .top_strong_panel .box h5{
    font-size:37px;
    font-weight:200;
    line-height:48px;
    padding:0;
}
.top_strong .top_strong_in .top_strong_panel .box table{
    width:100%;
}
.top_strong .top_strong_in .top_strong_panel .box table td.strong_btn_arrow{
    width:60px;
    vertical-align:middle;
    text-align:center;
}
.top_strong .top_strong_in .top_strong_panel .box table td.strong_btn_arrow a{
    display:block;
    height:670px;
}
.top_strong .top_strong_in .top_strong_panel .box table td.strong_btn_arrow a.right{background:url(../img/top/strong_btn_arrow_right.png) no-repeat 33px center;}
.top_strong .top_strong_in .top_strong_panel .box table td.strong_btn_arrow a.left{background:url(../img/top/strong_btn_arrow_left.png) no-repeat 15px center;}
.top_strong .top_strong_in .top_strong_panel .box table td.strong_btn_arrow a span{
    display:none;
}
.top_strong .top_strong_in .top_strong_panel #page01_03 .strong_box_data_table{
    border-top:1px solid #fff;
    border-left:1px solid #fff;
}
.top_strong .top_strong_in .top_strong_panel #page01_03 .strong_box_data_table th{
    padding:5px;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
    text-align:center;
}
.top_strong .top_strong_in .top_strong_panel #page01_03 .strong_box_data_table td{
    padding:5px 10px;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
}
.top_strong .top_strong_in .top_strong_panel #page01_03 .page01_03_p{
    margin:20px 0 0;
    padding:0 140px 0 0;
    min-height:150px;
    background:url(../img/top/strong_box_page01_04.png) no-repeat right top;
}
.top_strong .top_strong_in .top_strong_panel #page03_02 .page03_02_p{
    padding:450px 150px 0 0;
    min-height:150px;
    background:url(../img/top/strong_box_page03_02.png) no-repeat center top;
}
.top_strong .top_strong_in .top_strong_panel #page03_03 .page03_03_left{
    width:165px;
    padding:230px 40px 0 0;
    background:url(../img/top/strong_box_page03_03.png) no-repeat left top;
    float:left;
}
.top_strong .top_strong_in .top_strong_panel #page03_03 .page03_03_right{
    width:165px;
    padding:230px 0 0;
    background:url(../img/top/strong_box_page03_04.png) no-repeat left top;
    float:left;
}
.top_strong .top_strong_in .top_strong_panel #page03_03 .page03_03_p{
    padding:15px 20px;
    border:1px solid #fff;
    margin:20px 0 0;
}

.top_strong .top_strong_in .top_strong_panel .box table td.strong_box_data{
    vertical-align:top;
    height:670px;
    position:relative;
}
.top_strong .top_strong_in .top_strong_panel .box table td.strong_box_data .strong_box_data_cont{
    height:14px;
    width:100%;
    position:absolute;
    bottom:20px;
    text-align:center;
}
.top_strong .top_strong_in .top_strong_panel .box table td.strong_box_data .strong_box_data_cont span,
.top_strong .top_strong_in .top_strong_panel .box table td.strong_box_data .strong_box_data_cont a{
    display:inline-block;
    height:12px;
    width:12px;
    border-radius:12px;
    margin:0 6px;
}
.top_strong .top_strong_in .top_strong_panel .box table td.strong_box_data .strong_box_data_cont span,
.top_strong .top_strong_in .top_strong_panel .box table td.strong_box_data .strong_box_data_cont a:hover{
    background:#ffee00;
}
.top_strong .top_strong_in .top_strong_panel .box table td.strong_box_data .strong_box_data_cont a{
    background:#fff;
}
.top_strong .top_strong_in .top_strong_panel .box table td.strong_box_data a.easy_link{
    color:#ffee00;
    text-decoration:underline;
}
.top_strong .top_strong_in .top_strong_panel .box table td.strong_box_data a.easy_link:hover{
    text-decoration:none;
}


/* 更新系エリア */

.top_kohshin .go_onlineshop{
    margin:110px;
    text-align:center;
}
.top_kohshin .go_onlineshop a{
    display:inline-block;
    width:400px;
    height:82px;
    background:url(../img/top/go_onlineshop_btn.png) no-repeat left top;
}
.top_kohshin .go_onlineshop a span{
    display:none;
}

.top_kohshin .top_facebook{
    margin:0 auto;
    width:1024px;
    padding:0px 0 50px;
}
.top_kohshin .top_facebook h3{
    font-size:14px;
    font-weight:200;
    text-align:center;
}
.top_kohshin .top_facebook h3 a{
    display:block;
    color: #404040;
    padding:64px 0 35px;
    background:url(../img/top/top_facebook.png) no-repeat center top;
}
.top_kohshin .top_facebook h3 a:hover{
    background:url(../img/top/top_facebook_on.png) no-repeat center top;
}
.top_kohshin .top_facebook ul{
    margin:0 0 0 100px;
    height:200px;
}
.top_kohshin .top_facebook ul li{
    float:left;
    margin:0 30px 0 0;
}
.top_kohshin .top_facebook ul li a{
    display:block;
    width:180px;
    height:180px;
    color:#fff;
    text-decoration:none;
    font-size:12px;
    position:relative;
}
.top_kohshin .top_facebook ul li a div{
    position:absolute;
    top:0;
    left:0;
    display:none;
    height:110px;
    width:160px;
    padding:70px 10px 0;
    background:url(../img/top/facebook_ul_div.png) repeat left top;
    text-align:left;
}
.top_kohshin .top_facebook ul li a div b{
    font-weight:300;
    display:block;
}
.top_kohshin .top_facebook ul li a div span{
    font-weight:200;
}

.top_kohshin .top_insta{
    margin:0 auto;
    width:1024px;
    padding:20px 0 20px;
}
.top_kohshin .top_insta h3{
    font-size:14px;
    font-weight:200;
    text-align:center;
}
.top_kohshin .top_insta h3 a{
    display:block;
    color: #404040;
    padding:64px 0 35px;
    background:url(../img/top/top_insta.png) no-repeat center top;
}
.top_kohshin .top_insta h3 a:hover{
    background:url(../img/top/top_insta_on.png) no-repeat center top;
}
.top_kohshin .top_insta .snapwidget-widget{
    padding-left:100px;
}
.top_kohshin .top_campaign{
    text-align:center;
    margin:0 auto 60px;
    max-width:1024px;
}
.top_kohshin .top_campaign a.campaign_insta_160314{
    display:inline-block;
    width:400px;
    height:160px;
    margin-right: 20px;
    background:url(../img/top/top_insta_campaign.png) no-repeat left top;
}
.top_kohshin .top_campaign a.campaign_mikizuku_160414{
    display:inline-block;
    width:400px;
    height:160px;
    background:url(../img/top/campaign_mikizuku_160414.png) no-repeat left top;
}
.top_kohshin .top_campaign a.game_omikuji{
    display:inline-block;
    width:400px;
    height:160px;
    margin:20px 20px 0 0;
    background:url(../img/top/game_omikuji.png) no-repeat left top;
}
.top_kohshin .top_campaign span.right_none{
    display:inline-block;
    width:400px;
    height:160px;
}



.top_kohshin .top_campaign a span{
    display:none;
}
/* ここから削除 */
.top_kohshin .top_insta_campaign_160314{
    text-align:center;
    margin:0 0 60px;
}
.top_kohshin .top_insta_campaign_160314 a{
    display:inline-block;
    width:400px;
    height:160px;
    background:url(../img/top/top_insta_campaign.png) no-repeat left top;
}
.top_kohshin .top_insta_campaign_160314 a span{
    display:none;
}
/* ここまで削除 */


.top_kohshin .top_news{
    margin:0 auto;
    width:820px;
    padding:20px 0;
    text-align:center;
}
.top_kohshin .top_news h3{
    padding:0 0 40px;
}
.top_kohshin .top_news h3 span{
    display:inline-block;
    height:100px;
    width:100px;
    line-height:100px;
    border:1px solid #009de3;
    border-radius:100px;
    color:#009de3;
    font-size:15px;
    font-weight:200;
    letter-spacing:1px;
}
.top_kohshin .top_news ul{
    display:inline-block;
    margin:0 auto;
    text-align: left;
}
.top_kohshin .top_news ul li{
    padding:0 0 10px;
    background:url(../img/common/opacity.gif) no-repeat left top;
}
.top_kohshin .top_news ul small{
    font-size:12px;
    float: left;
}
.top_kohshin .top_news ul .date{
    display:inline-block;
    height:26px;
    width:82px;
    padding:0;
    margin:0 20px;
    text-align:center;
    line-height:26px;
    color:#fff;
    background:#aaa;
    float:left;
}
.top_kohshin .top_news ul .news_text{
    color:#404040;
    background:url(../img/common/opacity.gif) no-repeat left top;
}
.top_kohshin .top_news ul a{
    color:#404040;
    text-decoration:underline;
}
.top_kohshin .top_news ul a:hover{
    color:#999;
    text-decoration:none;
}