@charset "UTF-8";



/* ==========================================================================
   character
========================================================================== */
.wrapper {
    background: url(../img/character/character_bg.jpg) center top repeat;
}



/*------------------------------------------------------------
    title
------------------------------------------------------------*/
.title_section {
    position: relative;
    width: 960px;
    height: 270px;
    margin: 0 auto;
}
.character_title {
    position: absolute;
    top: 90px;
    left: 204px;
}



/*------------------------------------------------------------
    contents
------------------------------------------------------------*/
.contents_section {
    background: url(../img/character/character_contents_bg.png) center top no-repeat;
}
.main_section {
    position: relative;
    width: 960px;
    height: 1021px;
    margin: 0 auto;
}
.character_main_title {
    position: absolute;
    top: 2px;
    left: -93px;
}
.character_main_img_01 {
    position: absolute;
    top: 142px;
    left: -45px;
}
.character_main_img_02 {
    position: absolute;
    top: 166px;
    left: 481px;
    z-index: 1;
}
.tanebito_section {
    position: relative;
    width: 960px;
    height: 970px;
    margin: 0 auto;
}
.character_tanebito_title {
    position: absolute;
    top: 0;
    left: -93px;
}
.character_btn_hanamise {
    display: block;
    position: absolute;
    top: 130px;
    left: 532px;
    z-index: 1;
    background-color: #306530;
    border-radius: 10px;
}
.character_tanebito_img_01 {
    position: absolute;
    top: 108px;
    left: 62px;
}
.character_tanebito_img_02 {
    position: absolute;
    top: 488px;
    left: 0;
}
.kemobito_section {
    position: relative;
    width: 960px;
    height: 1549px;
    margin: 0 auto;
}
.character_kemobito_title {
    position: absolute;
    top: 0;
    left: -93px;
}
.character_kemobito_img_01 {
    position: absolute;
    top: -71px;
    left: -38px;
    z-index: 1;
}
.character_kemobito_img_02 {
    position: absolute;
    top: 637px;
    left: -38px;
}
.character_kemobito_img_03 {
    position: absolute;
    top: 987px;
    left: -38px;
}
.other_section {
    position: relative;
    width: 960px;
    height: 673px;
    margin: 0 auto;
}
.character_other_img_01 {
    position: absolute;
    top: 0;
    left: -92px;
}



/*------------------------------------------------------------
  hover
------------------------------------------------------------*/
.no-touchevents .character_btn_hanamise img {
    transition: opacity 400ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.no-touchevents .character_btn_hanamise:hover img {
    opacity: 0.8;
}