@charset "UTF-8";
body{
	background-color: #ddd;
}
.header{
	border-bottom: none;
	}
.sp-header{
	display: none;
	}
.logo {
    display: block;
    width: auto;
	font-size: 3rem;
	text-align: center;
	margin: 15px auto 0;
}
.logo img{
	width: 200px;
	height: auto;
	margin: 0 auto;
	}
.side-search,
.index-search{
	width: 100%;
	margin: 15px 0 15px;
	padding: 0 15px;
	}
.index-search{
	display: none;
	}
.side-search form,
.index-search form{
	position: relative;
    border-radius: 6px;
	}
.index-search form{
	border: solid 1px #ACAC9D;
	}
.side-search input,
.index-search input{
	-webkit-appearance: none;
	display: block;
	height: 45px;
	}
.side-search input[type="search"],
.index-search input[type="search"]{
	width: 100%;
	border: none;
	border-radius: 6px;
	padding-right: 45px;
	padding-left: 10px;
	}
.side-search input[type="submit"],
.index-search input[type="submit"]{
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	background-color: #1F1F1B;
	background-image: url(../images/icon-search.png);
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	border-radius: 0 5px 5px 0;
	}
@media (max-width: 1199px) {
	.logo{
		display: none;
		}
	.sp-header{
		display: block;
		height: 6rem;
		text-align: center;
		}
	.sp-header a{
		display: inline-block;
		font-size: 2.6rem;
		margin-top: 10px;
		margin-left: 60px;
		}
	.sp-logo img{
		display: block;
		width: 200px;
		}
	.side-search{
		display: none;
		}
	.index-search{
		display: block;
		}
	}

/*!------------------------------------*\
    drawer nav
\*!------------------------------------*/
.drawer-nav{
	}
.drawer-menu{
	display: block;
	margin-bottom: 1.5rem;
	}
.drawer-menu > li.top-level > a,
.drawer-menu li.menu-multi li.second-level a{
	height: auto;
	line-height: 1.2;
	text-align: left;
	padding: 1.5rem;
	}

/*!------------------------------------*\
    Sidebar
\*!------------------------------------*/
.drawer--sidebar.drawer--left,
.drawer-nav,
.drawer-hamburger,
.sp-header,
.drawer-menu li.menu-multi li.second-level a{
	background-color: #575748;
	}
.drawer-hamburger{
	width: 6rem;
	height: 6rem;
	box-sizing: border-box;
	padding-right: 0;
	padding-left: 0;
	}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after{
	width: 3rem;
	background-color: #fff;
	}
.drawer-hamburger-icon{
	margin-left: 1.5rem;
	}
.drawer-menu li a,
.drawer-menu li a:hover,
.drawer-menu li.menu-multi li.second-level a,
.drawer-hamburger.menu-moji::after{
	color: #fff;
	}
.drawer-menu li a:hover,
.drawer-menu li.menu-multi li.second-level a:hover{
	background-color: #434336;
	}

@media (min-width: 1200px) {
  .drawer--sidebar .drawer-hamburger {
    display: none;
    visibility: hidden;
  }

  .drawer--sidebar {
    display: block;
    -webkit-transform: none;
            transform: none;
    position: fixed;
    width: 240px;
    height: 100%;
  }

  /*! Left */
  .drawer--sidebar.drawer--left {
    left: 0;
	top: 0;
  }
  .drawer--sidebar.drawer--left.contents{
	  padding: 0;
	  }
	.drawer-menu > li.top-level{
		width: 100%;
	}
	.init-bottom:after{
		display: block;
    	position: absolute;
    	top: 50%;
    	right: 15px;
		border-top: solid 1px #000;
		border-bottom: none;
		margin-top: -3px;
		}
	.drawer-menu > li.menu-sp{
		display: none;
		}
	.drawer-menu li.top-level > ul{
		top: -1px;
		left: 240px;
		}

  .main,
  header,
  footer{
    margin-left: 240px;
  }

  /*! container */
  .drawer--sidebar .drawer-container {
    /*max-width: 48rem;*/
  }
}
@media (max-width: 1199px) {
	.drawer.cms-block{
		margin-bottom: 0;
		}
	.drawer-hamburger{
		background-color: #33332B;
		}
	.drawer--left.drawer-open .drawer-hamburger{
		top: 0;
		left: 0;
		}
	.drawer--left.drawer-open .drawer-nav{
		top: 6rem;
		}
	.drawer-menu li.menu-multi li.second-level a{
		background-color: #434336;
		}
	.drawer-menu li.menu-multi li.second-level ul a{
		background-color: #33332B;
		}
	}
/*	検索窓	*/
.side-search input[type="search"]{
	color: #fff;
	background-color: #33332B;
	}
.index-search input[type="search"]{
	color: #999;
	background-color: #eee;
	}
.side-search input[type="submit"],
.index-search input[type="submit"]{
	background-color: #1F1F1B;
	}
/*	SNSアイコン	*/
.side-sns{
	font-size: 0;
	padding: 0 1.5rem;
	}
.side-sns li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem;
	}
.side-sns li:nth-of-type(4n){
	margin-right: 0;
	}
.side-sns a{
	display: block;
	width: 4rem;
	height: 4rem;
	text-align: center;
	background-color: #33332B;
	border-radius: .6rem;
	padding-top: .7rem;
	}
.side-sns a img{
	width: 2.6rem;
	}
@media (max-width: 959px) {
	}

/* =======================================
    layout
======================================= */
#site-content-main{
	position: relative;
	min-height: 4200px;
	}
.one-column{
	padding-right: 315px;
	}
.two-column{
	position: absolute;
	top: 0;
	right: 1.5rem;
	width: 300px;
	}
.contents.wrapper{
	max-width: 100%;
	margin-left: 0;
	padding: 0 1.5rem;
	}
@media (max-width: 959px) {
	#site-content-main{
		min-height: inherit;
		}
	.contents.wrapper{
		margin-left: auto;
		padding-left: 1rem;
		}
	.one-column{
		padding-right: 0;
		}
	.two-column{
		position: inherit;
		top: auto;
		right: auto;
		width: 100%;
		}
	.two-column,
	.two-column .contents.wrapper{
		padding-left: 0;
		}
	}

