@charset "UTF-8";
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

html,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

ul,
li {
  list-style: none;
}

input::-ms-clear {
  display: none;
}

input {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

button {
  cursor: pointer;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}

.clearfix:after {
  clear: both;
}

body {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-webkit-overflow-scrolling: touch;
	font-family: "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", "Helvetica Neue", "Helvetica", sans-serif;
}
body * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

img{
	vertical-align:bottom;
	 image-rendering: -webkit-optimize-contrast;
}

@media only screen and (max-width: 767px) {

	.u-pc-view{
		display:none;
	}

	.u-sp-view{
		display:block;
	}

}

@media only screen and (min-width: 768px), print {

	.u-pc-view{
		display:block;
	}

	.u-sp-view{
		display:none;
	}

}

/* ==========================================================
header
========================================================== */
    
.header_bg {
    background: #EFEFEF;
    box-sizing: border-box;
}
.header_wrap {
    position: relative;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 945px;
    height: 14.5vw;
    padding-right: 20px;
    box-sizing: border-box;
}
.header_logo {
    display: inline-block;
    height: 100%;
    width: 30.84vw;
    position: relative;
}
.header_logo.xtech {
    /*width: 38.548vw;*/
    margin-left: 15px;
}
.header_logo img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.header_logo.xtech img {
    top: 50%;
}
.header_pr {
    display: inline-block;
    font-size: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 8.585%;
}
.header_pr img {
    width: 100%;
}


@media screen and (min-width: 440px) {
    .header_wrap {
        height: 66px;
    }
    .header_logo {
        width: 179.598px;
    }
    .header_logo.xtech {
        width: 150px;
    }
    .header_pr {
        width: 40px;
    }
}


@media screen and (min-width: 640px) {
	.header_wrap {
		padding-right: 0;
	}
    .header_logo {
        width: 210px;
    }
    .header_logo.xtech {
        width: 176px;
		margin-left: 50px;
    }
}



.ft_line {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #cdcdcd;
    border: none;
}

/* ==========================================================
tokyodigital
========================================================== */

.tokyodigital{
	font-family: "Yu Gothic", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", "Helvetica Neue", "Helvetica", sans-serif;
	font-size:16px;
	line-height:2.0;
	color:#323232;
	padding:0 0 60px 0;
	border-bottom:solid 4px #000000;
	font-weight: 500;
}

.tokyodigital a{
	color:#323232;
}

/* clearfix */

.tokyodigital .u-cfx{
	display: block;
	zoom:1;
}

.tokyodigital .u-cfx:after{
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}



/* ttl-01 */

.tokyodigital-ttl-01{
	font-size:24px;
	line-height:2.0;
	font-weight:bold;
	margin-bottom:45px;
}

@media only screen and (max-width: 767px) {

	.tokyodigital-ttl-01{
		font-size:18px;
	}

}



/* ttl-02 */

.tokyodigital-ttl-02{
	position:relative;
	font-size:24px;
	line-height:1.5;
	font-weight:bold;
	color:#328C32;
	margin-bottom:45px;
}

.tokyodigital-ttl-02:before{
	position:absolute;
	top:0;
	left:0;
	width:calc(50% + 38px);
	height:6px;
	content:"";
	background:#328C32;
}

.tokyodigital-ttl-02:after{
	position:absolute;
	bottom:0;
	right:0;
	width:calc(50% + 38px);
	height:6px;
	content:"";
	background:#328C32;
}

.tokyodigital-ttl-02 > span{
	display:block;
	width:100%;
	max-width:640px;
	margin:0 auto;
	padding:45px 0;
}

.tokyodigital-ttl-02 > span > span:nth-of-type(1){
	display:block;
	padding:0 0 0 14.0625%;
}

.tokyodigital-ttl-02 > span > span:nth-of-type(2){
	display:block;
	text-align:right;
	padding:0 10.3125% 0 0;
}

@media only screen and (max-width: 767px) {

	.tokyodigital-ttl-02{
		font-size:18px;
	}

	.tokyodigital-ttl-02 > span > span:nth-of-type(1){
		padding:0 0 0 0;
		text-align:center;
	}

	.tokyodigital-ttl-02 > span > span:nth-of-type(2){
		padding:0 0 0 0;
		text-align:center;
	}

}



/* ttl-03 */

.tokyodigital-ttl-03{
	position:relative;
	margin-bottom:60px;
}

.tokyodigital-ttl-03:before{
	position:absolute;
	top:110px;
	left:0;
	content:"";
	width:calc( ( ( 100vw - 640px ) / 2) + 525px);
	height:6px;
	background:#972d5e;
}

.tokyodigital-ttl-03:after{
	position:absolute;
	bottom:108px;
	right:0;
	content:"";
	width:calc( ( ( 100vw - 640px ) / 2) + 190px);
	height:6px;
	background:#972d5e;
}

.tokyodigital-ttl-03-inner{
	display:table;
	width:100%;
	max-width:640px;
	margin:0 auto;
}

.tokyodigital-ttl-03-inner > .u-pic{
	display:table-cell;
	vertical-align:top;
	width:46.875%;
	position:relative;
	z-index:3;
}

.tokyodigital-ttl-03-inner > .u-pic img{
	width:100%;
}

.tokyodigital-ttl-03-inner > .u-txt{
	display:table-cell;
	vertical-align:middle;
	padding:0 0 0 10.625%;
	color:#972d5e;
}

.tokyodigital-ttl-03-inner > .u-txt h2{
	font-size:27px;
	line-height:1.5;
	font-weight:bold;
}

.tokyodigital-ttl-03-inner > .u-txt h2 > span{
	font-size:24px;
	line-height:1.5;
	font-weight:normal;
	padding:0 0 0 1em;
}

@media only screen and (max-width: 767px) {

	.tokyodigital-ttl-03:before{
		position:absolute;
		top:60px;
		left:0;
		content:"";
		width:80%;
		height:6px;
		background:#972d5e;
	}

	.tokyodigital-ttl-03:after{
		position:absolute;
		bottom:60px;
		right:0;
		content:"";
		width:35%;
		height:6px;
		background:#972d5e;
	}

	.tokyodigital-ttl-03-inner > .u-pic{
		max-width:200px;
	}

	.tokyodigital-ttl-03-inner > .u-txt{
		display:table-cell;
		vertical-align:middle;
		padding:0 0 0 6%;
		color:#972d5e;
	}

	.tokyodigital-ttl-03-inner > .u-txt h2{
		font-size:20px;
		line-height:1.5;
		font-weight:bold;
	}

	.tokyodigital-ttl-03-inner > .u-txt h2 > span{
		font-size:16px;
		line-height:1.5;
		font-weight:normal;
		padding:0 0 0 1em;
	}

}

@media only screen and (max-width: 375px) {
		.tokyodigital-ttl-03-inner > .u-txt h2{
			font-size:16px;
		}
}


/* ttl-04 */

.tokyodigital-ttl-04{
	position:relative;
	margin-bottom:60px;
}

.tokyodigital-ttl-04:before{
	position:absolute;
	top:110px;
	right:0;
	content:"";
	width:calc( ( ( 100vw - 640px ) / 2) + 525px);
	height:6px;
	background:#016e95;
}

.tokyodigital-ttl-04:after{
	position:absolute;
	bottom:108px;
	left:0;
	content:"";
	width:calc( ( ( 100vw - 640px ) / 2) + 190px);
	height:6px;
	background:#016e95;
}

.tokyodigital-ttl-04-inner{
	display:table;
	width:100%;
	max-width:640px;
	margin:0 auto;
}

.tokyodigital-ttl-04-inner > .u-pic{
	display:table-cell;
	vertical-align:top;
	width:46.875%;
	position:relative;
	z-index:3;
}

.tokyodigital-ttl-04-inner > .u-pic img{
	width:100%;
}

.tokyodigital-ttl-04-inner > .u-txt{
	display:table-cell;
	vertical-align:middle;
	padding:0 0 0 10.625%;
	color:#016e95;
}

.tokyodigital-ttl-04-inner > .u-txt h2{
	font-size:27px;
	line-height:1.5;
	font-weight:bold;
}

.tokyodigital-ttl-04-inner > .u-txt h2 > span{
	font-size:24px;
	line-height:1.5;
	font-weight:normal;
	padding:0 0 0 1em;
}

@media only screen and (max-width: 767px) {

	.tokyodigital-ttl-04:before{
		position:absolute;
		top:60px;
		right:0;
		content:"";
		width:80%;
		height:6px;
		background:#016e95;
	}

	.tokyodigital-ttl-04:after{
		position:absolute;
		bottom:60px;
		left:0;
		content:"";
		width:35%;
		height:6px;
		background:#016e95;
	}

	.tokyodigital-ttl-04-inner > .u-pic{
		max-width:200px;
	}

	.tokyodigital-ttl-04-inner > .u-txt{
		display:table-cell;
		vertical-align:middle;
		padding:0 0 0 6%;
		color:#016e95;
	}

	.tokyodigital-ttl-04-inner > .u-txt h2{
		font-size:20px;
		line-height:1.5;
		font-weight:bold;
	}

	.tokyodigital-ttl-04-inner > .u-txt h2 > span{
		font-size:16px;
		line-height:1.5;
		font-weight:normal;
		padding:0 0 0 1em;
	}

}

@media only screen and (max-width: 375px) {
		.tokyodigital-ttl-04-inner > .u-txt h2{
			font-size:16px;
		}
}

/* lead */

.tokyodigital-lead{
	font-size:19px;
	font-weight:bold;
	color:#328C32;
	text-align:center;
}

.tokyodigital-lead.u-type-02{
	text-align:left;
}

@media only screen and (max-width: 767px) {

	.tokyodigital-lead{
		font-size:18px;
		text-align:left;
	}

}

.tokyodigital-stxt{
	font-size:13px;
}

.tokyodigital-txt{
	font-size:16px;
	text-indent:1em;
}

.tokyodigital .u-inner .tokyodigital-txt.u-type-01{
	font-size:16px;
	text-indent:0;
}

.tokyodigital .u-inner .tokyodigital-txt.u-type-01 + .tokyodigital-txt.u-type-01{
	margin-top:1.5em;
}

.tokyodigital .u-name{
	padding-right:1em;
}

.tokyodigital .u-color-blue{
	color:#006E96;
}

.tokyodigital .u-color-wine{
	color:#962D5F;
}

.tokyodigital .u-color-blue3{
	color:#057293;
}

.tokyodigital .u-color-blue4{
	color:#086a89;
}

.tokyodigital .u-color-blue5{
	color:#46799f;
}

.tokyodigital .u-color-blue6{
	color:#2065a7;
}

.tokyodigital .u-color-blue7{
	color:003e61;
}

.tokyodigital .u-color-gold{
	color:#8d7851;
}

.tokyodigital .u-color-gold2{
	color:#e8ae00;
}

.tokyodigital .u-color-red{
	color:#e03b27;
}
.u-color-vol11 {
	color:#633271;
}

.tokyodigital .u-color-darkred{
	color:#970000;
}

.tokyodigital .u-color-green{
	color:#92A000;
}
.tokyodigital .u-color-orange{
	color:#c3501c;
}
.tokyodigital .u-color-orange2{
	color:#dd973f;
}
.tokyodigital .u-color-orange3{
	color:#e07c57;
}
.tokyodigital .u-color-purple{
	color:#003686;
}
.tokyodigital .u-color-brown{
	color:#928571;
}
.tokyodigital .u-color-navy{
	color:#003d6d;
}
.tokyodigital .u-color-coral{
	color:#f66d6e;
}
.tokyodigital .u-color-green-lead{
	color:#5F790A;
}
.tokyodigital .u-color-green2{
	color:#4b8b84;
}
.tokyodigital .u-color-green3{
	color:#8ebd63;
}
.tokyodigital .u-color-green2-lead{
	color:#4b8b84;
}
.tokyodigital .u-color-green4{
	color:#62b27b;
}
.tokyodigital .u-color-purple-lead{
	color:#003686;
}


.tokyodigital .u-bold{
	font-weight:bold;
}

.tokyodigital-pbox{
	margin-top:60px;
}
.tokyodigital-pbox.u-vol11 {
	margin-bottom: 60px;
}
.tokyodigital-pbox.u-vol18 {
	margin-bottom: 60px;
	margin-top: 0;
}
.tokyodigital-pbox img{
	width:100%;
	height:auto;
}

.tokyodigital-pbox-caption{
	font-size:13px;
	line-height:1.5;
	margin-top:8px;
}

@media only screen and (max-width: 767px) {
	.tokyodigital-pbox{
		margin-top:40px;
	}
	.tokyodigital-pbox.u-vol11 {
		margin-bottom: 40px;
	}
}



/* note */
.tokyodigital-note.u-type-03,
.tokyodigital-note.u-type-04{
	display:table;
	font-size:13px;
}

.tokyodigital-note.u-type-03 dt{
	display:table-cell;
	vertical-align:top;
	width:3em;
	white-space:nowrap;
}

.tokyodigital-note.u-type-03 dd{
	display:table-cell;
	vertical-align:top;
}

.tokyodigital-note.u-type-04 dt{
	display:table-cell;
	vertical-align:top;
	width:1.5em;
	white-space:nowrap;
}

.tokyodigital-note.u-type-04 dd{
	display:table-cell;
	vertical-align:top;
}



/* header-01 */

.tokyodigital-header-01-pc{
	font-size:1rem;
	line-height:1;
	position:relative;
	border-bottom: 3px solid #000;
}

.tokyodigital-header-01-pc:before{
	position: absolute;
	display: block;
	top: 0;
	left:0;
	content: '';
	width: 50%;
	height: 100%;
	background: #000;
	background-size: contain;
}

.tokyodigital-header-01-pc:after{
	position: absolute;
	display: block;
	top: 0;
	right:0;
	content: '';
	width: 50%;
	height: 100%;
	background: #FFF;
	background-size: contain;
	z-index: -1;
}

.tokyodigital-header-01-pc > .u-inner{
	max-width: 1000px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;
	height: 57px;
	background: url("header.jpg") no-repeat center center;
	background-size: auto 57px; 
}
.tokyodigital-header-01-pc-link-01 {
	width: 158px;
	height: 43px;	
	position: absolute;
	top: 7px;
	left: 9px;
}

.tokyodigital-header-01-pc-link-02 {
	width: 203px;
	height: 37px;	
	position: absolute;
	top: 10px;
	left: 255px;
}

.tokyodigital-header-01-pc-link-03 {
	width: 105px;
	height: 20px;	
	position: absolute;
	top: 15px;
	right: 135px;
}

.tokyodigital-header-01-pc-link-04 {
	width: 105px;
	height: 20px;
	position: absolute;
	top: 15px;
	right: 10px;
}

.tokyodigital-header-01-sp {
	display: none;
}

@media only screen and (max-width: 1000px) {

	.tokyodigital-header-01 {
		border-bottom: 2px solid #000;
	}

	.tokyodigital-header-01-pc {
		display: none;
	}
	
	.tokyodigital-header-01-sp {
		display: block;
		background: url("header-sp.jpg") no-repeat center center;
		height: 40px;
		background-size: auto 40px;
	}
	
	.tokyodigital-header-01 > .u-inner > img {
		height: 40px
	}
	
	.tokyodigital-header-01-sp-link-01 {
		display: block;
		width: 112px;
		height: 30px;	
		position: absolute;
		top: 5px;
		right:calc(50% + 32px);
	}

	.tokyodigital-header-01-sp-link-02 {
		display: block;
		width: 142px;
		height: 30px;	
		position: absolute;
		top: 5px;
		left:calc(50% + 32px);
	}
}



/* header-02 */

.tokyodigital-header-02{
	background:#000000;
	text-align:center;
}

@media only screen and (max-width: 767px) {

	.tokyodigital-header-02 img{
		height:60px;
	}

}

/* mainv */

.tokyodigital-main-mainv{
	position:relative;
	width:100%;
	height:350px;
}

@media only screen and (max-width: 767px) {

	.tokyodigital-main-mainv{
		
	}

}

@media only screen and (min-width: 1000px),print {

	.tokyodigital-main-mainv{
		height:0;
		padding:35% 0 0 0;
	}

}

.tokyodigital-main-mainv-pic{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url('./vol01/p-01.jpg') no-repeat center center;
	background-size:cover;
}

.tokyodigital-main-mainv-pic.u-vol-02{
	background:url('./vol02/p-01.jpg') no-repeat center center;
	background-size:cover;
}

.tokyodigital-main-mainv-pic.u-vol-03{
	background:url('./vol03/p-01.jpg') no-repeat center center;
	background-size:cover;
}

.tokyodigital-main-mainv-pic.u-vol-04{
	background:url('./vol04/p-01.jpg') no-repeat center center;
	background-size:cover;
}

.tokyodigital-main-mainv-pic.u-vol-05{
	background:url('./vol05/p-01.jpg') no-repeat center center;
	background-size:cover;
}

.tokyodigital-main-mainv-pic.u-vol-06{
	background:url('./vol06/p-01.jpg') no-repeat center center;
	background-size:cover;
}

.tokyodigital-main-mainv-pic.u-vol-07{
	background:url('./vol07/p-01.jpg') no-repeat center center;
	background-size:cover;
}

.tokyodigital-main-mainv-pic.u-vol-08{
	background:url('./vol08/p-01.jpg') no-repeat center center;
	background-size:cover;
}

.tokyodigital-main-mainv-pic.u-vol-09{
	background:url('./vol09/p-01.jpg') no-repeat center center;
	background-size:cover;
}

.tokyodigital-main-mainv-pic.u-vol-10{
	background:url('./vol10/p-01.jpg') no-repeat center center;
	background-size:cover;
}

.tokyodigital-main-mainv-pic.u-vol-11{
	background:url('./vol11/p-01.jpg') no-repeat center center;
	background-size:cover;
}
.tokyodigital-main-mainv-pic.u-vol-12{
	background:url('./vol12/p-01.jpg') no-repeat center center;
	background-size:cover;
}
.tokyodigital-main-mainv-pic.u-vol-13{
	background:url('./vol13/p-01.jpg') no-repeat center center;
	background-size:cover;
}
.tokyodigital-main-mainv-txt{
	position:absolute;
	bottom:25px;
	left:0;
	width:100%;
}

.tokyodigital-main-mainv-txt.u-vol-02,
.tokyodigital-main-mainv-txt.u-vol-03,
.tokyodigital-main-mainv-txt.u-vol-04,
.tokyodigital-main-mainv-txt.u-vol-05,
.tokyodigital-main-mainv-txt.u-vol-06,
.tokyodigital-main-mainv-txt.u-vol-07,
.tokyodigital-main-mainv-txt.u-vol-08,
.tokyodigital-main-mainv-txt.u-vol-09,
.tokyodigital-main-mainv-txt.u-vol-10,
.tokyodigital-main-mainv-txt.u-vol-11,
.tokyodigital-main-mainv-txt.u-vol-12,
.tokyodigital-main-mainv-txt.u-vol-13{
	bottom:35px;
	text-shadow:0 0 4px rgba(0,0,0,0.7);
	text-align:center;
}
.tokyodigital-main-mainv-txt.u-vol-11 {
	bottom: 22px;
}
.tokyodigital-main-mainv-txt.u-vol-12 {
	bottom: 45px;
}
.tokyodigital-main-mainv-txt.u-vol-03 h1,
.tokyodigital-main-mainv-txt.u-vol-04 h1{
	line-height:1.5;
}
.tokyodigital-main-mainv-txt.u-vol-10 .u-stxt,
.tokyodigital-main-mainv-txt.u-vol-11 .u-stxt{
	display: block;
	margin-top: 0.5em;
	line-height: 1.5;;
}

@media only screen and (max-width: 767px) {
	.tokyodigital-main-mainv-txt.u-vol-10{
		bottom:15px;
	}
	.tokyodigital-main-mainv-txt.u-vol-10 .u-ltxt {
		margin-left: -5px;
		margin-right: -5px;
	}
}

.tokyodigital-main-mainv-txt > h1{
	width:100%;
	max-width:940px;
	padding:0 40px;
	margin:0 auto;
}

.tokyodigital-main-mainv-txt > h1 > .u-ltxt{
	display:block;
	font-size:40px;
	line-height:1.3;
	font-weight:bold;
	color:#ffffff;
	font-feature-settings: "palt";
	letter-spacing: 0.02em;
	filter: drop-shadow(0 0 0.75rem #000);
}

.tokyodigital-main-mainv-txt.u-vol-03 > h1 > .u-ltxt{
	margin-bottom:10px;
}

.tokyodigital-main-mainv-txt > h1 > span.u-stxt{
	font-size:20px;
	line-height:1.2;
	font-weight:bold;
	color:#ffffff;
	filter: drop-shadow(0 0 0.75rem #000);
}

.tokyodigital-main-mainv-txt > h1 > span.u-stxt > span{
	font-size:30px;
}

@media only screen and (max-width: 767px) {

	.tokyodigital-main-mainv-pic.u-vol-01{
		background:url('./vol01/p-01.jpg') no-repeat 35% center;
		background-size: cover;
	}

	.tokyodigital-main-mainv-pic.u-vol-02{
		background:url('./vol02/p-01-sp.jpg') no-repeat center center;
		background-size:cover;
	}

	.tokyodigital-main-mainv-pic.u-vol-04{
		background:url('./vol04/p-01-sp.jpg') no-repeat center center;
		background-size:cover;
	}

	.tokyodigital-main-mainv-pic.u-vol-05{
		background:url('./vol05/p-01-sp.jpg') no-repeat center center;
		background-size:cover;
	}

	.tokyodigital-main-mainv-pic.u-vol-06{
		background:url('./vol06/p-01-sp.jpg') no-repeat center center;
		background-size:cover;
	}

	.tokyodigital-main-mainv-pic.u-vol-07{
		background:url('./vol07/p-01-sp.jpg') no-repeat center center;
		background-size:cover;
	}

	.tokyodigital-main-mainv-pic.u-vol-08{
		background:url('./vol08/p-01-sp.jpg') no-repeat center center;
		background-size:cover;
	}
	
	.tokyodigital-main-mainv-pic.u-vol-09{
		background:url('./vol09/p-09-sp.jpg') no-repeat center center;
		background-size:cover;
	}
	
	.tokyodigital-main-mainv-pic.u-vol-12{
		background:url('./vol12/p-01-sp.jpg') no-repeat center center;
		background-size:cover;
	}	

	.tokyodigital-main-mainv-pic.u-vol-13{
		background:url('./vol13/p-01-sp.jpg') no-repeat center center;
		background-size:cover;
	}	
	
	.tokyodigital-main-mainv-txt > h1{
		padding:0 20px;
	}

	.tokyodigital-main-mainv-txt > h1 > .u-ltxt{
		font-size:26px;
		line-height:1.4;
	}

	.tokyodigital-main-mainv-txt > h1 > span.u-stxt{
		display:block;
		margin:10px 0 0 0;
		font-size:13px;
	}

	.tokyodigital-main-mainv-txt > h1 > span.u-stxt > span{
		font-size:20px;
	}

}

/* lead */

.tokyodigital-main-lead{
	margin-top:60px;
	padding:0 20px;
}

.tokyodigital-main-lead.tokyodigital-main-c{
	padding:0 0;
}

/* c01 */

.tokyodigital-main-c01{
	margin-top:60px;
}

.tokyodigital-main-c01 > .u-inner{
	width:100%;
	max-width:680px;
	margin:0 auto;
	padding:0 20px;
}



/* c02 */

.tokyodigital-main-c02{
	margin-top:60px;
}

.tokyodigital-main-c02 > .u-inner{
	width:100%;
	max-width:680px;
	margin:0 auto;
	padding:0 20px;
}



/* c03 */

.tokyodigital-main-c03{
	margin-top:60px;
}

.tokyodigital-main-c03 > .u-inner{
	width:100%;
	max-width:680px;
	margin:0 auto;
	padding:0 20px;
}



/* c04 */

.tokyodigital-main-c04{
	margin-top:60px;
}

.tokyodigital-main-c04 > .u-inner{
	width:100%;
	max-width:680px;
	margin:0 auto;
	padding:0 20px;
}



/* c05 */

.tokyodigital-main-c05{
	margin-top:60px;
}

.tokyodigital-main-c05 > .u-inner{
	width:100%;
	max-width:680px;
	margin:0 auto;
	padding:0 20px;
}

.tokyodigital-main-c05 dl{
	margin-top:80px;
	font-size:13px;
	line-height:1.8;
	display:table;
}

.tokyodigital-main-c05 dl > dt{
	display:table-cell;
	width:2em;
	vertical-align:top;
}

.tokyodigital-main-c05 dl > dd{
	display:table-cell;
	vertical-align:top;
}



/* c06 */

.tokyodigital-main-c06{
	margin-top:60px;
}

.tokyodigital-main-c06 > .u-inner{
	width:100%;
	max-width:680px;
	margin:0 auto;
	padding:0 20px;
}

.tokyodigital-main-c06-pic{
	width:100%;
	max-width:180px;
	margin:0 auto;
}

.tokyodigital-main-c06-link{
	margin:30px  0 80px 0;
}

.tokyodigital-main-c06-link > a{
	display:table;
	width:100%;
	max-width:260px;
	height:48px;
	margin:0 auto;
	background:#000000;
	color:#ffffff;
	text-decoration:none;
	transition: opacity .5s;
}
.tokyodigital-main-c06-link > a:hover {
	opacity: 0.5;
	transition: opacity .5s;
}

.tokyodigital-main-c06-link > a > div{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.tokyodigital-main-c06-link > a > div > span{
	display:inline-block;
	padding:0 26px 0 0;
	position:relative;
}

.tokyodigital-main-c06-link > a > div > span:before{
	position:absolute;
	top:50%;
	right:0;
	width:11px;
	height:12px;
	transform:translateY(-50%);
	content:"";
	background:url('./icn-arrow-02.png') no-repeat center center;
}

.tokyodigital-main-c06 dl{
	display:table;
	margin:0 auto;
}

.tokyodigital-main-c06 dl.u-type-02{
	margin:0 0 0 0;
}

.tokyodigital-main-c06 dl > dt{
	display:table-cell;
	vertical-align:top;
	padding:0 20px 0 0;
	font-weight:bold;
}

.tokyodigital-main-c06 dl > dd{
	display:table-cell;
	vertical-align:top;
}

@media only screen and (max-width: 767px) {

	.tokyodigital-main-c06 dl{
		display:block;
	}

	.tokyodigital-main-c06 dl > dt{
		display:block;
		text-align:center;
		padding: 0;
		
	}

	.tokyodigital-main-c06 dl > dd{
		display:block;
		text-align:center;
		margin-top: -5px;
		padding-bottom: 10px;
	}
	
	.tokyodigital-main-c06 dl:last-child dd {
		padding-bottom: 0;
	}

}

table.tokyodigital-main-link-table {
	text-align: left;
	margin: 0 auto;
}

table.tokyodigital-main-link-table th {
	padding-right: 20px;
}

@media only screen and (max-width: 767px) {
	table.tokyodigital-main-link-table th {
		display: block;
		text-align: center;
	}

	table.tokyodigital-main-link-table td {
		display: block;
		text-align: center;
		margin-top: -5px;
		padding-bottom: 10px;	
	}

}

.tokyodigital-main-c > .u-inner{
	width:100%;
	max-width:680px;
	margin:0 auto;
	padding:0 20px;
}

.tokyodigital-main-c > .u-inner-02{
	width:100%;
	max-width:780px;
	margin:0 auto;
	padding:0;
}

/* c20 */

.tokyodigital-main-c20{
	margin-top:50px;
}

.tokyodigital-main-c20-inner{
	display:table;
	width:100%;
}

.tokyodigital-main-c20-01{
	display:table-cell;
	vertical-align:top;
	width:31.25%;
}

.tokyodigital-main-c20-01{
	display:table-cell;
	vertical-align:top;
	width:31.25%;
}

.tokyodigital-main-c20-02{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	width:37.5%;
}

.tokyodigital-main-c20-03{
	display:table-cell;
	vertical-align:top;
	width:31.25%;
}

.tokyodigital-main-c20 dl{
	
}

.tokyodigital-main-c20 dl > dt{
	font-size:30px;
	font-weight:bold;
}

.tokyodigital-main-c20 dl > dt > span{
	font-size:20px;
}

.tokyodigital-main-c20 dl > dd{
	font-size:16px;
	line-height:1.5;
}

.tokyodigital-main-c20-01 dl > dt,
.tokyodigital-main-c20-01 dl > dd{
	text-align:right;
}

.tokyodigital-main-c20-02 img{
	width:42.0833%;
}

@media only screen and (max-width: 767px) {

	.tokyodigital-main-c20-01{
		display:table-cell;
		vertical-align:top;
		width:40%;
	}

	.tokyodigital-main-c20-02{
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		width:20%;
	}
	
	.tokyodigital-main-c20-01.u-vol-07 {
		width: 45%;
		font-feature-settings: "palt";
	}
	
	.tokyodigital-main-c20-02.u-vol-07 {
		width: 15%;
	}
	
	.tokyodigital-main-c20-03.u-vol-07 {
		width: 40%;
	}

	.tokyodigital-main-c20-03{
		display:table-cell;
		vertical-align:top;
		width:40%;
	}


	.tokyodigital-main-c20 dl > dt{
		font-size:20px;
		font-weight:bold;
	}

	.tokyodigital-main-c20 dl > dt > span{
		font-size:14px;
	}

	.tokyodigital-main-c20 dl > dd{
		font-size:11px;
		line-height:1.5;
	}

}

/* c21 */

.tokyodigital-main-c21{
	margin-top:60px;
}

/* c22 */

.tokyodigital-main-c22{
	margin-top:60px;
}

/* c23 */

.tokyodigital-main-c23{
	margin-top:60px;
}

/* c24 */

.tokyodigital-main-c24{
	margin-top:60px;
}

/* c25 */

.tokyodigital-main-c25{
	margin-top:60px;
}

/* c26 */

.tokyodigital-main-c26{
	margin-top:60px;
}

.tokyodigital-main-c26-bottom{
	margin-top:40px;
}

/* c31 */

.tokyodigital-main-c31{
	margin-top:60px;
}

.tokyodigital-main-c31 .tokyodigital-note{
	margin-top:60px;
}

/* c32 */

.tokyodigital-main-c32{
	margin-top:80px;
}

.tokyodigital-main-c32 .tokyodigital-note{
	margin-top:60px;
}

.tokyodigital-main-c32 .tokyodigital-ttl-02{
	color:#057293;
}

.tokyodigital-main-c32 .tokyodigital-ttl-02:before{
	background:#057293;
}

.tokyodigital-main-c32 .tokyodigital-ttl-02:after{
	background:#057293;
}

.tokyodigital-main-c32 .tokyodigital-ttl-02 > span > span:nth-of-type(1){
	display:block;
	padding:0 0 0 45px;
}

.tokyodigital-main-c32 .tokyodigital-ttl-02 > span > span:nth-of-type(2){
	display:block;
	text-align:right;
	padding:0 45px 0 0;
}

@media only screen and (max-width: 767px) {

	.tokyodigital-main-c32 .tokyodigital-ttl-02 > span > span:nth-of-type(1){
		padding:0 10px;
]		text-align:center;
	}

	.tokyodigital-main-c32 .tokyodigital-ttl-02 > span > span:nth-of-type(2){
		padding:0 10px;
		text-align:center;
	}

}

/* c33 */

.tokyodigital-main-c33{
	margin-top:60px;
}

/* c34 */

.tokyodigital-main-c34{
	margin-top:60px;
}

/* c41 */

.tokyodigital-main-c41{
	margin-top:60px;
}

.tokyodigital-main-c41 .tokyodigital-pbox + .tokyodigital-txt{
	margin-top:60px;
}

.tokyodigital-main-c41 .tokyodigital-note:nth-of-type(1){
	margin-top:60px;
}

/* c42 */

.tokyodigital-main-c42{
	margin-top:60px;
}

.tokyodigital-main-c42 .tokyodigital-pbox + .tokyodigital-txt{
	margin-top:60px;
}

/* c43 */

.tokyodigital-main-c43{
	margin-top:60px;
}

/* c51 */

.tokyodigital-main-c51{
	margin-top:60px;
}

/* c52 */

.tokyodigital-main-c52{
	margin-top:60px;
}

/* c53 */

.tokyodigital-main-c53{
	margin-top:60px;
}

/* c54 */

.tokyodigital-main-c54{
	margin-top:60px;
}

/* c55 */

.tokyodigital-main-c55{
	margin-top:60px;
}

/* c56 */

.tokyodigital-main-c56{
	margin-top:60px;
}

 /* c61 */

.tokyodigital-main-c61{
	margin-top:60px;
}

/* c62 */

.tokyodigital-main-c62{
	margin-top:60px;
}

/* c63 */

.tokyodigital-main-c63{
	margin-top:60px;
}

/* c64 */

.tokyodigital-main-c64{
	margin-top:60px;
}

.u-d-inlineblock {
	display: inline-block !important;
}

/* tokyodigital-top-head */

.tokyodigital-top-head{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

.tokyodigital-top-head-01{
	float:left;
	width:43%;
	text-align:center;
	padding-top:12.9%;
}

.tokyodigital-top-head-01 img{
	width:61.1628%;
}

@media only screen and (min-width: 768px) {

	.tokyodigital-top-head-02{
		float:right;
		width:57%;
		height:0;
		padding-top:70%;
		position:relative;
	}

	.tokyodigital-top-head-02 > a{
		color:#ffffff;
		text-decoration:none;
	}

	.tokyodigital-top-head-02 > a > .u-pic{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}

	.tokyodigital-top-head-02 > a > .u-pic > p{
		position:relative;
		width:100%;
		height:100%;
		overflow:hidden;
	}

	.tokyodigital-top-head-02 > a > .u-pic > p img{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		transition: all 0.4s ease;
	}

	.tokyodigital-top-head-02 > a:hover > .u-pic > p img{
		width:110%;
	}

}

.tokyodigital-top-head-02 > a > .u-txt{
	box-sizing:border-box;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
/*	height:34.2857%;*/
	padding:30px 0 20px 5.2631%;
	background:rgba(0,0,0,0.6);
	color:#ffffff;
}

.tokyodigital-top-head-02 > a > .u-txt .u-txt-inner{
	position:relative;
}

.tokyodigital-top-head-02 > a > .u-txt .u-ttl{
	position:absolute;
	top:0;
	right:23px;
	margin:-58px 0 0 0;
	width:44.5614%;
}

.tokyodigital-top-head-02 > a > .u-txt .u-ttl img{
	width:100%;
	filter: drop-shadow(0 0 15px #000);
}

.tokyodigital-top-head-02 > a > .u-txt .u-label{
	font-size:2vw;
}

.tokyodigital-top-head-02 > a > .u-txt .u-subt{
	font-size:3vw;
	line-height:1.2;
	font-weight:bold;
	padding:10px 0;
	font-feature-settings: "palt";
}

.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02{
	display:table;
}

.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 > .u-vol02-01{
	display:table-cell;
	vertical-align:top;
}

.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 > .u-vol02-02{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:9.2vw;
}

.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 > .u-vol02-02 img{
	width:45.6522%;
}

.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 > .u-vol02-03{
	display:table-cell;
	vertical-align:top;
}

.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 dl > dt{
	font-size:2.2vw;
	font-weight:bold;
}

.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 dl > dt > span{
	font-size:1.4vw;
}

.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 dl > dd{
	font-size:1.4vw;
	line-height: 1.3em;
}

.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol03{
	display:block;
}

.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol03 > dl > dt{
	font-size:22px;
	font-weight:bold;
}

.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol03 > dl > dt > span{
	font-size:14px;
}

.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol03 > dl> dd{
	font-size:14px;
}

.tokyodigital-top-head-03{
	float:left;
	width:43%;
	text-align:center;
	padding-top:4%;
	font-size:14px;
	line-height:2;
	font-weight: bold;
}

@media only screen and (min-width: 1001px) {

	.tokyodigital-top-head-02 > a > .u-txt .u-label{
		font-size:20px;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-subt{
		font-size:30px;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 > .u-vol02-02{
		width:92px;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 dl > dt{
		font-size:22px;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 dl > dt > span{
		font-size:14px;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 dl > dd{
		font-size:14px;
	}
	.tokyodigital-top-head-03{
		font-size:16px;
	}
}


@media only screen and (max-width: 767px) {

	.tokyodigital-top-head{
		border-top:solid 2px #000000;
	}

	.tokyodigital-top-head-01{
		float:none;
		width:100%;
		padding:13px 0;
	}

	.tokyodigital-top-head-01 img{
		width:67px;
	}

	.tokyodigital-top-head-02{
		float:none;
		width:100%;
	}

	.tokyodigital-top-head-02 > a{
		color:#ffffff;
		text-decoration:none;
	}

	.tokyodigital-top-head-02 > a > .u-pic > p img{
		width:100%;
	}

	.tokyodigital-top-head-02 > a > .u-txt{
		position:relative;
		bottom:initial;
		background:#000000;
		padding:20px 0 30px 5.2631%;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-ttl{
		width:180px;
		margin:-48px 0 0 0;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-label{
		font-size:15px
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-subt{
		font-size:24px;
		line-height:1.2;
		font-weight:bold;
		padding:3px 0 10px;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02{
		/*margin:0 auto;*/
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 > .u-vol02-01{
		width:40%;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 > .u-vol02-02{
		width:18%;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 > .u-vol02-03{
		width:40%;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 dl > dt{
		font-size:20px;
		font-weight:bold;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 dl > dt > span{
		font-size:14px;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol02 dl > dd{
		font-size:11px;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol03{
		display:block;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol03 > dl > dt{
		font-size:20px;
		font-weight:bold;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol03 > dl > dt > span{
		font-size:14px;
	}

	.tokyodigital-top-head-02 > a > .u-txt .u-name.u-vol03 > dl> dd{
		font-size:11px;
	}


	.tokyodigital-top-head-03{
		float:none;
		width:auto;
		padding:35px 25px;
		text-align:left;
		font-size:16px;
	}

}



/* tokyodigital-top-articles */

.tokyodigital-top-articles{
	margin:112px 0 0 0;
}

.tokyodigital-top-articles-ttl{
	position:relative;
	margin:0 0 40px 0;
}

.tokyodigital-top-articles-ttl:before{
	position:absolute;
	top:27px;
	right:0;
	content:"";
	width:calc( ( ( 100vw - 800px ) / 2 ) + ( 980px * 0.55 ) );
	height:9px;
	background:#000000;
	z-index:-1;
}



.tokyodigital-top-articles-ttl h2{
	width:100%;
	max-width:980px;
	margin:0 auto;
}

.tokyodigital-top-articles-ttl h2 > span{
	position:relative;
	display:inline-block;
	padding:0 34px 0 0;
	background:#ffffff;
	z-index:2;
}

.tokyodigital-main-c07 .tokyodigital-top-articles-ttl h2 > span{
	background: #000;
}

.tokyodigital-top-articles-list{
	width:100%;
	max-width:980px;
	margin:40px auto 0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.tokyodigital-top-articles .tokyodigital-top-articles-list:nth-of-type(1){
	margin-top:0;
}

.tokyodigital-top-articles-list .tokyodigital-top-articles-list-box{
	width:31%;
}

.tokyodigital-top-articles-list .tokyodigital-top-articles-list-box:nth-child(n+4){
	margin-top:40px;
}

.tokyodigital-top-articles-list-box-link{
	width:100%;
	height:100%;
	text-decoration:none;
}

.tokyodigital-top-articles-list-box-link{
	display:block;
	background:url('./icn-arrow.png') no-repeat right bottom;
	background-size:40px 15px;
}

.tokyodigital-top-articles-list-box > .u-pic,
.tokyodigital-top-articles-list-box-link > .u-pic{
	position:relative;
	height:0;
	padding-top:66.6667%;
	overflow: hidden;
}

.tokyodigital-top-articles-list-box > .u-pic > img,
.tokyodigital-top-articles-list-box-link > .u-pic > img{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.tokyodigital-top-articles-list-box .u-txt{
	padding:12px 0 0 0;
	line-height:1.3;
}

.tokyodigital-top-articles-list-box .u-txt > .u-label{
	font-size:18px;
}

.tokyodigital-top-articles-list-box .u-txt > .u-subt{
	font-size:19px;
	font-weight:bold;
	padding:10px 0;
	font-feature-settings: "palt";
	letter-spacing: 0.02em;
}

.tokyodigital-top-articles-list-box .u-txt > .u-namebox{

}

.tokyodigital-top-articles-list-box .u-txt > .u-namebox + .u-namebox{
	margin-top:5px;
}


.tokyodigital-top-articles-list-box .u-txt > .u-namebox > .u-cname{
	font-size:14px;
}



.tokyodigital-top-articles-list-box .u-txt > .u-namebox > .u-name{
	font-size:14px;
}

.tokyodigital-top-articles-list-box .u-txt > .u-namebox > .u-name > span{
	font-size:14px;
}

.tokyodigital-top-articles-list-box .u-txt > .u-excerpt{
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
}
.tokyodigital-top-articles-list-box .u-txt > .u-excerpt > .u-excerpt-inner {	
	font-size:14px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
	
}

@media only screen and (min-width: 768px) {

	.tokyodigital-top-articles-list-box-link > .u-pic > img{
		transform: translate(-50%, -50%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		transition: all 0.4s ease;
	}

	.tokyodigital-top-articles-list-box-link:hover > .u-pic > img{
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
		filter: grayscale(0);
		width:110%;
	}

}

@media only screen and (max-width: 767px) {

	.tokyodigital-top-articles{
		margin:0 0 0 0;
	}

	.tokyodigital-top-articles-ttl{
		font-size:10px;
		line-height:1;
	}

	.tokyodigital-top-articles-ttl:before{
		position:absolute;
		top:50%;
		right:0;
		margin:-2px 0 0 0;
		content:"";
		width:100%;
		height:4px;
		background:#000000;
		z-index:-1;
	}

	.tokyodigital-top-articles-ttl h2{
		width:100%;
		max-width:800px;
		margin:0 auto;
	}

	.tokyodigital-top-articles-ttl h2 > span{
		box-sizing:border-box;
		position:relative;
		max-width:212px;
		display:inline-block;
		padding:0 30px 0 25px;
		background:#ffffff;
		z-index:2;
	}
	
	.tokyodigital-main-c07 .tokyodigital-top-articles-ttl h2 > span{
		max-width: 135px;
	}

	.tokyodigital-top-articles-ttl h2 > span > img{
		width:100%;
	}

	.tokyodigital-top-articles-list .tokyodigital-top-articles-list-box{
		width:100%;
		padding:0 25px;
	}

	.tokyodigital-top-articles-list .tokyodigital-top-articles-list-box:nth-child(3n){
		width:100%;
		padding:0 25px;
	}
	
	.tokyodigital-top-articles-list-box:nth-child(n+2) {
		margin-top: 30px;
	}

}

/* ttl-05 */

.tokyodigital-ttl-05{
	position:relative;
	margin-bottom:60px;
}

.tokyodigital-ttl-05:before{
	position:absolute;
	top:110px;
	left:0;
	content:"";
	width:calc( ( ( 100vw - 640px ) / 2) + 525px);
	height:6px;
	background:#8ebd63;
}

.tokyodigital-ttl-05:after{
	position:absolute;
	bottom:108px;
	right:0;
	content:"";
	width:calc( ( ( 100vw - 640px ) / 2) + 190px);
	height:6px;
	background:#8ebd63;
}

.tokyodigital-ttl-05-inner{
	display:table;
	width:100%;
	max-width:640px;
	margin:0 auto;
}

.tokyodigital-ttl-05-inner > .u-pic{
	display:table-cell;
	vertical-align:top;
	width:46.875%;
	position:relative;
	z-index:3;
}

.tokyodigital-ttl-05-inner > .u-pic img{
	width:100%;
}

.tokyodigital-ttl-05-inner > .u-txt{
	display:table-cell;
	vertical-align:middle;
	padding:0;
	color:#8ebd63;
}

.tokyodigital-ttl-05-inner > .u-txt h2{
	font-size:27px;
	line-height:1.5;
	font-weight:bold;
}

.tokyodigital-ttl-05-inner > .u-txt h2 > span{
	font-size:24px;
	line-height:1.5;
	font-weight:normal;
	padding:0 0 0 1em;
}

@media only screen and (max-width: 767px) {

	.tokyodigital-ttl-05:before{
		position:absolute;
		top:60px;
		left:0;
		content:"";
		width:80%;
		height:6px;
		background:#8ebd63;
	}

	.tokyodigital-ttl-05:after{
		position:absolute;
		bottom:60px;
		right:0;
		content:"";
		width:35%;
		height:6px;
		background:#8ebd63;
	}

	.tokyodigital-ttl-05-inner > .u-pic{
		max-width:200px;
	}

	.tokyodigital-ttl-05-inner > .u-txt{
		display:table-cell;
		vertical-align:middle;
		padding:0 0 0 6%;
		color:#8ebd63;
	}

	.tokyodigital-ttl-05-inner > .u-txt h2{
		font-size:20px;
		line-height:1.5;
		font-weight:bold;
	}

	.tokyodigital-ttl-05-inner > .u-txt h2 > span{
		font-size:16px;
		line-height:1.5;
		font-weight:normal;
		padding:0 0 0 1em;
	}

}

@media only screen and (max-width: 375px) {
		.tokyodigital-ttl-05-inner > .u-txt h2{
			font-size:16px;
		}
}


/* ttl-06 */

.tokyodigital-ttl-06{
	position:relative;
	margin-bottom:60px;
}

.tokyodigital-ttl-06:before{
	position:absolute;
	top:110px;
	right:0;
	content:"";
	width:calc( ( ( 100vw - 640px ) / 2) + 525px);
	height:6px;
	background:#dd973f;
}

.tokyodigital-ttl-06:after{
	position:absolute;
	bottom:108px;
	left:0;
	content:"";
	width:calc( ( ( 100vw - 640px ) / 2) + 190px);
	height:6px;
	background:#dd973f;
}

.tokyodigital-ttl-06-inner{
	display:table;
	width:100%;
	max-width:640px;
	margin:0 auto;
}

.tokyodigital-ttl-06-inner > .u-pic{
	display:table-cell;
	vertical-align:top;
	width:46.875%;
	position:relative;
	z-index:3;
}

.tokyodigital-ttl-06-inner > .u-pic img{
	width:100%;
}

.tokyodigital-ttl-06-inner > .u-txt{
	display:table-cell;
	vertical-align:middle;
	padding:0 0 0 10.625%;
	color:#dd973f;
}

.tokyodigital-ttl-06-inner > .u-txt h2{
	font-size:27px;
	line-height:1.5;
	font-weight:bold;
}

.tokyodigital-ttl-06-inner > .u-txt h2 > span{
	font-size:24px;
	line-height:1.5;
	font-weight:normal;
	padding:0 0 0 1em;
}

@media only screen and (max-width: 767px) {

	.tokyodigital-ttl-06:before{
		position:absolute;
		top:60px;
		right:0;
		content:"";
		width:80%;
		height:6px;
		background:#dd973f;
	}

	.tokyodigital-ttl-06:after{
		position:absolute;
		bottom:60px;
		left:0;
		content:"";
		width:35%;
		height:6px;
		background:#dd973f;
	}

	.tokyodigital-ttl-06-inner > .u-pic{
		max-width:200px;
	}

	.tokyodigital-ttl-06-inner > .u-txt{
		display:table-cell;
		vertical-align:middle;
		padding:0 0 0 6%;
		color:#dd973f;
	}

	.tokyodigital-ttl-06-inner > .u-txt h2{
		font-size:20px;
		line-height:1.5;
		font-weight:bold;
	}

	.tokyodigital-ttl-06-inner > .u-txt h2 > span{
		font-size:16px;
		line-height:1.5;
		font-weight:normal;
		padding:0 0 0 1em;
	}

}

@media only screen and (max-width: 375px) {
		.tokyodigital-ttl-06-inner > .u-txt h2{
			font-size:16px;
		}
}

/* ttl-07 */

.tokyodigital-ttl-07{
	position:relative;
	margin-bottom:60px;
}

.tokyodigital-ttl-07:before{
	position:absolute;
	top:110px;
	left:0;
	content:"";
	width:calc( ( ( 100vw - 640px ) / 2) + 525px);
	height:6px;
	background:#e07c57;
}

.tokyodigital-ttl-07:after{
	position:absolute;
	bottom:108px;
	right:0;
	content:"";
	width:calc( ( ( 100vw - 640px ) / 2) + 190px);
	height:6px;
	background:#e07c57;
}

.tokyodigital-ttl-07-inner{
	display:table;
	width:100%;
	max-width:640px;
	margin:0 auto;
}

.tokyodigital-ttl-07-inner > .u-pic{
	display:table-cell;
	vertical-align:top;
	width:46.875%;
	position:relative;
	z-index:3;
}

.tokyodigital-ttl-07-inner > .u-pic img{
	width:100%;
}

.tokyodigital-ttl-07-inner > .u-txt{
	display:table-cell;
	vertical-align:middle;
	padding:40px 0 0 0;
	color:#e07c57;
}

.tokyodigital-ttl-07-inner > .u-txt h2{
	font-size:26px;
	line-height:1.5;
	font-weight:bold;
	font-feature-settings: "palt";
}

.tokyodigital-ttl-07-inner > .u-txt h2 > span{
	font-size:24px;
	line-height:1.5;
	font-weight:normal;
	padding:0 0 0 1em;
}

@media only screen and (max-width: 767px) {

	.tokyodigital-ttl-07:before{
		position:absolute;
		top:60px;
		left:0;
		content:"";
		width:80%;
		height:6px;
		background:#e07c57;
	}

	.tokyodigital-ttl-07:after{
		position:absolute;
		bottom:60px;
		right:0;
		content:"";
		width:35%;
		height:6px;
		background:#e07c57;
	}

	.tokyodigital-ttl-07-inner > .u-pic{
		max-width:200px;
	}

	.tokyodigital-ttl-07-inner > .u-txt{
		display:table-cell;
		vertical-align:middle;
		padding:0 0 0 6%;
		color:#e07c57;
	}

	.tokyodigital-ttl-07-inner > .u-txt h2{
		font-size:20px;
		line-height:1.5;
		font-weight:bold;
	}

	.tokyodigital-ttl-07-inner > .u-txt h2 > span{
		font-size:16px;
		line-height:1.5;
		font-weight:normal;
		padding:0 0 0 1em;
	}

}

@media only screen and (max-width: 375px) {
		.tokyodigital-ttl-07-inner > .u-txt h2{
			font-size:16px;
		}
}


/* ttl-08 */

.tokyodigital-ttl-08{
	position:relative;
	margin-bottom:60px;
}

.tokyodigital-ttl-08:before{
	position:absolute;
	top:110px;
	right:0;
	content:"";
	width:calc( ( ( 100vw - 640px ) / 2) + 525px);
	height:6px;
	background:#62b27b;
}

.tokyodigital-ttl-08:after{
	position:absolute;
	bottom:108px;
	left:0;
	content:"";
	width:calc( ( ( 100vw - 640px ) / 2) + 190px);
	height:6px;
	background:#62b27b;
}

.tokyodigital-ttl-08-inner{
	display:table;
	width:100%;
	max-width:640px;
	margin:0 auto;
}

.tokyodigital-ttl-08-inner > .u-pic{
	display:table-cell;
	vertical-align:top;
	width:46.875%;
	position:relative;
	z-index:3;
}

.tokyodigital-ttl-08-inner > .u-pic img{
	width:100%;
}

.tokyodigital-ttl-08-inner > .u-txt{
	display:table-cell;
	vertical-align:middle;
	padding:40px 0 0 6%;
	font-feature-settings: "palt";
	color:#62b27b;
}

.tokyodigital-ttl-08-inner > .u-txt h2{
	font-size:26px;
	line-height:1.5;
	font-weight:bold;
}

.tokyodigital-ttl-08-inner > .u-txt h2 > span{
	font-size:24px;
	line-height:1.5;
	font-weight:normal;
	padding:0 0 0 1em;
}

@media only screen and (max-width: 767px) {

	.tokyodigital-ttl-08:before{
		position:absolute;
		top:60px;
		right:0;
		content:"";
		width:80%;
		height:6px;
		background:#62b27b;
	}

	.tokyodigital-ttl-08:after{
		position:absolute;
		bottom:60px;
		left:0;
		content:"";
		width:35%;
		height:6px;
		background:#62b27b;
	}

	.tokyodigital-ttl-08-inner > .u-pic{
		max-width:200px;
	}

	.tokyodigital-ttl-08-inner > .u-txt{
		display:table-cell;
		vertical-align:middle;
		padding:0 0 0 6%;
		color:#62b27b;
	}

	.tokyodigital-ttl-08-inner > .u-txt h2{
		font-size:20px;
		line-height:1.5;
		font-weight:bold;
	}

	.tokyodigital-ttl-08-inner > .u-txt h2 > span{
		font-size:16px;
		line-height:1.5;
		font-weight:normal;
		padding:0 0 0 1em;
	}

}


.tokyodigital.mb-0 {
	margin-bottom: 0!important;
	padding-bottom: 0 !important;
}

.tokyodigital-main-c07-ul dd a {
	color: #ccc;
}

.tokyodigital-main-c07-ul dd span:before {
	content: "[";
}
.tokyodigital-main-c07-ul dd span:after {
	content: "]";
}



/*vol14 追加*/

.tokyodigital-main-mainv-pic.u-vol-14{
	background:url('./vol14/p-01.jpg') no-repeat center center;
	background-size:cover;
}
.tokyodigital-main-mainv-txt.u-vol-14{
	bottom:35px;
	text-shadow:0 0 4px rgba(0,0,0,0.7);
	text-align:center;
}
@media only screen and (max-width: 767px) {
	.tokyodigital-main-mainv-pic.u-vol-14{
		background:url('./vol14/p-01-sp.jpg') no-repeat center center;
		background-size:cover;
	}	
}

/*vol15 追加*/
.tokyodigital .u-color-blue7{
	color:#004364;
}
.tokyodigital-main-mainv-pic.u-vol-15{
	background:url('./vol15/p-01.jpg') no-repeat center center;
	background-size:cover;
}
.tokyodigital-main-mainv-txt.u-vol-15{
	bottom:35px;
	text-shadow:0 0 4px rgba(0,0,0,0.7);
	text-align:center;
}
@media only screen and (max-width: 767px) {
	.tokyodigital-main-mainv-pic.u-vol-15{
		background:url('./vol15/p-01-sp.jpg') no-repeat center center;
		background-size:cover;
	}	
}

/*vol16 追加*/

.tokyodigital-main-mainv-pic.u-vol-16{
	background:url('./vol16/p-01.jpg') no-repeat center center;
	background-size:cover;
}
.tokyodigital-main-mainv-txt.u-vol-16{
	bottom:35px;
	text-shadow:0 0 4px rgba(0,0,0,0.7);
	text-align:center;
}
@media only screen and (max-width: 767px) {
	.tokyodigital-main-mainv-pic.u-vol-16{
		background:url('./vol16/p-01-sp.jpg') no-repeat center center;
		background-size:cover;
	}	
}

/*vol17 追加*/

.tokyodigital-main-mainv-pic.u-vol-17{
	background:url('./vol17/p-01.jpg') no-repeat center center;
	background-size:cover;
}
.tokyodigital-main-mainv-txt.u-vol-17{
	bottom:35px;
	text-shadow:0 0 4px rgba(0,0,0,0.7);
	text-align:center;
}
@media only screen and (max-width: 767px) {
	.tokyodigital-main-mainv-pic.u-vol-17{
		background:url('./vol17/p-01-sp.jpg') no-repeat center center;
		background-size:cover;
	}
	.tokyodigital-main-mainv-txt.u-vol-17 > h1 {
		padding: 0;
	}
	.tokyodigital-main-mainv-txt.u-vol-17 > h1 > .u-ltxt {
		font-size: 24px;
	}
}

/*vol18 追加*/

.u-color-vol18 {
	color: #e72c40;
}

.tokyodigital-main-mainv-pic.u-vol-18{
	background:url('./vol18/p-01.jpg') no-repeat center center;
	background-size:cover;
}
.tokyodigital-main-mainv-txt.u-vol-18{
	bottom:35px;
	text-align:center;
}
@media only screen and (max-width: 767px) {
	.tokyodigital-main-mainv-pic.u-vol-18{
		background:url('./vol18/p-01-sp.jpg') no-repeat center center;
		background-size:cover;
	}
	.tokyodigital-main-mainv-txt.u-vol-18 > h1 {
		padding: 0;
	}
	.tokyodigital-main-mainv-txt.u-vol-18 > h1 > .u-ltxt {
		font-size: 24px;
	}
}

.tokyodigital-main-mainv-txt.u-vol-18 {
	bottom: 22px;
	text-shadow:0 0 4px rgba(255,255,255,0.7);
}

.tokyodigital-main-mainv-txt.u-vol-18 > h1 > .u-ltxt{
	color:#000000;
	filter: drop-shadow(0 0 0.75rem #FFF);
}

.tokyodigital-main-mainv-txt.u-vol-18 .u-stxt{
	display: block;
	margin-top: 0.5em;
	line-height: 1.5;;
}



.tokyodigital-main-mainv-txt.u-vol-18 > h1 > span.u-stxt{
	color:#000000;
	filter: drop-shadow(0 0 0.75rem #FFF);
}



/*トップページ LINK 追加*/

.tokyodigital-main-c07 {
	margin-top: 40px;
	padding: 40px 0;
	background: #000;
}
	
.tokyodigital-main-c07-inner {
	width: 100%;
	max-width: 840px;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}

.tokyodigital-main-c07,
.tokyodigital-main-c07 a {
	color: #fff;
	text-decoration: none;
}

.tokyodigital-main-c07 a {	
	transition: opacity .3s;
}

.tokyodigital-main-c07 a:hover {
	opacity: .5;
}
.tokyodigital-main-c07 .tokyodigital-top-articles-ttl:before{
	background: #fff;
	width:calc( ( ( 100vw - 800px ) / 2 ) + ( 980px * 0.70 ) );
	z-index: auto;
}

.tokyodigital-main-c07 .u-txt-link,
.tokyodigital-main-c07 .u-txt-link-small {
	color: #FFF;
}

.u-txt-link {
	font-size:19px;
	font-weight: bold;
}

.u-txt-link-small {
	font-size: 13px;
	padding-bottom: 4px;
}

.u-pic--border {
	border: 1px solid #DDD;
}

@media only screen and (min-width: 768px) {

	.tokyodigital-main-c07 {
		margin: 100px 0 0 0;
		padding: 70px 0 70px;
	}
	
	.tokyodigital-top-articles-list-box-link > .u-pic.u-pic--nofileter {
		padding-top: 60%;
		margin-bottom: 5px;
	}

	.tokyodigital-top-articles-list-box-link > .u-pic.u-pic--nofileter > img{
		transform: translate(-50%, -50%);
		transition: all 0.4s ease;
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		filter: grayscale(0%);
		transition: all 0.4s ease;
	}

	.tokyodigital-top-articles-list-box-link:hover > .u-pic.u-pic--nofileter > img{
		width:110%;
	}

}


.tokyodigital-top-articles-list-box--nocontent {
	margin: 0 !important;
	padding: 0 !important;
	height: 0 !important;
}

/*トップページ DLOWNLOAD 追加*/

.tokyodigital-main-c08 {
	padding: 40px 0;
}

.tokyodigital-main-c08 .tokyodigital-top-articles-list-box-link {
	background: none;
}

.tokyodigital-top-articles-list-box-link .u-download-ttl {
	font-size: 19px;
	font-weight: bold;
	padding-bottom: 5px;
}

.tokyodigital-top-articles-list-box-link .u-download-detail {
	font-size: 14px;
}

.tokyodigital-top-articles-list-box-link .u-download-btn {
	text-align: center;
	font-weight: bold;
	border: 2px solid #000;
	border-radius: 100px;
	padding: 0.5em;
	margin-top: 15px;
	position: relative;
}

@media only screen and (min-width: 768px) {
	.tokyodigital-top-articles-list-box-link .u-download-btn {
		padding: 0.9em 0.5em;
		}
		
	.tokyodigital-top-articles-list-box-link .u-download-btn.u-download-btn--rm {
		padding: 0.35em 0.2em;
		line-height: 1.2;
	}
}


.tokyodigital-top-articles-list-box-link .u-download-btn:before {
	content: "";
	display: inline-block;
	margin-right: 0.5em;
	position: absolute;
	top: calc(50% - 0.7em);
	left: 2em;
	height: 1em;
	width: 1em;
	background: url("icn-download.svg") no-repeat center bottom;
	background-size: 0.8em auto;
}



@media only screen and (min-width: 768px) {

	.tokyodigital-main-c08 {
		padding: 70px 0 70px;
	}

	.tokyodigital-top-articles-list-box-link .u-download-detail{
		overflow: hidden;
		width: 100%;
		margin-bottom: 20px;
		line-height: 1.5;
		height: 4.5em;
	}
	.tokyodigital-top-articles-list-box-link .u-download-detail-inner {	
		font-size:14px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
	
	.tokyodigital-top-articles-list-box-link .u-download-btn {
		margin-top: 5px;
	}

}