body {
  font-family: YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', "Source Code Pro", Courier, "Courier New", monospace;
  letter-spacing: .01em;}

.display-none {display: none !important;}

.txac {text-align: center;}
.mgt-0 {margin-top: 0 !important;}
.mgt-70px {margin-top: 70px !important;}
.mgt-0_5em {margin-top: .5em !important;}
.mgl-0 {margin-left: 0 !important;}
.mgb-0 {margin-bottom: 0 !important;}
.mgb-70px {margin-bottom: 70px !important;}
.mgb-1em {margin-bottom: 1em !important;}
.mgb-1_5em {margin-bottom: 1.5em !important;}
.mgb-2_5em {margin-bottom: 2.5em !important;}
.mgr-0 {margin-right: 0 !important;}
.pdt-0 {padding-top: 0 !important;}
.pdl-0 {padding-left: 0 !important;}
.pdb-0 {padding-bottom: 0 !important;}
.pdr-0 {padding-right: 0 !important;}

.fs-14px {font-size: 14px !important;}
.fs-16px {font-size: 16px !important;}
.fs-24px {font-size: 24px !important;}
.fs-35px {font-size: 35px !important;}
.fs-40px {font-size: 40px !important;}

.thb-overlay-dark .thb-slide-caption .thb-caption-inner-wrapper > div.thb-heading h1 {
  display: inline-block;
  border-style: solid;
  border-width: 6px;
  border-color: #fff;
  padding: 18px 38px;
  color: #FFF;
}

.white h1, .white p {color: #fff}
.shadow h1, .shadow p {text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);}
.thb-work-overlay {background-color: rgba(130,202,156,0.8)}

.menu-container.inline .main-navigation ul li a {line-height: 47px;}
.home .scrolled .menu-container.inline #main-nav ul.menu > li > a {color: #222;}

.thb-menu-inline-fixed #header,
no.thb-menu-inline-fixed.thb-header-fit #header,
no.thb-menu-inline-fixed.thb-header-extended #header{
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	transition: background 0.3s linear;}

.thb-menu-inline-fixed #header.scrolled, 
.thb-menu-inline-fixed.thb-header-fit #header.scrolled, 
.thb-menu-inline-fixed.thb-header-extended #header.scrolled {
  background-color: rgba(255,255,255,0.97);}


/* HOME */
.sidebar-left .thb-portfolio-wrapper {
  width: 64.22764%;
  margin-left: 1.21951%;
  margin-right: 1.21951%;
  float: right;
  display: inline;
  position: relative;}

.go-works, .home .thb-portfolio-filter-wrapper, .home .genre-links, #thb-sidebar-home {display: none !important;}

.home #thb-sidebar-home { width: 22.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline !important; position: relative;}

.home .go-works {
  width: 97.56098%; 
  margin-left: 1.21951%; 
  margin-right: 1.21951%; 
  float: right; 
  display: inline !important; 
  position: relative; 
  margin-bottom: 28px;}
.home .go-works h3 {float: left; font-size: 16px; line-height: 1; font-weight: 700;}
.home .go-works a {float: right;}

