@charset "utf-8";
@charset "utf-8";
@charset "utf-8";

   blockquote,
body, 
div, 
dl, 
dt,
dd, 
fieldset, 
form,  
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
input, 
li, 
ol, 
p, 
pre,  
select, 
span, 
textarea, 
td, 
th, 
ul { margin: 0px;	padding: 0px; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: normal; }
ol,
ul,
ul li { list-style-type: none; }
img { border: none; vertical-align: bottom; }
table {	border-collapse: collapse; border-spacing: 0; }
caption, th { text-align:left; }
iframe { border: none;}
a:focus { outline: none;} * html ul li dl,
* html ol li dl { display: inline; }
*:first-child+html ul li dl,
*:first-child+html ol li dl {display: inline; }  .fNormal { font-weight: normal; }
.fBold   { font-weight: bold; }
.fItalic { font-style: italic; }
.f09  { font-size: 75%; } .f10  { font-size: 84%; } .f11  { font-size: 92%; } .f12  { font-size: 100%; } .f13  { font-size: 109%; } .f14  { font-size: 117%; } .f15  { font-size: 125%; } .f16  { font-size: 134%; } .f17  { font-size: 142%; } .f18  { font-size: 150%; }  .txtCol1 { color: #f6b42c;} .txtCol2 { color: #7e3d8d;} .txtCol3 { color: #009a6e;} .txtCol4 {}
.txtCol5 {} .txtC { text-align: center; }
.txtR {	text-align: right; }
.txtL {	text-align: left; } .hidetxt,
.hd {	
text-indent:	-9999px; 
overflow: hidden; 
}
.hidetxt a,
.hd a {	overflow :	hidden; } .clearfix:after {	
display: block;	content: "." ; 
visibility: hidden; height: 0;	
clear: both;
font-size: 0; 
} * html div.clearfix {height: 1%;}
*:first-child+html div.clearfix {height: 1%;}
.clear { clear: both; } .flotL   { display: inline; float: left; }
.flotR   { display: inline; float: right; }
.ovhid   { overflow: hidden; zoom:1; }
.block   { display: block; }
.none    { display: none; }
.inline  { display: inline; }
.inlineb { display: inline-block; }
.bnone   { border:none !important; } .csshover a:hover { 
opacity:0.6 ; filter:alpha(opacity=60) ;
-ms-filter: "alpha( opacity=60 )" ;
} .mg00 { margin:  0   !important; }
.mg05 { margin:  5px !important; }
.mg10 { margin: 10px !important; }
.mg12 { margin: 12px !important; }
.mg15 { margin: 15px !important; }
.mg20 { margin: 20px !important; }
.mg25 { margin: 25px !important; }
.mg30 { margin: 30px !important; }
.mg35 { margin: 35px !important; }
.mg40 { margin: 40px !important; }
.mg45 { margin: 45px !important; }
.mg50 { margin: 50px !important; }
.mg60 { margin: 60px !important; }
.mt00 { margin-top:  0   !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mr00 { margin-right:  0   !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr12 { margin-right: 12px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mb00 { margin-bottom:  0   !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.ml00 { margin-left:  0   !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml12 { margin-left: 12px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml30 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; } .pd00 { padding:  0   !important; }
.pd05 { padding:  5px !important; }
.pd10 { padding: 10px !important; }
.pd12 { padding: 12px !important; }
.pd15 { padding: 15px !important; }
.pd20 { padding: 20px !important; }
.pd25 { padding: 25px !important; }
.pd30 { padding: 30px !important; }
.pd35 { padding: 35px !important; }
.pd40 { padding: 40px !important; }
.pd45 { padding: 45px !important; }
.pd50 { padding: 50px !important; }
.pd60 { padding: 60px !important; }
.pt00 { padding-top:  0   !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt12 { padding-top: 12px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pr00 { padding-right:  0   !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr12 { padding-right: 12px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pb00 { padding-bottom:  0   !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pl00 { padding-left:  0   !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl12 { padding-left: 12px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl30 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }
  blockquote,
body, 
div, 
dl, 
dt,
dd, 
fieldset, 
form,  
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
input, 
li, 
ol, 
p, 
pre,  
select, 
span, 
textarea, 
td, 
th, 
ul { margin: 0px;	padding: 0px; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: normal; }
ol,
ul,
ul li { list-style-type: none; }
img { border: none; vertical-align: bottom; }
table {	border-collapse: collapse; border-spacing: 0; }
caption, th { text-align:left; }
iframe { border: none;}
a:focus { outline: none;} * html ul li dl,
* html ol li dl { display: inline; }
*:first-child+html ul li dl,
*:first-child+html ol li dl {display: inline; }  .fNormal { font-weight: normal; }
.fBold   { font-weight: bold; }
.fItalic { font-style: italic; }
.f09  { font-size: 75%; } .f10  { font-size: 84%; } .f11  { font-size: 92%; } .f12  { font-size: 100%; } .f13  { font-size: 109%; } .f14  { font-size: 117%; } .f15  { font-size: 125%; } .f16  { font-size: 134%; } .f17  { font-size: 142%; } .f18  { font-size: 150%; }  .txtCol1 { color: #f6b42c;} .txtCol2 { color: #7e3d8d;} .txtCol3 { color: #009a6e;} .txtCol4 {}
.txtCol5 {} .txtC { text-align: center; }
.txtR {	text-align: right; }
.txtL {	text-align: left; } .hidetxt,
.hd {	
text-indent:	-9999px; 
overflow: hidden; 
}
.hidetxt a,
.hd a {	overflow :	hidden; } .clearfix:after {	
display: block;	content: "." ; 
visibility: hidden; height: 0;	
clear: both;
font-size: 0; 
} * html div.clearfix {height: 1%;}
*:first-child+html div.clearfix {height: 1%;}
.clear { clear: both; } .flotL   { display: inline; float: left; }
.flotR   { display: inline; float: right; }
.ovhid   { overflow: hidden; zoom:1; }
.block   { display: block; }
.none    { display: none; }
.inline  { display: inline; }
.inlineb { display: inline-block; }
.bnone   { border:none !important; } .csshover a:hover { 
opacity:0.6 ; filter:alpha(opacity=60) ;
-ms-filter: "alpha( opacity=60 )" ;
} .mg00 { margin:  0   !important; }
.mg05 { margin:  5px !important; }
.mg10 { margin: 10px !important; }
.mg12 { margin: 12px !important; }
.mg15 { margin: 15px !important; }
.mg20 { margin: 20px !important; }
.mg25 { margin: 25px !important; }
.mg30 { margin: 30px !important; }
.mg35 { margin: 35px !important; }
.mg40 { margin: 40px !important; }
.mg45 { margin: 45px !important; }
.mg50 { margin: 50px !important; }
.mg60 { margin: 60px !important; }
.mt00 { margin-top:  0   !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mr00 { margin-right:  0   !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr12 { margin-right: 12px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mb00 { margin-bottom:  0   !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.ml00 { margin-left:  0   !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml12 { margin-left: 12px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml30 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; } .pd00 { padding:  0   !important; }
.pd05 { padding:  5px !important; }
.pd10 { padding: 10px !important; }
.pd12 { padding: 12px !important; }
.pd15 { padding: 15px !important; }
.pd20 { padding: 20px !important; }
.pd25 { padding: 25px !important; }
.pd30 { padding: 30px !important; }
.pd35 { padding: 35px !important; }
.pd40 { padding: 40px !important; }
.pd45 { padding: 45px !important; }
.pd50 { padding: 50px !important; }
.pd60 { padding: 60px !important; }
.pt00 { padding-top:  0   !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt12 { padding-top: 12px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pr00 { padding-right:  0   !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr12 { padding-right: 12px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr60 { padding-right: 60px !important; }
.pb00 { padding-bottom:  0   !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb12 { padding-bottom: 12px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pl00 { padding-left:  0   !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl12 { padding-left: 12px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl30 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl60 { padding-left: 60px !important; }.slider-pro {
position: relative;
margin: 0 auto;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.sp-slides-container {
position: relative;
}
.sp-mask {
position: relative;
overflow: hidden;
}
.sp-slides {
position: relative;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
.sp-slide {
position: absolute;
}
.sp-image-container {
overflow: hidden;
}
.sp-image {
position: relative;
display: block;
border: none;
}
.sp-no-js {
overflow: hidden;
max-width: 100%;
} .sp-thumbnails-container {
position: relative;
overflow: hidden;
direction: ltr;
}
.sp-top-thumbnails,
.sp-bottom-thumbnails  {
left: 0;
margin: 0 auto;
}
.sp-top-thumbnails {
position: absolute;
top: 0;
margin-bottom: 4px;
}
.sp-bottom-thumbnails {
margin-top: 30px;
}
.sp-left-thumbnails,
.sp-right-thumbnails {
position: absolute;
top: 0;
}
.sp-right-thumbnails {
right: 0;
margin-left: 4px;
}
.sp-left-thumbnails {
left: 0;
margin-right: 4px;
}
.sp-thumbnails {
position: relative;
}
.sp-thumbnail {
border: none;
}
.sp-thumbnail-container {
position: relative;
display: block;
overflow: hidden;
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sp-rtl .sp-thumbnail-container {
float: right;
} .sp-top-thumbnails .sp-thumbnail-container,
.sp-bottom-thumbnails .sp-thumbnail-container {
margin-left: 2px;
margin-right: 2px;
}
.sp-top-thumbnails .sp-thumbnail-container:first-child,
.sp-bottom-thumbnails .sp-thumbnail-container:first-child {
margin-left: 0;
}
.sp-top-thumbnails .sp-thumbnail-container:last-child,
.sp-bottom-thumbnails .sp-thumbnail-container:last-child {
margin-right: 0;
} .sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
margin-top: 2px;
margin-bottom: 2px;
}
.sp-left-thumbnails .sp-thumbnail-container:first-child,
.sp-right-thumbnails .sp-thumbnail-container:first-child {
margin-top: 0;
}
.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child {
margin-bottom: 0;
} .sp-right-thumbnails.sp-has-pointer {
margin-left: -13px;
}
.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
position: absolute;
left: 18px;
margin-left: 0 !important;
}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
content: '';
position: absolute;
height: 100%;
border-left: 5px solid #F00;
left: 0;
top: 0;
margin-left: 13px;
}
.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
content: '';
position: absolute;
width: 0;
height: 0;
left: 0;
top: 50%;
margin-top: -8px;
border-right: 13px solid #F00;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
} .sp-left-thumbnails.sp-has-pointer {
margin-right: -13px;
}
.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
position: absolute;
right: 18px;
}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
content: '';
position: absolute;
height: 100%;
border-left: 5px solid #F00;
right: 0;
top: 0;
margin-right: 13px;
}
.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
content: '';
position: absolute;
width: 0;
height: 0;
right: 0;
top: 50%;
margin-top: -8px;
border-left: 13px solid #F00;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}  .sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
position: absolute;
top: 18px;
margin-top: 0 !important;
}  .sp-top-thumbnails.sp-has-pointer {
margin-bottom: -13px;
}
.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
position: absolute;
bottom: 18px;
}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
content: '';
position: absolute;
width: 100%;
border-bottom: 5px solid #F00;
bottom: 0;
margin-bottom: 13px;
}
.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
content: '';
position: absolute;
width: 0;
height: 0;
left: 50%;
bottom: 0;
margin-left: -8px;
border-top: 13px solid #F00;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
} .sp-layer {
margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-backface-visibility: hidden;
padding: 20px;
}
.sp-black {
color: #FFF;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);
}
.sp-gray {
color: #67468f;
background: #f1f1f8;
}
.sp-white {
color: #000;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.7);
}
.sp-rounded {
border-radius: 10px;
}
.sp-padding {
padding: 10px;
} .sp-grab {
cursor: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/lib/slider-pro/css/images/openhand.cur), move;
}
.sp-grabbing {
cursor: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/lib/slider-pro/css/images/closedhand.cur), move;
}
.sp-selectable {
cursor: default;
} .sp-caption-container {
text-align: center;
margin-top: 10px;
} .sp-full-screen {
margin: 0 !important;
background-color: #000;
}
.sp-full-screen-button {
position: absolute;
top: 5px;
right: 10px;
font-size: 30px;
line-height: 1;
cursor: pointer;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.sp-full-screen-button:before {
content: '\2195';
}
.sp-fade-full-screen {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.slider-pro:hover .sp-fade-full-screen {
opacity: 1;
} .sp-buttons {
position: relative;
width: 100%;
text-align: center;
padding-top: 10px;
}
.sp-rtl .sp-buttons {
direction: rtl;
}
.sp-full-screen .sp-buttons {
display: none;
}
.sp-button {
width: 10px;
height: 10px;
border: 2px solid #000;
border-radius: 50%;
margin: 4px;
display: inline-block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.sp-selected-button {
background-color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.sp-button {
width: 14px;
height: 14px;
}
}
@media only screen and (min-width: 568px) and (max-width: 768px) {
.sp-button {
width: 16px;
height: 16px;
}
}
@media only screen and (min-width: 320px) and (max-width: 568px) {
.sp-button {
width: 18px;
height: 18px;
}
} .sp-arrows {
position: absolute;
}
.sp-fade-arrows {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.sp-slides-container:hover .sp-fade-arrows {
opacity: 1;
}
.sp-horizontal .sp-arrows {
width: 100%;
left: 0;
top: 50%;
margin-top: -15px;
}
.sp-vertical .sp-arrows {
height: 100%;
left: 50%;
top: 0;
margin-left: -10px;
}
.sp-arrow {
position: absolute;
display: block;
width: 20px;
height: 30px;
cursor: pointer;
}
.sp-vertical .sp-arrow {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sp-horizontal .sp-previous-arrow {
left: 20px;
right: auto;
}
.sp-horizontal.sp-rtl .sp-previous-arrow {
right: 20px;
left: auto;
}
.sp-horizontal .sp-next-arrow {
right: 20px;
left: auto;
}
.sp-horizontal.sp-rtl .sp-next-arrow {
left: 20px;
right: auto;
}
.sp-vertical .sp-previous-arrow {
top: 20px;
}
.sp-vertical .sp-next-arrow {
bottom: 20px;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
content: '';
position: absolute;
width: 50%;
height: 50%;
background-color: #FFF;
}
.sp-arrow:before {
left: 30%;
top: 0;
-webkit-transform: skew(145deg, 0deg);
-ms-transform: skew(145deg, 0deg);
transform: skew(145deg, 0deg);
}
.sp-arrow:after {
left: 30%;
top: 50%;
-webkit-transform: skew(-145deg, 0deg);
-ms-transform: skew(-145deg, 0deg);
transform: skew(-145deg, 0deg);
}
.sp-next-arrow {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sp-horizontal.sp-rtl .sp-previous-arrow {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.sp-horizontal.sp-rtl .sp-next-arrow {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.ie8 .sp-arrow,
.ie7 .sp-arrow {
width: 0;
height: 0;
}
.ie8 .sp-arrow:before,
.ie8 .sp-arrow:after,
.ie7 .sp-arrow:before,
.ie7 .sp-arrow:after {
content: none;
}
.ie8.sp-horizontal .sp-previous-arrow,
.ie7.sp-horizontal .sp-previous-arrow {
border-right: 20px solid #FFF;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
}
.ie8.sp-horizontal .sp-next-arrow,
.ie7.sp-horizontal .sp-next-arrow {
border-left: 20px solid #FFF;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
}
.ie8.sp-vertical .sp-previous-arrow,
.ie7.sp-vertical .sp-previous-arrow {
border-bottom: 20px solid #FFF;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
}
.ie8.sp-vertical .sp-next-arrow,
.ie7.sp-vertical .sp-next-arrow {
border-top: 20px solid #FFF;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
} .sp-thumbnail-arrows {
position: absolute;
}
.sp-fade-thumbnail-arrows {
opacity: 0;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
opacity: 1;
}
.sp-top-thumbnails .sp-thumbnail-arrows,
.sp-bottom-thumbnails .sp-thumbnail-arrows {
width: 100%;
top: 50%;
left: 0;
margin-top: -12px;
}
.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
height: 100%;
top: 0;
left: 50%;
margin-left: -7px;
}
.sp-thumbnail-arrow {
position: absolute;
display: block;
width: 15px;
height: 25px;
cursor: pointer;
}
.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sp-top-thumbnails .sp-previous-thumbnail-arrow,
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
left: 0px;
}
.sp-top-thumbnails .sp-next-thumbnail-arrow,
.sp-bottom-thumbnails .sp-next-thumbnail-arrow {
right: 0px;
}
.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
top: 0px;
}
.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
bottom: 0px;
}
.sp-previous-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-next-thumbnail-arrow:after {
content: '';
position: absolute;
width: 50%;
height: 50%;
background-color: #FFF;
}
.sp-previous-thumbnail-arrow:before {
left: 30%;
top: 0;
-webkit-transform: skew(145deg, 0deg);
-ms-transform: skew(145deg, 0deg);
transform: skew(145deg, 0deg);
}
.sp-previous-thumbnail-arrow:after {
left: 30%;
top: 50%;
-webkit-transform: skew(-145deg, 0deg);
-ms-transform: skew(-145deg, 0deg);
transform: skew(-145deg, 0deg);
}
.sp-next-thumbnail-arrow:before {
right: 30%;
top: 0;
-webkit-transform: skew(35deg, 0deg);
-ms-transform: skew(35deg, 0deg);
transform: skew(35deg, 0deg);
}
.sp-next-thumbnail-arrow:after {
right: 30%;
top: 50%;
-webkit-transform: skew(-35deg, 0deg);
-ms-transform: skew(-35deg, 0deg);
transform: skew(-35deg, 0deg);
}
.ie8 .sp-thumbnail-arrow,
.ie7 .sp-thumbnail-arrow {
width: 0;
height: 0;
}
.ie8 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after,
.ie7 .sp-thumbnail-arrow:before,
.ie7 .sp-thumbnail-arrow:after {
content: none;
}
.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
border-right: 12px solid #FFF;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
border-left: 12px solid #FFF;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
border-bottom: 12px solid #FFF;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
}
.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow {
border-top: 12px solid #FFF;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
} a.sp-video {
text-decoration: none;
}
a.sp-video img {
-webkit-backface-visibility: hidden;
border: none;
}
a.sp-video:after {
content: '\25B6';
position: absolute;
width: 45px;
padding-left: 5px;
height: 50px;
border: 2px solid #FFF;
text-align: center;
font-size: 30px;
border-radius: 30px;
top: 0;
color: #FFF;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.2);
margin: auto;
line-height: 52px;
} .slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
max-width: none;
max-height: none;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
-webkit-box-shadow: none !important;
-mox-box-shadow: none !important;
box-shadow: none !important;
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
}
.slider-pro a {
position: static;
transition: none !important;
-moz-transition: none !important;
-webkit-transition: none !important;
-o-transition: none !important;
}
.slider-pro iframe,
.slider-pro object,
.slider-pro video,
.slider-pro embed,
.slider-pro canvas {
max-width: none;
max-height: none;
}
.slider-pro p.sp-layer {
font-size: 12px;
line-height: 24px;
margin: 0;
}
.slider-pro h1.sp-layer {
font-size: 32px;
line-height: 1.4;
margin: 0;
}
.slider-pro h2.sp-layer {
font-size: 24px;
line-height: 1.4;
margin: 0;
}
.slider-pro h3.sp-layer {
font-size: 19px;
line-height: 1.4;
margin: 0;
}
.slider-pro h4.sp-layer {
font-size: 16px;
line-height: 1.4;
margin: 0;
}
.slider-pro h5.sp-layer {
font-size: 13px;
line-height: 1.4;
margin: 0;
}
.slider-pro h6.sp-layer {
font-size: 11px;
line-height: 1.4;
margin: 0;
}
.slider-pro img.sp-layer {
border: none;
}
  @font-face {
font-family: "Yu Gothic";
src: local("Yu Gothic Medium");
font-weight: 400;
}
@font-face {
font-family: "Yu Mincho";
src: local("YuMincho Medium");
font-weight: 400;
}
html{
font-size:10px;
}
a,p,li,div{
font-size: 1.4rem;
max-height: 100%;
word-break:break-all;
}
#map div{
max-height:none;
}
body {
height: 100%;
font-family: "游ゴシック Regular", "Yu Gothic Regular", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
line-height: 1.4;
color: #212121;
background:#fff;
-webkit-text-size-adjust: 100%;
overflow-x:hidden;
}
a{
transition: all  0.3s ease;
-webkit-transform:perspective(0);
max-height: 100%;
}
.is_sp{display:none;}
.is_pc{display:block;} .header h1,
.header strong.h1,
.header div{
float:left;
}
.header{
background: rgba(255,255,255,.96);
box-shadow:0px 1px 3px -2px #666666;
-moz-box-shadow:0px 1px 3px -2px #666666;
-ms-box-shadow:0px 1px 3px -2px #666666;
-o-box-shadow:0px 1px 3px -2px #666666;
-webkit-box-shadow:0px 1px 3px -2px #666666;
position:absolute;
top:0;
z-index:100;
display:none;
height:100px;
width:100%;
}
.header{
border-bottom:solid 1px #efefef\9;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=3,enabled=true)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=3,enabled=true);
filter: drop-shadow(0 1px -2px rgba(0,0,0,0.6));
}
@supports (-ms-ime-align: auto) {
.header{
border-bottom:solid 1px #efefef;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=3,enabled=true)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=3,enabled=true);
filter: drop-shadow(0 1px -2px rgba(0,0,0,0.6));
}
}
.is_single .header{
display:block;
}
.header .inner{
width: 100%;
max-width: 1044px;
display: -webkit-box;
display: flex;
float:none;
}
.header h1,
.header strong.h1{
margin-right:40px;
margin-top: 30px;
}
.header h1 a,
.header strong.h1 a{
display: inline-block;
width: 93px;
height: 43px;
background: no-repeat center center;
background-size: 93px 43px;
background-image: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/logo.svg);
}
.header .menu{
padding:39px 38px 0 0;
width: 100%;
max-width: calc(100% - 93px - 40px - 226px);
}
.header .menu nav{
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
}
.header .menu a{
display:inline-block;
padding:0 4px;
font-weight:bold;
border-bottom:solid 8px transparent;
font-size: 1.6rem;
}
.header .search{
margin-top:15px;
}
.page_movie .header .menu a.movie,
.page_feature .header .menu a.feature,
.page_studio .header .menu a.studio,
.page_news .header .menu a.news,
.page_event .header .menu a.event,
.page_product .header .menu a.product,
.page_concept .header .menu a.concept,
.page_store .header .menu a.store,
.single_movie .header .menu a.movie,
.single_feature .header .menu a.feature,
.single_studio .header .menu a.studio,
.single_news .header .menu a.news,
.single_event .header .menu a.event,
.tax_event .header .menu a.event,
.single_product .header .menu a.product{
border-bottom:solid 8px #67468f;
}
.search_inner{
border:solid 1px #dedce0;
border-radius: 3px;
width: 222px;
}
.search_inner input{
border: none;
padding: 7px;
background: none;
vertical-align:top;
}
.search_inner input[type=text]{
width: calc(100% - 40px);
}
.search_inner input[type=submit]{
background: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/header-search.svg) no-repeat center center;
background-size: 13px auto;
cursor: pointer;
}
.header .sns{
padding:15px 3px 10px 0;
}
.header .sns a{
display: inline-block;
width: 20px;
height:24px;
background-size: 20px auto;
background-repeat: no-repeat;
background-position: center center;
}
.header .sns a:not(:last-child){
margin-right:16px;
}
.header .sns a.tw{background-image: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/header-sns-0.svg);}
.header .sns a.fb{background-image: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/header-sns-1.svg);}
.header .sns a.insta{background-image: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/header-sns-2.svg);}
.header .sns a.yt{background-image: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/header-sns-3.svg);}
.header .lang{
padding-top: 20px;
float:right;
}
.header .lang a{
font-size:1.2rem;
}
.header .lang a:not(:last-child):after{
content:"/";
display:inline-block;
margin:0 10px 0 14px;
} .footer{
text-align:center;
}
.footer a{
color:#fff;
}
.footer a:hover{
color:#fff;
opacity:.8;
}
.footer_body{
background:#67468f;
padding:70px 0 58px;
font-weight:bold;
}
.footer_menu {
line-height:34px;
margin-bottom:30px;
}
.footer_menu a{
margin-right:36px;
}
.footer_sns{
margin-bottom:40px;
}
.footer_sns a{
display: inline-block;
width: 20px;
height:24px;
background-size: 20px auto;
background-repeat: no-repeat;
background-position: center center;
}
.footer_sns a.tw{background-image: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/footer-sns-0.svg);}
.footer_sns a.fb{background-image: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/footer-sns-1.svg);}
.footer_sns a.insta{background-image: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/footer-sns-2.svg);}
.footer_sns a.yt{background-image: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/footer-sns-3.svg);}
.footer_sns a:not(:last-child){
margin-right:24px;
}
.footer_btn{
margin-bottom:41px;
}
.footer_btn a{
display:inline-block;
border:solid 1px #7e62a0;
color:#fff;
width:235px;
height:54px;
line-height:54px;
}
.footer_btn a:not(:last-child){
margin-right:32px;
}
.footer_link {
margin-bottom:26px;
}
.footer_link a{
display:inline-block;
line-height:1;
font-weight:normal;
}
.footer_link a:not(:last-child){
border-right:solid 2px #a490bc;
margin-right:19px;
padding-right:19px;
}
.footer_copyright{
font-size:1rem;
color:#fff;
font-weight:normal;
}
.footer_bottom{
background:#3e2a56;
height:91px;
line-height:90px;
}
.footer_bottom a:not(:last-child){
margin-right:40px;
}
.facebook_widget,
.instagram_widget{
width:504px; position:relative;
}
.facebook_widget{
float:left;
}
.instagram_widget{
float:right; }
.instagram_widget div img{
width:auto;
height:126px;
}
.instagram_widget div li{
display:inline;
} .pagetop{
text-align: right;
z-index:1000;
position: absolute;
bottom: 0;
right:0;
height: 64px;
}
.pagetop a{
background: #67468f url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/arrow.svg) no-repeat center center;
background-size: 16px auto;
display: inline-block;
width: 64px;
height: 64px;
}
.pagetop_floating .pagetop{
position: fixed;
bottom: 0;
right:0;
} .sbi_photo_wrap{width:126px;float:left;overflow:hidden;}
.sbi_photo{display:block;width:126px;height:126px;}
.sbi-screenreader,.sbi_lightbox_carousel_icon{display:none;}
#sbi_mod_link, #sbi_mod_error{ display: block !important; width: 100%; float: left; box-sizing: border-box; } .content_wrap{
position:relative;
}
.content_main{
background:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/footer-logo.svg) no-repeat;
background-size: 109px auto;
background-position: center bottom 100px;
padding-bottom: 327px;
position: relative;
}
.main{
box-shadow:0px -1px 3px -2px #878787;
-moz-box-shadow:0px -1px 3px -2px #878787;
-webkit-box-shadow:0px -1px 3px -2px #878787;
}
.inner{
margin:auto;
width:1044px;
overflow:hidden;
}
a{
color:#67468f;
text-decoration:none;
}
.section .inner{
padding:0 0 100px; }
.section .inner h2,
.section .section_header h1{
color:#67468f; font-weight:100;
font-size:4rem;
margin-bottom:70px;
text-align:center;
}
.section .box{
position:relative;
}
.btn_index{
clear:both;
text-align:center;
}
.btn_index input,
.btn_index button,
.btn_index a{
display:inline-block;
background:#67468f;
color:#fff;
font-size:1.6rem;
width:324px;
height:64px;
line-height:64px;
margin:auto;
cursor:pointer;
font-weight:bold;
border:0;
text-decoration:none;
}
.section_header{
margin-bottom:60px;
padding-top:100px;
min-height: 150px;
width:100%;
}
.section .section_header h2,
.section .section_header h1{
line-height:50px;
padding-top:80px;
}
.section .section_header.bgcolor h2{
line-height:38px;
margin-bottom: 40px;
}
.section_header a,
.section .section_header h2,
.section .section_header h1{
color:#fff;
}
.section_header .inner{
padding:0;
}
.bread {
padding-top:8px;
text-align:left;
margin-bottom:32px;
background: rgba(103,70,143,.8);
display:none;
width:100%;
box-sizing:border-box;
}
.bread .inner{
padding-bottom:8px;
}
.bread a{
display:inline-block;
}
.bread a:hover {
color: #fff;
opacity: .8;
}
.bread a:after{
content:"〉";
margin:0 12px 0 15px;
}
.bread a:last-child{
text-decoration:none;
}
.wp-pagenavi{
text-align:center;
height:17px;
clear:both;
}
.wp-pagenavi a,
.wp-pagenavi span{
margin-right:20px;
font-size:1.5rem;
line-height:1;
}
.wp-pagenavi .current{
text-decoration:underline;
color:#999;
}
.wp-pagenavi .first{
margin-left:0;
}
.wp-pagenavi .last{
margin-right:0;
}
body .is_pc{display:block;}
body .is_smart{display:none;}
.category {
margin-right:20px;
display: inline-block;
}
.category a{
background:#f1f1f8;
color:#67468f;
font-weight:bold;
text-align:center;
display:inline-block;
line-height:1;
font-size:1.2rem;
padding:4px 10px;
}
.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
vertical-align: middle;
text-decoration: none;
font-weight: bold;
font-size: 1.6rem;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.paging{
margin: auto;
width: 1044px;
display: table;
}
.paging div{
display: table-cell;
width: 50%;
vertical-align:top;
}
.paging .next{
text-align: right;
}
.paging .next a:after,
.paging .prev a:before{
width: 7px;
height: 7px;
border-top: 2px solid #67468f;
border-right: 2px solid #67468f;
}
.paging .next a{
padding-right: 15px;
}
.paging .prev a{
padding-left: 15px;
}
.paging .next a:after{
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-right:3px;
right:0;
}
.paging .prev a:before{
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
margin-left:3px;
left:0;
} .news_single .single_category,
.feature_single .single_category,
.feature .box .box_desc_category,
.news .box .box_desc_category,
.news_category{
right:0;
display:inline-block;
margin-bottom:40px;
}
.product_single .single_category a,
.news_single .single_category a,
.feature_single .single_category a,
.feature .box .box_desc_category a,
.news .box .box_desc_category a{
background:#fff;
padding:2px 4px;
display:block;
font-weight:bold;
font-size:1.1rem;
}
.page_mainimage{
background:#f1f1f8 no-repeat;
height:430px;
margin-bottom:60px;
}
.page_mainimage div{
height:430px;
display:none;
background-size:cover;
background-repeat:no-repeat;
}
.is_page .section .section_header .bread{ }
.movie .box.box_large a.box_permalink:before,
.feature .box.box_large a.box_permalink:before,
.movie .box.box_large a.box_permalink:after{
position:absolute;
content:"";
display:block;
z-index:1;
}
.movie .box.box_large a.box_permalink:before,
.feature .box.box_large a.box_permalink:before{
background: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/icon-new.png) no-repeat;
background-size: 48px auto;
background-position: left top;
width: 48px;
height: 48px;
top:0;
left:0;
z-index: 1000;
}
.movie .box.box_large a.box_permalink:after{
background:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/movie-icon.png) no-repeat;
width:90px;
height:90px;
top:50%;
left:50%;
margin-left:-45px;
margin-top:-90px;
}
.box_wrap{
margin-bottom: 65px;
overflow: hidden;
display:flex;
flex-wrap:wrap;
}
.page_feature .section_header h2,
.page_news .section_header h2,
.is_archive .section_header h2,
.is_single .section_header h2,
.page_feature .section_header h1,
.page_news .section_header h1,
.is_archive .section_header h1,
.is_single .section_header h1{
text-shadow: 0px 0px 8px #000;
}
.section_header.bgcolor{
background:#67458f;
}
.section_header.bgcolor h2{
padding-top: 0;
}
.section_header.bgcolor .bread .inner{
border-bottom: solid 1px #856ba5;
} .main{
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
.page_top .content_wrap{
position:relative;
}
.page_top section:first-child .inner{
padding-top: 155px;
}
.page_top section .inner{
padding:90px 0 100px;
}
.mainimage{
position:relative;
width:100%;
overflow:hidden;
}
.mainimage_box{
text-align:center;
}
.mainimage_box_msg{
width:549px;
height: 450px;
position:absolute;
top: 0;
left:0;
bottom:0;
right:0;
margin: auto;
z-index:10;
}
.mainimage_box_msg_1{
width:549px;
margin-bottom: 80px;
}
.mainimage_box_msg a{
display: inline-block;
background: #fff;
color: #67468f;
width: 324px;
height: 64px;
line-height: 64px;
font-weight: bold;
font-size: 1.6rem;
}
.mainimage_box_bg{
display:none;
}
.mainimage_box_bg_box {
position:absolute;
background-size:cover;
background-repeat:no-repeat;
top:0;
width:100vw;
}
.mainimage,
.mainimage_box_bg_box,
.mainimage_box_bg_box div{
height:675px;
height:calc(100vh - 30px);
min-height: 600px;
box-sizing:border-box;
}
.mainimage_box_bg_box div{
width:100vw;
}
.mainimage_box_bg_box .mainimage_box_bg_box_inner{
position:relative;
}
.mainimage_box_bg_box .mainimage_box_bg_box_inner div{
position:absolute;
background-size:cover;
background-repeat:no-repeat;
background-position:center top;
top:0;
z-index:1;
}
.mainimage_box_bg.image-1{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/top-mainimage-bg-1.jpg);
}
.mainimage_box_bg.image-2{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/top-mainimage-bg-2.jpg);
}
.mainimage_box_bg.image-3{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/top-mainimage-bg-3.jpg);
}
.mainimage_box_bg.image-4{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/top-mainimage-bg-4.jpg);
}
.smart_header{display:none;} .interval{
height:400px; background-color:#67468f;
background-repeat:no-repeat;
background-attachment:fixed;
background-size:cover;
}  .news .news_list{
width:684px;
margin:auto;
border-top:solid 1px #ccc;
margin-bottom:60px;
}
.news .news_list li{
border-bottom:solid 1px #ccc;
padding:20px 0;
height:60px;
box-sizing:border-box;
}
.news_date{
font-size:1.2rem;
color:#999;
margin-right:22px;
}
.news .news_title{
width:454px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight:bold;
height:19px;
display:block;
float:right;
}
.news_category {
width:113px;
height:19px;
margin-right:20px;
margin-bottom:0;
}
.news_category a{
background:#f1f1f8;
color:#67468f;
font-weight:bold;
text-align:center;
display:block;
line-height:1;
font-size:1.2rem;
padding:4px 0;
} .feature .box_wrap{
margin-bottom: 0;
}
.feature .box{
background:#f1f1f8;
}
.feature .box:not(:first-child){
margin:0 36px 0 0;
}
.feature .box:last-child{
margin-right:0;
}
.feature .box.box_large{
width:auto;
margin-bottom:60px;
display: table;
}
.feature .box.box_large a{
position:relative;
}
.feature .box.box_large img{
width:684px;
height:513px;
float:left;
}
.feature .box.box_large .box_permalink{
display: table-cell;
}
.feature .box.box_large .box_desc{
display: table-cell;
width:360px;
vertical-align: middle;
position:relative;
}
.feature .box.box_large .box_desc_title{
min-height:120px;
vertical-align: middle;
}
.feature .box.box_thumbnail{
width:324px;
margin-bottom:60px;
}
.feature .box.box_thumbnail img{
width:324px;
height:243px;
}
.feature .box.box_thumbnail .box_desc{
min-height:155px;
}
.feature .box.box_thumbnail .box_desc_title{
font-size:1.8rem;
}
.feature .box.box_thumbnail .box_desc_date,
.feature .box.box_thumbnail .box_desc_title{
text-align:left;
display:block;
}
.feature .box .box_desc{
padding:20px 25px 55px;
box-sizing:border-box;
text-align:center;
}
.feature .box .box_desc_date{
font-size:1.2rem;
color:#999;
}
.feature .box .box_desc_title{
display:block;
font-size:2rem;
color:#67468f;
font-weight:bold;
padding:10px 0;
}
.feature .box .box_desc_category{
font-weight:bold;
position:absolute;
margin:auto;
left:0;
right:0;
bottom:30px;
}
.feature .box.box_large .box_desc_category{
bottom:60px;
}
.feature .box .box_desc_category a{
display:inline-block;
} .studio .box_wrap{
margin-bottom: 0;
}
.studio .box{
width:234px;
margin:0 36px 36px 0;
}
.studio .box:nth-child(4n){
margin-right:0;
}
.studio .box img{
width:234px;
height:234px;
}
.studio .box .box_desc{
text-align:center;
min-height:95px;
}
.studio .box_desc_title{
display:block;
font-size:1.6rem;
color:#67468f;
min-height:60px;
box-sizing:border-box;
padding-top:26px;
}
.studio .box .box_desc_category{
font-size: 1.2rem;
color:#999;
} .tax_event .section_header{
margin-bottom:0;
}
.event .box{
width:33%;
display: inline-block;
}
.event .box a{
display: table;
width: 100%;
}
.event .box .month-list-title,
.event .box .month-list-image{
display: table-cell;
vertical-align: middle;
}
.event .box .month-list-image{
overflow: hidden;
width: 120px;
height: 120px;
display: block;
float:left;
}
.event .box .month-list-image img{
height: 120px;
}
.event .box .month-list-title{
padding: 20px;
line-height: 32px;
font-size: 1.6rem;
font-weight: bold;
}
.month-wrap{
border-top:solid 1px #ccc;
margin-bottom: 60px;
}
article.month{
border-bottom:solid 1px #ccc;
padding: 36px;
overflow: hidden;
}
article.month h1{
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 23px;
}
.month-body_image{
width: 234px;
height:234px;
float:left;
margin-right: 36px;
}
.month-body_content{
float:left;
width: calc(100% - 270px);
}
.month-body_content-meta{
margin-bottom: 10px;
}
.month-body_content-date{
color:#67468f;
}
.month-body_content-table dl{
display: table;
width: 100%;
margin-bottom: 10px;
}
.month-body_content-table dl dt,
.month-body_content-table dl dd{
display: table-cell;
}
.month-body_content-table dl dt{
width: 70px;
}
.month-body_content-studio a{
color:#666666;
text-decoration: underline;
}
.month-body_content-studio a:hover{
text-decoration:none;
}
.month-body_content-studio span:not(:last-child):after{
content: ", ";
}
.month-body_content-text{
margin-bottom: 30px;
}
.month-body_content-text p{
font-size: 1.6rem;
line-height: 28px;
}
.month-body_content-contact{
border:solid 1px #e5e5e5;
padding: 20px;
}
.month-body_content-contact a{
text-decoration:underline;
}
.month-body_content-contact a:hover{
text-decoration:none;
}
.month-body_content-contact strong{
font-size: 1.6rem;
color: #000;
margin-bottom: 20px;
display: block;
}
.month-body_content-contact strong span{
color: #cc0000;
} .digitalbook .section_header{
position:static !important;
}
.digitalbook_wrap{
overflow:hidden;
} 
.digitalbook_wrap .thumb {
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.digitalbook_wrap .thumb:after{
content:"";
display:block;
width: 324px;
height:0;
}
.digitalbook_wrap .thumb li{
background:#f1f1f8;
text-align:center;
}
.digitalbook_wrap .thumb li .num{ }
.digitalbook_wrap .thumb li .links{
overflow:hidden;
border-top:solid 1px #d8d0e1;
}
.digitalbook_wrap .thumb li .links a{
box-sizing:border-box;
}
.digitalbook_wrap .thumb li .links a:hover{
color:#fff;
background:#67468f;
}
.digitalbook_wrap .thumb li .links a:hover span:after{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/icon-blank_w.png);
}
.digitalbook_wrap .thumb li .links a:last-child{
border-left:solid 1px #d8d0e1;
}
.digitalbook .page_content .inner {
width: 1044px !important;
}
.digitalbook_wrap .thumb li{
width:324px;
margin-bottom:40px;
}
.digitalbook_wrap .thumb li img{
width:170px;
margin-bottom:30px;
box-shadow:0px 0px 20px -3px rgba(0,0,0,.3);
}
.digitalbook_wrap .thumb li .num{
font-size:20px;
color:#67468f;
line-height:1;
padding:30px 0 20px;
}
.digitalbook_wrap .thumb li .num strong{
font-size:30px;
}
.digitalbook_wrap .thumb li .links a{
display:block;
width:50%;
float:left;
padding:20px;
font-weight:bold;
}
@media only screen and (max-width: 767px) {
.digitalbook .section_header{
margin-bottom:30px;
}
.digitalbook .section_header .inner h1{
padding-top:30px;
margin-bottom:0;
font-size:2rem;
}
.digitalbook .page_content .inner {
width: auto !important;
}
.digitalbook_wrap .thumb:after{
display:none;
}
.digitalbook_wrap .thumb li{
width:48%;
margin-bottom:15px;
}
.digitalbook_wrap .thumb li img{
width:80%;
margin-bottom:17px;
box-shadow:none;
}
.digitalbook_wrap .thumb li .num{
font-size:2rem;
padding:15px 0;
}
.digitalbook_wrap .thumb li .num strong{
font-size:3rem;
}
.digitalbook_wrap .thumb li .links a{
width:100%;
float:none;
padding:15px;
font-size:1.6rem;
}
.digitalbook_wrap .thumb li .links a:last-child{
display:none;
}
} .product .box{
width:25%;
display: inline-block;
overflow:  hidden;
}
.product .box a{
position: relative;
display:block;
}
.product .box .box_image{
width: 100%;
}
.product .box .box_desc{
background: rgba(103,70,143,.6);
color: #fff;
min-height: 84px;
position: absolute;
bottom:0;
width:100%;
text-align: center;
padding: 20px;
box-sizing: border-box;
transition: all  0.3s ease;
} .tax_filter{
margin-bottom:30px;
background:#f1f2f7;
}
.tax_filter .tax_filter_box{
overflow:hidden;
max-height:0;
opacity:0;
visibility:hidden;	
transition:all .8s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.tax_filter.show .tax_filter_box{
max-height:10000px;
opacity:1;
visibility:visible;
}
.tax_filter #taxFilter{
padding:20px;
display:block;
position:relative;
cursor:pointer;
}
.tax_filter #taxFilter span{
display:block;
line-height:1;
font-weight:bold;
}
.tax_filter #taxFilter .icon{
position:absolute;
right:20px;
top:26px;
}
.tax_filter #taxFilter .icon div{
position:relative;
padding-right:20px;
}
.tax_filter #taxFilter .icon span{
position:absolute;
content:"";
display:block;
width:16px;
height:2px;
background:#67468f;
transition:transform .5s ease;
}
.tax_filter #taxFilter .icon span:nth-of-type(2){
transform:rotate(90deg);
}
.tax_filter.show #taxFilter .icon span:nth-of-type(2){
transform:rotate(0deg);
}
.tax_filter_box_inner{
margin:0 20px 20px;
padding-top:20px;
border-top:solid 1px #d8d0e1;
}
.tax_filter_box_inner a{
display:inline-block;
width:24%;
padding:10px 0;
}
.tax_filter_box_inner a:hover{
text-decoration:underline;
} .movie .box_wrap{
margin-bottom: 0;
}
.movie .box:nth-child(even){
margin:0 36px 0 0;
}
.movie .box.box_large{
width:1044px;
}
.movie .box.box_large img{
width:100%;
background:#333;
}
.movie .box.box_thumbnail{
width:504px;
position:relative;
}
.movie .box.box_thumbnail a:before{
content:"";
display:block;
position:absolute;
background:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/movie-icon.png) no-repeat;
background-size:45px 45px;
width:45px;
height:45px;
top:50%;
left:50%;
z-index:1;
margin:-67px 0 0 -22px;
}
.movie .box.box_thumbnail img{
width:504px;
height:284px;
background:#333;
}
.movie .box .story_num{
position:absolute;
top:29px;
left:31px;
z-index:1;
font-family: 'Roboto', sans-serif;
font-weight:bold;
line-height:1;
color:#fff;
}
.movie .box.box_large .story_num{
top:39px;
left:41px;
}
.movie .box .story_num span{
font-size:1.4rem;
display:block;
margin-bottom:5px;
}
.movie .box .story_num i{
font-size:4rem;
font-style:normal;
letter-spacing:-1px;
}
.movie .box.box_large .story_num span{
font-size:2.8rem;
margin-bottom:-2px;
}
.movie .box.box_large .story_num i{
font-size:8rem;
}
.movie .box .box_title{
text-align:center;
display:block;
height:98px;
font-size:1.6rem;
color:#67468f;
font-weight:normal;
box-sizing:border-box;
padding-top:20px;
}
.movie .box.box_large .box_title{
font-size:2rem;
height:103px;
} .page_feature .page_mainimage div{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/feature-header.jpg);
background-position:center top;
}
.page_feature .box{
margin-right:36px;
}
.page_feature .box:nth-of-type(3n){
margin-right:0;
} .page_movie .page_mainimage div{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/movie-header.jpg);
background-position:right top;
}
.page_movie .movie .box{
margin-right:0;
}
.page_movie .movie .box:nth-child(odd){
margin:0 36px 0 0;
} .page_studio .page_mainimage div{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/studio-header.jpg);
background-position:left top;
}
.studio .box img{
filter: grayscale(100%);
opacity: 0.95 !important;
}
.studio .box.box_thumbnail img{
filter: grayscale(100%);
-webkit-transform:perspective(0);
} .page_news .page_mainimage div{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/news-header.jpg);
background-position:center top;
} .page_event .page_mainimage div{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/event-header.jpg);
background-position:center top;
}
.page_event .event .box{
margin-bottom: 60px;
} .page_product .page_mainimage div,
.page_else .page_mainimage div{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/product-header.jpg);
background-position:center top;
} .page_single .section_header{
text-align:center;
color:#fff;
margin-bottom:0;
background:#67468f;
min-height:182px;
position:static;
}
.page_single .section_header .bread{
margin-bottom:30px;
}
.page_single .section_header .bread .inner{
border-bottom: solid 1px #856ba5;
}
.page_single .section_header h2.single_title,
.page_single .section_header h1.single_title{
padding-top:16px;
letter-spacing:2px;
margin-bottom:40px;
text-shadow:none;
}
.page_single .footer_btn,
.page_single .post_bottom{
text-align:center;
margin-top:-20px;
}
.page_single .post_bottom{
margin-bottom:60px;
}
.page_single .footer_btn a{
background:#67468f;
text-decoration:none;
}
.single_content_side{
width:325px;
margin-left:35px;
float:left;
}
.single_content_side .side_wrap dt{
padding:30px;
color:#67468f;
text-align:center;
font-weight:bold;
font-size:16px;
}
.single_content_side .side_wrap dd{
padding:20px;
border-top:solid 1px #d8d8de;
}
.single_content_side .side_wrap dd p{
padding:15px 0 0;
line-height:1.8;
font-weight:bold;
}
.side_wrap .news_category a{
background:#fff;
}
.single_content_text{
overflow:visible;
margin-bottom: 60px;
width:684px;
float:left;
}
.movie_single .single_content_text{
margin:auto;
float:none;
margin-bottom:60px;
}
.single_content_text p{
font-size:1.6rem;
}
.single_content_text a{
text-decoration:underline;
}
.single_content_text h3,
.single_content_text h4,
.single_content_text h5,
.single_content_text h6{
color:#67468f;
}
.studio_map,
.studio_experience,
.studio_box,
.single_content_text h3,
.single_content_text h4,
.single_content_text h5,
.single_content_text h6,
.single_content_text p,
.single_content_text div.profile{
margin:auto;
overflow:visible;
box-sizing: border-box;
}
.single_content_text div{
width:auto;
}
.single_content_text h3,
.single_content_text h4{
margin-bottom:30px;
font-weight:bold;
}
.single_content_text h5,
.single_content_text h6{
margin-bottom:15px;
}
.single_content_text h3{
font-size:2.4rem;
margin-bottom:28px;
}
.page_single .single_content_text p + h3 {
padding-top: 20px;
}
.single_content_text h4{
font-size:2.2rem;
}
.single_content_text h5{
font-size:2rem;
font-weight:bold;
}
.single_content_text h6{
font-size:1.8rem;
font-weight:bold;
}
.single_content_text p{
line-height:28px;
}
.single_content_text p:not(:last-child){
margin-bottom:36px;
}
.single_content_text div.profile{
overflow:hidden;
margin-bottom:36px;
}
.single_content_text .profile img{
float:left;
padding-right: 20px;
width:150px;
}
.single_content_text .profile span{
display:block;
font-size: 1.6rem;
line-height:1.4;
color: #999;
}
.single_content_text img{
max-width:686px;
height:auto !important;
}
h2.single_title{
margin-bottom:30px;
}
.single_category {
font-size:1.1rem;
}
.single_category a{
color:#67468f;
}
.page_single .single_content_text h3{
font-size:2.4rem;
color:#67468f;
}
.page_single{ }
.page_single p{
text-align:justify;
}
.page_single img.alignright { display: block; margin: 0 0 0 auto; }
.page_single img.alignleft { display: block; margin: 0 auto 0 0; }
.page_single img.aligncenter { display: block; margin: 0 auto; }
.single_news_sns{
border:solid 1px #E6E6E6;
width:686px;
margin: 60px auto 100px;
height:40px;
clear: both;
}
.btn_box + .single_news_sns{
margin-top:0;
}
.single_news_sns:last-child{
margin-top:60px;
}
.single_news_sns a{
display:inline-block;
background:#fff no-repeat center center;
text-align:center;
width:167px;
height:40px;
}
.single_news_sns a:not(:last-child){
border-right:solid 1px #E6E6E6;
}
.single_news_sns a.fb{background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/single-sns-1.svg);}
.single_news_sns a.tw{background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/single-sns-2.svg);}
.single_news_sns a.pin{background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/single-sns-3.svg);}
.single_news_sns a.tum{background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/single-sns-4.svg);}
#related_skill_link,
#related_studio_link,
#related_product_link,
#related_link{
opacity:0;
visibility:hidden;
overflow:hidden;
max-height:0;
transition: all  1s ease;
}
#related_skill_link.load_complete,
#related_studio_link.load_complete,
#related_product_link.load_complete,
#related_link.load_complete{
opacity:1;
visibility:visible;
max-height:2800px;
height:auto;
background:none;
}
.load_complete .related_link{
padding: 60px 0;
background: #f1f1f8;
clear: both;
} #related_skill_link.load_empty,
#related_studio_link.load_empty,
#related_product_link.load_empty,
#related_link.load_empty{
background:none;
height:0;
min-height:0;
opacity:0;
visibility:hidden;
}
#related_skill_link,
#related_studio_link,
#related_product_link,
#related_link{
overflow:hidden;
transition: all  1s ease;
background:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/loader.gif) no-repeat center top;
max-height:50px;
height:50px;
opacity:1;
visibility:visible;
}
#related_product_link .related_link{
background: #f0f0f0;
}
.related_link h1{
font-weight: bold;
}
.related_link .related_link_hr{
font-size: 2.4rem;
color: #67458f;
text-align: center;
margin-bottom: 60px;
line-height: 1;
}
.related_link .related_link_wrap{
margin: auto;
padding:0 90px;
}
.related_link article{
display: inline-block;
width: 144px;
vertical-align: top;
}
.related_link article:not(:last-child){
margin-right: 31px;
}
.related_link article .image{
width:144px;
height:144px; overflow:hidden;
margin-bottom: 13px; }
.related_link article .image img{
height:144px; width:auto;
max-width: 300%;
}
.related_link article span{
font-size: 1.2rem;
color: #000;
margin-bottom: 13px;
display: block;
}
.related_link .btn_index{
padding-top:60px;
clear:both;
} #related_skill_link .related_link{
background:#f0f0f0;
}
.load_complete + .load_complete{
margin-top:20px;
}
.single_content_side .related_link{
margin:0;
padding:0;
padding:30px;
}
.single_content_side .related_link .related_link_wrap{
margin-bottom:0;
padding:0;
}
.single_content_side .related_link .related_link_hr{
font-size: 1.6rem;
margin:0;
margin-bottom:10px;
}
.single_content_side .related_link article{
display: block;
width: auto;
padding:20px 0 0;
overflow:hidden;
}
.single_content_side .related_link article:not(:last-child){
margin-right: 0;
}
.single_content_side .related_link article .image{
width:72px;
height:72px;
overflow:hidden;
float:left;
margin-right:20px;
margin-bottom:0;
}
.single_content_side .related_link article .image img{
height:72px;
width:auto;
}
.single_content_side .related_link article .text{
width:170px;
float:left;
}
.single_content_side .related_link article .text h1{
position:relative;
height:38px;
overflow:hidden;
} .movie_single .section_header{
min-height:188px;
background:#67458f;
}
.movie_single .section_header h2.single_title,
.movie_single .section_header h1.single_title{
margin-bottom:20px;
}
.movie_single .section_header .single_story_num{
font-family: 'Roboto', sans-serif;
}
.movie_single .single_content_text,
.movie_single .single_content_text p{
text-align:center;
}
.single_movie_box{
margin-bottom:50px;
}
.studio_box {
padding:30px 50px;
background:#f1f1f8;
margin: 0 auto 70px;
}
.studio_box strong{
font-size:2.4rem;
margin-bottom:10px;
display:block; font-weight: normal;
}
.studio_box p{
line-height:28px;
width:64%;
}
.studio_box p,
.studio_box ul{
vertical-align:top;
display:inline-block;
}
.studio_box ul{
width:35%;
}
.studio_box ul li{
overflow: hidden;
display: table;
}
.studio_box ul li:not(:last-child){
padding-bottom: 20px;
}
.studio_box .craftman_box_img,
.studio_box .craftman_box_text{
vertical-align:middle;
display: table-cell;
font-size:1.6rem;
color:#67458f;
}
.studio_box .craftman_box_img{
width:100px;
}
.studio_box .craftman_box_img img{
width:90px;
}
.studio_box .craftman_box_text{
width:calc(100% - 100px);
}
.studio_box .craftman_box_text span{
display:block;
font-size:1.1rem;
}
.studio_box .btn_index{
padding-top:20px;
}
.goods_box{
background:#67458f;
overflow:hidden;
}
.goods_box img{
float:left;
margin-right:50px;
}
.goods_box .goods_text{
padding:28px 50px;
color:#fff;
}
.goods_box .goods_text *{
display:block;
line-height:28px;
}
.goods_box .goods_text strong{
font-size:1.8rem;
}
.goods_box .goods_text p{
margin-bottom:30px;
}
.goods_box .goods_text span{
line-height:22px;
font-size:1.1rem;
} .feature_single .section_header{
min-height:247px;
}
.feature_single .single_date{
font-size:1.2rem;
}
.feature_single .single_category{
margin-bottom:20px;
}
.single_feature .btn_index{
margin-bottom: 60px;
} .product_single .section_header,
.studio_single .section_header{
padding-bottom:20px;
}
.product_single .section_header h2.single_title,
.studio_single .section_header h2.single_title,
.product_single .section_header h1.single_title,
.studio_single .section_header h1.single_title{
padding-top:0;
margin-bottom:30px;
overflow:visible;
}
.studio_single .btn_index{
margin-bottom: 30px;
}
.studio_single .single_content .btn_index a{
background: none;
border: solid 1px #67468f;
color: #67468f;
text-decoration:none;
}
.studio_single .studio_experience {
margin-bottom: 45px;
}
.studio_single .studio_experience dl{
display: table;
width: 100%;
border-collapse: collapse;
margin-bottom: 15px;
}
.studio_single .studio_experience dt,
.studio_single .studio_experience dd{
display: table-cell;
width: 25%;
box-sizing: border-box;
border: solid 1px #ccc;
text-align: center;
padding: 15px;
}
.studio_single .studio_experience dd{
background:#f1f1f8;
color: #67468f;
font-weight:bold;
}
.studio_single .studio_experience dd.type_1{
background:#eee;
color:#666;
}
.studio_single .studio_experience p{
text-align: center;
}
.studio_single .paging{
padding-bottom: 40px;
}
.studio_single.page_single{
padding-bottom:0;
} .news_single .single_category{
width:100px;
margin-bottom:40px;
}
.news_single .single_news_sns.bottom{
margin-bottom:0;
}
.news_single .single_content_text h3{
font-size: 2.4rem;
color: #67468f;
}
.news_single .single_content_text {
margin-bottom:100px;
}
.side_news{
background:#f1f1f8;
margin-bottom:60px;
} .product_single .single_category{
min-width:100px;
display:inline-block;
}
.product_single{
padding: 0;
}
.product_single .single_content_text{
width:504px;
}
.product_wrap{
overflow:hidden; }
.product_content,
.product-slider{
float: left;
width: 504px;
}
.product-slider{
margin-right: 36px;
}
.product_content .single_content_text p{ line-height: 32px;
width: auto;
}
.product_spec{
border-top: solid 1px #e5e5e5;
padding-top: 30px;
font-size: 1.6rem;
line-height: 32px;
clear:both;
}
.product_spec dl:not(:last-of-type) {
margin-bottom: 20px;
}
.product_spec dt{
font-weight:bold;
}
.product_spec .caution{
padding-top: 30px;
margin-top: 30px;
border-top: solid 1px #e5e5e5;
}
.product_spec .caution p{
font-size: 1.2rem;
line-height: 18px;
color: #999;
}
.product_spec dd{
color: #000;
padding: 0 1em;
}
.product_spec a {
font-size: 1.6rem;
line-height: 32px;
}
.product_wrap .btn_index{
padding: 60px 0 0;
} .sp-bottom-thumbnails .sp-thumbnail-container{
margin:0;
margin-right:6px;
margin-bottom:6px;
}
.sp-bottom-thumbnails .sp-thumbnail-container:nth-of-type(6),
.sp-bottom-thumbnails .sp-thumbnail-container:nth-of-type(12),
.sp-bottom-thumbnails .sp-thumbnail-container:nth-of-type(18),
.sp-bottom-thumbnails .sp-thumbnail-container:nth-of-type(24){
margin-right:0;
}
.sp-thumbnail-container{
border:solid 2px transparent #fff;
}
.sp-thumbnail-container.sp-selected-thumbnail{
position: relative;
}
.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{
top:0; left:0;
position: absolute; }
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail{
border:solid 1px #67468f;
}
.sp-thumbnail { height: 79px;
width: 79px;
display: flex;
align-items: center;
justify-content: center; }
.sp-thumbnail img{ height: 100%;
width:  100%;
object-fit: scale-down;   } .page_wrap .section_header h2,
.page_wrap .section_header h1,
.page_wrap .section_header .bread{
margin-bottom:28px;
}
.page_wrap .section_header{
background:#67458f;
}
.page_wrap .section_header .bread .inner{
border-bottom:solid 1px #856ba5;
padding-bottom:8px;
}
.page_wrap.section .section_header h2,
.page_wrap.section .section_header h1{
letter-spacing:2px;
padding:10px 0 30px;
}
.page_wrap .page_content .inner{
width:680px;
font-size:1.6rem;
line-height:28px;
overflow:visible;
}
.page_wrap .page_content h3{
color:#67468f;
font-size:2.4rem; margin-bottom:50px;
line-height:1;
}
.page_wrap .page_content ol{
list-style:decimal outside;
margin-left:18px;
}
.page_wrap .page_content ol li:not(:last-child){
margin-bottom:12px;
}
.page_wrap .page_content ol li > ol{
padding:14px 0 20px;
padding-left:18px;
}  .page_concept .js_image_gallery{
position:absolute;
left:0;
top:0;
z-index:0;
}
.page_concept .js_image_gallery_images{
position:relative;
height: 1905px;
}
.page_concept .js_image_gallery_image{
position:absolute;
left:0;
top: 0;
background-size:cover;
height:1905px;
width:100%;
box-sizing:border-box;
}
.page_concept .js_image_gallery .image-1{ background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/concept-bg-1.jpg);}
.page_concept .js_image_gallery .image-2{ background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/concept-bg-2.jpg);}
.page_concept .js_image_gallery .image-3{ background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/concept-bg-3.jpg);}
.page_concept .js_image_gallery .image-4{ background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/concept-bg-4.jpg);}
.page_concept .js_image_gallery .image-5{ background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/concept-bg-5.jpg);}
.page_concept .main{
background-size:cover;
}
.page_concept .footer{
background-position:center 101px;
} .page_wrap.concept .page_content p.first {
margin-bottom:48px;
}
.page_wrap.concept .page_content p.ti-1em {
text-indent: 1em;
} .page_top .header{
background:rgba(255,255,255,1);
top:calc(100vh - 100px);
} .page_wrap.about .page_content ol li img{
margin-left:-22px;
}
.page_wrap.about .page_content a{
text-decoration: underline;
} .page_wrap.privacypolicy .page_content ol,
.page_wrap.privacypolicy .page_content p.first{
margin-bottom:48px;
}
.page_wrap.privacypolicy .page_content h3{
line-height:30px;
}
.page_wrap.privacypolicy .page_content  h4{
color:#67468f;
font-size:1.8rem;
}
.page_wrap.privacypolicy .page_content p + p,
.page_wrap.privacypolicy .page_content p + ol{
margin-top:20px;
}
.page_wrap.privacypolicy .page_content p + h4{
margin-top:40px;
}
.page_wrap.privacypolicy .page_content p + h5{
margin-top:20px;
font-weight:bold;
}
.page_wrap.privacypolicy .page_content h4{
margin-bottom:20px;
}
.page_wrap.privacypolicy .page_content table{
width:100%;
margin:20px 0;
}
.page_wrap.privacypolicy .page_content table th,
.page_wrap.privacypolicy .page_content table td{
border-collapse: collapse;
border:solid 1px #333;
padding:10px;
}
.page_wrap.privacypolicy .page_content table td:first-child{
width:4%;
text-align:center;
}
.page_wrap.privacypolicy .page_content table td{
width:32%;
vertical-align:top;
}
.page_wrap.privacypolicy .page_content .sp_table{
margin:20px 0;
}
.page_wrap.privacypolicy .page_content .sp_table .inner{
padding:0;
} .page_wrap.socialmediapolicy .page_content p.first{
margin:-8px 0 48px;
} .page_wrap.store h3{
font-family: "游ゴシック Regular", "Yu Gothic Regular", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
text-align:center;
margin-bottom:30px;
}
.page_wrap.store p.first{
margin:-8px 0 54px;
}
.page_wrap.store .store_list{
border-top:solid 1px #ccc;
margin-bottom:60px;
}
.page_wrap.store .store_list li{
border-bottom:solid 1px #ccc;
padding:24px 0;
overflow:hidden;
}
.page_wrap.store .store_list li div:first-child{
float:left;
width:230px;
margin-right:40px;
font-size:1.6rem;
}
.blank_w:after,
.blank:after,
.page_wrap.store .store_list li div:first-child a:after{
content:"";
background:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/icon-blank.png) no-repeat right center;
display:inline-block;
margin:0 0 0 10px;
width:12px;
height:10px;
background-size:12px 10px;
}
.blank_w:after{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/icon-blank_w.png);
}
.page_wrap.store .store_list li div:last-child{
float:right;
width:410px;
}
.page_wrap.store .store_list li div:last-child a{
text-decoration:underline;
}
.page_wrap.store .store_list li div:last-child p{
font-size:1.6rem;
margin-bottom:10px;
}
.page_wrap.store .store_list li div:last-child span{
font-size:1.2rem;
line-height:18px;
display:block;
}
.page_wrap.store .store_list li div:last-child p.goods{
font-size:1.2rem;
line-height:18px;
padding-top:5px;
margin-bottom:0;
color:#999;
}
.page_wrap.store .store_list li div:last-child p.goods:before{
content:"取扱商品";
display:block;
background:#f1f1f9;
padding:4px 12px;
color:#67458f;
line-height:1;
width:72px;
margin-bottom:6px;
font-size:1.1rem;
box-sizing:border-box;
} .contact .form_box_input{
overflow:hidden;
display:table;
min-height:76px;
}
.contact .form_box_th{
color:#67458f;
}
.contact .form_box_th,
.contact .form_box_td{
display:table-cell;
}
.contact .form_box_th{
width:268px;
vertical-align:top;
}
.contact .form_box_th.required:after{
background:#f1f2f7;
font-size:1.1rem;
content:"必須";
padding:4px 10px;
display:inline-block;
line-height:1;
margin-left:10px;
}
.contact .form_box_td select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/contact-select-arrow.png) no-repeat right 10px center;
}
.contact .form_box_td input[type=text],
.contact .form_box_td input[type=email],
.contact .form_box_td input[type=tel],
.contact .form_box_td input[type=number],
.contact .form_box_td select,
.contact .form_box_td textarea{
border:solid 1px #c9c9c9;
border-radius:4px;
padding:5px 10px;
line-height:32px;
font-size:1.6rem;
width:415px;
box-sizing:border-box;
}
.contact .form_box_td input,
.contact .form_box_td select{
line-height: 16px;
}
.contact .form_box_td input:focus,
.contact .form_box_td select:focus,
.contact .form_box_td textarea:focus{
border-color:#333;
}
.contact .form_box_td.address input{
width:145px;
}
.contact .form_box_td.inquery textarea{
height:116px;
line-height:24px;
}
.contact .form_box_accept{
background:#f1f1f8;
text-align:center;
height:80px;
line-height:80px;
margin:60px 0;
color:#67458f;
position:relative;
}
.contact .form_box_accept a{
text-decoration: underline;
}
.contact .form_box_accept.error_field{
background:#f2e5eb;
}
.contact .form_box_accept .wpcf7-not-valid-tip{
position:absolute;
top:50px;
left:230px;
}
.screen-reader-response ul,
.wpcf7-response-output.wpcf7-mail-sent-ok,
.wpcf7-validation-errors{
display:none;
}
.screen-reader-response.error_field{
text-align:center;
margin-bottom:40px;
background:#f1f1f8;
color:#67458f;
border:solid 1px #67458f;
padding:40px;
}
.contact .content_page .wpcf7-not-valid-tip{
color:red;
font-size:1.1rem;
}
.error_field .wpcf7-form-control{
background-color:#FEF2F2 !important;
border-color:#CFBEBE !important;
} .thanks{
text-align:center;
}
.thanks .page_content h3{
font-family: "游ゴシック Regular", "Yu Gothic Regular", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
margin-bottom:34px;
}
.thanks .page_content p{
margin-bottom:50px;
} .search h3{
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 60px;
}
.search .search-list{
border-top: solid 1px #ccc;
margin-bottom: 60px;
}
.search article{
display: table;
width: 100%;
padding: 40px;
box-sizing: border-box;
border-bottom: solid 1px #ccc;
}
.search .search-img,
.search .search-text{
display: table-cell;
vertical-align: top;
}
.search .search-img{
width: 120px;
}
.search .search-img img{
width: 100%;
}
.search .search-text{
padding-left:30px;
}
.search .search-text h1 a{
font-size: 2.2rem;
font-weight: bold;
margin: 15px 0;
font-family: "游ゴシック Regular", "Yu Gothic Regular", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.search .search-excerpt p{
font-size: 1.6rem;
line-height: 28px;
} .sitemap_wrap{
overflow: hidden !important;
padding-bottom: 0 !important;
width:1044px !important;
}
.sitemap_wrap ul{
width: 25%;
display: inline-block;
vertical-align: top;
float: left;
}
.sitemap_wrap li:not(:last-child){
margin-bottom: 30px;
}
.sitemap_wrap li a{
padding-left: 20px;
}
.sitemap_wrap li a:before{
width: 7px;
height: 7px;
border-top: 2px solid #67468f;
border-right: 2px solid #67468f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-left:0;
left:0;
}
.fwnormal li a{
font-weight: normal;
}
.graycolor li a{
color: #666;
}
.graycolor li a:before{
border-color:#666;
} .socialmediapolicy .page_content *,
.contact .page_content *,
.privacy .page_content *,
.store .page_content *,
.privacypolicy .page_content *,
.about .page_content *, .concept .page_content *{
font-size: 1.6rem;
}
.concept .page_content .floating-1 p,
.concept .page_content .floating-2 p,
.concept .page_content .floating-3 p{
font-size: 2.4rem;
} @media only screen and (min-width: 960px) {
a:hover{ }
a:hover img{
filter: alpha(opacity=80) !important;
-moz-opacity:0.8 !important;
opacity:0.8 !important;
}
.header .menu a:hover{
border-bottom:solid 8px #67468f;
}
.header .header_right{
margin-left: auto;
width:226px;
float:right;
}
.footer_btn a:hover{
border:solid 1px #3e2a56;
background:#3e2a56;
color:#fff;
}
.btn_index input:hover,
.btn_index a:hover{
background:#3e2a56;
}
.product_single .single_category a:hover,
.news_category a:hover,
.news_single .single_category a:hover,
.feature_single .single_category a:hover,
.feature .box .box_desc_category a:hover,
.news .box .box_desc_category a:hover{
color:#fff;
background:#67468f;
}
.mainimage_box_msg a:hover{
opacity:.8;
}
.studio .box a:hover img{
-webkit-filter: grayscale(0%);
filter: none;
}
.product .box a .box_desc{
opacity:1;
}
.product .box a:hover .box_desc{
opacity:0;
}
.product_btn_box{
text-align:center;
clear:both;
}
.product_btn_box .btn_index{
display:inline-block;
} .page_wrap.about .page_content a:hover{
text-decoration: none;
}
.search .search-text a:hover{
text-decoration: underline;
}
.footer_menu a:last-child{
margin-right:0;
}
.wp-pagenavi{
margin-top: -100px;
margin-bottom: 100px;
}
.page_news.tax_news .wp-pagenavi,
.page_search .wp-pagenavi{
margin:0;
}
.paging.is_pc {
display: table;
margin-top:60px;
}
.small_header .header{
position:fixed;
top:0;
left:0;
box-sizing:border-box;
animation-name: fadein;
animation-duration: .5s;
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.page_top.small_header .header{
position:absolute;
animation-name: none;
}
.page_top.small_header_top .header{
top:0 !important;
position:fixed;
animation-name: fadein;
animation-duration: 2s;
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.page_top .header {
top:calc(100vh - 100px);
}
@keyframes fadein {
0% {
opacity: 0;
visibility:hidden;
}
100% {
opacity: 1;
visibility:visible;
}
}
.studio_box{
width:686px;
}
}
@media only screen and (max-height: 600px) {
.page_top .header {
top:600px;
}
} @media only screen and (min-width: 768px) {
.footer_bottom br,
.footer_link br,
.footer_btn a br,
.footer_menu br.is_smart{
display:none;
}
.product_single .single_category a:hover,
.news_category a,
.news_single .single_category a:hover,
.feature_single .single_category a:hover,
.feature .box .box_desc_category a:hover,
.news .box .box_desc_category a:hover,
.header .menu a,
.btn_index a,
a img{
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all  .5s ease;
}
} @media only screen and (max-width: 1169px) and (min-width: 768px) {
section .inner{
width:auto;
}
} @media only screen and (max-width: 767px) {
body .is_pc{display:none;}
body .is_sp{display:block;}
body .is_smart{display:block;} .header,
.page_top .header{
background: rgba(103,70,143,.96);
position:fixed;
top:0;
text-align:center;
display:none;
z-index:10000;
}
.header .inner{
padding:0;
display: block;
}
.page_concept .header .menu a.concept,
.page_movie .header .menu a.movie,
.page_feature .header .menu a.feature,
.page_studio .header .menu a.studio,
.page_news .header .menu a.news,
.single_movie .header .menu a.movie,
.single_feature .header .menu a.feature,
.single_studio .header .menu a.studio,
.single_news .header .menu a.news{
border-bottom:none;
}
.header h1,
.header strong.h1,
.header div{
float:none;
margin:0;
}
.header h1,
.header strong.h1{
padding:50px 0;
display:block;
}
.header h1 a,
.header strong.h1 a{
background-size: 94px auto;
width: 94px;
height: 43px;
background-image: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/smart-header-menu-logo.svg);
}
.header .menu{
padding: 0;
max-width: none;
}
.header .menu nav{
display: block;
}
.header .lang,
.header .lang a,
.header .menu a{
color:#fff;
display:block;
margin-right:0 !important;
margin-bottom:25px;
padding:0;
}
.header .lang a{
display:inline-block;
}
.header .sns{
padding:15px 0 30px;
}
.header .sns a{
background-size: 20px auto;
width: 20px;
height: 24px;
}
.header .sns a.tw{background-image: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/footer-sns-0.svg);}
.header .sns a.fb{background-image: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/footer-sns-1.svg);}
.header .sns a.insta{background-image: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/footer-sns-2.svg);}
.header .sns a.yt{background-image: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/footer-sns-3.svg);}
.header .sns a:not(:last-child){
margin-right:25px;
} .js_smart_menu{
position:absolute;
right:0;
top:0;
z-index:100000;
width: 60px;
height: 60px;
}
.small_header .js_smart_menu{
position:fixed;
top:0;
}
.page_top.small_header .js_smart_menu{
position:absolute;
}
.page_top.small_header_top .js_smart_menu{
top:0 !important;
position:fixed;
}
.js_smart_menu a,
.js_smart_menu a span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.js_smart_menu a {
position: relative;
width: 60px;
height: 60px;
}
.js_smart_menu a span {
position: absolute;
left: 18px;
width: 25px;
height: 2px;
background-color: #67458f;
border-radius: 4px;
}
.js_smart_menu.active a span{
background-color: #fff;
}
.js_smart_menu a span:nth-of-type(1) {
top: 24px;
}
.js_smart_menu a span:nth-of-type(2) {
top: 34px;
}
.js_smart_menu.active span:nth-of-type(1) {
-webkit-transform: translateY(20px) rotate(-45deg);
transform: translateY(10px) rotate(-45deg);
top: 18px;
}
.js_smart_menu.active span:nth-of-type(2) {
-webkit-transform: translateY(-20px) rotate(45deg);
transform: translateY(-10px) rotate(45deg);
top: 38px;
} .smart_header{
background: rgba(255,255,255,.95);
box-shadow:0px 1px 3px -2px #878787;
-moz-box-shadow:0px 1px 3px -2px #878787;
-webkit-box-shadow:0px 1px 3px -2px #878787;
display:block;
position:absolute;
box-sizing: border-box;
z-index:100;
width:100vw;
}
.small_header .smart_header{
position:fixed;
top:0;
left:0;
box-sizing:border-box;
animation-name: fadein;
animation-duration: .5s;
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.page_top.small_header .smart_header{
position:absolute;
animation-name: none;
}
.page_top.small_header_top .smart_header{
top:0 !important;
position:fixed;
animation-name: fadein;
animation-duration: 2s;
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.page_top .smart_header {
top:calc(100vh - 100px);
}
.smart_header .inner{
padding:0 0 0 15px;
height:60px;
margin: 0;
width:auto;
position: relative;
overflow: visible;
}
.smart_header strong{
float:left;
padding-top:16px;
}
.smart_header strong img{
width:62px;
}
.js_smart_search_btn{
background: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/header-search.svg) no-repeat center center;
background-size: 20px auto;
display:inline-block;
width:60px;
height: 60px;
position: absolute;
right:60px;
}
.smart_header_search.active .js_smart_search_btn{
background: #f1f1f8 url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/btn_close.svg) no-repeat center center;
background-size: 16px auto;
}
.smart_header .search{
background: #f1f1f8;
position: absolute;
top:60px;
left:0;
width:100vw;
padding: 20px 15px;
margin: 0;
opacity: 0;
visibility: hidden;
transition: all  0.3s ease;
clear:both;
max-height: 200px;
}
.smart_header_search.active .search{
opacity: 1;
visibility: visible;
}
.smart_header .search_inner{
width: auto;
border: solid 2px #dedce0;
border-radius: 8px;
background: #fff;
padding: 6px;
}
.smart_header .search_inner input[type=text]{
font-size: 1.4rem;
}
.smart_header .search_inner input[type=submit]{
background-size: 20px auto;
width: 30px;
height: 30px;
}
.page_top .header {
top:0;
}
.header .lang{
float:none;
}
.blank_w:after,
.blank:after,
.page_wrap.store .store_list li div:first-child a:after{
background-size: 24px 20px;
width: 24px;
height: 20px;
} .section .section_header{
padding-top:0;
padding-bottom:0;
min-height:220px;
}
.section .section_header .bread{
padding:0;
margin-bottom:0 !important;
padding-top:60px;
display:block;
}
.section .section_header .bread .inner{
padding: 8px 0 3px;
margin: 0 15px;
box-sizing: border-box;
width: auto;
}
.section .section_header .bread a{
display:inline-block;
max-width:290px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bread a:after {
content: "〉";
margin: 0 6px 0 8px;
}
.section .section_header .bread + .inner{
min-height:116px;
display:table;
padding-bottom:0;
box-sizing: border-box;
}
.section .section_header .section_header_title_wrap{
display:table-cell;
vertical-align:middle;
padding:20px 0;
}
.section .section_header h2,
.section .section_header h1{
padding-top:0;
line-height: 32px;
font-size:2.8rem;
display:table-cell;
vertical-align:middle;
text-shadow: 0px 0px 4px #000;
}
.is_single .section .section_header h2,
.is_single .section .section_header h1{
display:block;
line-height: 24px;
}
.related_link .btn_index{
display:none;
} *{
box-sizing:border-box;
}
.content_main{
background:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/smart-footer-logo.png) no-repeat center bottom 60px;
background-size:110px auto;
padding-bottom: 260px;
}
.movie .box.box_large,
.paging,
.inner{
width:auto;
}
.section .inner{
padding-bottom:50px;
}
.inner .paging{
width:auto;
margin:15px 0 30px;
}
.section .inner h2{
margin-bottom:30px;
}
.btn_index input,
.btn_index a{
width: auto;
display:block;
width:100%;
} .wp-pagenavi {
height: auto;
padding: 0 10px;
box-sizing:border-box;
}
.wp-pagenavi a,
.wp-pagenavi span{
margin-right:25px;
line-height:35px;
}
.wp-pagenavi a:last-child{
margin-right:0;
} .paging {
display: block;
}
.paging .next,
.paging .prev{
display: block;
width: auto;
float:none;
clear:both;
}
.paging .prev + .next{
margin-top: 30px;
}
.paging .next{
padding-right: 30px;
}
.paging .next a{
padding-right:0;
}
.paging .prev{
padding-left: 30px;
}
.paging .prev a{
padding-left:0;
}
.paging .next a:after{
right: -20px;
}
.paging .prev a:before{
left: -20px;
}
.paging .next a:after, .paging .prev a:before{
width: 9px;
height: 9px;
border-width: 1px 1px 0 0;
}
.js_floating_box,
.page_wrap .page_content h3,
.section .inner h2,
.section .inner h1{ }
.footer-snsbox{
display:none;
}
.news_single .single_category a,
.feature_single .single_category a,
.feature .box .box_desc_category a,
.news .box .box_desc_category a{
padding:2px 8px;
} .footer_body{
padding:30px 0 40px;
}
.footer_menu{
margin-bottom:15px;
}
.footer_menu a{
margin-right:18px;
}
.footer_menu a:nth-of-type(9){
margin-right:0;
}
.footer_sns{
margin-bottom:10px;
}
.footer_sns a{
width: 20px;
height:25px;
background-size: 20px auto;
}
.footer_sns a:not(:last-child){
margin-right:35px;
}
.footer_btn{
margin-bottom:25px;
}
.footer_btn a{
width:327px;
height:120px;
line-height:38px;
padding-top:20px;
border-width:1px;
}
.footer_menu,
.footer_link{
line-height:32px;
}
.footer_link{
margin-bottom:16px;
}
.footer_link a:not(:last-child){
border:none !important;
margin-right:18px;
padding-right:0;
}
.footer_link a:nth-of-type(2){
margin-right:0;
padding-right:0;
}
.footer_copyright{
margin-bottom: 0;
}
.footer_bottom{
height:auto;
padding:15px 0 20px;
font-weight: bold;
line-height:20px;
}
.footer_bottom a:not(:last-child){
margin-right:15px;
} .page_feature .section .inner,
.page_studio .section .inner,
.page_news .section .inner{
padding:0;
}
.page_top .js_smart_menu{
top:555px;
}
.page_top.small_header_top .js_smart_menu{
top:0 !important;
}
.page_mainimage{
height:215px;
margin-bottom:20px;
} .mainimage{
background-size:cover;
margin:0;
}
.mainimage,
.mainimage_box_bg_box,
.mainimage_box_bg_box div{
height:555px;
min-height:555px;
}
.mainimage_box_msg{
top:0;
height:85%;
width:auto;
}
.mainimage_box_msg_1{
width:66%;
margin-bottom:40px;
}
.mainimage_box_msg a{
height:60px;
width:170px;
line-height: 60px;
}
.page_top section .inner{
padding-top: 62px;
padding-bottom:50px;
}
.page_top section:first-child .inner{
padding-top: 110px;
padding-bottom:50px;
}
.page_top .section .inner .btn_index{
padding:0 15px;
}
.page_top .box.box_large,
.box_wrap .box.box_thumbnail{
padding-bottom:30px;
}
.feature .box.box_large .box_desc,
.page_top .box.box_large{
width:100%;
}
.page_top .box.box_large img{
float:none;
width:100%;
height:auto;
}
.page_top .studio .box.box_thumbnail:nth-of-type(7){
margin-left: 0;
} .box_wrap{
margin-bottom:32px;
}
.box_wrap .box.box_thumbnail{
width:100%;
padding:15px;
}
.box_wrap .box.box_thumbnail article{
width:100%;
display:table;
}
.box_wrap .box.box_thumbnail a{
display:block;
}
.box_wrap .box.box_thumbnail img{
float:none;
}
.box_wrap .box.box_thumbnail .box_title,
.box_wrap .box.box_thumbnail .box_image_box,
.box_wrap .box.box_thumbnail .box_permalink,
.box_wrap .box.box_thumbnail .box_desc{
display:table-cell;
vertical-align:middle;
position:relative;
}
.box_wrap .box.box_thumbnail .box_title{
padding:0 0 0 15px;
}
.box_wrap .box.box_thumbnail .box_title strong{
font-weight:100;
}
.box_wrap .box.box_thumbnail .box_image_box,
.box_wrap .box.box_thumbnail .box_permalink{
width:150px;
} .page_top .box.box_large .box_desc_title,
.box.box_large .box_title{
padding:17px 15px 0;
display:block;
}
.feature .box.box_thumbnail .box_desc_title,
.box.box_thumbnail .box_title{
display:block;
overflow: hidden;
}
.movie .box.box_large .box_title,
.box.box_thumbnail .box_title{
height:auto;
text-align:left;
} .page_movie .movie .box:nth-child(odd) {
margin:0;
}
.movie .box.box_large img{
width:100%;
}
.movie .box.box_large a.box_permalink:after,
.feature .box.box_large a.box_permalink:after{
width:45px;
height:45px;
background-size:45px auto;
margin-left:-22px;
}
.feature .box_wrap .box.box_thumbnail img,
.movie .box.box_thumbnail img{
width:150px;
height:auto;
}
.movie .box.box_thumbnail .story_num {
left:10px;
top:15px;
}
.movie .box.box_large .story_num {
left:20px;
top:20px;
}
.movie .box.box_thumbnail a:before{
display:none;
}
.movie .box.box_thumbnail .box_image_box{
position:relative;
}
.movie .box.box_thumbnail .box_image_box:before{
content:"";
display:block;
position:absolute;
width:22px;
height:22px;
margin:auto;
top:0;
right:0;
bottom:0;
left:0;
background: url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/movie-icon.png) no-repeat;
background-size:22px auto;
} .feature .box.box_large,
.feature .box.box_thumbnail{
border-bottom:solid 1px #fff;
margin-bottom:0;
}
.feature .box.box_thumbnail > a{
width:auto;
}
.feature .box.box_thumbnail > a img{
margin-right:0;
}
.feature .box:not(:first-child) {
margin:0;
}
.feature .box.box_thumbnail:last-child{
margin-bottom:30px;
}
.feature .box.box_large .box_desc_category{
margin:0;
position:static;
}
.feature .box.box_thumbnail .box_desc{
padding:0 0 0 15px;
text-align:left;
}
.feature .box.box_thumbnail .box_desc .box_desc_category{
position:static;
} .movie .box.box_large a.box_permalink:before,
.feature .box.box_large a.box_permalink:before{
width: 45px;
height: 45px;
background-size: 45px auto;
}
.feature .box.box_large .box_desc{
padding:15px 15px 0;
display:block;
}
.feature .box.box_large .box_permalink{
display:block;
}
.feature .box.box_large .box_desc_title{
height:auto;
min-height:auto;
padding:10px 0;
} .product .box_wrap .box.box_thumbnail{
padding: 0;
width: 50%;
display:block;
}
.product .box_wrap .box.box_thumbnail img{
float: none;
margin: 0;
}
.product .box a{
display:block;
}
.product .box_wrap .box.box_thumbnail .box_desc{
min-height: 70px;
padding:15px;
display:table;
position:absolute;
}
.product .box .box_desc strong{
display: table-cell;
vertical-align: middle;
}
.product .box_wrap .box.box_thumbnail article,
.studio .box_wrap .box.box_thumbnail article{
margin:0;
padding:0;
display:block;
} .studio .box_wrap{
padding:0 15px;
flex-wrap:wrap;
justify-content:space-around;
}
.studio .box_wrap::after{
content:"";
display: none;
width:30%;
}
.studio .box{
margin:0 0 30px 0 ;
}
.studio .box:nth-child(4n){
margin-right:0;
}
.studio .box:nth-child(3n){
margin-right:0;
}
.studio .box.box_thumbnail{
width:31%;
padding:0;
margin-bottom:20px;
}
.studio .box.box_thumbnail img{
width:100%;
height:auto;
float:none;
margin:0;
}
.studio .box.box_thumbnail .box_desc{
text-align:left;
min-height: auto;
height:auto;
}
.studio .box.box_thumbnail .box_desc_title{
height:auto;
padding-top:15px;
min-height:auto;
}
.studio .box.box_thumbnail .box_desc_category a{
color:#999;
} .news .news_list {
width:100%;
margin-bottom:30px;
}
.news .news_list li{
height:auto;
padding:18px 15px;
}
.news .news_list li a{
display:block;
padding:5px 0 0;
float: none;
height: auto;
}
.side_wrap .news_category,
.news .news_list li span{
height:19px;
line-height:19px;
margin-right:10px;
width:60px;
}
.side_wrap .news_category a,
.news_list li .news_category a{
padding:4px 0;
}
.news_list li .news_title{
width:auto;
white-space:normal;
text-overflow:clip;
} .event .box{
float: none;
width: 100%;
border-bottom:solid 1px #cccccc;
}
.event .box a{
padding: 18px 0 18px 15px;
}
.event .box:first-child{
border-top:solid 1px #cccccc;
}
.event .box .month-list-image{
margin-right: 15px;
width:60px;
height:60px;
}
.event .box .month-list-image img {
width: 100%;
height:auto;
}
.event .box .month-list-title{
padding-left:0;
line-height:unset;
font-size: 1.5rem;
} .pagetop{
width: 45px;
height: 45px;
}
.pagetop a{
width: 100%;
height: 100%;
background-size: 14px auto;
} .interval{
height:375px;
background-repeat:repeat;
background-attachment:scroll;
background-size:auto 375px;
background-position:center center;
}  .page_movie .page_mainimage div{
background-position:center top;
}
.page_movie .box_wrap .box.box_thumbnail:last-child{
padding-bottom: 0;
} .page_feature .box.box_thumbnail{
background:#f1f1f9;
margin-right:0;
}
.page_feature .box.box_thumbnail .box_desc{
float: none;
display:table-cell;
width: auto;
padding:0 0 0 15px;
}
.page_feature .box .box_desc_date,
.page_feature .box .box_desc_category{
position:static;
}
.page_feature .box .box_desc_title{
padding:10px 0 15px;
} .page_studio .page_mainimage div{
background-position:right -130px top;
} .side_wrap .news_category,
.page_news .news_category{
width: 74px;
} .is_single .section_header h2,
.is_single .section_header h1{
text-shadow: none;
}
.is_single .section .section_header .bread{
margin-bottom: 0 !important;
}
.is_single .single_content_text .post_bottom,
.is_single .single_content_text p{
line-height:24px;
}
.section_header h2.single_title,
.section_header h1.single_title{
padding-left:15px;
padding-right:15px;
}
.is_single .single_content_text h3{
margin-bottom:15px;
font-size:2.2rem;
}
.is_single .single_content_text h5,
.is_single .single_content_text h6,
.is_single .single_content_text p strong{
font-weight:bold;
}
.single_news_sns{
height:36px;
overflow:hidden;
margin:30px 15px 50px;
width:auto;
display:flex !important;
}
.single_news_sns a{
height:34px;
width:81px;
}
.single_news_sns a:not(:last-child){
border-right:solid 1px #e4e4e4;
}
.single_news_sns a{
background-size: auto 100%;
background-position: center center;
width:25%;
}
.single_news_sns a.fb{background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/single-sns-1.svg);}
.single_news_sns a.tw{background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/single-sns-2.svg);}
.single_news_sns a.pin{background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/single-sns-3.svg);}
.single_news_sns a.tum{background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/svg/single-sns-4.svg);}
.single_content_text{
float:none;
width:auto;
padding:0 15px;
margin-bottom: 30px;
}
.single_content_text img {
max-width:100%;
}
.movie_single .single_content_text,
.news_single .single_content_text{
margin-bottom:30px;
}
.single_content_text p{
margin-bottom:33px;
}
.single_content_text p:not(:last-child) {
margin-bottom: 18px;
}
.single_content_text p img{
max-width:100%;
}
.single_content_text .profile img{
width:85px;
}
.is_single .single_content_text .post_bottom{
padding:0 15px;
margin-bottom:30px;
margin-top:15px;
text-align:left;
}
.is_single .section .section_header .bread{
margin-bottom:55px;
}
.studio_single .single_news_sns.bottom,
.feature_single .single_news_sns.bottom{
margin-bottom:120px;
}
.single_date{
font-size:0.9rem;
}
.is_page .month .section_header h2,
.is_page .month .section_header h1,
.single_news .section_header h2.single_title,
.single_feature .section_header h2.single_title,
.single_news .section_header h1.single_title,
.single_feature .section_header h1.single_title{
line-height:34px;
margin-bottom: 12px;
padding-top: 8px;
}
.is_page .month .section_header h2,
.is_page .month .section_header h1{
margin-bottom:25px;
}
.news_single .single_category,
.feature_single .single_category,
.product_single .single_category{
margin-bottom:0;
padding:6px 20px;
}
.single_content_side{
width:auto;
float:none;
margin:0;
}
.btn_index{
padding: 0 30px;
}
.section .section_header.bgcolor h2{
margin-bottom: 0;
}
.page_single,
.page_single .inner.single_content{
padding-bottom: 0;
} .section .related_link .related_link_hr,
.related_link *{
font-family: "游ゴシック Regular", "Yu Gothic Regular", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.section .related_link .related_link_hr{
font-size:2rem;
}
.load_complete .related_link{
padding:30px 0;
}
.related_link .related_link_hr{
margin-bottom:30px;
}
.related_link .related_link_wrap{
width: auto;
padding:0 15px;
}
.related_link_wrap article{
width: auto;
display: block;
overflow: hidden;
margin-bottom:15px;
}
.related_link article:last-child{
margin-bottom:0;
}
.related_link article:not(:last-child){
margin-right: 0;
}
.related_link article a{
display:table;
width:100%;
}
.related_link article .image{
display:table-cell;
margin: 0 30px 0 0;
width:75px;
height:75px;
float:none;
}
.related_link article .image div{
width:75px;
height:75px;
overflow:hidden;
}
.related_link article .image img{
height:100%;
width:auto;
}
.related_link article .text{
display:table-cell;
vertical-align:middle;
float:none;
padding-left:15px;
}
.related_link article .text span{
margin-bottom:6px;
}
.related_link article .text h1{
font-family: "游ゴシック Regular", "Yu Gothic Regular", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.single_content_side .load_complete + .load_complete{
margin-top:30px;
}
.load_complete + .load_complete {
margin-top: 10px;
} .single_content_side .related_link{
padding:30px 0;
}
.single_content_side .related_link .related_link_hr{
margin-bottom:30px;
font-size:2rem;
}
.single_content_side .related_link .related_link_wrap{
padding:0 15px;
overflow:hidden;
}
.single_content_side .related_link article{
padding:0;
}
.single_content_side .related_link article:last-child{
margin-bottom:0;
}
.single_content_side .related_link article .image{
width:75px;
height:75px;
float:none;
display:table-cell;
}
.single_content_side .related_link article .image img{
width:100%;
height:100%;
}
.single_content_side .related_link article .text{
float:none;
display:table-cell;
width:auto;
padding-left:15px;
}
.single_content_side .side_wrap dt{
padding:30px 0;
}
.single_content_side .side_wrap dd{
padding:15px;
} .movie_single .section_header .single_story_num{
letter-spacing: 2px;
font-size:.9rem;
}
.movie_single .section_header h2.single_title,
.movie_single .section_header h1.single_title{
padding-top: 20px;
margin-bottom: 25px;
}
.movie_single .single_content_text{
text-align: left;
}
.single_movie_box{
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
}
.single_movie_box iframe{
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.studio_box,
.goods_box .goods_text{
padding:30px 15px;
}
.studio_box{
margin-bottom:30px;
}
.studio_box ul{
overflow:hidden;
display:block;
padding-bottom:20px;
}
.studio_box p,
.studio_box ul{
width:100%;
}
.studio_box p{
line-height:22px;
margin-bottom:20px;
}
.studio_box strong{
font-weight:normal;
}
.studio_box ul li {
vertical-align: top;
}
.studio_box ul li img{
float:left;
}
.studio_box ul li p{
line-height: 30px;
width:60%;
}
.studio_box .btn_index{
padding:0;
}
.goods_box img{
float:left;
margin:40px;
}
.goods_box .goods_text{
display:inline;
}
.goods_box .goods_text strong{
margin-bottom:40px;
margin-top:150px;
}
.goods_box .goods_text p{
padding:0 40px;
clear:both;
}
.goods_box .goods_text *{
line-height:40px;
}
.goods_box .goods_text span{
display:block;
padding:0 40px;
line-height:30px;
} .studio_single .single_content .btn_index a{
border-width: 1px;
}
.studio_single .section_header h2.single_title,
.studio_single .section_header h1.single_title{
margin-bottom: 5px;
}
.studio_box{
width: auto;
padding: 20px 15px;
}
.studio_box strong{
margin-bottom: 15px;
font-size:1.8rem;
}
.studio_single .btn_index{
margin-bottom: 20px;
}
.studio_single .studio_experience dl{
display: block;
margin-bottom: 20px;
overflow: hidden;
}
.studio_single .studio_experience dt,
.studio_single .studio_experience dd{
display: block;
width: 50%;
float: left;
padding: 15px;
}
.studio_single .studio_experience dt:nth-of-type(1),
.studio_single .studio_experience dd:nth-of-type(1){
border-bottom: none;
}
.studio_single .studio_experience dt:nth-of-type(1),
.studio_single .studio_experience dt:nth-of-type(2){
border-right: none;
}  .news_single .single_category{
width:150px;
}
.news_single .single_content_text h3{
font-weight:bold;
} .single_event .section_header .inner h2,
.single_event .section_header .inner h1{
line-height: 58px;
}
article.month{
padding: 30px 15px;
}
.section article.month h1 {
font-size:1.8rem;
font-family: "游ゴシック Regular", "Yu Gothic Regular", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.month-body_content{
float: none;
width: auto;
}
.month-body_content-date{
display: block;
margin-top: 15px;
}
.month-body_layout .month-body_content-meta{
width: calc(100% - 270px);
float:left;
}
.month-body_image{
width: 120px;
height:auto;
margin-right:18px;
}
.month-body_content-table{
clear: both;
padding-top: 15px;
}
.month-body_content-table dl dt{
width: 70px;
}
.month-body_content-table dl{
margin-bottom: 15px;
}
.month-body_content-text{
margin-bottom: 0;
}
.month-body_content-text p{
line-height: 21px;
}
.month-body_content-contact{
padding: 20px 15px;
} .product_single .single_content_text{
width:auto;
}
.product_single .section_header h2.single_title,
.product_single .section_header h1.single_title{
margin-bottom: 0;
line-height: 34px;
}
.sp-thumbnail img{
width: 105px;
height: 105px;
}
.product_content,
.product-slider{
float: none;
width: 100%;
}
.product_content .single_content_text p{
line-height:30px;
padding:0 20px;
}
.product_content{
padding-top: 45px;
}
.product_spec{
padding: 20px 0 0;
margin: 0 15px;
}
.product_spec dl{
line-height: 30px;
}
.product_spec .caution{
padding-top: 15px;
margin-top: 15px;
}
.product_spec .caution p{
line-height: 18px;
}
.product_wrap .btn_index {
padding-top:15px;
}
.single_product .product_btn_box{
padding: 15px;
}
.sp-thumbnails{
padding:0 15px;
}
.sp-bottom-thumbnails{
margin-top:15px;
}
.sp-bottom-thumbnails .sp-thumbnail-container{
margin-right: 6px;
margin-bottom: 6px;
}
.sp-layer {
padding:15px;
} .is_page .page_wrap .section_header,
.page_sitemap .page_wrap .section_header,
.page_digitalbook .page_wrap .section_header{
min-height:100px;
}
.is_page .page_wrap .section_header .bread + .inner,
.page_sitemap .page_wrap .section_header .bread + .inner,
.page_digitalbook .page_wrap .section_header .bread + .inner{
min-height:94px;
}
.is_page .page_wrap .section_header h2,
.is_page .page_wrap .section_header h1,
.page_sitemap .page_wrap .section_header h2,
.page_sitemap .page_wrap .section_header h1,
.page_digitalbook .page_wrap .section_header h2,
.page_digitalbook .page_wrap .section_header h1{
padding:0 !important;
}
.section.page_wrap p,
.section.page_wrap ol li{
line-height:23px;
}
.page_wrap .page_content .inner{
width:auto;
}
.section.page_wrap .inner{
padding:0 15px;
}
.section.page_wrap h3{
text-align:center;
}
.section.page_wrap ol li{
margin-left:20px;
}
.page_wrap .page_content ol li > ol{
margin-left:0;
margin-top:20px;
padding-bottom:0;
}
.page_wrap .page_content ol li > ol li{
margin-bottom:15px !important;
}
.about.page_wrap .page_content ol,
.socialmediapolicy.page_wrap .page_content ol,
.page_wrap.privacypolicy .page_content h4 + p{
margin-bottom:40px;
} .page_wrap .page_content ol {
margin:0;
padding-left:0;
}
.page_wrap .page_content ol li > ol{
padding-left:0;
}
.page_wrap .section_header h1{
font-size:2rem;
}   .page_wrap.store .section_header h2{
font-size:2rem;
}
.page_wrap.store .inner{
padding:0;
}
.page_wrap.store p.first{
margin:-40px 15px 20px;
}
.page_wrap.store .store_list{
border-width:1px 0 0 0;
}
.page_wrap.store .store_list li{
padding:19px 15px;
border-width:0 0 1px 0;
}
.page_wrap.store .store_list li div:first-child{
width:auto;
float:none;
margin:0 0 15px;
line-height: 22px;
}
.page_wrap.store .store_list li div:first-child a:after{
background-image:url(//tokyoteshigoto.tokyo/jp2017/wp-content/themes/tokyoteshigoto2020/assets/images/smart-icon-blank.png);
background-size:9px auto;
width:9px;
height:8px;
margin-bottom:2px;
}
.page_wrap.store .store_list li div:last-child{
width:auto;
float:none;
line-height:1.3;
}
.page_wrap.store .store_list li div:last-child p{
line-height:22px;
margin-bottom:0;
}
.page_wrap.store .store_list li div:last-child span{
display:block;
margin-top:10px;
font-size:1.2rem;
}
.page_wrap.store .store_list li div:last-child p.goods:before{
width:150px;
text-align:center;
padding:10px 0;
margin-bottom:15px;
}
.page_wrap.store .store_list li div:last-child p.goods{
line-height:18px;
} .page_wrap .page_content ol li:not(:last-child){
margin-bottom:22px;
}
.page_wrap.privacypolicy .page_content h4{
margin-bottom:20px;
padding-top:10px;
line-height:30px;
}
.page_wrap.privacypolicy .page_content h3{
line-height:30px;
font-size:2rem;
}
.page_wrap.privacypolicy .page_content h5{
margin-bottom:15px;
}
.page_wrap.privacypolicy .page_content p + h5{
margin-top:40px;
}
.page_wrap.privacypolicy .page_content .sp_table{
overflow:scroll;
margin:30px 0;
}
.page_wrap.privacypolicy .page_content .sp_table .inner{
width:800px;
}
.page_wrap.privacypolicy .page_content .sp_table table *{
line-height:24px;
}
.page_wrap.privacypolicy .page_content .sp_table table td:first-child{
width:2%;
} .socialmediapolicy.page_wrap .page_content ol ol{
margin-bottom:0;
}
.section.sitemap .section_header,
.socialmediapolicy.page_wrap .section_header{
margin-bottom:30px;
}
.socialmediapolicy.page_wrap .section_header h1{
font-size:2rem;
}
.socialmediapolicy.page_wrap .page_content p.first{
margin:0 0 30px;
}
.socialmediapolicy.page_wrap .page_content ol li > ol{
margin-top:0;
}
.socialmediapolicy.page_wrap .page_content ol:last-child{
margin-bottom:0;
} .sitemap_wrap{
padding-bottom: 0;
width:auto !important;
}
.sitemap_wrap ul{
width: auto;
float: none;
padding: 0 15px 30px;
width:  100%;
box-sizing:  border-box;
}
.sitemap_wrap ul.fwnormal.graycolor{
padding-bottom: 0;
}
.sitemap_wrap li:not(:last-child){
margin-bottom: 30px;
}
.section.sitemap .section_header h1{
padding-bottom:0;
padding-top:30px;
margin-bottom:0;
font-size:2rem;
}
.sitemap_wrap li a{
padding-left:15px;
}
.sitemap_wrap li a:before {
width: 4px;
height: 4px;
border-width: 1px 1px 0 0;
margin-left: 0;
left: 0;
} .page_event .event .box{
margin: 0;
}
.page_event .wp-pagenavi{
margin-top: -40px;
} .page_product .page_mainimage{
margin-bottom: 0;
}
.page_product .section .inner{
padding-bottom: 0;
}
.tax_filter{
margin-bottom:0;
background:#fff;
}
.tax_filter #taxFilter{
padding:20px 15px ;
border-top:solid 1px #d8d0e1;
border-bottom:solid 1px #d8d0e1;
}
.tax_filter .tax_filter_box_inner{
margin:0 15px 15px;
border:none;
}
.tax_filter .tax_filter_box_inner a{
width:49%;
padding:15px 0;
}
.tax_filter #taxFilter .icon{
right:15px;
top:26px;
}
.tax_filter #taxFilter .icon span{
width:16px;
height:2px;
}
.page_else .page_mainimage{
margin-bottom:0;
} .thanks .page_content .inner{
padding-bottom:40px;
}
.page_contact .page_content{
margin-top:-30px;
}
.page_contact .section .section_header .bread{
margin-left:0;
margin-right:0;
}
.screen-reader-response{
line-height:33px;
}
.contact .form_box_th,
.contact .form_box_td{
display:block;
width:auto;
line-height:20px;
}
.contact .form_box_th{
margin-bottom:15px;
}
.contact .form_box_td{
margin-bottom:30px;
}
.contact .form_box_th.required:after{
height:18px;
line-height:18px;
padding:0 9px;
vertical-align:top;
}
.contact .form_box_td input,
.contact .form_box_td select,
.contact .form_box_td textarea{
line-height:23px;
padding:10px;
width:100%;
border-width:1px;
-webkit-appearance: none;
}
.contact .btn_index input{
-webkit-appearance: none;
}
.contact .form_box_td.inquery textarea{
height:150px;
line-height:23px;
}
.contact .form_box_td.address input{
width:160px;
}
.contact .form_box_accept{
margin-top:0;
}
.contact .page_content{
margin-bottom:45px;
}
.contact .form_box_accept .wpcf7-not-valid-tip{
top: 30px;
left: 0px;
} .page_search .search{
margin-top: 0;
}
.page_search .section_header{
padding:60px 0 0;
}
.page_search .section_header .bread + .inner{
height: 80px;
}
.page_search .section_header .bread + .inner h2,
.page_search .section_header .bread + .inner h1{
line-height: 75px;
font-size:2rem;
padding-top:0;
}
.page_search .section_header + .inner{
margin-top:-40px;
padding-bottom:0;
}
.search h3{
padding: 0 15px;
margin-bottom: 23px;
font-size:1.8rem;
}
.search .search-list{
margin-bottom:0;
}
.search article {
padding: 30px 15px 20px;
}
.search .search-img, .search .search-text{
display: block;
}
.search-list .search-img{
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
.search-list .search-img,
.search-list .search-img img{
width: 117px;
height: 117px;
}
.search .search-text{
padding: 0;
}
.search-excerpt{
clear: both;
}
.search .search-excerpt p{
line-height: 18px;
font-size:1.1rem;
} .section_header h1.single_title {
font-size:2rem;
}
.single_product .section_header .bread + .inner h2,
.section .inner h2,
.is_single .section .inner h2{
font-size:2.3rem;
}
.related_link article span,
.studio .box.box_thumbnail .box_desc_title,
.feature .box .box_desc_date,
.smart_header .lang{
font-size:1.2rem;
}
.footer_bottom a{
font-size:1.3rem;
}
.feature .box.box_thumbnail .box_desc_title,
.movie .box.box_thumbnail .box_title {
font-size:1.4rem;
}
.contact .form_box_th.required:after,
.page_wrap.store .store_list li div:last-child p.goods:before,
.goods_box .goods_text span,
.studio_box ul li p span,
.studio .box.box_thumbnail .box_desc_category a,
.single_category a,
.feature .box .box_desc_category a,
.news .box .box_desc_category a,
.news_category a,
.studio .box .box_desc_category {
font-size:0.9rem;
}
.studio .box .box_desc_category {
color: #999;
line-height: 1.4;
display: block;
padding-top:4px;
}
}
.campaing_bnr{
text-align:center;
}
.page_top .section.campaing_bnr .inner{
padding:60px 0 0;
}
@media only screen and (max-width: 767px) {
.campaing_bnr img{
width:calc(100% - 30px);
}
.page_top .section.campaing_bnr .inner{
padding:75px 0 0;
}
} .concept-txt {
padding: 3%;
background: url(//tokyoteshigoto.tokyo/jp2017/wp-content/uploads/2025/04/024_TextBack.png) no-repeat;
background-position: left bottom;
background-size: 30%;
position: relative;
z-index: 1;
}
.concept-txt::before {
content: "";
display: inline-block;
position: absolute;
top: 0;
right: 0;
width: 40%;
height: 15em;
background: url(//tokyoteshigoto.tokyo/jp2017/wp-content/uploads/2025/04/024_TextBack2.png) no-repeat;
background-size: contain;
background-position: right top;
z-index: -1;
}
.page_wrap .page_content .inner {
width: 100%;
max-width: 880px;
height: auto;
}
.page_wrap.concept .page_content img {
width: 100%;
height: auto;
} .single_studio .section .inner .single_content_text h2,
.single_studio .section .inner .single_content_text h3 {
font-size: 2.1rem;
margin-top: 25px;
margin-bottom: 20px;
text-align: left;
font-weight: bold;
}