@charset "Shift_JIS";

/*=========================================================


	Site Name   DIGITAL PAPER
	File Name   mq_page.css

	Create Date 2013/03/21
	Update Date 2015/08/26


==========================================================*/

/* Start of "Micro clearfix" */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* End of "Micro clearfix" */




/*  support touroku style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.mod-touroku-block {
	margin: 30px 0;
	padding: 0;
	font-size: 1.077em;
	line-height: 1.6;
}
.mod-touroku-block { zoom: 1; }
.mod-touroku-block:before,
.mod-touroku-block:after { content: ""; display: table; }
.mod-touroku-block:after { clear: both; }
@media (max-width:640px){
	.mod-touroku-block {
		margin: 15px 0;
		padding: 0;
		font-size: 1.143em;
		line-height: 1.4;
	}
}


.mod-touroku-block h3 {
	margin: 0;
	padding: 0;
	line-height: 0;
}
.mod-touroku-block h3 img {
	margin: 0;
	padding: 0;
}

.mod-touroku-block h4 {
	margin: 0;
	padding: 10px 20px;
	background: #333333;
	text-align: left;
	line-height: 1.3;
	color: #ffffff;
	font-size: 1.53846em;
}

.mod-touroku-block p {
	margin: 0;
	padding: 0;
}
.mod-touroku-block img {
	margin: 0;
	padding: 0;
}

.mod-touroku-block .mod-touroku-block-inner-txt {
	margin: 30px 0;
	padding: 0 20px;
}
@media (max-width:640px){
	.mod-touroku-block h3 {
		margin: 0;
		padding: 0 0 15%;
		background: url(/digital-paper/support/touroku/images/mq-main_visual.jpg) no-repeat center top;
		background-size: 100% auto;
	}
	.mod-touroku-block h3.ex-marginBottom30 {
		margin-bottom: 15px !important;
	}
	.mod-touroku-block h3 img {
		visibility: hidden;
		width: 100%;
		height: auto;
	}

	.mod-touroku-block h4 {
		margin: 0;
		padding: 10px;
		background: #333333;
		text-align: center;
		line-height: 1.0;
	}
	.mod-touroku-block h4 span {
		display: block;
		font-size: 1.53846em;
		color: #ffffff;
	}
	.mod-touroku-block h4 img {
		display: none;
	}

	.mod-touroku-block p {
		margin: 0;
		padding: 0;
	}
	.mod-touroku-block img {
		width: 100%;
		height: auto;
	}


	.mod-touroku-block .mod-touroku-block-inner-txt {
		margin: 15px 0;
		padding: 0 10px;
	}
}


.mod-touroku-block .mod-touroku-block-campaign {
	margin: 0;
	padding: 0;
	background: url(/digital-paper/support/touroku/images/campaign_bg.png) no-repeat center bottom;
	background-size: 100% auto;
}
.mod-touroku-block .mod-touroku-block-campaign h3 {
	margin: 0;
	padding: 0;
	width: 100% auto;
}
.mod-touroku-block .mod-touroku-block-campaign h3 img {
	height: auto;
    width: 100%;
}
.mod-touroku-block .mod-touroku-block-campaign-inner {
	margin: 0;
	padding: 0 40px 35px;
	border-top: none;
}
.mod-touroku-block .mod-touroku-block-campaign-inner dl {
	margin: 0 0 15px;
	padding: 0;
}
.mod-touroku-block .mod-touroku-block-campaign-inner dl dt {
	margin: 0;
	padding: 0;
	color: #e62600;
	font-weight: bold;
}
.mod-touroku-block .mod-touroku-block-campaign-inner dl dd {
	margin: 0;
	padding: 0;
}
.mod-touroku-block .mod-touroku-block-campaign-inner dl dd.ex-cautionText {
	margin-left: 1em;
}
.mod-touroku-block-campaign-inner section.s5-inStoreFeaturesItem1A {
	margin: 0 !important;
}
@media (max-width:800px){
	.mod-touroku-block .mod-touroku-block-campaign {
		margin: 0;
		padding: 0 0 30px;
		background: url(/digital-paper/support/touroku/images/mq-campaign_bg.png) no-repeat center bottom;
		background-size: 100% auto;
	}
	.mod-touroku-block .mod-touroku-block-campaign h3 {
		margin: 0;
		padding: 0 0 42%;
		background: url(/digital-paper/support/touroku/images/mq-campaign_title.png) no-repeat center top;
		background-size: 100% auto;
	}
	.mod-touroku-block .mod-touroku-block-campaign h3 img {
		visibility: hidden;
		width: 100%;
		height: auto;
	}
	.mod-touroku-block .mod-touroku-block-campaign-inner {
		margin: 0;
		padding: 0 30px 85px;
		background: none;
		background:  url(/digital-paper/support/touroku/images/mq-campaign_img_products.jpg) no-repeat center bottom;
		background-size: 113px 88px;
		border: none;
	}
	.mod-touroku-block-campaign-inner section.s5-inStoreFeaturesItem1A .s5-inStoreFeaturesItem1A__image{
		display: none;
		}
}



.mod-touroku-block-inner {
	margin: 30px 0;
	padding: 0 20px;
}
.mod-touroku-block-inner { zoom: 1; }
.mod-touroku-block-inner:before,
.mod-touroku-block-inner:after { content: ""; display: table; }
.mod-touroku-block-inner:after { clear: both; }

.mod-touroku-block-inner h5 {
	margin: 0;
	padding: 0;
	font-size: 1.38462em;
	font-weight: bold;
	color: #f2773a;
}
.mod-touroku-block-inner p {
	margin: 30px 0;
	padding: 0;
}
.mod-touroku-block-inner p span {
	font-size: 1.53846em;
}

.mod-touroku-block-inner p.mod-touroku-block-inner-photo-01 {
	text-align: center;
}
.mod-touroku-block-inner p.mod-touroku-block-inner-photo-02 {
	float: right;
	display: inline;
	margin-top: -4.0em;
	margin-left: 20px;
}
.mod-touroku-block-inner p.mod-touroku-block-inner-photo-03 {
	float: right;
	display: inline;
	margin-top: -4.0em;
	margin-left: 20px;
}
@media (max-width:640px){
	.mod-touroku-block-inner {
		margin: 15px 0;
		padding: 0 10px;
	}
	.mod-touroku-block-inner p {
		margin: 15px 0;
		padding: 0;
	}
	.mod-touroku-block-inner p.mod-touroku-block-inner-photo-01 {
		margin-bottom: 0;
		padding: 0 0 80%;
		background: url(/digital-paper/support/touroku/images/mq-touroku_img_01.jpg) no-repeat center top;
		background-size: 100% auto;
	}
	.mod-touroku-block-inner p.mod-touroku-block-inner-photo-01 img {
		visibility: hidden;
		width: 100%;
		height: auto;
	}
	.mod-touroku-block-inner p.mod-touroku-block-inner-photo-02 {
		float: none;
		display: block;
		margin-top: 0;
		margin-left: 0;
		margin-bottom: 0;
		padding: 0;
		background: url(/digital-paper/support/touroku/images/mq-touroku_img_02.jpg) no-repeat center top;
		background-size: 100% auto;
	}
	.mod-touroku-block-inner p.mod-touroku-block-inner-photo-02 img {
		visibility: hidden;
		width: 100%;
		height: auto;
	}
	.mod-touroku-block-inner p.mod-touroku-block-inner-photo-03 {
		float: none;
		display: block;
		margin-top: 0;
		margin-left: 0;
		margin-bottom: 0;
		padding: 0;
		background: url(/digital-paper/support/touroku/images/mq-touroku_img_03.jpg) no-repeat center top;
		background-size: 100% auto;
	}
	.mod-touroku-block-inner p.mod-touroku-block-inner-photo-03 img {
		visibility: hidden;
		width: 100%;
		height: auto;
	}
}


.mod-touroku-block-privacy {
	margin: 0;
	padding: 0;
}
.mod-touroku-block-privacy { zoom: 1; }
.mod-touroku-block-privacy:before,
.mod-touroku-block-privacy:after { content: ""; display: table; }
.mod-touroku-block-privacy:after { clear: both; }

.mod-touroku-block-privacy h4 {
	margin: 0;
	padding: 20px 15px;
	border: 1px solid #cccccc;
	border-bottom: none;
	font-size: 1.38462em;
	background: none;
	color: #000;
}
.mod-touroku-block-privacy-inner {
	overflow: auto;
	height: auto;
	margin: 0;
	padding: 15px;
	border: 1px solid #cccccc;
}
.mod-touroku-block-privacy-inner p {
	margin: 0 0 15px;
}
.mod-touroku-block-privacy-inner ul li {
	margin: 0 0 15px;
}
@media (max-width:640px){
	.mod-touroku-block-privacy h4 {
		margin: 0;
		padding: 10px 15px;
		border: 1px solid #cccccc;
		border-bottom: none;
		font-size: 1.38462em;
		background: none;
		color: #333333;
		text-align: left;
	}
	.mod-touroku-block-privacy-inner {
		overflow: auto;
		height: 150px;
		margin: 0;
		padding: 15px;
		border: 1px solid #cccccc;
	}
}


.mod-touroku-block-btn {
	margin: 30px 0;
	padding: 0;
	background: #fbf7e6;
	text-align: center;
}
.mod-touroku-block-btn { zoom: 1; }
.mod-touroku-block-btn:before,
.mod-touroku-block-btn:after { content: ""; display: table; }
.mod-touroku-block-btn:after { clear: both; }

.mod-touroku-block-btn p {
	margin: 30px 0;
	padding: 0;
}
.mod-touroku-block-btn p.linkbtn .s5-button{
	background-color: #f87c1b !important;
}

ul.mod-touroku-block-btn-caution {
	margin: 30px;
	padding: 0;
	list-style-type: none;
	line-height: 1.4;
}
ul.mod-touroku-block-btn-caution li {
	margin: 15px 0;
}
ul.mod-touroku-block-btn-caution li span {
	margin: .2em 0 0 1.2em;
  display: inline-block;
}
ul.mod-touroku-block-btn-caution li a {
	word-break: break-all;
  text-decoration: underline!important;
}

@media (max-width:640px){
	.mod-touroku-block-btn {
		margin: 15px 0;
		padding: 0;
		background: #fbf7e6;
		text-align: left;
	}
	.mod-touroku-block-btn p {
		margin: 15px;
		padding: 0;
	}
	.mod-touroku-block-btn p.linkbtn {
		height: 50px;
		background: url(/digital-paper/support/touroku/images/mq-touroku_btn.png) no-repeat center top;
		background-size: 235px 50px;
	}
	.mod-touroku-block-btn p.linkbtn a {
		display: block;
		/*width: 235px;
		height: 50px;*/
		margin: 0 auto;
	}
	.mod-touroku-block-btn p.linkbtn img {
		visibility: hidden;
		width: 100%;
		height: auto;
	}
	ul.mod-touroku-block-btn-caution {
		margin: 15px;
		padding: 0;
		list-style-type: none;
		line-height: 1.4;
	}
}

