@charset "UTF-8";
/* font-family */
body, .index .news .area div, .index .product .area div, .contact .attention .area div {font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;}
 .index .news.en .area div, .index .product.en .area div, .contact.en .attention .area div, .footer.en p {font-family: Arial, Helvetica, sans-serif;}

/* flame */
body {background: #000;}
#wrapper {height: 100%;}
.header {width: 100%; top: 0; z-index: 9997;}
.header.sushi {height: 200px; background-image:url(../img/flame/header_texture1.png); background-repeat:repeat-X; position:fixed;}
.header.games {height: 80px; background: #000; position:relative;}
.header a {transition:All 0.3s linear; -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear;}
.header .logo {position:absolute; top: 4px; left: 20px; z-index: 9997;}
.header .logo a:hover { opacity:0.6;}
.header .menu {position:absolute; top: 24px; right: 20px; z-index: 9997;}
.header ul.social,.header ul.social li,.header ul.language,.header ul.language li {float:right;}
.header ul.social {margin-left:30px; }
.header ul.social li a { display:inline-block; padding-left:10px; padding-right:10px;}
.header ul.language {border-top: thin solid #ccc;	border-bottom: thin solid #ccc; border-right: thin solid #ccc;}
.header ul.language li {border-left: thin solid #ccc}
.header ul.social li a,.header ul.language li a {opacity:0.5;}
.header ul.social li a:hover,.header ul.language li a:hover {opacity:1.0;}
.footer { width:100%; background: #000; text-align: center;}
.footer .area {margin-left:auto; margin-right:auto; padding-top:40px; padding-bottom:40px;}
.footer.en p{color:#fff;font-size:10px;line-height:18px; letter-spacing:1px; margin-top:30px;}
.footer.en div.platform-logos img{vertical-align:middle;margin:20px 10px;}
.footer.en div.company-logos img{vertical-align:middle;margin:0 10px;}
.footer.en div.company-logos img:nth-child(2){margin:0 20px;}
@media all and (min-width:981px){.footer .area a {transition:All 0.3s linear; -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear;}.footer .area a:hover { opacity:0.6;}}

/* nav */
.nav {position:relative; z-index:9996; width:100%; min-width:980px; background: #666; height: 0px; color:#fff; text-align:center; background:url(../img/irezumi/nav/nav_base1.png);}
.nav .area { width:100%; background:url(../img/irezumi/nav/nav_base1.png); height:140px;}
.nav ul {width:972px; margin:auto;}
.nav ul li {display:inline-block; margin:0; float:left;}
.nav ul li a {width:162px; height:70px; display: inline-block; text-indent: -9999px;}
.nav ul li a.nav01 {background: url("../img/irezumi/nav/nav_index_jp.png");}
.nav ul li a.nav02 {background: url("../img/irezumi/nav/nav_story_jp.png");}
.nav ul li a.nav03 {background: url("../img/irezumi/nav/nav_system_jp.png");}
.nav ul li a.nav04 {background: url("../img/irezumi/nav/nav_character_jp.png");}
.nav ul li a.nav05 {background: url("../img/irezumi/nav/nav_gallery_jp.png");}
.nav ul li a.nav06 {background: url("../img/irezumi/nav/nav_contact_jp.png");}
.nav.en ul li a.nav01 {background: url("../img/irezumi/nav/nav_index_en.png");}
.nav.en ul li a.nav02 {background: url("../img/irezumi/nav/nav_story_en.png");}
.nav.en ul li a.nav03 {background: url("../img/irezumi/nav/nav_system_en.png");}
.nav.en ul li a.nav04 {background: url("../img/irezumi/nav/nav_character_en.png");}
.nav.en ul li a.nav05 {background: url("../img/irezumi/nav/nav_gallery_en.png");}
.nav.en ul li a.nav06 {background: url("../img/irezumi/nav/nav_contact_en.png");}
.nav ul li a:hover, .nav.en ul li a:hover {background-position: 0 -140px;}

/* background */
.body_texture1 {position:relative; width:100%; min-width:980px;}
.story .body_texture1 {background:url(../../common/img/irezumi/story/body_texture1.png) center top no-repeat;}
.system .body_texture1 {background:url(../../common/img/irezumi/system/body_texture1.png) center top no-repeat;}
.character1 .body_texture1 {background:url(../../common/img/irezumi/character1/body_texture1.png) center top no-repeat;}
.character2 .body_texture1 {background:url(../../common/img/irezumi/character2/body_texture1.png) center top no-repeat;}
.gallery .body_texture1 {background:url(../../common/img/irezumi/gallery/body_texture1.png) center top no-repeat;}
.contact .body_texture1 {background:url(../../common/img/irezumi/contact/body_texture1.png) center top no-repeat;}

/* title */
.title {width:980px; margin:auto;}
.title .area {height:300px; position:relative;}
.title img {position: absolute; right:10px; top:120px}
.story .title {background-image:url(../../common/img/irezumi/story/title_story_jp.png);}
.system .title {background-image:url(../../common/img/irezumi/system/title_system_jp.png);}
.character1 .title {background-image:url(../../common/img/irezumi/character1/title_character_jp.png);}
.character2 .title {background-image:url(../../common/img/irezumi/character2/title_character_jp.png);}
.gallery .title {background-image:url(../../common/img/irezumi/gallery/title_gallery_jp.png);}
.contact .title {background-image:url(../../common/img/irezumi/contact/title_contact_jp.png);}
.story .title.en {background-image:url(../../common/img/irezumi/story/title_story_en.png);}
.system .title.en {background-image:url(../../common/img/irezumi/system/title_system_en.png);}
.character1 .title.en {background-image:url(../../common/img/irezumi/character1/title_character_en.png);}
.character2 .title.en {background-image:url(../../common/img/irezumi/character2/title_character_en.png);}
.gallery .title.en {background-image:url(../../common/img/irezumi/gallery/title_gallery_en.png);}
.contact .title.en {background-image:url(../../common/img/irezumi/contact/title_contact_en.png);}
@media all and (min-width:981px){.title a {transition:All 0.3s linear; -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear;}.title a:hover {opacity:0.4;}}

/* pagemenu */
.pagemenu {width:980px; margin:auto;}
.pagemenu .area {height:90px; position:relative; background-image:url(../../common/img/irezumi/nav/menu_base.png);}
.pagemenu a img {position: absolute;}
.character1 .pagemenu a img.btn01, .character2 .pagemenu a img.btn01 {left:0; top:0;}
.character1 .pagemenu a img.btn02, .character2 .pagemenu a img.btn02 {left:490px; top:0;}
.system .pagemenu a img.btn01 {left:0px; top:0;}
.system .pagemenu a img.btn02 {left:490px; top:0;}
.gallery .pagemenu a img.btn01 {left:10px; top:0;}
.gallery .pagemenu a img.btn02 {left:330px; top:0;}
.gallery .pagemenu a img.btn03 {left:650px; top:0;} 
/*.gallery .pagemenu a img.btn01 {left:0px; top:0;}
.gallery .pagemenu a img.btn02 {left:490px; top:0;} */
@media all and (min-width:981px){.pagemenu a {transition:All 0.3s linear; -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear;}.pagemenu a:hover {opacity:0.4;}}

/* index_visual */
.index .visual {background:url(../img/irezumi/index/visual_base1.png) center no-repeat; margin:auto;}
.index .visual.en {background:url(../img/irezumi/index/visual_base2.png) center no-repeat; margin:auto;}
.index .visual .area {position:relative;}
.index .visual .area img.logo1, .index .visual .area img.logo2, .index .visual .area img.logo3, .index .visual .area img.bnr {position:absolute;}
.index .visual .logoarea {position:absolute;}
.index .visual .storearea {position:absolute;}
@media all and (min-width:1920px){
.index .visual {width:1920px; height:1000px; background-size:auto 1000px;}
.index .visual.en {height:820px; background-size:auto 1000px;}
.index .visual .area img.logo1 {top:180px; left:150px;}
.index .visual .area img.logo2 {top:560px; left:150px;}
.index .visual .area img.logo3 {top:120px; right:300px;}
.index .visual.en .area img.logo1 {top:80px; width:680px;}
.index .visual.en .area img.logo2 {top:590px;}
.index .visual.en .area img.logo3 {top:120px; right:200px;}
.index .visual .area img.bnr {top:640px; right:300px;}
.index .visual .logoarea {top:860px; left:150px;}
.index .visual .storearea {top:740px; right:300px; width:400px;}
.index .visual .storearea.big {top:650px;}
.index .visual .storearea img {margin:5px;}
}
@media all and (min-width:1367px) and (max-width:1919px){
.index .visual {width:1366px; height:760px; background-size:auto 760px;}
.index .visual.en {height:660px; background-size:auto 760px;}
.index .visual .area img.logo1 {top:120px; left:100px; width:540px;}
.index .visual .area img.logo2 {top:420px; left:100px; width:540px;}
.index .visual .area img.logo3 {top:120px; right:150px; width:150px;}
.index .visual.en .area img.logo1 {top:80px;}
.index .visual.en .area img.logo2 {top:480px;}
.index .visual.en .area img.logo3 {top:120px; right:100px; width:300px;}
.index .visual .area img.bnr {top:480px; right:150px; width:340px;}
.index .visual .logoarea {top:640px; left:180px;}
.index .visual .storearea {top:540px; right:150px; width:350px;}
.index .visual .storearea.big {top:450px;}
.index .visual .storearea img {width:346px; margin:4px;}
}
@media all and (max-width:1366px){
.index .visual {width:980px; height:540px; background-size:auto 540px;}
.index .visual.en {height:540px; background-size:auto 540px;}
.index .visual .area img.logo1 {top:70px; left:20px; width:420px;}
.index .visual .area img.logo2 {top:310px; left:20px; width:420px;}
.index .visual .area img.logo3 {top:70px; right:60px; width:120px;}
.index .visual.en .area img.logo1 {top:90px;}
.index .visual.en .area img.logo2 {top:410px;}
.index .visual.en .area img.logo3 {top:150px; right:20px; width:240px;}
.index .visual .area img.bnr {top:310px; right:0px; width:260px;}
.index .visual .logoarea {top:434px;}
.index .visual .storearea {top:380px; right:0px; width:260px;}
.index .visual .storearea.big {top:310px;}
.index .visual .storearea img { width:256px; margin:4px;}
}
@media all and (min-width:981px){.index .visual a {transition:All 0.3s linear; -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear;}.index .visual a:hover { opacity:0.6;}}

/* index_news */
.index .news {background:url(../img/irezumi/index/news_base1.png) center top no-repeat;}
.index .news.jp {height:820px;}
.index .news.en {height:820px;}
.index .news .area {width:940px; margin:auto; margin-top:60px; padding:20px; background-color: rgba(0,0,0,0.7); text-align:center;}
.index .news .area.base1 {height:180px;}
.index .news .area.base2 {height:340px;}
.index .news .area.base1 div {height:90px;}
.index .news .area.base2 div {height:270px; font-size:13px;}
.index .news .area div {padding:20px; padding-top:10px; text-align:left; font-size:16px; letter-spacing:1px; line-height:200%; color:#fff; overflow:auto;}
.index .news .area div span {display:inline-block; width:160px; color:#dcb450;}
.index .news .area div strong {color:#dcb450; font-size:18px; line-height:300%;}
.index .news .area div a {display:inline-block; width:720px; color:#fff; transition:All 0.3s linear; -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear;}
.index .news .area div a:hover {color:#999;}

/* index_intro */
.index .intro {background:url(../img/irezumi/index/intro_base1.png) center no-repeat;}
.index .intro .area {margin:auto; position:relative;}
.index .intro .area img {position:absolute; top:0; left:0;}
@media all and (min-width:1367px){
.index .intro .area {width:980px; height:1100px; }
.index .intro .area img {position:absolute; top:0; left:0; width:980px;}
}
@media all and (max-width:1366px){
.index .intro .area {width:880px; height:1000px; }
.index .intro .area img {position:absolute; top:0; left:0; width:880px;}
}

/* index_product */
.index .product {height:500px; padding-bottom:40px;}
.index .product.en {height:630px;}
.index .product .area {width:940px; height:330px; margin:auto; margin-top:60px; padding:20px; background-image: url(../img/irezumi/index/product_base1.png), url(../img/irezumi/index/product_base2.png); background-position: top, bottom; background-repeat:no-repeat; text-align:center;}
.index .product.en .area { height:460px;}
.index .product .area div {padding:50px; padding-left:80px; padding-right:80px; text-align:left; font-size:16px; letter-spacing:1px; line-height:200%; position:relative;}
.index .product .area div span {display:inline-block; width:160px; color:#dcb450;}
.index .product .area div p {display:inline-block; width:620px; color:#fff;}
.index .product .area div p a {color:#fff; transition:All 0.3s linear; -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear;}
.index .product .area div p a:hover {color:#666;}
.index .product .area div img {position:absolute; top:50px; right:120px; width:152px; height:190px; background-color:#ccc; }

/* story_arasuji */
.story .arasuji {width:980px; margin:auto;}
.story .arasuji .area  {height:2000px; position:relative;}
.story .arasuji img {position:absolute; top:0;}

/* system_Instructions1 */
.system .Instructions1 {width:980px; margin:auto; padding-bottom:70px;}
.system .Instructions1 .area  {height:1652px; margin-top:70px; position:relative;}
.system .Instructions1 img {position:absolute; top:0;}

/* system_Instructions2 */
.system .Instructions2 {width:980px; margin:auto; padding-bottom:120px;}
.system .Instructions2 .area  {height:1698px; position:relative;}
.system .Instructions2 img {position:absolute; top:0;}

/* character1_partner */
.character1 .partner {width:980px; margin:auto; padding-bottom:50px;}
.character1 .partner .area {height:4920px; margin-top:70px; position:relative;}
.character1 .partner img,.character1 .partner div {position:absolute;}
.character1 .partner a {transition:All 0.3s linear; -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear;}
.character1 .partner a:hover {opacity:0.4;}
.character1 .partner .voice1_1 {top:970px; left:760px; cursor:pointer;}
.character1 .partner .voice1_2 {top:1010px; left:760px; cursor:pointer;}
.character1 .partner .voice1_3 {top:1010px; left:570px;}
.character1 .partner .voice2_1 {top:1690px; left:240px; cursor:pointer;}
.character1 .partner .voice2_2 {top:1730px; left:240px; cursor:pointer;}
.character1 .partner .voice2_3 {top:1730px; left:40px;}
.character1 .partner .voice3_1 {top:2480px; left:760px; cursor:pointer;}
.character1 .partner .voice3_2 {top:2520px; left:760px; cursor:pointer;}
.character1 .partner .voice3_3 {top:2520px; left:570px;}
.character1 .partner .voice4_1 {top:3230px; left:240px; cursor:pointer;}
.character1 .partner .voice4_2 {top:3270px; left:240px; cursor:pointer;}
.character1 .partner .voice4_3 {top:3270px; left:40px;}
.character1 .partner .voice5_1 {top:4000px; left:760px; cursor:pointer;}
.character1 .partner .voice5_2 {top:4040px; left:760px; cursor:pointer;}
.character1 .partner .voice5_3 {top:4040px; left:570px;}
.character1 .partner .voice6_1 {top:4750px; left:240px; cursor:pointer;}
.character1 .partner .voice6_2 {top:4790px; left:240px; cursor:pointer;}
.character1 .partner .voice6_3 {top:4790px; left:40px;}

/* character1_btn */
.character1 .btn {width:980px; margin:auto; padding-bottom:120px;}
.character1 .btn .area {height:100px; margin-top:0px; position:relative;}
@media all and (min-width:981px){.character1 .btn a {transition:All 0.3s linear; -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear;}.character1 .btn a:hover {opacity:0.4;}}

/* character2_enemy */
.character2 .enemy {width:980px; margin:auto; padding-bottom:50px;}
.character2 .enemy .area {height:5180px; margin-top:70px; position:relative;}

/* character2_btn */
.character2 .btn {width:980px; margin:auto; padding-bottom:120px;}
.character2 .btn .area {height:100px; margin-top:0px; position:relative;}
@media all and (min-width:981px){.character2 .btn a {transition:All 0.3s linear; -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear;}.character2 .btn a:hover {opacity:0.4;}}

/* gallery_pv */
.gallery .pv {width:980px; margin:auto; padding-bottom:70px;}
.gallery .pv .area {height:620px; margin-top:70px; position:relative;}
.gallery .pv img {position:absolute; top:0;}
.gallery .pv iframe {position:absolute; top:36px; left:30px;}

/* gallery_tattoo */
.gallery .tattoo {width:980px; margin:auto; padding-bottom:120px;}
.gallery .tattoo .area {height:1450px; margin-top:70px; position:relative;}

/* gallery_music */
.gallery .music {width:980px; margin:auto; padding-bottom:70px;}
.gallery .music .area {height:1440px; margin-top:70px; position:relative;}
.gallery.en .music .area {height:1490px;}
.gallery .music img {position:absolute;}
.gallery .music img.base1 {top:0; left:0;}
.gallery .music img.new1 {top:80px; left:220px;}
.gallery .music img.btn01 {top:460px; left:400px;}
.gallery .music img.btn02 {top:780px; left:130px;}
.gallery.en .music img.btn02 {top:830px;}
.gallery .music img.btn03 {top:1240px; left:130px;}
.gallery.en .music img.btn03 {top:1290px;}
@media all and (min-width:981px){.gallery .music a {transition:All 0.3s linear; -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear;}.gallery .music a:hover {opacity:0.6;}}

/* contact_attention */
.contact .attention {width:980px; margin:auto;}
.contact .attention .area  {height:980px; position:relative; padding-bottom:100px;}
.contact .attention img {position:absolute; top:0;}
.contact .attention img.text1 {top:60px; left:0px;}
.contact .attention img.btn1 {top:800px; left:60px;}
.contact .attention .area div {top:220px; left:0px; width:820px; padding-left:70px; padding-right:70px; text-align:left; font-size:16px; line-height:200%; letter-spacing:1px; position:relative;}
.contact .attention .area div ul li { list-style-type: disc;}
.contact .attention .area div ul li.title { list-style-type:none; font-weight:bold; font-size:20px; line-height:280%;}
.contact .attention .area div a {color:#E2272A; cursor:pointer;}
@media all and (min-width:981px){.contact .attention a {transition:All 0.3s linear; -webkit-transition:All 0.3s linear; -moz-transition:All 0.3s linear; -o-transition:All 0.3s linear;}.contact .attention a:hover {opacity:0.6;}}