@charset "utf-8";
/* ==================================================================
CSS information
style info :「PRODUCTS」ページ用
================================================================== */


#gNavi li.gbtn7 a span { background-position:center right;}
@media screen and (max-width: 768px) { /* 768px以下の記述 */
#gNavi li.gbtn7 a span { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
}
/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { }
@media screen and (max-width: 768px) { /* 768px以下の記述 */
#contents { }
}

/*.contents-inner
-------------------------------------------------------- */
.contents-inner { padding:0 0px; }
@media screen and (max-width:768px) { /* 768px以下の記述 */
.contents-inner { padding:0 0px; }
}




#tppArea { clear:both; position:relative; overflow:hidden; border-bottom:8px solid #efefef; }
@media screen and (max-width: 768px) { /* 768px以下の記述 */
#tppArea { border-bottom:5px solid #efefef; padding-bottom:20px; }
}

.inner-bg { }
.inner-contents { padding:50px 30px 60px; color:#b5b5b5; }
.inner-contents:after { content: ""; display: block; clear: both; }
.inner-contents { zoom:1; }
@media screen and (max-width: 768px) { /* 768px以下の記述 */
.inner-contents { padding:0px 10px 10px; }
}

/*.textBox { line-height:1.81; margin-bottom:30px; }*/

/* .specBox
-------------------------------------------------------- */
.specBox:after { content: ""; display: block; clear: both; }
.specBox { zoom:1; }
.specBox dl { color:#FFF; font-size:77%; clear:left; padding-top:10px; }
.specBox dt { background:#023e60; width:66px; padding:3px 2px; text-align:center; float:left; }
.specBox dd { width:80%; padding:3px; text-align:left; float:left; margin-left:10px; }
.specBox dd .caution { color: #b5b5b5;}
@media screen and (max-width: 768px) { /* 768px以下の記述 */
.specBox dl { font-size:93%; padding-top:10px; }
.specBox dt { width:20%; }
.specBox dd { width:74%; margin-left:2%;}

}





/* --------------------------------------------------------
#tppArea
-------------------------------------------------------- */
#tppArea { background: url(../_img/bg_tpp_01.png) no-repeat left top #000; }
#tppArea .inner-bg { background:url(../_img/bg_tpp_02.png) no-repeat right top; background-size:100% auto; }
#tppArea h3 { margin: 0 0 20px 0 ;}
#tppArea h3 img { margin: 0 0 0 0px ;}

#tppArea .inner-bg { background:url(../_img/bg_tpp_02.png) no-repeat right top; background-size: 1090px auto; }
@media screen and (min-width: 1300px) {
}
@media screen and (max-width: 1060px) {
#tppArea .inner-bg { background: none; }
}
@media screen and (max-width: 768px) { /* 768px以下の記述 */
#tppArea { background:none; }
#tppArea .inner-bg { background:none; }
#tppArea h3 { margin: 0 -10px 0 ;}
#tppArea h3 img { width:100%; margin:0;}
#tppArea .specBox { margin: -11% 0 0px; position: relative;}
}









/* --------------------------------------------------------
改修 2015/02/02
-------------------------------------------------------- */
#tppArea .specBox { margin-bottom: 40px;}

/* .tabTitle
-------------------------------------------------------- */
.tabTitle { margin:0 -30px 15px -30px; border-bottom: 2px solid #555; position: relative;}
.tabTitle img { max-width:220px; margin:0 30px -2px; }
@media screen and (max-width: 768px) { /* 768px以下の記述 */
.tabTitle { margin:0 -20px 15px -20px; border-bottom: 1px solid #555;}
.tabTitle img { width: 60%; margin:0 0 -4px; }
}


/* .btnSet
-------------------------------------------------------- */
.btnSet li { display:inline-block; box-sizing: border-box; text-align:center; vertical-align:top;}
.btnSet li a { display: block; border: 1px solid #555555; color:#FFF; text-decoration:none;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.btnSet li a:hover { background:#FFF; color:#000;}


/* --------------------------------------------------------
#tabList-platforms
-------------------------------------------------------- */
#tabList-platforms { margin-bottom:20px; }
#tabList-platforms .btnSet { margin-left: -10px; margin-right: -10px; }
#tabList-platforms .btnSet li { width:20%; height:auto; padding-left:10px; }

#tabList-platforms .btnSet li a { height:44px;}
#tabList-platforms .btnSet li a span { display: none; }

#tabList-platforms .btnSet li.btn-ps4 a { background: url(../_img/btn_plat-f_ps4.png) center center no-repeat; background-size: contain;}
#tabList-platforms .btnSet li.btn-ps3 a { background: url(../_img/btn_plat-f_ps3.png) center center no-repeat; background-size: contain;}
#tabList-platforms .btnSet li.btn-xb1 a { background: url(../_img/btn_plat-f_xboxone.png) center center no-repeat; background-size: contain;}
#tabList-platforms .btnSet li.btn-xb360 a { background: url(../_img/btn_plat-f_xbox360.png) center center no-repeat; background-size: contain;}
#tabList-platforms .btnSet li.btn-pc a { background: url(../_img/btn_plat-f_pc.png) center center no-repeat; background-size: contain;}

#tabList-platforms .btnSet li.btn-pc_no span { display:block; height:44px; text-indent:1000px; overflow:hidden; background: url(../_img/btn_plat-f_pc_no.png) #2a2a2a center center no-repeat; background-size: contain;  border: 1px solid #555555;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

#tabList-platforms .btnSet li.btn-ps4 a:hover , #tabList-platforms .btnSet li.btn-ps4 a#current-pl { background:#FFF url(../_img/btn_plat-f_ps4_o.png) center center no-repeat; background-size: contain;}
#tabList-platforms .btnSet li.btn-ps3 a:hover , #tabList-platforms .btnSet li.btn-ps3 a#current-pl { background:#FFF url(../_img/btn_plat-f_ps3_o.png) center center no-repeat; background-size: contain;}
#tabList-platforms .btnSet li.btn-xb1 a:hover , #tabList-platforms .btnSet li.btn-xb1 a#current-pl { background:#FFF url(../_img/btn_plat-f_xboxone_o.png) center center no-repeat; background-size: contain;}
#tabList-platforms .btnSet li.btn-xb360 a:hover , #tabList-platforms .btnSet li.btn-xb360 a#current-pl { background:#FFF url(../_img/btn_plat-f_xbox360_o.png) center center no-repeat; background-size: contain;}
#tabList-platforms .btnSet li.btn-pc a:hover , #tabList-platforms .btnSet li.btn-pc a#current-pl { background:#FFF url(../_img/btn_plat-f_pc_o.png) center center no-repeat; background-size: contain;}

@media screen and (max-width: 768px) {
#tabList-platforms { margin-bottom: 0px; }
#tabList-platforms .btnSet { margin-left: 0; margin-right: 0; padding-bottom:14px; }
#tabList-platforms .btnSet li { width:50%; height:auto; padding-left:0px; margin-bottom: 10px; }
#tabList-platforms .btnSet li:nth-child(odd) { padding-right:5px;}
#tabList-platforms .btnSet li:nth-child(even) { padding-left:5px;}
}


/* --------------------------------------------------------
#tabList-lineup
-------------------------------------------------------- */
#tabList-lineup { margin-bottom:20px; }
#tabList-lineup .btnSet { margin-left: -10px; margin-right: -10px; }
#tabList-lineup .btnSet li { width:25%; height:auto; padding-left:10px; margin-bottom: 10px; }
/*#tabList-lineup .btnSet li { width:33.3%; height:auto; padding-left:10px; margin-bottom: 10px; }*/
#tabList-lineup .btnSet li a { width:100%; display:table; }
#tabList-lineup .btnSet li a div { padding:10px 5px; width:100%; display: table-cell; vertical-align:middle; text-align:center;}
#tabList-lineup .btnSet li a div span { text-decoration: none; font-size: 77%; padding-top: 3px; display: block;}
#tabList-lineup .btnSet li a#current-li { background:#FFF; color:#000;}

#tabList-lineup .dispOff { display: none;}
#tabList-lineup .dispOn { display: inline-block;}
@media screen and (max-width: 768px) {
#tabList-lineup .btnSet { margin-left: 0; margin-right: 0; margin-bottom: 10px; }
#tabList-lineup .btnSet li { width:50%; height:auto; padding-left:0; margin-bottom: 10px; font-size: 93%; }
#tabList-lineup .btnSet li:nth-child(odd) { padding-right:5px;}
#tabList-lineup .btnSet li:nth-child(even) { padding-left:5px;}

#tabList-lineup .btnSet li a div span { font-size: 66%;}
}



/* --------------------------------------------------------
#tabConts
-------------------------------------------------------- */
/*
.itemPlatformsSet { display: none;}
.itemLineupSet { display: none;}
*/
.itemLineupSet h4 { float: none; width: 100%; padding-left: 0px; margin-bottom: 10px; }
.leftBox { margin-bottom: 15px;}
@media screen and (min-width: 1180px) {
.itemLineupSet h4 { float: right; width: 51%; padding-left: 10px; }

.leftBox { float: left; /*max-width: 680px;*/ width: 49%; margin-bottom: 10px;}
.rightBox { float: right; width: 51%; padding-left: 10px; }
}




.pic-box { width: 100%; position: relative; text-align: center;}
.pic-box img { width: 100%; height: auto;}
.pic-box .btn { position: absolute; right: 4%; bottom: 10px; width: 34.662%; /*max-width: 200px;*/ }
.pic-box .btn.mgodlc { right: 4%; bottom: 10px; }
.pic-box .btn.tppdlc { right: 4%; top: 71.0%; }
.pic-box .btn.tppdlc-prme { right: 4%; top: 71.0%; }
.pic-box .btn.tppdlc-ps4 { right: 4%; top: 70.7%; }
.pic-box .btn.prmpkg { right: 40%; top: 43.0%; }
.pic-box .btn.arm { right: 4%; top: 43.0%; }
.pic-box .btn.armpv { right: 4%; top: 36.5%; width: 17.662%; }
.pic-box .btn.packpv { right: 4%; top: 43.0%; width: 17.045%; }
.pic-box .btn.packpv.se { right: 40%;}
.pic-box .btn.spepkg { right: 4%; top: 43.0%; }
.pic-box .btn.ps4hard { right: 4%; top: 43.0%; }
.pic-box .btn a { outline: none;}

@media screen and (max-width: 768px) {
.pic-box .btn { position: relative; right: 0; bottom: 0; width: 45%; max-width: none; height: 0; margin: -13% auto 13%;}
.pic-box .btn.mgodlc { right: 0; bottom: 0;}
.pic-box .btn.tppdlc { right: 0; top: 0; margin: -61.5% auto 61.5%;}
.pic-box .btn.tppdlc-prme { right: 0; top: 0; margin: -61.5% auto 61.5%;}
.pic-box .btn.tppdlc-ps4 { right: 0; top: 0; margin: -61.5% auto 61.5%;}
.pic-box .btn.prmpkg { right: 23.5%; top: 0%; margin: -110.7% auto 110.7%;}
.pic-box .btn.armpv { right: 4%; top: 0%; width: 25.662%; margin: -125.7% 0 125.7%; float:right;}
.pic-box .btn.packpv { right: 0; top: 0; margin: -108.7% auto 108.7%; width:23.8%;}
.pic-box .btn.packpv.se {right:0; margin:-109.7% 16% 109.7%;}
.pic-box .btn.arm { right: -23.5%; top: 0; margin: -110.7% auto 110.7%;}
.pic-box .btn.spepkg { right: 0; top: 0; margin: -110.7% auto 110.7%;}
.pic-box .btn.packpv.se + .btn.spepkg{margin: -110.7% 42% 110.7%;}
.pic-box .btn.ps4hard { right: 0; top: 0; margin: -110.7% auto 110.7%;}

}





.itemInfoBox:after { content: ""; display: block; clear: both; }
.itemInfoBox { zoom:1; }

.itemInfoBox .itemSpec { width: 100%; margin-bottom: 5px; }
.itemInfoBox .itemSpec li { margin-bottom: 7px;}
.itemInfoBox .itemSpec .release strong { color: #707070; }
.itemInfoBox .itemSpec .price strong { color: #707070;}


.itemContentsBox { margin-bottom: 10px;}
.itemContentsBox dl { border: 1px solid #3d3d3d;}
.itemContentsBox dt { border-bottom: 1px solid #3d3d3d; padding: 8px; font-weight: bold; font-size: 93%; }
.itemContentsBox dd { padding: 8px; font-size: 85%; clear:both;}

.itemContentsBox dd p { line-height: 1.41; margin-bottom: 3px;}
.itemContentsBox dd .soft { text-indent: -1em; padding-left: 1em; }
.itemContentsBox dd .midasi { text-indent: -1.5em; padding-left: 1.5em; }
.itemContentsBox dd .text { line-height: 1.61; }
#ps4-ps4set .itemContentsBox dd .text { margin-bottom: 15px; }
.itemContentsBox dd ul { padding-left: 2em; margin-bottom: 1em;}
.itemContentsBox dd ul.shipped { padding-left: 1em; margin-bottom: 1em;}
.itemContentsBox dd li { text-indent: -1em; line-height: 1.41; margin-bottom: 2px;}
.itemContentsBox dd ul ul { margin-bottom: 0;}
.itemContentsBox dt .cbox_yt,.itemContentsBox dd .cbox_yt,.itemContentsBox dt .link-fr { text-decoration: underline; color: #d60005; outline: none; font-weight:normal;}
.itemContentsBox dt .cbox_yt { float:right; margin-left:8px;}
.itemContentsBox dt .link-fr { float:right; margin-left:8px;}
.itemContentsBox dt .link-fr.border-r { border-right: 1px solid #3d3d3d; padding-right: 8px;}
.itemContentsBox dd .attention { color: #FF131D; }

/*.tabConts-pic .cautionText { text-indent:-1.5em; padding-left: 1.5em; margin-top: .3em; line-height: 1.41;}*/

.link-txt a { text-decoration: underline; color: #d60005!important; outline: none; font-weight:normal;}
.link-txt { margin-top: 4px;}

.cautionText { font-size: 77%; color: #707070; clear: both; padding-top:5px; }
.itemContentsBox .cautionText { font-size: 93%; padding-top:3px; }

.rightBox .btn-order { width: 100%; display:block; text-align: center; margin-bottom:10px; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.rightBox .btn-order a { display:block; background: #c8070e; border-top: 1px solid #ff212f; border-left: 1px solid #ff212f;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.rightBox .btn-order-end { width: 100%; display:block; text-align: center; margin-bottom:10px; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.rightBox .btn-order-end a { display:block; background: #440000; border-top: 1px solid #330000; border-left: 1px solid #330000;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.rightBox .btn-order-sce { width: 100%; display:block; text-align: center; margin-bottom:10px; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.rightBox .btn-order-sce a { display:block; background: #0f55b5; border-top: 1px solid #317bd9; border-left: 1px solid #317bd9; 
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}


@media screen and (max-width: 768px) { /* 768px以下の記述 */
.itemInfoBox .itemSpec { float: none; width: 100%; margin-bottom: 5px; }
.rightBox .btn-order { margin: 0 auto 10px;}
.rightBox .btn-order a { text-align: center; }
.rightBox .btn-order a img { margin: 0 auto;}

.rightBox .btn-order-sce { margin: 0 auto 10px;}
.rightBox .btn-order-sce a { text-align: center; }
.rightBox .btn-order-sce a img { margin: 0 auto;}
}



.bottomBox { clear: both; padding: 20px 0 0;}
.bottomBox a { outline: none;}
.bottomBox ul img { width: 100%; height: auto;}
.bottomBox ul { letter-spacing: -.45em; margin: 0 -4px; }
#ps4-ps4set .bottomBox ul { text-align: center;}
.bottomBox li { display: inline-block; letter-spacing: normal; width: 16.66666%; vertical-align: top; padding:0 4px 16px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.bottomBox li .item-box { border: 1px solid #3c3c3c; width: 100%; vertical-align: top;}
.bottomBox li .item-box .btn_detail_i { padding: 0 10px 10px;}
.bottomBox li .item-box .btn_shop { padding: 0 10px 10px;}
.bottomBox .copytext { margin-bottom: 10px;}

.bottomBox .pri_long { width: 100%; height: auto; padding: 0px; position: relative; border: 1px solid #3c3c3c; }
.bottomBox .pri_long .btn_detail_i { width: 16.0%; position: absolute; bottom: 10%; right: 1.7%; }
.bottomBox .pri_long img { width: 100%; height: auto;}

.bottomBox .pri_long.col_2 { display: block; width: auto;}
.bottomBox .pri_long.col_2 .btn_detail_i { width: 32.0%; position: absolute; bottom: 5%; right: 1.7%; }

@media screen and (min-width: 1180px) {
/*.bottomBox li { width: 20%; }*/
.bottomBox .pri_long.col_2 { width: 49.7%; display: inline-block; margin-bottom: 0;}
.bottomBox .pri_long.col_2 .btn_detail_i { width: 32.0%; bottom: 5%; right: 1.7%; }
}
@media screen and (max-width: 768px) { /* 768px以下の記述 */
.bottomBox ul { margin: 0 -4px; }
#ps4-ps4set .bottomBox ul { text-align: left;}
.bottomBox li { width: 50%; padding: 0 4px 8px; }
.bottomBox li .item-box .btn_detail_i { padding: 5px 5px;}
.bottomBox li .item-box .btn_shop { padding: 0 5px 5px;}

.bottomBox .pri_long .btn_detail_i { width: 47.0%; position: relative; bottom: 0; right: 0; margin: 0 auto 10px; }

.bottomBox .pri_long.col_2 { display: block; width: auto;}
.bottomBox .pri_long.col_2 .btn_detail_i { width: 47.0%; position: relative; bottom: 0; right: 0; margin: 0 auto 10px; }
}




/* --------------------------------------------------------
#related-product
-------------------------------------------------------- */
#related-product { padding: 30px 30px; }

.gzBox { display: block; width: 100%; position: relative; margin-bottom: 20px; }
.legacyBox { display: block; width: 100%; position: relative; }
.gzBox img { width: 100%; height: auto;}
.legacyBox img { width: 100%; height: auto;}

.btn-set { letter-spacing: -.45em; position: absolute; bottom: 3%; width: 100%; padding:0 3% ;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.btn-set li { display: inline-block; letter-spacing: normal; width: 50%; padding:0 2% 0 0 ;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

.btn-set li:last-child { display: inline-block; letter-spacing: normal; width: 50%; padding:0 0 0 2% ;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}



#related-product .btn-site { width:100%; height:auto; display:block; box-sizing:border-box; }
#related-product .btn-order { width:100%; height:auto; display:block; box-sizing:border-box; }


@media screen and (min-width: 1180px) {
.gzBox { display: inline-block; width: 50%; vertical-align: top; padding-right: 5px;}
.legacyBox { display: inline-block; width: 50%; vertical-align: top; padding-left: 5px;}

}
@media screen and (max-width: 768px) { /* 768px以下の記述 */
#related-product { padding: 20px 10px;}
#related-product li:first-child { padding-right: 0px;}
#related-product li:last-child { padding-left: 0px;}

#related-product .btn-set li:first-child { padding-right: 5px; padding-left: 0px;}
#related-product .btn-set li:last-child { padding-right: 0px; padding-left: 5px;}
.btn-set { position: relative; bottom: 0; width: 100%; padding:10px 0 ;}
}



/* --------------------------------------------------------
#privilegeList
-------------------------------------------------------- */
#privilegeList { border-top: 2px solid #afafaf; margin: 30px 0px 10px; padding-top: 40px; clear:both;}
#privilegeList .privilege-box { position: relative;}
#privilegeList .privilege-box p {  width: 15.219%; position: absolute; }
#privilegeList .privilege-box .btn_html { top: 31%; right: 20%;}
#privilegeList .privilege-box .btn_pdf { top: 31%; right: 3%;}
#privilegeList .privilege-box img { width: 100%; height: auto;}
#privilegeList .privilege-box .w1 { display: none;}
@media screen and (min-width: 1180px) {
#privilegeList .privilege-box p {  width: 10.371%; position: absolute; }
#privilegeList .privilege-box .btn_html { top: 25%; right: 13%;}
#privilegeList .privilege-box .btn_pdf { top: 25%; right: 1.7%;}
#privilegeList .privilege-box .w1 { display: block;}
#privilegeList .privilege-box .w2 { display: none;}
}
@media screen and (max-width: 768px) {
#privilegeList { margin-bottom: 0; padding-top: 20px; }
#privilegeList .privilege-box p {  width: 20%; position: absolute; }
#privilegeList .privilege-box .btn_html { top: 31%; right: 25%;}
#privilegeList .privilege-box .btn_pdf { top: 31%; right: 3%;}
}



.cautionTextList { padding-left: 1.2em; padding-top: 20px; clear: both;}
.cautionTextList li { text-indent: -1.5em; font-size: 77%; color: #707070; line-height: 1.41;}

.cautionTextList2 { padding-left: 1.2em; padding-top: 20px; clear: both;}
.cautionTextList2 li { text-indent: -1.5em; font-size: 77%; color: #989898; line-height: 1.41;}
.cautionTextList2 li .c_red { color:#d60005; text-decoration: underline;}

/* --------------------------------------------------------
汎用
-------------------------------------------------------- */

.btn_anc { display: inline-block; margin-top: 0px; margin-bottom: 0px; float:right;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.btn_anc a { display: block; padding: 8px 15px; font-size: 85%; text-decoration: none;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #ccc; }
.btn_anc a:hover { background: #fff; color: #000;}
.bnr{margin-top:30px;}
.bnr img { width: 100%; height: auto;}


/* --------------------------------------------------------
#specTable
-------------------------------------------------------- */
#specTable .ti_h4{ float: none; padding-left: 0; margin-bottom: 20px;}
#specTable .ti_h5{ margin-bottom: 12px;}

#specTable { padding-top:40px; clear: both;}
#specTable table { border:1px solid #484848; color:#bfbfbf; margin-bottom: 20px; width:100%; font-size:85% }
#specTable th { border:1px solid #484848; text-align:center; font-weight:normal; width:146px; padding:9px 5px 7px; background:#26090c; word-break:break-all; vertical-align:middle; }
#specTable td { border:1px solid #484848; padding:8px 10px; vertical-align:middle; }
#specTable .td1 { text-align:left; }
#specTable .td2 { text-align:center; width:20%;}

#specTable .operation { border:1px solid #484848; padding:8px 10px; margin-bottom:30px; text-align:center; vertical-align:middle; }

@media screen and (max-width: 768px) { /* 768px以下の記述 */
#specTable { margin-bottom: 30px;}
#specTable table { margin-bottom: 20px; }
#specTable th { width:25%; padding:5px 3px 4px; }
#specTable td { padding:5px 5px; }

#specTable .operation { padding:4px 5px; }
}

/* --------------------------------------------------------
.btn-comparison
-------------------------------------------------------- */
.inner-contents .btn-comparison { width: 60%; display:block; text-align: center; margin: 40px auto 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.inner-contents .btn-comparison a { display:block; background: #c8070e; border-top: 1px solid #ff212f; border-left: 1px solid #ff212f;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

@media screen and (max-width: 768px) { /* 768px以下の記述 */
.inner-contents .btn-comparison { margin: 20px auto 0; width: 100%; }
.inner-contents .btn-comparison img{ margin: 0 auto; }
}