.c5-en-caution {
	text-align: left;
	margin: 30px;
}

/*dpt-s1 2016 campaign banner*/
.dpts1_cp {
    display: table;
	margin-top:20px;
}

.dpts1_cp .cp-head,
.dpts1_cp .cp-detail {
    display: table-cell;
    vertical-align: top;
}
.dpts1_cp .cp-head{
	background-color: #f27317;
	width: 35%;
}

.dpts1_cp .cp-head img{
    width: 100%;
    vertical-align: bottom;
}


.dpts1_cp .cp-head .sp {
    display: none;
}

.dpts1_cp .cp-detail {
    background: url('/digital-paper/support/touroku/images/dpts1_cp2016_detail_bg_pc.jpg') bottom right no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-color: #ffe7b3;
    padding: 2% 3% 0 3%;
	width: 65%;
}

.dpts1_cp .cp-detail p {
    margin: 0 0 2em;
}

.dpts1_cp .cp-detail p span {
    font-weight: bold;
    color: #f87c1b;
    display: block;
    font-size: 115%;
}

@media (max-width:640px) {
    .dpts1_cp {
        display: block;
        width: 100%;
    }
    .dpts1_cp .cp-head,
    .dpts1_cp .cp-detail {
        display: block;
        width: 100%;
    }
    .dpts1_cp .cp-head .sp {
        display: block;
        width: 100%;
    }
    .dpts1_cp .cp-head .pc {
        display: none;
    }
    .dpts1_cp .cp-detail {
        background: url('/digital-paper/support/touroku/images/dpts1_cp2016_detail_bg_sp.jpg') bottom right no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        background-color: #ffe7b3;
        width: 84%;
        padding: 8%;
    }
    .dpts1_cp .cp-detail p {
        margin:0 0 1em;
    }
    .dpts1_cp .cp-detail p span {
        font-weight: bold;
        color: #f87c1b;
        display: block;
        font-size: 115%;
    }
}


/*banner*/
.mod-touroku-block img.c5-bnr{
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 300px;
}

.c5-plink{
	padding: 0;
	list-style-type: none;
}
.c5-plink li {
	margin-bottom: 5px;
}

.c5-icon-new {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    padding: 1px 5px;
    font-size: 14px;
    background-color: #ff0000;
    vertical-align: middle;
    margin-left: 5px;
}
.c5-icon-new.gray {
	background-color: #999;
}
h4 .c5-icon-new {
	font-size: 18px;
}