@charset "utf-8";
@media screen and (min-width: 768px) {

	/*.pageItem .itemListWrap { background: url(../images/common/border_y.png) center top repeat-y; }
	.pageItem .itemListWrap .titleLv2 { margin-top: 0; width: 435px!important; background: url(../images/common/title_accordion.png) center center no-repeat; background-size: 435px auto; }*/

	.pageItem .itemIndexList { width: 910px; }
	.pageItem .itemIndexList p { margin: 0 auto;}
    .pageItem .itemIndexList.adjust { margin-top: 50px; }
	
	/*.pageItem .itemIndexList:nth-child(odd) { float: left;}
	.pageItem .itemIndexList:nth-child(even) { float: right}*/
	.pageItem .itemIndexList ul { background: url(../images/common/border_y.png) center top repeat-y; }
	.pageItem .itemIndexList li { margin-bottom: 15px; padding-bottom: 19px; width: 435px; background: url(../images/common/border.png) left bottom repeat-x; background-size: auto 6px; }
	.pageItem .itemIndexList li:nth-child(odd) { float: left; }
	.pageItem .itemIndexList li:nth-child(even) { float: right; }
	.pageItem .itemIndexList li a { display: block; }
	.pageItem .itemIndexList li a span { display: block; padding: 0 0 0 33px; background: url(../images/common/icon.png) left 2px no-repeat; background-size: auto 20px;  }
	.pageItem .itemIndexList li:last-child { margin-bottom: 0; padding-bottom: 0; background: none; }
	.pageItem .itemIndexList li.noBorder{ margin-bottom: 0; padding-bottom: 0; background: none; }
	/*.pageItem .itemIndexList { margin-bottom: 20px; padding-bottom: 25px; background: url(../images/common/border.png) left bottom repeat-x; background-size: auto 6px;  }*/
	.pageItem .itemIndexList.none { margin-bottom: 0; padding-bottom: 0; background: none; }

	.pageItem .itemIndexList p { margin-bottom: 25px; width: 435px; }
	.pageItem .itemIndexList p img { width: 100%; }

	.itemCoordinateWrap { margin-bottom: 30px; }
	.itemCoordinateWrap:after { content: "";  clear: both;  display: block; }
	.itemCoordinateWrap.adjust { margin-top: 50px; }

	.navItem.maria { margin-bottom: 15px; width: 910px; height: 70px; background: url(../../prichan-game/item/J01/images/nav_01_pc.png) left top no-repeat; background-size: 910px 70px; text-indent: -9999px; }
	.navItem.maria li:nth-child(odd) { float: left; width: 450px; }
	.navItem.maria li:nth-child(even) { float: right; width: 450px; }
	.navItem.maria li a { display: block; width: 470px; height: 60px; }	
	
	.navItem.mirai { margin-bottom: 15px; width: 910px; height: 70px; background: url(../../prichan-game/item/J01/images/nav_02_pc.png) left top no-repeat; background-size: 910px 70px; text-indent: -9999px; }
	.navItem.mirai li:nth-child(odd) { float: left; width: 450px; }
	.navItem.mirai li:nth-child(even) { float: right; width: 450px; }
	.navItem.mirai li a { display: block; width: 470px; height: 60px; }	
	
	.itemCoordinate,
    .itemCoordinatePT { width: 435px; margin-bottom: 10px; padding-top: 75px; background: url(../images/common/divider.png) center top no-repeat; background-size: 100% auto; text-align: center;}
    .itemCoordinatePT.full { width: 100%; margin-bottom: 10px; padding: 75px 15px 0 25px; background: url(../images/common/divider.png) center top no-repeat; background-size: 50% auto; text-align: center; box-sizing: border-box; }
	.itemCoordinate:nth-child(odd),
    .itemCoordinatePT:nth-child(odd) { float: left; }
	.itemCoordinate:nth-child(even),
    .itemCoordinatePT:nth-child(even) { float: right; }
	
	.collectionTerm  { text-align: center; font-size: 1.6rem; }
	.titleCoordinate { margin-bottom: 15px; }
	.titleCoordinate img { width: 100%; }
    
    .titleCoordinatePT { display: table; margin-bottom: 15px; padding: 5px 0; width: 435px;/* border-top: 1px solid #fe90c6;*/ border-bottom: 2px solid #fe90c6; }
    .titleCoordinatePT dt { display: table-cell; width: 80px; vertical-align: middle; }
    .titleCoordinatePT dt img { width: 100%; }
    .titleCoordinatePT dd { display: table-cell; padding-top: 5px; vertical-align: middle; box-sizing: border-box; font-size: 2.4rem; color: #fe90c6; font-weight: bold; text-align: left; line-height: 1.3; }

    
	.brandName { margin-bottom: 10px; overflow: hidden; text-align: center; color: #fe90c6; font-weight: bold; line-height: 1; }
	.brandName  span { position: relative; display: inline-block; margin: 0 2.5em; padding: 0 1em; text-align: left; }
	.brandName  span::before,
	.brandName  span::after { position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #fe90c6; }
	.brandName  span::before { right: 100%; }
	.brandName  span::after { left: 100%; }

	.itemDetail { position: relative; margin-bottom: 20px; }
	.itemDetail .itemDetailInner { height: 520px; }
	.itemDetail .itemRarity { position: absolute; top: 0; left: 0; width: 80px; height: auto }
	.itemDetail .itemRarity img { width: 100%; }
	.itemDetail .itemHI     { position: absolute; top: 0; right: 0; padding: 5px 40px 30px 30px; width: 170px; height: 110px; background: url(../item/images/bg_btn_hair.png) right top no-repeat; background-size: 170px 110px; box-sizing: border-box; }
	.itemDetail .itemOP     { position: absolute; top: 115px; right: 0; padding: 5px 40px 40px 30px; width: 170px; height: 110px; background: url(../item/images/bg_btn_onepiece.png) right top no-repeat; background-size: 170px 110px; box-sizing: border-box; }
	.itemDetail .itemOP-2   { position: absolute; top: 0; right: 0; padding: 5px 40px 40px 30px; width: 170px; height: 110px; background: url(../item/images/bg_btn_onepiece.png) right top no-repeat; background-size: 170px 110px; box-sizing: border-box; }
	.itemDetail .itemTO     { position: absolute; top: 115px; right: 0; padding: 5px 40px 40px 30px; width: 170px; height: 110px; background: url(../item/images/bg_btn_tops.png) right top no-repeat; background-size: 170px 110px; box-sizing: border-box; }
	.itemDetail .itemTO-2   { position: absolute; top: 0; right: 0; padding: 5px 40px 40px 30px; width: 170px; height: 110px; background: url(../item/images/bg_btn_tops.png) right top no-repeat; background-size: 170px 110px; box-sizing: border-box; }
	.itemDetail .itemBT     { position: absolute; top: 230px; right: 0; padding: 5px 40px 40px 30px; width: 170px; height: 110px; background: url(../item/images/bg_btn_bottoms.png) right top no-repeat; background-size: 170px 110px; box-sizing: border-box; }
    .itemDetail .itemBT-2   { position: absolute; top: 115px; right: 0; padding: 5px 40px 40px 30px; width: 170px; height: 110px; background: url(../item/images/bg_btn_bottoms.png) right top no-repeat; background-size: 170px 110px; box-sizing: border-box; }
    .itemDetail .itemBT-3   { position: absolute; top: 0; right: 0; padding: 5px 40px 40px 30px; width: 170px; height: 110px; background: url(../item/images/bg_btn_bottoms.png) right top no-repeat; background-size: 170px 110px; box-sizing: border-box; }
	.itemDetail .itemSH     { position: absolute; top: 230px; right: 0; padding: 5px 40px 40px 30px; width: 170px; height: 110px; background: url(../item/images/bg_btn_shoes.png) right top no-repeat; background-size: 170px 110px; box-sizing: border-box; }
	.itemDetail .itemSH-2   { position: absolute; top: 345px; right: 0; padding: 5px 40px 40px 30px; width: 170px; height: 110px; background: url(../item/images/bg_btn_shoes.png) right top no-repeat; background-size: 170px 110px; box-sizing: border-box; }
	.itemDetail .itemSH-3   { position: absolute; top: 115px; right: 0; padding: 5px 40px 40px 30px; width: 170px; height: 110px; background: url(../item/images/bg_btn_shoes.png) right top no-repeat; background-size: 170px 110px; box-sizing: border-box; }
	.itemDetail .itemSH-4   { position: absolute; top: 0; right: 0; padding: 5px 40px 40px 30px; width: 170px; height: 110px; background: url(../item/images/bg_btn_shoes.png) right top no-repeat; background-size: 170px 110px; box-sizing: border-box; }
	.itemDetail .itemHI img,
	.itemDetail .itemOP img,
	.itemDetail .itemOP-2 img,
	.itemDetail .itemTO img,
	.itemDetail .itemTO-2 img,
	.itemDetail .itemBT img,
    .itemDetail .itemBT-2 img,
    .itemDetail .itemBT-3 img,
	.itemDetail .itemSH img,
	.itemDetail .itemSH-2 img,
	.itemDetail .itemSH-3 img,
	.itemDetail .itemSH-4 img { width: 100%; }
	.itemDetail .itemBrand { position: absolute; bottom: 0!important; left: 0!important; width: 100px; }
	.itemDetail .itemBrand img { width: 100px; }

	.pashat .itemCoordinate { clear: both; float: none!important; width: 50%; }
	.itemPashat { clear: both; }
	.itemPashat .itemList:after { content: "";  clear: both;  display: block; }
	.itemPashat li { float: left; margin-right: 15px; width: 130px; }
	.itemPashat li dt { padding: 5px 15px 0 0; background: url(../item/images/bg_btn_pashatto.png) left top no-repeat; background-size: auto 110px; box-sizing: border-box; }
	.itemPashat li dt img { width: 100%; }
	.itemPashat li .brandName { margin-top: -5px; padding: 0 0 0 5px; text-align: center; line-height: 1.4; }
    .itemPashat li .brandName img { margin-top: -10px; }
	
	.itemPashat.full { display: flex; background: #f00 }
	.itemPashat.full li { }
	
	
	
	.modalInner { width: 450px; }
	.modalDetail { margin: 10px 0; padding: 70px 20px 20px 20px; width: 100%; background: #fff url(../images/common/divider.png) center 10px no-repeat; background-size: 400px auto; box-sizing: border-box; font-size: 1.6rem!important; line-height: 1.6!important; font-family: sans-serif; }
	.modalDetail .itemImage { margin: 0 auto; width: 200px; }
	.modalDetail .itemImage img { width: 100%; }
	.modalDetail .itemName { margin-top: -15px; text-align: center; }
	.modalDetail .itemCode { color: #fe90c6; text-align: center; }
	.modalDetail .itemPoint { text-align: left; }
	.modalDetail .itemSpec table { margin-top: 10px; width: 100%; border: 2px solid #fe90c6; box-sizing: border-box; }
	.modalDetail .itemSpec table th { padding: 7px; width: 30%; background: #ffd8e9; border: 1px solid #fe90c6; vertical-align: middle; text-align: left; box-sizing: border-box; }
	.modalDetail .itemSpec table td { padding: 7px; width: 70%; border: 1px solid #fe90c6; vertical-align: middle; text-align: left; box-sizing: border-box; }
	.modalDetail .itemSpec table td.brand { }
	.modalDetail .itemSpec table td.brand img { height: 40px; }
	.modalDetail .itemSpec table td.type {  }
	.modalDetail .itemSpec table td.type img { height: 50px; }

	.pageItem .modalBtn { margin-top: 100px; }
	
	/* フォロチケ */
	.itemFollow .name { margin-bottom: 10px; /*padding-top: 70px; background: url(../images/common/divider.png) center top no-repeat; background-size: 100% auto; */text-align: center; }
    .itemFollow .itemCoordinate { text-align: left; }
	.itemFollow .name.noBorder { padding-top: 0; background: none; }
	.itemFollow .name:after { content: "";  clear: both;  display: block; }
	.itemFollow .name h4 { float: left; text-align: left; }
	.itemFollow .name h5 { float: left; margin: -3px 0 0 10px; }
    .itemFollow .name h5.adjust { margin-left: 0; }
	.itemFollow .name h4.clear { float: none!important; margin-bottom: 10px; }
	.itemFollow h4 img { width: auto!important; height: 55px; }
	.itemFollow h5 img { width: 160px; height: auto; }
	.itemFollow	.chara { text-align: center; }
	.itemFollow	.chara img { width: auto; height: 360px; }
    
    .pactCaution { padding-bottom: 40px; }
    
    
	.btnPdf { margin: 30px auto 0 auto; width: 420px; height: 77px; background: url(../images/common/btn_pdf.png) left top no-repeat; background-size: 420px 77px; }
	.btnPdf a { display: block; padding: 13px 10px 15px 0; width: 100%; color: #fff; box-sizing: border-box; text-decoration: none!important; font-size: 1.8rem; font-weight: bold; text-align: center; line-height: 1.5; }

    
}


@media screen and (max-width: 767px) {
	.pageItem .itemListWrap .titleLv2 { margin-bottom: 10px; font-size: 4.26666666vw; text-align: center;  padding: 10px 15px 13px 15px; color: #fff; font-weight: bold; background: url(../images/common/title_accordion.png) center center no-repeat; background-size: 100% auto; box-sizing: border-box;  }
	.pageItem .itemIndexList li { margin-bottom: 15px; padding-bottom: 18px; background: url(../images/common/border.png) left bottom no-repeat; background-size: 100% auto; }
	.pageItem .itemIndexList li a { display: block; padding: 0 0 0 8.66666vw; background: url(../../prichan-game/shop/images/shop.png) left 2px no-repeat; background-size: 7.73333vw auto; }
	.pageItem .itemIndexList li a span { display: block; padding-right: 4.4vw; color: #333; text-decoration: none; background: url(../images/common/arrow.png) right 2px no-repeat; background-size: 4vw 4vw; }
	.pageItem .itemIndexList li:last-child { background: none; }
	.pageItem .itemIndexList p { margin-bottom: 15px; }
	
	.itemCoordinateWrap { margin-bottom: 30px; }
	.itemCoordinateWrap.adjust { margin-top: 50px; }
	
	.navItem.maria { margin-bottom: 10px; background: url(../../prichan-game/item/J01/images/nav_01.png) left top no-repeat; background-size: 100% auto; text-indent: -9999px; }
	.navItem.maria li:nth-child(odd) { float: left; width: 39.2vw; }
	.navItem.maria li:nth-child(even) { float: right; width: 39.2vw; }
	.navItem.maria li a { display: block; width: 39.2vw; height: 9.33333vw; }	
	
	.navItem.mirai { margin-bottom: 10px; background: url(../../prichan-game/item/J01/images/nav_02.png) left top no-repeat; background-size: 100% auto; text-indent: -9999px; }
	.navItem.mirai li:nth-child(odd) { float: left; width: 39.2vw; }
	.navItem.mirai li:nth-child(even) { float: right; width: 39.2vw; }
	.navItem.mirai li a { display: block; width: 39.2vw; height: 9.33333vw; }	
	

	.collectionTerm  { text-align: center; font-size: 4vw; }
	.titleCoordinate { margin-bottom: 10px; padding-top: 12.5vw; background: url(../images/common/divider.png) center top no-repeat; background-size: 100% auto; text-align: center; }
	.titleCoordinate img { width: 100%; }
    
    .titleCoordinatePT { display: table; margin-bottom: 15px; padding: 5px 0; width: 100%; /* border-top: 1px solid #fe90c6;*/ border-bottom: 2px solid #fe90c6;margin-bottom: 10px; padding-top: 12.5vw; background: url(../images/common/divider.png) center top no-repeat; background-size: 100% auto; text-align: center;  }
    .titleCoordinatePT dt { display: table-cell; width: 16vw; vertical-align: middle; }
    .titleCoordinatePT dt img { width: 100%; }
    .titleCoordinatePT dd { display: table-cell; padding-top: 5px; vertical-align: middle; box-sizing: border-box; font-size: 4.26666666vw; color: #fe90c6; font-weight: bold; text-align: left; line-height: 1.4; }
    
    
	.brandName { margin-bottom: 10px; overflow: hidden; text-align: center; color: #fe90c6; font-weight: bold; line-height: 1; }
	.brandName  span { position: relative; display: inline-block; margin: 0 2.5em; padding: 0 1em; text-align: left; }
	.brandName  span::before,
	.brandName  span::after { position: absolute; top: 50%; content: ''; width: 400%; height: 1px; background-color: #fe90c6; }
	.brandName  span::before { right: 100%;}
	.brandName  span::after { left: 100%; }

	.itemDetail { position: relative; margin-bottom: 20px; }
	.itemDetail .itemDetailInner { height: 93.7333333vw; }
    .itemDetail .itemDetailInner.question { height: 65vw; }
	.itemDetail .itemRarity { position: absolute; top: 0; left: 0; width: 16.66666vw; }
	.itemDetail .itemHI     { position: absolute; top: 0; right: 0; padding: 2.4vw 9.3vw 2.4vw 8vw; width: 36.666666vw; background: url(../item/images/bg_btn_hair.png) right top no-repeat; background-size: 36.53333vw auto; box-sizing: border-box; }
	.itemDetail .itemOP     { position: absolute; top: 22.666vw; right: 0;  padding: 2.4vw 9.3vw 2.4vw 8vw; width: 36.53333vw; background: url(../item/images/bg_btn_onepiece.png) right top no-repeat; background-size: 36.53333vw auto; box-sizing: border-box; }
	.itemDetail .itemOP-2   { position: absolute; top: 0; right: 0;  padding: 2.4vw 9.3vw 2.4vw 8vw; width: 36.53333vw; background: url(../item/images/bg_btn_onepiece.png) right top no-repeat; background-size: 36.53333vw auto; box-sizing: border-box; }
	.itemDetail .itemTO     { position: absolute; top: 22.666vw; right: 0;  padding: 2.4vw 9.3vw 2.4vw 8vw; width: 36.53333vw; background: url(../item/images/bg_btn_tops.png) right top no-repeat; background-size: 36.53333vw auto; box-sizing: border-box; }
	.itemDetail .itemTO-2   { position: absolute; top: 0; right: 0;  padding: 2.4vw 9.3vw 2.4vw 8vw; width: 36.53333vw; background: url(../item/images/bg_btn_tops.png) right top no-repeat; background-size: 36.53333vw auto; box-sizing: border-box; }
	.itemDetail .itemBT     { position: absolute; top: 45.332vw; right: 0;  padding: 2.4vw 9.3vw 2.4vw 8vw; width: 36.53333vw; background: url(../item/images/bg_btn_bottoms.png) right top no-repeat; background-size: 36.53333vw auto; box-sizing: border-box; }
    .itemDetail .itemBT-2   { position: absolute; top: 22.666vw; right: 0;  padding: 2.4vw 9.3vw 2.4vw 8vw; width: 36.53333vw; background: url(../item/images/bg_btn_bottoms.png) right top no-repeat; background-size: 36.53333vw auto; box-sizing: border-box; }
    .itemDetail .itemBT-3   { position: absolute; top: 0; right: 0;  padding: 2.4vw 9.3vw 2.4vw 8vw; width: 36.53333vw; background: url(../item/images/bg_btn_bottoms.png) right top no-repeat; background-size: 36.53333vw auto; box-sizing: border-box; }
	.itemDetail .itemSH     { position: absolute; top: 45.332vw; right: 0;  padding: 2.4vw 9.3vw 2.4vw 8vw; width: 36.53333vw; background: url(../item/images/bg_btn_shoes.png) right top no-repeat; background-size: 36.53333vw auto; box-sizing: border-box; }
	.itemDetail .itemSH-2   { position: absolute; top: 67.998vw; right: 0;  padding: 2.4vw 9.3vw 2.4vw 8vw; width: 36.53333vw; background: url(../item/images/bg_btn_shoes.png) right top no-repeat; background-size: 36.53333vw auto; box-sizing: border-box; }
	.itemDetail .itemSH-3   { position: absolute; top: 22.666vw; right: 0;  padding: 2.4vw 9.3vw 2.4vw 8vw; width: 36.53333vw; background: url(../item/images/bg_btn_shoes.png) right top no-repeat; background-size: 36.53333vw auto; box-sizing: border-box; }
	.itemDetail .itemSH-4   { position: absolute; top: 0; right: 0;  padding: 2.4vw 9.3vw 2.4vw 8vw; width: 36.53333vw; background: url(../item/images/bg_btn_shoes.png) right top no-repeat; background-size: 36.53333vw auto; box-sizing: border-box; }
	.itemDetail .itemHI img,
	.itemDetail .itemOP img,
	.itemDetail .itemOP-2 img,
	.itemDetail .itemTO img,
	.itemDetail .itemTO-2 img,
	.itemDetail .itemBT img,
    .itemDetail .itemBT-2 img,
    .itemDetail .itemBT-3 img,
	.itemDetail .itemSH img,
	.itemDetail .itemSH-2 img,
	.itemDetail .itemSH-3 img,
	.itemDetail .itemSH-4 img { width: 19.2vw; height: 19.2vw; }
	.itemDetail .itemBrand { position: absolute; bottom: 0; left: 0; width: 18.66666vw; }
	.itemPashat { margin-top: 10px; }
	.itemPashat li { float: left; width: 32%; }
	.itemPashat li:nth-child(2),
    .itemPashat li:nth-child(5),
    .itemPashat li:nth-child(8),
    .itemPashat li:nth-child(11){ margin: 0 2%; }
	.itemPashat li dt { padding: 2.4vw 2.6vw 2.4vw 3.2vw; background: url(../item/images/bg_btn_pashatto.png) left center no-repeat; background-size: 28.13333vw 23.733333vw; box-sizing: border-box; }
	.itemPashat li dt img { width: 19.2vw; height: 19.2vw; }
	.itemPashat li .brandName {  text-align: center; font-size: 3.73333333vw; line-height: 1.4; }
    .itemPashat li .brandName img { width: 75%; }


	.modalDetail .itemImage { padding: 7vw 0 0 0; background: url(../images/common/divider.png) center top no-repeat; background-size: 100% auto; text-align: center; }
	.modalDetail .itemImage img { width: 46.66666vw; height: 46.66666vw; }
	.modalDetail .itemName { margin-top: -2.0vw; font-size: 4.8vw; text-align: center; }
	.modalDetail .itemCode { color: #fe90c6; text-align: center; }
	.modalDetail .itemPoint { text-align: left; }
	.modalDetail .itemSpec table { margin-top: 10px; width: 80vw; border: 2px solid #fe90c6; box-sizing: border-box; }
	.modalDetail .itemSpec table th { padding: 7px; background: #ffd8e9; border: 1px solid #fe90c6; vertical-align: middle; text-align: left; }
	.modalDetail .itemSpec table td { padding: 7px; border: 1px solid #fe90c6; vertical-align: middle; text-align: left;  }
	.modalDetail .itemSpec table td.brand {  }
	.modalDetail .itemSpec table td.brand img { width: 25.3333vw; }
	.modalDetail .itemSpec table td.type { }
	.modalDetail .itemSpec table td.type img { width: 11.2vw; }
	
	/* フォロチケ */
	/*.itemFollow h4 { margin-bottom: 5px!important; padding-top: 13.5vw;  }
	.itemFollow h5 img { margin-bottom: 10px; width: auto; height: 13.33333vw; }*/

	/* フォロチケ */
	.itemFollow .name { margin-bottom: 10px; padding: 13.33333vw 0 0 0; background: url(../images/common/divider.png) center top no-repeat; background-size: 100% auto; text-align: center; }
	.itemFollow .name.noBorderSP { padding-top: 0; background: none; }
	.itemFollow .name:after { content: ""; clear: both; display: block; }
	.itemFollow .name h4 { float: left; text-align: left; }
	.itemFollow .name h5 { float: left; margin: -3px 0 0 10px; }
    .itemFollow .name h5.adjust { margin-left: 0; }
	.itemFollow h4 img { width: auto!important; height: 13.33333vw; }
	.itemFollow h5 img { width: auto!important; height: 13.33333vw; }
	.itemFollow	.chara { text-align: center; }
	.itemFollow	.chara img { width: auto; height: 75vw; }
	.itemFollow .itemCoordinate:last-child { padding-bottom: 5vw; }

	.pageItem .modalBtn { margin-top: 20vw; }
    .font-defaultForSP { font-size:  4vw; }
    .pactCaution { padding-bottom: 14vw; }
    
	.btnPdf { margin: 0 auto 0 auto; background: url(../images/common/btn_pdf.png) left top no-repeat; background-size: 100% auto; text-align: center; }
	.btnPdf a {  display: block; padding: 2.5vw 10vw 2.5vw 11vw; width: 100%; color: #fff; box-sizing: border-box; font-size: 3.73333333vw; font-weight: bold; line-height: 1.4; text-align: center;  }
	.btnPdf:last-child { margin-top: 15px; }
}