/* =======================================
    font
======================================= */
h1, h2, h3, h4, h5{
	font-weight: 700;
	}
.blo-col-3-02 article:first-child h3{
	font-size: 2.4rem;
	}
.page-title{
	width: 100%;
	font-size: 2.4rem;
	font-weight: 700;
	border-bottom: solid 2px #ccc;
	margin-bottom: 2rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	}
.post-title,
.block-header{
    font-size: 2.2rem;
    font-weight: 700;
	text-align: center;
    border-bottom: solid 2px #ddd;
	border-left: none;
	padding: 1rem 1rem 1rem 0;
	}
.blo-col-2 h3{
	font-size: 2.2rem;
	}
.blo-col-3-02 h3,
.two-contents .block1001 h3,
.block2100.grid .block-body h3,
.block2100.blo-col-2 .block-body h3,
.block2100.block-slider03 .block-body h3{
	font-size: 1.8rem;
	}
.blo-col-4 .block-body h3,
.blo-col-5 .block-body h3,
.two-contents h3,
.block2100.blo-col-3 .block-body h3,
.block2100.block-slider04 .block-body h3{
	font-size: 1.6rem;
	}
.blo-col-6 .block-body h3,
.block2100.blo-col-6 .block-body h3,
.block2100.block-slider05 .block-body h3,
.block2100.block-slider06 .block-body h3,
.block-slider04 h3 a,
.block-slider05 h3 a,
.block-slider06 h3 a{
	font-size: 1.4rem;
	}
.block1003 h3,
.block1004 h3{
	margin-bottom: 1rem;
	}
.blo-col-2.block1003 h3,
.blo-col-2.block1004 h3,
.blo-col-3 .block-body h3{
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: .5rem;
	}
.two-column .block1002 h3{
	font-size: 1.2rem;
	}
.two-column .block1003 h3,
.two-column .block1004 h3{
	margin-bottom: 0;
	}
time span{
	font-size: 1.2rem;
	color: #999;
	}
.blo-col-6 span.tag-new{
	margin-right: .2rem;
	}
.two-column h3{
	font-size: 1.4rem;
	}
.two-column .contents.rows-contents .wrap-block{
	margin-bottom: 2rem;
	}
h4.block-description{
	border-left: solid 5px #AE9599;
    padding-left: 1rem;
	}
h5.category-title.display{
	font-weight: 700;
	border-left: none;
	background-color: #D9D9D9;
    padding: .5rem 1rem;
	}
.btn-tab li{
	word-break: break-all;
}
.two-column h5.category-title.display{
	font-size: 1.6rem;
	margin-bottom: 1rem;
	}
.two-column .block1001 h5.category-title.display{
	font-weight: normal;
	}
.contents.rows-contents h3{
	font-size: 2rem;
	}
.two-column .contents.rows-contents h3{
	font-size: 1.4rem;
	border-bottom: none;
	padding-bottom: 0;
	}
.two-column .contents.rows-contents .block1001 h3{
	border-bottom: solid 1px #000;
	padding-bottom: .5rem;
	}
.two-contents h4{
	background-color: #eee;
	margin-bottom: 1rem;
	padding: 1rem;
	}
.two-contents .block1003 h3,
.two-contents .block1004 h3 {
    margin-bottom: .5rem;
}
@media (max-width: 959px) {
	h3,
	.blo-col-2 h3,
	.swiper-slide .title,
	.slick-slider .title,
	.blo-col-3-02 article:first-child h3{
		font-size: 1.8rem;
		}
	.two-column h3,
	h3 a,
	.blo-col-2.block1003 h3,
	.blo-col-3 .block-body h3,
	.blo-col-2.block1004 h3,
	.block1002 h3,
	.block1003 h3,
	.block1004 h3,
	.block1005 h3{
		font-size: 1.6rem;
		}
	h5.category-title.display{
		font-size: 1.8rem;
		padding: 1rem;
		}
	.block1003.sp-b-btype h3,
	.block1004.tab-block h3{
		margin-bottom: 0;
		}
	.block1003.sp-b-btype h3,
	.block1003.sp-b-btype h3 a,
	.block1004.sp-b-btype h3,
	.block1004.sp-b-btype h3 a,
	.blo-col-3-02 h3,
	.blo-col-4 .block-body h3,
	.blo-col-5 .block-body h3,
	.block2100.blo-col-4 .block-body h3,
	.block2100.blo-col-5 .block-body h3{
		font-size: 1.4rem;
		line-height: 1.4;
		}
	.block1003.sp-b-btype h3 a,
	.tab-block h3 a{
		padding-bottom: 0;
		}
	.two-column .block2100 .block-body h3,
	.two-column .block1002 h3{
		font-size: 1.6rem;
		}
	.two-column .block1003 h3,
	.two-column .block1004 h3{
		margin-bottom: .5rem;
		}
	.contents.rows-contents h3{
		border-bottom: none;
		padding-bottom: 0;
		}
	.contents.rows-contents .wrap-block{
		margin-bottom: 2rem;
		}
	}

/* =======================================
    block　共通
======================================= */
.block2100 .block-body{
	padding-bottom: .5rem;
	}
.block2100.blo-col-3 .block-body,
.block2100.blo-col-6 .block-body,
.block2100.grid06 .block-body,
.block2100.block-slider03 .block-body,
.block2100.block-slider05 .block-body,
.block2100.block-slider06 .block-body{
	padding: 1rem 1rem .5rem 1rem;
	}
.block1004 .block-body{
	padding-right: .5rem;
	}
.block2100 .block-body p{
	padding-bottom: 0;
	}
.two-contents .block1002 .block-body{
	padding-left: 1rem;
	}
.mieru .block2100 .block-body{
	opacity: 1;
    color: #000;
    background-color: rgba(255,255,255,.7);
	}
.mieru .block2100.grid .block-body{
	opacity: 1;
    color: #fff;
    background-color: rgba(0,0,0,.3);
	}
.mieru .block2100 .block-body p,
.mieru .block2100 a{
	color: #000;
	}
.mieru .block2100.grid .block-body p{
	color: #fff;
	}
.mieru .grid date span{
	color: #fff;
	}
.block1100{
	margin-top: -1rem;
	}
