body{
    margin:0px;
    padding:0px;
    background-image:url("../images/bg.png");
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
    color:#373737;
}

p,ul,li,a,span{
    margin:0px;
    padding:0px;
}

img{
    transition:opacity 0.2s;
    -moz-transition:opacity 0.2s;
    -webkit-transition:opacity 0.2s;
}

a,a:link,a:visited{color:#f5a100;text-decoration:none;}
a:hover,a:active{color:#df2012;}

.header{
    position:relative;
    width:100%;
    margin:0px;
    background-color:#fff;
    border-bottom:solid 1px #ff9490;
    box-shadow:0px 2px 7px 1px rgba(0,0,0,0.3);
    z-index:100;
}

.h_wrapper{
    max-width:1200px;
    width:100%;
    margin:0px auto;
    text-align:center;
}

.logo{
    width:67px;
    height:48px;
    float:left;
    margin-top:12px;
    margin-left:5px;
    transition:opacity 0.2s;
    -moz-transition:opacity 0.2s;
    -webkit-transition:opacity 0.2s;
}

.logo:hover{opacity:0.5;}

.catch{
    max-width:230px;
    width:auto;
    height:15px;
    margin-top:28px;
}

.menu_container{
	width:auto;
    /*width:382px;*/
	/* width:287px; ボタン消去時 */
    height:70px;
    float:right;
}

.menu{
    width:95px;
    height:70px;
    float:left;
    background-size:cover;
    transition:background-image 0.2s;
    -moz-transition:background-image 0.2s;
    -webkit-transition:background-image 0.2s;
}

#menu_products{background-image:url("../images/menu_products.png");}
#menu_shop{background-image:url("../images/menu_shop.png");}
#menu_support{background-image:url("../images/menu_support.png");}
#menu_overview{background-image:url("../images/menu_overview.png");}
#menu_guideline{background-image:url("../images/menu_guideline.png");}
#menu_recruit{background-image:url("../images/menu_recruit.png");}
#menu_questionnaire{background-image:url("../images/menu_questionnaire.png");}
#menu_products:hover,#menu_products:active{background-image:url("../images/menu_products_a.png");}
#menu_shop:hover,#menu_shop:active{background-image:url("../images/menu_shop_a.png");}
#menu_support:hover,#menu_support:active{background-image:url("../images/menu_support_a.png");}
#menu_overview:hover,#menu_overview:active{background-image:url("../images/menu_overview_a.png");}
#menu_guideline:hover,#menu_guideline:active{background-image:url("../images/menu_guideline_a.png");}
#menu_recruit:hover,#menu_recruit:active{background-image:url("../images/menu_recruit_a.png");}
#menu_questionnaire:hover,#menu_questionnaire:active{background-image:url("../images/menu_questionnaire_a.png");}

.menu a{
    display:block;
    width:100%;
    height:100%;
    font-size:10px;
    opacity:0;
}

.menubtn,.menu_m_container,.menu_m{display:none;}

.main_wrapper{
    position:relative;
    max-width:1200px;
    width:100%;
    margin:0px auto;
    padding-top:15px;
    background-color:#fff;
    box-shadow:0px 0px 7px 2px rgba(0,0,0,0.3);
    z-index:50;
}

.footer{
    position:relative;
    width:100%;
    margin:0px;
    padding:0px;
    background-color:#fff;
    border-top:solid 1px #ffb654;
    box-shadow:0px -2px 7px 0px rgba(0,0,0,0.2);
    z-index:100;
	
/* 追記 */
	overflow-x:hidden;
}

.f_wrapper{
    max-width:1200px;
    width:100%;
    margin:0px auto;
    padding:22px 0px;
    text-align:center;
}
/* 追記 */
.counter{
	display:none;
}

.credit{
    font-size:15px;
}

.privacy{
    display:inline-block;
    width:200px;
    margin-left:50px;
    font-size:11px;
    box-shadow:0 0 0 1px #373737 inset;
    border-radius:20px;
}

/*　追記　*/
.privacy{
    width:14%;
	min-width:150px;
    margin:4px 36% 0;
}

.privacy a{
    display:block;
    width:100%;
    height:100%;
    padding:5px 0px;
    color:#373737;
    border-radius:20px;
    transition:background-color 0.2s,color 0.2s;
    -moz-transition:background-color 0.2s,color 0.2s;
    -webkit-transition:background-color 0.2s,color 0.2s;
}

.privacy a:hover{
    color:#fff;
    background-color:#373737;
}

.attention{
    margin-top:10px;
    font-size:11px;
}

.topics{
    max-width:892px;
    height:auto;
    margin-left:15px;
    box-shadow:0 0 0 1px #ffdcdb;
    border-radius:7px;
    float:left;
	
	/*追記*/
	overflow: hidden;
}

.push img{
    width:263px;
    height:auto;
    margin-right:15px;
    box-shadow:0 0 0 1px #ffdcdb;
    border-radius:7px;
    float:right;
    transition:opacity 0.2s;
    -moz-transition:opacity 0.2s;
    -webkit-transition:opacity 0.2s;
}

.push img:hover,.push img:active{
    opacity:0.5;
}

.shop img{
    max-width:263px;
    height:auto;
    margin-right:15px;
    box-shadow:0 0 0 1px #ffdcdb;
    border-radius:7px;
    float:right;
}

.shop img:hover,.shop img:active{
    opacity:0.5;
}

.shop{
    display: block;
}

.to_shop{
    max-width:263px;
    height:auto;
    margin:15px 15px 0 0;
    box-shadow:0 0 0 1px #ffdcdb;
    border-radius:7px;
    float:right;
    overflow: hidden;
}

.to_shop img:hover,.to_shop img:active{
    opacity:0.5;
}

.sp_shop{
    display: none;
}

.event{
    width:100%;
    max-width:1170px;
    margin-top:15px;
    margin-left:auto;
    margin-right:auto;
}

.event li{
    border-radius:7px;
    overflow:hidden;
    transition:opacity 0.2s;
    -moz-transition:opacity 0.2s;
    -webkit-transition:opacity 0.2s;
}

.event .slides li:hover{opacity:0.5;}

.e_content:nth-of-type(1){margin-left:0px;}

.title{
    width:100%;
    height:35px;
    background-image:url("../images/title_bg.png");
    background-repeat:no-repeat;
    background-position:right;
    background-color:#ff6b65;
    border-radius:20px;
}

.products .title{
    background-image:url("../images/title_bg2.png");
    background-color:#ffb654;
}

.title img{
    height:35px;
    margin-left:10px;
}

.information{
    max-width:892px;
    width:100%;
    margin-top:15px;
    margin-left:15px;
    float:left;
}

.infobox{
    position:relative;
    max-width:439px;
    width:100%;
    min-height:240px;
    margin-top:15px;
    padding-top:9px;
    box-shadow:0 0 0 1px #ffdcdb inset;
    border-radius:7px;
    font-size:12px;
    float:left;
}


.infobox:nth-of-type(2n+1){float:right;}
.infobox:nth-of-type(2n){clear:both;}

.infobox > img,.infobox > a img{
    max-width:230px;
    height:auto;
    margin-left:9px;
    border-radius:7px;
    float:left;
}

.infobox a img:hover{
    opacity:0.5;
}

.infocontents{
    width:186px;
    margin-right:7px;
    margin-bottom:29px;
    float:right;
}

.infodate{
    font-weight:bold;
    color:#ff6b65;
}



.day1{/*　追記 */
    color:#ff6b65;
}

.day2{/*　追記 */
	color: #6586ff;
}


.infoline{
    width:100%;
    height:1px;
    margin-top:4px;
    background-color:#ededed;
}

.infotext{
    height:171px;
    margin-top:6px;
    line-height:19px;
    overflow:hidden;
} 

.infosocial{
    position:absolute;
    width:186px;
    height:20px;
    right:9px;
    bottom:10px;
    text-align:right;
}

.infosocial img{
    margin-left:5px;
    width:44px;
    height:20px;
}

.infosocial a img{
    width:20px;
}

.btn_line{display:none;}

.viewmore{
    display:block;
    width:166px;
    height:33px;
    margin:15px auto;
    cursor:pointer;
}

.viewmore:hover{opacity:0.5;}

.backlog_bt{
    width: 166px;
    margin: 0 auto;
}

.backlog {
    display: block;
    width: 166px;
    height: 33px;
    margin: 15px auto;
    cursor: pointer;
}

.backlog:hover{opacity:0.5;}

.products{
    width:263px;
    margin-top:15px;
    margin-right:15px;
    float:right;
}

.products a img{
    max-width:261px;
    height:auto;
    margin-top:15px;
    border-radius:7px;
    border:solid 1px #ffe4bf;
    vertical-align: bottom;
}

.products a img:hover{opacity:0.5;}

.twitterwidget{
    height:511px;
    width:261px;
    margin-top:15px;
    margin-right:15px;
    border:solid 1px #ffdcdb;
    border-radius:7px;
    overflow:hidden;
    float:right;
}

.btntop{
    position:fixed;
    width:57px;
    height:57px;
    right:15px;
    bottom:15px;
    z-index:101;
    opacity:0;
    transition:opacity 0.2s;
    -moz-transition:opacity 0.2s;
    -webkit-transition:opacity 0.2s;
}

.btntop:hover{opacity:0.5;}

.infobox:nth-of-type(21) ~ .infobox{display:none;}

@media screen and ( max-width:1199px ){

.logo{margin-left:15px;}

.topics{
    width:71.4%;
    margin-left:2.5%;
}

.push img{
    width:21.1%;
    margin-right:2.5%;
}

.shop img{
    width:21.1%;
    margin-right:2.5%;
}

.to_shop{
    width:21.1%;
    margin:1.2% 2.5% 0 0;
}

.event{width:95%;}

.information{
    max-width:1200px;
    width:100%;
    margin-left:0px;
    margin-right:-278px;
}

.information .title{
    margin-left:2.5%;
    margin-right:293px;
    width:auto;
}

.infobox{
    max-width:1200px;
    width:auto;
    margin-left:2.5%;
    margin-right:293px;
    float:none;
}

.infobox a img{
	position:relative;
	z-index:1;
}
.infobox:nth-of-type(2n+1){float:none;}
.infobox:nth-of-type(2n){clear:none;}


.infocontents{
    width:100%;
    margin-left:-248px;
}

.infodate,.infoline,.infotext{
    margin-left:253px;
    width:auto;
}

.viewmore{margin-right:293px;}

}


@media screen and ( max-width:899px ){

.menu_container{display:none;}

.menubtn{
    display:inline;
    width:53px;
    height:70px;
    float:right;
    transition:opacity 0.2s;
    -moz-transition:opacity 0.2s;
    -webkit-transition:opacity 0.2s;
    cursor:pointer;
}

.menubtn:hover,.menubtn:active{opacity:0.5;}

.menu_m_container{
    position:absolute;
    width:300px;
    top:15px;
    left:50%;
    transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    background-color:#fff;
    border:solid 1px #ff9490;
    border-radius:7px;
    box-shadow:0px 2px 7px 1px rgba(0,0,0,0.3);
    z-index:200;
}

.menu_m{
    display:block;
    width:300px;
    height:70px;
    background-size:cover;
    transition:background-image 0.2s;
    -moz-transition:background-image 0.2s;
    -webkit-transition:background-image 0.2s;
}


#menu_m_products{background-image:url("../images/menu_m_products.png");}
#menu_m_shop{background-image:url("../images/menu_m_shop.png");}
#menu_m_support{background-image:url("../images/menu_m_support.png");}
#menu_m_overview{background-image:url("../images/menu_m_overview.png");}
#menu_m_guideline{background-image:url("../images/menu_m_guideline.png");}
#menu_m_recruit{background-image:url("../images/menu_m_recruit.png");}
#menu_m_questionnaire{background-image:url("../images/menu_m_questionnaire.png");}
#menu_m_close{background-image:url("../images/menu_m_close.png");cursor:pointer;}
#menu_m_products:hover,#menu_m_products:active{background-image:url("../images/menu_m_products_a.png");}
#menu_m_shop:hover,#menu_m_shop:active{background-image:url("../images/menu_m_shop_a.png");}
#menu_m_support:hover,#menu_m_support:active{background-image:url("../images/menu_m_support_a.png");}
#menu_m_overview:hover,#menu_m_overview:active{background-image:url("../images/menu_m_overview_a.png");}
#menu_m_guideline:hover,#menu_m_guideline:active{background-image:url("../images/menu_m_guideline_a.png");}
#menu_m_recruit:hover,#menu_m_recruit:active{background-image:url("../images/menu_m_recruit_a.png");}
#menu_m_questionnaire:hover,#menu_m_questionnaire:active{background-image:url("../images/menu_m_questionnaire_a.png");}
#menu_m_close:hover,#menu_m_close:active{background-image:url("../images/menu_m_close_a.png");}

.menu_m a,.menu_m span{
    display:block;
    width:100%;
    height:100%;
    font-size:10px;
    opacity:0;
}

.btn_line{display:inline;}

.infobox{
    min-height:190px;
    height:auto;
    font-size:11px;
}

.infobox > a img,.infobox > img{
    width:150px;
	

/*　追記　*/
	position:relative;
	z-index:1;
}

.infocontents{
    width:100%;
    max-height:500px;
    height:auto;
    margin-left:-168px;
    margin-bottom:9px;
}

.infodate,.infoline,.infotext{
    margin-left:177px;
    width:auto;
}

.infosocial{
    left:9px;
    width:150px;
}

.btntop{display:none;}


}

@media screen and ( max-width:699px ){

.main_wrapper{padding-bottom:15px;}

.information{
    margin-right:0px;
    float:none;
}

.information .title,.infobox{
    width:95%;
    margin-right:0px;
}

.infotext{
    line-height:17px;
}

.viewmore{margin-right:auto;}

.products{
    max-width:700px;
    width:95%;
    margin-left:2.5%;
    float:none;
}

.products a img{
    width:48.5%;
    max-width:700px;
}

.products a:nth-of-type(2n){margin-left:2%;}

.twitterwidget{
    max-width:520px;
    width:95%;
    margin-left:auto;
    margin-right:auto;
    float:none;
}

.attention{
    width:95%;
    margin-left:2.5%;
}

.privacy{
    width:95%;
    margin-top:4px;
    margin-left:2.5%;
}

}


@media screen and ( max-width:479px ){

.catch,.push img{display:none;}



.push img{
    float:none;
    width:95%;
    margin-top:15px;
    margin-left:2.5%;
    vertical-align:bottom;
}

.shop img, .to_shop{
    display: none;
}

.sp_shop{
    display: block;
    width:21.1%;
    height:auto;
    margin:0% 2.5% 0 0;
    box-shadow:0 0 0 1px #ffdcdb;
    border-radius:7px;
    float:right;
    overflow: hidden;
}

.sp_shop img:hover,.sp_shop img:active{
    opacity:0.5;
}

.products a img{
    width:100%;
}

.products a:nth-of-type(2n){margin-left:0;}






}