.toworks {display:block; margin-top: 0.5em; margin-bottom: 0.5em; color: #fff;}

/* Works */
#thb-portfolio-filter ul {display: inline-block; }
#thb-portfolio-filter a, #thb-portfolio-filter li {color: #333;}
.genre-links h3 {margin-top: 76px; font-weight: bold;}

.thb-portfolio-filter-wrapper {width: 97.56098%;margin-left: 1.21951%;margin-right: 1.21951%;float: left;display: inline;position: relative;}
.works-hf .thb-grid-layout { width: 97.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative; }

#thb-portfolio-filter {margin-bottom: 48px; margin-right: 96px; float: left;}
#thb-portfolio-filter h3 {margin-bottom: 24px;}
#thb-portfolio-filter li {display: inline-block; float: none; clear: none; margin-left: 12px; margin-bottom: 0;}

.page-template-template-photogallery-php .page-subtitle {text-align: right;}
.page-template-template-photogallery-php .page-subtitle a { font-size: 18px; font-weight: 300; color: #bbb}


/* Portfolio Single */
.works_info li {list-style-type: none !important; margin-top: .75em !important; margin-bottom: .75em !important;}
.works_info li span:first-child:before {
  content: "\f105";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  padding-right: .5em;}
.works_info li span:first-child {width: 6em; display: table-cell; color: #555; vertical-align: top;}
.works_info li span:last-child {padding-left: 1.5em; display: table-cell; font-weight: normal; color: #333;}
.gist {padding-bottom: .35em;}
.gist_p {padding-left: .9em;}


/* Custom Page Header Style */
.thb-header-extended.parallax-container-after-header #header {background-color: rgba(255,255,255,0.97);}
.thb-header-extended.parallax-container-after-header .parallax-container {margin-top: 96px; height: 28em;}
.thb-header-extended.parallax-container-after-header .parallax-container .parallax-item {
  min-height: 100% !important;
  height: 100% !important;}
.thb-header-extended.greyscal-parallax-item .parallax-container .parallax-item {  
  background-color: #828484;
  background-blend-mode: multiply;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,#grayscale");
  filter: gray;
  -webkit-filter: grayscale(1);}

.dark-header .thb-slide-caption .thb-caption-inner-wrapper > div.thb-heading h1 {color: #fff; border-bottom-color: #949494;}
.dark-header .thb-caption {color: #ddd;}

.no-pageheader-fit-detail .pageheader-fit-detail {display: none !important;}

/* FontAwesome List Style */
.fa-ul li {list-style-type: none !important; padding-left: 1.5em;}
.fa-ul li:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  padding-right: .5em;
  color: #82CA9C;
  margin-left: -1.5em;}
.fa-ul.check li:before {content: "\f00c";}
.fa-ul.check-square li:before {content: "\f14a";}
.fa-ul.certificate li:before {content: "\f0a3";}
.fa-ul.file-text-o li:before {content: "\f0f6";}
.fa-ul.files-o li:before {content: "\f0c5";}
.fa-ul.fa-black li:before {color: #000;}
.no-fa:before {display: none !important;}

/* Page Section Primary Style */
.thb-text section {padding: 4em 0;}
.thb-text section h2 {color: #333; font-size: 49px; font-weight: normal; letter-spacing: .25em; margin-bottom: 1.5em;}
.copy {font-size: 16px; line-height: 1.6; }
.copy h3 {}
.copy h4 {color: #555; letter-spacing: .15em; margin-top: 2em;}

/* Fullwidth Section */
  .fullwidth-section .inner-wrapper {max-width: 100%; margin-left: auto; margin-right: auto; padding: 0;}
  .fullwidth-section.thb-full-width #page-content {width: 100%; margin-left: auto; margin-right: auto; float: left; display: block; position: relative;}
  
  .fullwidth-section .thb-text section {position: relative; width: auto; height: auto; padding: 6em 0;}
  .fullwidth-section .section-inner {max-width: 1032px; margin-left: auto; margin-right: auto;}
  .fullwidth-section .section-inner:after {content: ""; display: table; clear: both;}
  .fullwidth-section .section-content {width: 97.56098%; margin-left: 1.21951%; margin-right: 1.21951%; float: left; display: inline; position: relative;}

/* Proposition */
#flow {background: /*#fafafa*/;}
#flow .owl-wrapper-outer {background: rgba(250,250,250,1);
background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(247,247,247,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(250,250,250,1)), color-stop(100%, rgba(247,247,247,1)));
background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(247,247,247,1) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(247,247,247,1) 100%);
background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(247,247,247,1) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(247,247,247,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f7f7f7', GradientType=0 );}
#flow-title {background: /*#fafafa*/;}
#flow-bottom {background:/* #fafafa*/;}
.fullwidth-section .thb-text section#flow  {padding: 6em 0 3em;}

.owl-item > .section-inner > .section-content {
  /*background: #fff;*/
  padding: 30px 0px;
}
/*#flow-4 {background: url(https://misuzusekkei.com/wp/wp-content/uploads/2015/06/drafting2.png) no-repeat right top; background-size: contain;}*/


#flow .owl-wrapper-outer:after {
  display: block;
  content: " ";
  width: 100%;
  height: 2px;
  background: url(https://misuzusekkei.com/wp/wp-content/uploads/2015/06/shadow_1140px_u4px.png) no-repeat bottom center;
  background-size: contain;
  position: absolute;
  bottom: 0;}
#flow .owl-controls:before {
  display: block;
  content: " ";
  width: 100%;
  height: 10px;
  background: url(https://misuzusekkei.com/wp/wp-content/uploads/2015/06/shadow_1140px_d20px.png) no-repeat top center;
  background-size: contain;
  position: relative;
  top: 0;}
#flow .owl-item .copy {padding-left: 253px /* 153+25+30+15+20 */; padding-right: 55px /* 25+30 */;}
#flow .copy {min-height: 230px}
#flow .copy > * {position: relative; z-index: 5;}
#flow h3.number {
  font-family: 'Merriweather', serif;
  position: absolute !important;
  font-size: 250px;
  line-height: 1em;
  font-weight: 900;
  margin: 0;
  color: #CCC;
  z-index: 1 !important;
  top: 50%;
  left: 40px;
  margin-top: -.5em;}
#flow .copy h4 {margin-top: 0;}
#flow .fa-ul {margin-left: 1em}

#flow h4, #flow h5 {margin-bottom: 1em !important;}

.owl-theme .owl-controls {margin-top: 0;}
.owl-pagination {position: relative; bottom: -1em;}
.owl-buttons {position: absolute; top: 50%;  width: 100%;}
.owl-theme .owl-controls .owl-buttons div {position: absolute; background: none; padding: 0; margin: 0; height: 0;}
.owl-theme .owl-controls .owl-buttons .owl-prev {left: 0;}
.owl-theme .owl-controls .owl-buttons .owl-next {right: 0;}
.owl-theme .owl-controls .owl-buttons div:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  font-size: 70px;
  line-height: 1em;
  margin-top: -98px;
  color: #ccc;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  transition: opacity 1s linear;}
.owl-theme .owl-controls .owl-buttons div:before:hover {opacity: 1;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:before {content: "\f104"; margin-left: 30px;}
.owl-theme .owl-controls .owl-buttons div.owl-next:before {content: "\f105"; margin-right: 30px;}

#flow .owl-item #flow-10 .copy {padding: 0;}
#flow-10 .su-button-center {margin-top: 70px;}

/* Table Style */
.table-wrapper {}
.table-content {}
.table-tr {padding-top: 60px;}
.table-tr:last-child {padding-bottom: 80px;}
.mfp-content .table-tr:first-child, .print-style .table-tr:first-child {padding-top: 0px;}

.table-content h4, .copy .table-content h4 {
  font-size: 25px;
  line-height: 1.08;
  letter-spacing: 0em;
  font-weight: 400;
  color: #333;
  margin-top: 0;
  margin-bottom: 5px;
  padding-top: 0;
  padding-bottom: 11px;
  border-bottom: 1px solid #D6D6D6;
}
.table-content h5, .copy .table-content h5 {
  font-size: 14px;
  line-height: 1em;
  font-weight: 700;
  color: #555;
  margin-top: 9px;
  margin-bottom: .5em;
}
.table-content .su-row {padding: 6px 0;}
.table-content .fa-ul {margin-left: 0em;}

/* Shortcode Ultimate */
.mfp-content .su-lightbox-content {display: block !important;}
.su-lightbox-content {
  width: 80% !important;
  margin: 60px auto !important;
  overflow: scroll;}
.su-button-style-ghost span {border-width: 3px; border-style: solid;}
.su-button-style-ghost:hover span {color: #FFF !important; background-color: #333 !important; border-color: #333 !important;}
.su-button-style-ghost:hover span i {color: #fff !important;}
/*.su-button span span {display: inline-block !important;}*/

/* Print Style */
.print-style .table-content {font-size: 14px;}
.print-style .table-tr {padding-top: 10px; padding-bottom: 40px; page-break-inside: avoid;}
.print-style .table-tr:last-child {padding-bottom: 0;}
.print-style .fa-ul li:before {color: #555;}
.print-style .table-content h4, .print-style .copy .table-content h4 {font-size: 21px;}
.print-style .thb-text h2 {padding-top: 1em;}
.print-style .mb-smtxt {font-size: 12px;}
.print-style .print-horizontal-list li {display: inline-block; margin-right: 2em;}
.print-style .thb-scrollup {display: none !important;}

/****************************************************************************************/
/* Viewport                                                                             */
/****************************************************************************************/

/* Wide Desktop*/
@media screen and (min-width: 1032px) {
  .works-hf #thb-portfolio-filter h3, .works-hf ul#filterlist {display: inline-block; float: none; clear: none;}
  .works-hf ul#filterlist {margin-left: 12px;}
  .works-hf .genre-links h3 {margin-top: 28px;}
  .works-hf #thb-portfolio-filter ul {margin-left: 12px;}
}

/* All Desktop and Horizontal Tablet */
@media screen and (min-width: 768px) {
  .only-mobile {display: none !important;}
  .not-center-desktop {text-align: inherit !important;}
  .not-center-desktop-button {position: absolute; left: 0;}
  
  .print-style #main-container {background: #f4f4f4;}
  .print-wrapper {padding: 50px; background: #fff;}
  .print-style .thb-text {padding: 0 5%;}
  
  .home #header { background: rgba(255,255,255,1);}
  .home #page-content-anchor {margin-top: -84px!important; padding-top: 154px;}
  .home .parallax-container .parallax-inner {margin-top: 48px;}
}

/* Special Square Logo Setting */
@media screen and (max-width: 1060px) and (min-width: 769px) {
  #logo {width: 48px; overflow: hidden;}
  #logo a {background-size: cover !important; background-position-x: 0 !important;}
  #logo a img {max-width: none; width: 210px; height: 48px;}
}

/* Narrow Desktop to All Tablet */
@media screen and (max-width: 1031px) and (min-width: 768px) {  
  .home .go-works {width: 93.75%; margin-left: 3.125%; margin-right: 3.125%; float: left;display: inline;position: relative;}
  .responsive_768 .home .thb-slide-caption .thb-slide-caption-wrapper {width: 84.75%;}
  .responsive_768 .home.sidebar-left .thb-portfolio-wrapper { width: 60.41667%; margin-left: 3.125%; margin-right: 3.125%; float: right; display: inline; position: relative;}
  .responsive_768 .home.thb-portfolio-filter-top #thb-grid-layout, .home .go-works {width: 100%; margin-left: 0; margin-right: 0; float: left; display: inline; position: relative;}
  .responsive_768 #thb-sidebar-home {width: 27.08333%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative;}
  
  .responsive_768 .fullwidth-section .section-content {width: 93.75%; margin-left: 3.125%; margin-right: 3.125%; float: left; display: inline; position: relative;}
  
  .single-works #single-work-container .back-to-portfolio {margin-bottom: 2em;}
  .works_info li {
    list-style-type: none !important;
    margin-top: 1em !important;
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 1em;}
  .works_info li:last-child {border-bottom: none; padding-bottom:0;}
  .works_info li span:first-child {display: block; padding-bottom: .35em;}
  .works_info li span:last-child {display: block; padding-left: 0.9em;}
}

/* Disable Fullscreen on Vertical Window Desktop */
@media screen and (max-width: 1322px) and (min-width: 1032px) and (min-height: 1032px) {
  .home .thb-menu-inline-fixed #header {margin-bottom: 0;}
  .home .parallax-container {height: 774px !important; margin-top: 96px;}
  .home .parallax-container .parallax-inner {margin-top: 0px;}
}
@media screen and (max-width: 1031px) and (min-width: 768px) and (min-height: 1031px) {
  .thb-menu-inline-fixed #header {margin-bottom: 0;}
  .parallax-container {height: 576px !important; margin-top: 96px;}
  .home .parallax-container .parallax-inner {margin-top: 0px;}
}

/* Vertical Tablet and Mobile Device */
@media screen and (min-device-aspect-ratio: 3/4) and (max-device-aspect-ratio: 1/1) and (max-width: 768px) {
  .responsive_480 .home .thb-menu-inline-fixed #header {margin-bottom: 0;}
  .responsive_768 .home .parallax-container {height: 432px !important; margin-top: 96px;}
  .home .parallax-container .parallax-inner {margin-top: 0px;}
}

/* All Mobile */
@media screen and (max-width: 767px) {
  .only-mobile {display: block !important;}
  .only-desktop, .not-mobile {display: none !important; visibility: hidden !important; height: 0 !important;}
  .m-mgt-0 {margin-top: 0 !important;}
  .m-mgt-35px {margin-top: 35px !important;}
  .m-mgt-70px {margin-top: 35px !important;}
  .m-mgr-0 {margin-right: 0 !important;}
  .m-mgb-0 {margin-bottom: 0 !important;}
  .m-mgl-0 {margin-left: 0 !important;}
  .mb-smtxt {font-size: .75em !important;}
  
  .responsive_480 #logo {max-width: 70%;}
  .home .go-works {width: 85%;margin-left: 7.5%;margin-right: 7.5%;float: left;display: inline;position: relative;}
  .responsive_480 .home.sidebar-left .thb-portfolio-wrapper {clear: both; width: 100%; float: left; margin: 0;}
  .responsive_480 #thb-sidebar-home {width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative; margin-top: 70px;}
  .responsive_480 .fullwidth-section .section-content {width: 85%; margin-left: 7.5%; margin-right: 7.5%; float: left; display: inline; position: relative;}
  
  .responsive_480 .thb-portfolio-filter-wrapper #thb-portfolio-filter li {margin-left: 0; margin-right: 1em; line-height: 2em;}
  
  .post.hentry .item-header h1 {margin-bottom: 2em;}
  .thb-text {margin-bottom: 0;}
  
  .thb-text section h2 {font-size: 35px; letter-spacing: 0.025em;}
  
  #flow .fa-ul {margin-left: 0em;}
  #flow h4, #flow h5 {margin-bottom: 0.5em !important;}
  .fullwidth-section .thb-text section#flow {padding: 3em 0;}
  #flow .owl-item .copy {padding-left: 0px; padding-right: 0px;}
  #flow h3.number {
    position: relative !important;
    font-size: 90px;
    margin-bottom: 21px;
    margin-top: 0; 
    top: inherit;
    left: inherit;
    text-align: center;}
  #flow .owl-item .fa-ul > li {line-height: 1.25;}
  .owl-pagination {bottom: 0px; margin-left: 7.5%; margin-right: 7.5%; text-align: left;}
  .owl-buttons {top: 0%;}
  .owl-theme .owl-controls .owl-buttons div:before {margin-top: 80px;}
}
/* Vertical Mobile */
@media screen and (max-width: 480px) {
  .not-mobile-v {display: none !important; visibility: hidden !important; height: 0 !important;}
  .mv-mgt-0 {margin-top: 0 !important;}
  .mv-mgt-35px {margin-top: 35px !important;}
  .mv-mgt-70px {margin-top: 35px !important;}
  .mv-mgr-0 {margin-right: 0 !important;}
  .mv-mgb-0 {margin-bottom: 0 !important;}
  .mv-mgl-0 {margin-left: 0 !important;}
  .mv-smtxt {font-size: .75em !important;}
  
  .responsive_480 .home .parallax-container {height: 280px !important; margin-top: 96px;}
  .responsive_480 .home .pageheader-fit-detail {display: none !important;}
  
  #flow .copy h4 {text-align: center;}
  #flow-10 .su-button-center {margin-top: 260px;}
  #flow .owl-wrapper-outer:after, #flow .owl-controls:before {background-size: cover;}
}
/* Print Styles */
@media print {
  html, body {background: #fff;}
  #header, .footer-wrapper {display: none !important;}
  .inner-wrapper {margin-top: 0!important; padding-bottom: 0!important;}
  .thb-single-work-layout-column .work-details, .thb-single-work-layout-column .work-slides-container {width: 93.75%; margin-left: 3.125%; margin-right: 3.125%; float: left;display: inline;position: relative;}
  .single-works #single-work-container .back-to-portfolio {display: none;}
  #single-work-container .thb-single-work-layout-column .work-details {margin-bottom: 5em;}
  .thb-work-permalink a:before {content:"カテゴリ";display:block; font-size:14px;width:5em;}
  .item-thumb img {max-height: 100%; page-break-inside: avoid;}
  
  .thb-images-container {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;}
  .item-thumb img {vertical-align: top;}
  #single-work-container .item-thumb {display: inline-block; }
  
  .print-style #main-container {background: #fff;}
  .print-wrapper {padding: 0 2em; background: #fff;}
  
  .print-style .thb-text {padding: 0 0;}
  .print-style .no-print {display: none;}
  .print-style .su-column-size-3-5 {width: 45.4%;}
  .print-style .su-column-size-1-5 {width: 23.3%;}
  .print-style .su-column-size-2-5 {width: 50.6%;}
  .print-style .custom-width-f8 {width: 70.2%;}
  .print-style .custom-width-f9 {width: 100%; margin: 0 !important;}
  .print-style .thb-text ul li {line-height: 1.333;}
}