.block1100 li{
	border: none;
	border-bottom: dotted 1px #ccc;
	}
.block1100 li:first-child{
	border-top: none;
	}
.block1100 li a{
	font-size: 1.4rem;
	}
.block1100 li span{
	right: 0;
	top: 0;
	font-size: 1.4rem;
	color: #444;
	background-color: transparent;
	margin-top: 2px;
	}
.block1100 li span::before{
	content: "(";
	color: #999;
	}
.block1100 li span::after{
	content: ")";
	color: #999;
	}
@media (min-width: 960px) {
	.block2100.blo-col-5 .block-body p,
	.block2100.blo-col-5 .block-body .tag-date,
	.block2100.blo-col-6 .block-body p,
	.block2100.blo-col-6 .block-body .tag-date{
		display: none;
		}
	.blo-col-2 .block,
	.blo-col-3 .block{
		border-bottom: none;
		}
	.blo-col-2.block1003 .block-body,
	.blo-col-3.block1003 .block-body{
		padding-left: 1rem;
		}
	}
@media (max-width: 959px) {
	.cms-block{
		margin-bottom: 2rem;
		}
	.block2100.blo-col-3 .block-body,
	.block2100.blo-col-6 .block-body,
	.block2100.grid06 .block-body,
	.block2100.block-slider03 .block-body,
	.block2100.block-slider05 .block-body,
	.block2100.block-slider06 .block-body{
		padding: .5rem;
	}
	.block2000.blo-col-1 .block,
	.block2000.blo-col-2 .block{
		border-bottom: solid 1px #ededed;
		}
	.block1002 .block-body p,
	.block1003 .block-body p,
	.block1004 .block-body p,
	.block2000 .block-body p{
		display: none;
		}
	.block2000.block-free .block-body p{
		display: block;
		}
	.block2100.blo-col-4 .block-body{
		height: 100%;
	}
	.sp-b-btype article:nth-of-type(2n-1){
		padding-right: .5rem;
		}
	.sp-b-btype article:nth-of-type(2n){
		padding-left: .5rem;
		}
	.block1003.sp-b-btype .block,
	.block1004.sp-b-btype .block{
		margin-bottom: .5rem;
		padding-bottom: .5rem;
		}
	.block2000 .block-img{
		margin-bottom: .8rem;
		}
	.sp-b-btype.block1003 .block-img,
	.sp-b-btype.block1004 .block-img{
		padding-bottom: .8rem;
		}
	.sp-b-btype.block1004 .block-body{
		padding-right: 0;
		}
	.sp-b-btype.block1004 .block-body a,
	.tab-block.block1004 .block-body a{
		padding-right: 0;
		}
	.tab-block{
		margin-bottom: .5rem;
		}
	.tab-block .block{
		padding-bottom: .5rem;
		}
	}

/* =======================================
    メインカラム
======================================= */
.one-column .block1100{
	margin-bottom: 4rem;
	}

/* =======================================
    右側サイドバー
======================================= */
.two-column .cms-block{
	margin-bottom: 1.5rem;
	}
.two-column h3.block-header{
	font-weight: 700;
    border-bottom: solid 1px #ccc;
    border-left: none;
    margin-bottom: 1rem;
    padding-bottom: .5rem;
    padding-left: 0;
	}
.two-column .block{
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	}
.two-column .block2100 .block{
	padding-bottom: 0;
	}
.two-column .block2000 .block-img{
	margin-bottom: .5rem;
	}
.two-column .block1002 .block-body,
.two-column .block1003 .block-body,
.two-column .block1005 .block-body{
	padding-left: .5rem;
	}
.two-column .block2100 .block-body{
	padding: .5rem;
	}
.two-column .block2100 .block-body h3{
	font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0;
	}
.two-column .block2000 .block-body p,
.two-column .block2100 .block-body p,
.two-column .block2000 .tag-date,
.two-column .block2100 .tag-date{
	display: none;
	}
.two-column .block2100 .block-img span.tag-new{
	top: 0;
	left: 0;
	}
.two-column .more-btn{
	padding-right: 0;
	padding-left: 0;
	}
.two-column .more-btn a{
	width: 100%;
	}
@media (min-width: 960px) {
	.two-column .design02 .block-body,
	.two-column .design03 .block-body,
	.two-column .design04 .block-body,
	.two-column .design05 .block-body{
		padding-left: .5rem;
		}
	.two-column .block1002 p,
	.two-column .block1002 .tag-date,
	.two-column .block1003 p,
	.two-column .block1003 .tag-date,
	.two-column .block1004 p,
	.two-column .block1004 .tag-date{
		display: none;
		}
}
@media (max-width: 959px) {
	.two-column .block2000 .block-img{
		margin-bottom: .8rem;
		}
	.two-column .block2100 .block-img span.tag-new{
		top: .5rem;
		left: .5rem;
		}
	.two-column .block2100 .block-body{
		padding: 1rem;
		}
	.two-column .block2100.blo-col-5 .block-body,
	.two-column .block2100.blo-col-6 .block-body{
		padding: .5rem;
		}
	.two-column .sp-b-btype.block1003 .block-body{
		padding-left: 0;
		}

	}

/* =======================================
   footer
======================================= */
footer{
	background-color: #ACAC9D;
	}
.footer-category{
	padding-bottom: 0;
	}
.footer-category .block{
	border-bottom: solid 1px #ccc;
	margin-bottom: 0;
	}
.footer-category h4{
	font-size: 1.4rem;
	font-weight: 700;
	color: #999;
	margin-bottom: .5rem;
	}
.footer-category li{
	display: block;
	}
.footer-category a{
	display: block;
	background-image: url(../../../uploads/common/arrow-gray.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 10px;
	border-top: solid 1px #ccc;
	padding: 8px 8px 8px 15px;
	}
.contents.footer-bottom{
	padding-bottom: 0;
	}
.footer-bottom .block{
	margin-bottom: 0;
	padding-bottom: 0;
	}
.footer-bottom .block-body{
	display: table;
	}
.footer-logo{
	display: block;
	width: 220px;
	}
.footer-bottom ul{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	}
.footer-bottom li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	}
@media (min-width: 960px) {
	.footer-category{
		display: none;
		}
	}
