@charset "utf-8";

.text-red{
	color: #ff0000;
}
.text-l{
	font-size: 24px;
}
.article {
    margin: 0 auto;
	background-color: #fff;
	border-right: 2px solid #285bac;
	border-left: 2px solid #285bac;
	padding: 0 10px 32px 10px;
}
.article a{
	color: #285bac;
}
.article .underline{
	text-decoration: underline;
}
hr {
	border-color: #285bac;
}
.products-title{
    font-size: 14px;
    color: #285bac;
}
.products-title .box{
    font-size: 15px;
    background-color: #285bac;
    color: #ffffffff;
    padding: 5px 20px;
    font-weight: bold;
    border-radius: 8px;
}
/*
.products > ul li a:hover dd {
      color: #fff !important; }
.products > ul li dd {
    color: #3e1e19 !important; }
.products > ul li dd p {
      display: none; }
.products .soldout:not(.unreleased) .btn-slide dl dt {
  border-bottom: 0.4em #f27f0c solid !important; }
.products .soldout:not(.unreleased) .btn-slide dl + dl {
  background-color: #f27f0c !important; }
*/
/* pc ---------- */
.device-pc #contents {
    background-image: url(../images/bg.gif);
    width: auto;
	background-attachment: fixed;
}
.device-pc .article {
    width: 960px;
	padding: 0 0 40px 0;
}
.device-pc .article-header {
    padding-top: 30px;
}
.device-pc .article-title {
    background-image: url(../images/title_main-pc.png);
	background-size: 80% auto;
    padding-top: 95%;
}
.device-pc .article-lead {
    margin: 0px auto;
    text-align: center;
}
.device-pc .article-lead img{
	width: 91%;
}
.device-pc .article-content__text p {
    width: 470px;
    font-size: 160%;
    margin: 0 auto 1.75em;
    padding: 0;
}
.device-pc .article-content__photo {
	background-size: 560px !important;
}
.device-pc .article-content__photo:nth-of-type(1) {
    background: url(../images/doratecho.jpg) no-repeat;
    padding-top: 73%;
}
.device-pc .article-content__photo:nth-of-type(2) {
    background: url(../images/title_doraquiz-pc.png) no-repeat;
	padding-top: 40%;
}
.device-pc .article-content__photo:nth-of-type(3) {
    background: url(../images/present1-pc.jpg) no-repeat;
    padding-top: 85%;
}
.device-pc .article-content__photo:nth-of-type(4) {
    background: url(../images/present2-pc.jpg) no-repeat;
    padding-top: 85%;
}
.device-pc .article .btn {
    width: 560px;
    margin: 40px auto 50px auto;
}
.device-pc .article .btn a {
    height: 134px;
    display: block;
    position: relative;
}
.device-pc .article .btn a:before {
    content: '';
	background-color: #285bac;
	width: 560px;
    height: 134px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}
.device-pc .article .btn img {
    opacity: 1 !important;
    z-index: 2;
    position: relative;
    top: -3px;
    left: -4px;
    transform: translate3d(0, 0, 0);
    transition: top .15s ease .0s, left .15s ease .0s, opacity .15s ease .0s;
}
.device-pc .article .btn a:hover img,
.device-pc .article .btn a.touch img{
	opacity: .95;
	top: 0px;
	left: -1px;
	transition: top .2s ease .05s, left .2s ease .05s, opacity .2s ease .05s;
}
.device-pc hr {
	width: 800px;
}
.device-pc .products-title{
	width: 800px;
    margin: -20px auto 0;
}
.device-pc .products-title .box{
	width: 253px;
    padding: 5px 20px;
}
.device-pc .products > ul.column-4 {
    text-align: center;
    margin: 0 auto;
}
/* sp ---------- */
.device-sp .sp-br{
	display: block !important;
}
.device-sp #contents .article-content__text a{
	display: inline;
}
.device-sp #contents {
    background-image: url(../images/bg-sp.gif);
    width: auto;
}
.device-sp #contents {
    padding: 0 7px;
}
.device-sp .article-header {
    padding-top: 20px;
}
.device-sp .article-lead {
    margin: 5px auto 16px;
}
.device-sp .article-title {
    background-image: url(../images/title_main-sp.png);
	background-size: 90% auto;
    padding-bottom: 55%;
}
.device-sp .article-content__text p {
    font-size: 160%;
    margin: 0 auto 1.75em;
}
.device-sp .article-content__photo {
	background-size: 100% !important;
}
.device-sp .article-content__photo:nth-of-type(1) {
    background: url(../images/doratecho.jpg) no-repeat;
    padding-top: 73%;
}
.device-sp .article-content__photo:nth-of-type(2) {
    background: url(../images/title_doraquiz-sp.png) no-repeat;
	padding-top: 78%;
}
.device-sp .article-content__photo:nth-of-type(3) {
    background: url(../images/present1-sp.jpg) no-repeat;
    padding-top: 95%;
}
.device-sp .article-content__photo:nth-of-type(4) {
    background: url(../images/present2-sp.jpg) no-repeat;
    padding-top: 95%;
}
.device-sp .article .btn {
    width: 95%;
    margin: 20px auto 30px auto;
}
.device-sp .article .btn a {
    height: 10vh;
    display: block !important;
    position: relative;
}
.device-sp .article .btn img {
    opacity: 1 !important;
    z-index: 2;
    position: relative;
}
.device-sp .article .btn a:hover img,
.device-sp .article .btn a.touch img{
	opacity: .95;
	top: 0px;
	left: -1px;
	transition: top .2s ease .05s, left .2s ease .05s, opacity .2s ease .05s;
}
.device-sp .products-title{
	text-align: center;
    margin: -20px auto 0;
}
.device-sp .products-title .box{
	width: 253px;
    padding: 5px 20px;
    margin: 0 auto;
}