@media (max-width: 959px) {
	.footer-category.cms-block{
		margin-bottom: 0;
		}
	.footer-category .block{
		padding-bottom: 0;
		}
	.footer-bottom{
		text-align: center;
		margin-bottom: 1rem;
		padding-bottom: 1rem;
		}
	.footer-logo{
		display: inline-block;
		}
	.footer-bottom ul{
		display: block;
		}
	.footer-bottom li{
		display: block;
		margin-right: 0;
		margin-bottom: 5px;
		}
	}

/* =======================================
    TOP main-slider
======================================= */
.block2100 .block-img span.tag-new{
	left: 0;
	top: 0;
	box-shadow: 1px 1px 2px #333;
	}
.main-slider{
	margin-bottom: 4rem;
	}
.main-slider img{
	width: 100%;
	}
.main-slider .slick-slide{
	position: relative;
	}
.main-slider .slick-slide::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	}
.main-slider .slick-slide.slick-current::before{
	content: none;
	}
.main-slider .title{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	background-color: rgba(0, 0, 0, .65);
	margin-bottom: 0;
	padding: 1.5rem;
	}
.main-slider .text{
	display: none;
	}
@media (max-width: 959px) {
	.main-slider{
		margin-bottom: 2rem;
		}
	.main-slider .title{
		font-size: 1.8rem;
		padding: 1rem;
		}
	}
@media (max-width: 480px) {
	.main-slider{
		margin-bottom: 1rem;
		}
	}

/* =======================================
    レイアウト
======================================= */
.main{
	margin-top: 0;
	}
.page-is-top .main{
	margin-top: 1.5rem;
	}
@media (min-width: 960px) {
	#cms-breadcrumb{
		height: 41px;
		}
	.two-column{
		margin-top: -26px;
		}
	.page-is-top .two-column{
		margin-top: 0;
		}
	}
@media (max-width: 959px) {
	.page-is-top .main{
		margin-top: 0;
		}
	#site-content-main.contents.wrapper{
		padding: 0;
		}
	.one-column{
		padding: 0 1.5rem;
		}
	.page-is-top .one-column{
		padding: 0;
		}
}
@media (max-width: 480px) {
	.one-column{
		padding: 0 1rem;
		}
}

/* =======================================
    slick-slider
======================================= */
.slick-prev,
.slick-next{
	border: none !important;
	}

/* =======================================
    swiper
======================================= */
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url(../images/angle-right.png) !important;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url(../images/angle-left.png) !important;
}
.swiper-pagination-bullet-active{
	background-color: #900 !important;
}

/* =======================================
    カテゴリ色分け
======================================= */
/*攻略*/
.block1311 .cat.cat-kouryaku{
	background-color: #8AA857;
	}
/*紹介*/
.block1311 .cat.cat-syoukai{
	background-color: #EC8E73;
	}
.block1311 .cat.cat-oshirase{
	background-color: #424242;
	}
.block1311 .cat.cat-sale{
	background-color: #004D40;
	}
.block1311 .cat.cat-reald{
	background-color: #1A237E;
	}
.block1311 .cat.cat-youtube{
	background-color: #ff3300;
	}
.block1311 .cat.cat-press{
	background-color: #3E2723;
	}
.block1311 .cat.cat-column{
	background-color: #9C27B0;
	}
/*SP(ios/Android)脱出ゲーム*/
.cat-sp{
	background-color: #F0F0E1;
	}
/*PC(Flash/WebGL)脱出ゲーム*/
.cat-pc{
	background-color: #FFE6DD;
	}
/*リアル脱出ゲーム*/
.cat-real{
	background-color: #3273c7;
	}
/*YouTubeチャンネル 20200619 */
.cat-youtube{
	background-color: #FF8282;
	}
.youtube-block article {
	background-color: #f0f0e1;
	margin-bottom: 2rem;
}
.one-column .youtube-block article .block-body {
	padding: 3%;
}
/*ゲーム紹介・レビュー*/
.cat-review{
	background-color: #FEEAC9;
	}
/*Android*/
.android,
.block3200 li.category01{
	background-color: #A4C639 !important;
	}
/*iOS*/
.ios,
.block3200 li.category02{
	background-color: #2693FF !important;
	}
/*PC*/
.pc-game,
.block3200 li.category03{
	background-color: #FF7A4D !important;
	}
/*YouTube*/
.youtube,
.block3200 li.category04{
	background-color: #FF3300 !important;
	}
/*universal*/
.universal,
.block3200 li.category05{
	background-color: #FAAB34 !important;
	}
.twitter{
	background-color: #00ADEF;
	}
.facebook{
	background-color: #395699;
	}
.googleplus{
	background-color: #DC4E41;
	}
.line{
	background-color: #00B900;
	}
/*NEW*/
span.tag-new{
	background-color: #f00;
	}
/*無料*/
.meta .free{
	color: #2AAD38;
	background-color: transparent;
	border: solid 1px #2AAD38;
	}

/* =======================================
	他　ブロック共通
======================================= */
.block2100 .block-img span.tag-new{
	top: 0;
	left: 0;
	box-shadow: 1px 1px 2px #333;
	}

/* =======================================
	index-info INFROMATION
======================================= */
.index-info{
	margin-bottom: 2rem;
	}
.index-info .block-header{
	background-image: url(../images/bg-title.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	border-bottom: none;
	padding-bottom: 2rem;
	}
.index-info h3{
	position: relative;
	color: #34341B;
	}
.index-info h3 span{
	position: absolute;
    top: 5rem;
    left: 50%;
    margin-left: -4.5rem;
    font-size: 1.4rem;
	color: #55552C;
	}
.index-info .block1311 ul li{
	display: table;
	width: 100%;
	border-bottom: dotted 1px #ccc;
	padding: .5rem;
	}
.index-info .block1311 ul li > *{
	display: table-cell;
	vertical-align: top;
	}
.index-info .date{
	width: 9rem;
	padding-top: .8rem;
}
.index-info time span{
	font-size: 1.6rem;
	color: #000;
	}
.index-info .block1311 ul li > .info-text{
	padding-right: 0;
	}
.index-info .info-text{
	font-size: 1.6rem;
	color: #000;
	}
.index-info .block1311 .cat{
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	margin-bottom: .5rem;
	}
.index-info .block1311 li a{
	padding: .5rem;
	}
.index-info span.tag-new{
	margin-right: 0;
	}
.index-info .block1311 li p{
	display: none;
}
@media (max-width: 959px) {
	.column .contents.index-info{
		padding: 0 1rem;
		}
	.index-info .block1311 ul li{
		display: block;
		position: relative;
		padding: 0;
		}
	.index-info .block1311 ul li > *{
		display: block;
		}
	.index-info .block1311 ul li > .date{
		padding: .5rem 0 0 0;
		}
	.index-info time span{
		font-size: 1.4rem;
		}
	.index-info .block1311 ul li > .info-text{
		padding: 0;
		}
	.index-info .block1311 .cat{
		position: absolute;
		top: 0;
		left: 8rem;
		font-size: 1rem;
		padding: .2rem .6rem;
		}
	.index-info .block1311 li a{
		font-size: 1.4rem;
		padding: .5rem 0;
		}
	}
/* =======================================
	pickup	横スライダー
======================================= */
.pickup{
	margin-bottom: 1.5rem;
	}
.pickup .block-header{
	position: relative;
	text-align: left;
	border-bottom: none;
	padding: 1rem;
	margin-bottom: 0;
	}
.pickup .block-header span{
	display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
	}
.pickup.cat-sp .block-header span{
    background-color: #9D9D4F;
	}
.pickup.cat-pc .block-header span{
    background-color: #FF7A4D;
	}
.pickup.cat-real .block-header span{
    background-color: #000066;
	}
.pickup.cat-review .block-header span{
    background-color: #f9b722;
	}
.pickup .block-header span img{
	display: block;
	width: 20px;
	margin: 10px 0 0 10px;
	}
.pickup .block-header h3{
	display: inline-block;
	vertical-align: middle;
	font-size: 2rem;
	margin-bottom: 0;
	}
.pickup.cat-real .block-header h3{
	color: #fff;
	}
.pickup .btn-more{
	display: block;
    width: 160px;
    font-size: 1.6rem;
    text-align: center;
    color: #fff;
	border-radius: 5px;
    padding: .5rem;
	}
.pickup .btn-more{
	position: relative;
	}
.pickup .block-header .btn-more{
    position: absolute;
    right: 1rem;
    top: 1rem;
	}
.pickup.cat-sp .btn-more{
    background-color: #79793E;
	}
.pickup.cat-sp .btn-more:hover{
	background-color: #95954D;
	}
.pickup.cat-pc .btn-more{
    background-color: #D6461D;
	}
.pickup.cat-pc .btn-more:hover{
	background-color: #E66A46;
	}
.pickup.cat-real .btn-more{
	color: #0059B2;
	background-color: #fff;
	}
.pickup.cat-real .btn-more:hover{
	background-color: #ddd;
	}
.pickup.cat-review .btn-more{
	color: #fff;
	background-color: #F99C11;
	}
.pickup.cat-review .btn-more:hover{
	background-color: #FBB040;
	}
.pickup.cat-youtube .btn-more{
    background-color: #D6461D;
	}
.pickup.cat-youtube .btn-more:hover{
	background-color: #E66A46;
	}
.pickup .btn-more.sp{
	display: none;
	}
.pickup .btn-more::after{
	content: "";
	position: absolute;
	top: 1.2rem;
	right: 1rem;
	width: 6px;
	height: 6px;
	border: 6px solid transparent;
	border-left: 6px solid #fff;
	box-sizing: border-box;
	}
.pickup.cat-real .btn-more::after{
	border-left: 6px solid #0059B2;
	}
.pickup .wrap-block{
	padding: 0 6rem 1.5rem;
	}
.pickup .slick-prev,
.pickup .slick-next{
	height: 140px !important;
	background-color: #aaa !important;
	border: none !important;
	border-radius: 5px;
	margin-top: -10px;
	}
.pickup .block3200 .slick-next{
	right: 1rem;
	}
.pickup .block3200 .slick-prev{
	left: 1rem;
	}
.pickup .slick-next:before,
.pickup .slick-prev:before{
    border: 10px solid transparent;
	-webkit-transform: none;
	transform: none;
	box-sizing: border-box;
	}
.pickup .slick-next:before{
    left: 15px;
    border-left: 10px solid #fff;
}
.pickup .slick-prev:before {
    right: 15px;
    border-right: 10px solid #fff;
}
.pickup article a{
	position: relative;
	background-color: #fff;
	padding: 1rem;
	}
.pickup .block3200 .block-img span.tag-new,
.page-appli article .tag-new{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-color: #f00;
	box-shadow: 1px 1px 2px #333;
	}
.pickup .block-img{
	width: 100%;
	}
.pickup .block-img img{
	width: 95px;
	margin: 0 auto;
	}
.pickup.cat-real .block-img img{
	width: 100%;
}
.pickup .block3200 h3{
	font-size: 1.4rem;
	}
.block3200 .device li{
	background-color: transparent;
	}
/*リアル脱出ゲーム slider*/
.pickup.cat-real article a{
	padding: 0;
	}
.pickup.cat-real .block-img{
	margin-bottom: 0;
	}
.pickup.cat-real .block-body{
	display: none;
	}
@media (max-width: 959px) {
	.pickup .block-header .btn-more{
		position: inherit;
		right: 0;
		top: 0;
		margin: 0 0 0 auto;
		}
	.pickup .wrap-block{
		padding: 0 5rem 1rem;
		}
	.pickup .slick-next:before{
		left: 10px !important;
		}
	.pickup .slick-prev:before{
		right: 10px !important;
		}
	.pickup .block3200 li{
		margin: 0 .2rem .2rem 0;
		}
	.pickup .btn-more.pc{
		display: none;
		}
	.pickup .btn-more.sp{
		display: block;
		width: 90%;
		margin: 0 auto 1rem;
		}
	}
@media (max-width: 480px) {
	.pickup .wrap-block{
		padding: 0 4.5rem 1rem;
		}
	.pickup article a{
		padding: 1rem .5rem;
		}
	.pickup .block3200 .block-img span.tag-new{
		padding: .7rem .6rem .5rem .6rem;
		}
	}
/* =======================================
	ランキングブロック　脱出ゲーム用
======================================= */
.index-ranking{
	width: 100%;
	font-size: 0;
	margin-bottom: 2rem;
	}
.index-ranking .contents{
	display: inline-block;
	vertical-align: top;
	width: 49%;
	}
.index-ranking .contents:first-child{
	margin-right: 2%;
	}
.index-ranking .block-header{
	color: #fff;
	border-bottom: none;
	border-radius: 1rem 1rem 0 0;
	padding: 1.5rem 0;
	margin-bottom: 0;
	}
.acc-ranking .block-header{
	background-color: #D96D00;
	}
.rev-ranking .block-header{
	background-color: #468C00;
	}
.index-ranking .block-ranking{
	background-color: #fff;
	padding: 0 1rem;
	border-radius: 0 0 1rem 1rem;
	}
.acc-ranking .block-ranking{
	border: solid 1px #D96D00;
	}
.rev-ranking .block-ranking{
	border: solid 1px #468C00;
	}
.block-ranking .block-img::before,
.block-ranking .block-img::after{
	font-size: 1.6rem;
	}
.index-ranking .block-ranking.block-fixed .block-img{
	width: 100px;
	}
.block-ranking h3{
	font-size: 1.4rem;
	margin-bottom: .3rem;
	}
.block-ranking .author{
	font-size: 1.2rem;
	color: #666;
}
.block-ranking p,
.block-ranking .date{
	display: none;
	}
@media (max-width: 959px) {
	.index-ranking{
		padding: 0 1rem;
		}
	.index-ranking .block-header{
		font-size: 1.8rem;
		padding: 1.25rem 0;
		}
	.index-ranking .block-ranking{
		padding: 0;
		}
	.index-ranking .block-ranking.block-fixed .block-img{
		width: 80px;
		}
	.block-ranking.block-fixed .block-body{
		padding-right: 1rem;
		}
	}
@media (max-width: 480px) {
	.index-ranking .contents{
		width: 100%;
		}
	.index-ranking .contents:first-child{
		margin-right: 0;
		}
	.index-ranking .block-header {
    	font-size: 1.6rem;
    	padding: 1rem 0;
	}
	}
/* =======================================
    side-bnr 右サイドバー　バナー
======================================= */
.bnr-koukoku{
	margin: 0 auto 1rem;
}
.bnr-koukoku a{
	display: block;
}
.two-column .cms-block.side-bnr{
	margin-bottom: 0;
	}
.side-bnr .block2000.blo-col-1 .block{
	border-bottom: none;
	}
.side-bnr a{
	display: block;
	margin-bottom: 1rem;
	}
.side-bnr img{
	display: block;
	}
@media (max-width: 959px) {
	.bnr-koukoku{
		display: none;
	}
	.side-bnr .block-body{
		font-size: 0;
		padding: 0 1rem;
		}
	.side-bnr a{
		display: inline-block;
		width: 33%;
		margin-right: .5%;
		}
	.side-bnr a:nth-of-type(3n){
		margin-right: 0;
		}
	}
@media (max-width: 480px) {
	.side-bnr a,
	.side-bnr a:nth-of-type(3n){
		width: 49%;
		margin-right: 2%;
		}
	.side-bnr a:nth-of-type(2n){
		margin-right: 0;
		}
	}
/* =======================================
    side-menu	カテゴリメニュー
======================================= */
.side-menu{
	background-color: #eee;
	}
.side-menu ul{
	padding: 1rem;
	}
.side-menu .simple-list8100 li{
	padding-left: 0;
	text-indent: 0;
	}
.side-menu li{
	margin-bottom: 1rem;
	}
.side-menu .simple-list8100 ul li::before{
	content: "";
	}
.side-menu a{
	transition: unset;
	}
.side-menu a:hover{
	color: #3273c7;
	}
@media (max-width: 959px) {
	.two-column .cms-block.side-menu{
		margin-bottom: 0;
		}
	.side-menu ul{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
		}
	.side-menu li{
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
    	align-items: center;
		width: 50%;
		border-bottom: solid 1px #fff;
		border-right: solid 1px #fff;
		margin-bottom: 0;
		}
	.side-menu li:nth-of-type(2n){
		border-right: none;
		}
	.side-menu a{
		display: block;
		width: 100%;
		padding: 1rem;
		}
	}
@media (max-width: 480px) {
	.side-menu a{
		padding: 1rem;
		}
	.side-menu a::before{
		display: none;
		}
	}
/* =======================================
    footer フッター
======================================= */
.copyright.cms-block{
	text-align: right;
	color: #242415;
	padding: .5rem 1.5rem .5rem .5rem;
	margin-bottom: 0;
	}
@media (max-width: 959px) {
	.copyright.cms-block{
		text-align: center;
	}
	.copyright small{
		display: block;
	}
}

/* =======================================
    page-title ページタイトル
======================================= */
.page-title{
	font-size: 3rem;
	color: #B20000;
	text-align: center;
	background-image: url(../images/bg-title.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	border-bottom: none;
	padding-bottom: 2rem;
	}
.page-appli .block-header{
	color: #403000;
	text-align: left;
	border-bottom: none;
	border-left: solid 6px #403000;
	padding: .5rem 1rem .5rem 1.5rem;
	}
@media (max-width: 480px) {
	.page-title{
		font-size: 2rem;
		padding-top: 0;
		margin-bottom: 0;
		}
	.page-appli .block-header{
		font-size: 1.6rem;
		padding-left: 1rem;
		}
	.page-appli .block-header{
		margin-bottom: 1rem;
		}
	}
/* =======================================
    page-appli アプリ攻略　一覧
======================================= */
.page-appli .one-column article{
	position: relative;
	background-color: #F0F0E1;
	padding: 1rem;
	}
.page-appli .one-column article .tag-new{
	margin-right: 0;
	z-index: 10;
	}
.list-title{
	display: table;
	width: 100%;
	margin-bottom: 1rem;
	}
.list-title-img,
.list-title h3{
	display: table-cell;
	vertical-align: middle;
	}
.list-title-img{
	width: 64px;
	}
.list-title-img img{
	display: block;
	width: 100%;
	z-index: 1;
	border-radius: 10px;
	}
.list-title h3{
	font-size: 1.4rem;
	color: #000;
	padding-left: 1rem;
	}
.page-appli .one-column .block{
	margin-bottom: 1rem;
	}
.page-appli .block2100 .block-body{
	bottom: inherit;
	top: 0;
	height: 100%;
	overflow: hidden;
	}
.page-appli .block2100 .tag-date{
	display: none;
	}
.list-detail .author{
	font-size: 1.4rem;
	text-decoration: underline;
	color: #666;
	}
.list-detail .btn-detail{
	display: block;
	color: #fff;
	text-align: center;
	background-color: #4A613F;
	border-radius: .5rem;
	padding: .5rem 1rem;
	margin: 1rem auto .5rem;
	}
.pagination li a{
	background-color: #fff;
}
@media (max-width: 959px) {
	.page-appli .blo-col-3 > article{
		width: 32%;
		margin-right: 2%;
		}
	.page-appli .blo-col-3 > article:nth-of-type(3n){
		margin-right: 0;
		}
	.list-detail .device{
		margin-bottom: .5rem;
		}
	.list-detail .author{
		display: inline-block;
		margin-bottom: .5rem;
		}
	.list-detail .star img{
		width: 100px;
		}
	}
@media (max-width: 480px) {
	.page-appli .one-column article{
		padding: 1rem .5rem;
		}
	.page-appli .blo-col-3 > article{
		width: 49%;
		}
	.page-appli .blo-col-3 > article:nth-of-type(3n){
		margin-right: 2%;
		}
	.page-appli .blo-col-3 > article:nth-of-type(2n){
		margin-right: 0;
		}
	.list-title h3{
		padding-left: .5rem;
		}
	.list-title-img{
		width: 48px;
		border-radius: 8px;
		}
	.page-appli .one-column .block{
		display: none;
		}
	.page-appli .one-column article .tag-new{
		padding: .6rem .6rem .3rem .6rem;
		}
	}
/* =======================================
    page-appli アプリ攻略　詳細
======================================= */
.page-appli .detail article{
	background-color: #ddd;
	padding: 0;
	}
.page-appli .detail header{
	display: table;
	width: 100%;
	border-bottom: solid 1px #353526;
	padding: .5rem .5rem 1rem .5rem;
	margin-bottom: 2rem;
	margin-left: 0;
	}
.app-title-img,
.app-title{
	display: table-cell;
	vertical-align: top;
	}
.app-title-img{
	width: 90px;
	padding-top: .5rem;
	}
.app-title-img img{
	border-radius: 10px;
	}
.app-title{
	position: relative;
	padding-left: 2rem;
	}
.app-title h1{
	padding-right: 7rem;
	margin-bottom: 1rem;
	}
.app-title .free{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 2rem;
    color: #2AAD38;
	border: solid 1px #2AAD38;
    padding: .5rem 1rem;
	}
.app-title .free.not{
	color: #c00;
	border: solid 1px #c00;
	}
.device{
	list-style-type: none;
	font-size: 0;
	}
.device li{
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 .4rem 0 0;
	}
.device li img{
	display: block;
	width: 22px;
	}
.app-meta{
	margin-bottom: 1rem;
	}
.app-meta .device,
.app-meta .review{
	display: inline-block;
	vertical-align: middle;
	}
.app-meta .device li img{
	width: 30px;
	}
.review .star,
.btn-review{
	display: inline-block;
	vertical-align: middle;
}
.btn-review{
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
	background-color: #f60;
	border-radius: 4px;
	padding: .5rem 1.5rem;
	margin-left: 1rem;
}
.btn-review:hover{
	background-color: #FF9800;
}
.app-title .author{
	display: block;
	font-size: 1.2rem;
	}
.sns{
	list-style-type: none;
	display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin-bottom: 2rem;
	}
.sns li{
	width: 24%;
	height: 5.3rem;
	text-align: center;
	display: -webkit-flex;
	display: flex;
    -webkit-align-items: center;
    align-items: center;
	}
.sns li a{
	display: block;
	width: 100%;
	}
.sns li img{
	display: block;
	height: 3.4rem;
	margin: 0 auto;
	}
.sns li.line img{
	height: 5.3rem;
	}
.store{
	list-style-type: none;
	display: table;
	table-layout: fixed;
	width: 100%;
	text-align: center;
	margin-bottom: 2rem;
	}
.store li{
	display: table-cell;
	vertical-align: bottom;
	padding-left: 1rem;
	}
.store li:first-child{
	padding-left: 0;
	}
.store img{
	display: block;
	margin: 0 auto;
	}
.store a{
	display: block;
	width: 100%;
	font-size: 1.2rem;
	text-align: center;
	}
.bnr-google-play-code{
	text-align: center;
	margin: 4.5rem 0;
}
.bnr-google-play-code a{
	display: block;
	max-width: 650px;
	margin: 0 auto;
}
.bnr-google-play-code a img{
	display: block;
}
.bnr-google-play-code small{
	color: #444;
}
.wrap-app-contents{
	max-width: 660px;
	margin: 0 auto;
	}
.app-description{
	margin-bottom: 1rem;
	}
.app-eyecatch{
	text-align: center;
	border-bottom: dashed 1px #ccc;
	margin-bottom: 1.5rem;
	}
.app-eyecatch img{
	width: 100%;
}
.app-text{
	margin-bottom: 1.5rem;
	}
.app-text p{
	margin-bottom: 1rem;
	}
.app-text p:last-child{
	margin-bottom: 0;
	}
.wrap-app-img{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 1.5rem;
	margin-bottom: 2rem;
	}
.app-img{
	padding: 0 .5rem;
	}
.wrap-app-img.nimai .app-img{
	width: 50%;
	}
.menu-stage h4{
	margin-bottom: .5rem;
	}
.menu-stage ul{
	list-style-type: none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 0 2rem 0;
	}
.menu-stage li{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	width: 49%;
	margin-bottom: 1rem;
	}
.menu-stage a{
	display: block;
	width: 100%;
	font-weight: 700;
	text-align: center;
	color: #000;
	background-color: #C4CBAB;
	padding: 1rem;
	}
.menu-stage .current a,
.menu-stage a:hover{
	color: #fff;
	background-color: #7B8754;
	}
@media (max-width: 959px) {
	.app-meta .review{
		display: block;
		margin-top: .5rem;
	}
	.app-meta .star img,
	.stage-app-meta .star img{
		width: 100px;
		}
	.app-title .author,
	.stage-app-meta .author{
		font-size: 1.4rem;
		color: #666;
		text-decoration: underline;
		}
	.store{
		margin-bottom: 1rem;
	}
	.bnr-google-play-code{
		margin-bottom: 1rem;
	}
}
@media (max-width: 480px) {
	.page-appli .detail header{
		padding-bottom: .5rem;
		margin-bottom: 1rem;
		}
	.app-title-img{
		width: 64px;
    	border-radius: 8px;
		}
	.app-title{
		padding-left: 1rem;
		}
	.app-title h1{
		font-size: 1.6rem;
		padding-right: 5rem;
		}
	.app-title .free{
		font-size: 1.4rem;
		padding: .2rem .5rem;
		}
	.app-meta .device li img{
		width: 22px;
		}
	.sns{
		margin-bottom: 1.5rem;
		}
	.sns li{
		height: 4rem;
		}
	.sns li img{
		height: 2.4rem;
		}
	.sns li.line img{
		height: 3rem;
		}
	.store{
		display: block;
		font-size: 0;
		text-align: left;
		}
	.store li{
		display: inline-block;
		width: 50%;
		padding: .5rem;
		}
	.store li:first-child{
		padding-left: .5rem;
		}
	.store li img{
		height: 40px;
		}
	.menu-stage li{
		width: 100%;
		}
	.app-text{
		margin-bottom: 1rem;
		}
	}
/* =======================================
    page-appli アプリ攻略　詳細 stage
======================================= */
.wrap-app-title{
	border-bottom: dotted 1px #ccc;
	padding-bottom: .5rem;
	margin-bottom: .5rem
	}
.stage-app-meta *{
	display: inline-block;
	vertical-align: middle;
	}
.stage-app-meta .star img{
	vertical-align: top;
	}
.stage-app-meta .free{
	position: inherit;
	font-size: 1.2rem;
	padding: .2rem .6rem;
    color: #2AAD38;
	border: solid 1px #2AAD38;
	}
.wrap-app-contents h2{
	background-color: #F0F0E1;
    padding: 1rem;
    margin-bottom: 1rem;
	}
.wrap-app-contents h3{
	font-size: 1.6rem;
    color: #33332B;
	}
@media (max-width: 480px) {
	.wrap-app-title .app-title-img,
	.wrap-app-title .app-title{
		display: block;
		}
	.wrap-app-title .app-title-img{
		float: left;
		width: 74px;
		padding-right: 10px;
		}
	.wrap-app-title .app-title{
		padding-left: 0;
		}
	.wrap-app-title .app-title h1{
		margin-bottom: .5rem;
		}
	.wrap-app-contents h2{
		font-size: 1.8rem;
		}
	}

/* =======================================
    contact	お問い合わせ
======================================= */
.page-title-contact .block{
	margin-bottom: 0;
	padding-bottom: 0;
	}
.contact-text p,
.contact-text dl{
	margin-bottom: 1.5rem;
	}
.contact-text dt{
	font-weight: 700;
	border-left: solid 5px #FF7A4D;
    padding-left: 1rem;
    margin-bottom: .5rem;
	}
/* =======================================
    code コードを購入
======================================= */
.code-mainview{
	width: 100%;
	height: 350px;
	background-color: #575748;
	background-image: url(../images/code-mainview.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 300px;
	padding: 4rem 0 0 3rem;
	margin-bottom: 3rem;
}
.code-mainview img{
	margin-bottom: 1.5rem;
}
.code-mainview h3{
	font-size: 4rem;
	color: #fff;
	margin-bottom: 3rem;
}
.code-mainview p{
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 2rem;
}
.code-mainview p:last-child{
	margin-bottom: 0;
}
.code-mainview p:last-child span{
	display: inline;
}
.code-mainview span{
	display: block;
}
.code-detail{
	width: 100%;
	padding: 1rem 0 0 0;
	margin-bottom: 4rem;
}
.code-detail h4{
	color: #666;
	border-bottom: solid 1px #000;
	padding: .5rem;
	margin-bottom: 2rem;
}
.wrap-code{
	text-align: center;
	margin-bottom: 1.5rem;
}
.code-img,
.code-text{
	display: inline-block;
	vertical-align: top;
}
.code-text{
	text-align: left;
	padding-left: 4rem;
}
.code-name{
	font-size: 1.8rem;
	font-weight: 700;
	color: #666;
}
.code-text span{
	display: block;
	color: #666;
	margin-bottom: 1.5rem;
}
.code-text a{
	display: block;
	width: 220px;
	font-size: 2.2rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background-color: #1565c0;
	border-radius: .5rem;
	padding: 1rem;
}
.code-text a:hover{
	background-color: #2C86E9;
}
.code-detail small{
	display: block;
	color: #666;
}
@media (max-width: 959px) {
	.code-mainview{
		height: auto;
		text-align: center;
		background-position: center bottom;
		background-size: 408px;
		padding: 3rem 2rem 0 2rem;
		padding-bottom: 400px;
		margin-top: 1.5rem;
	}
	.code-mainview h3{
		font-size: 2.6rem;
	}
	.code-mainview p{
		font-size: 1.6rem;
		font-weight: normal;
	}
	.code-mainview p:last-child{
		font-size: 2rem;
		font-weight: 700;
	}
	.code-mainview p:last-child span{
		display: block;
	}
	.code-detail{
		margin-bottom: 2rem;
	}
	.code-img,
	.code-text{
		display: block;
	}
	.code-img{
		text-align: center;
		margin-bottom: 1rem;
	}
	.code-text{
		text-align: center;
		padding-left: 0;
	}
	.code-text a{
		margin: 0 auto;
	}
}
/* =======================================
    広告用枠線
======================================= */
.side-bnr a,
.bnr-koukoku a,
.page-appli .block2100 .block-img,
.app-eyecatch,
.app-img img{
	border-image: url(../images/adbanner.jpg) 3;
	border-style: solid;
	border-width: 4px;
}
.bnr-koukoku a img,
.app-eyecatch img{
	display: block;
}