@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&family=Noto+Serif+JP:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Scheherazade:wght@400;700&display=swap');



body {

/*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;*/
font-family: 'Noto Sans JP', serif;
font-family: 'Noto Serif JP', serif;
color: #000;
font-size: 14px;
font-size: 16px;
background: #fff;
font-weight: 300;
margin: 0;
line-height:1.8;
-webkit-text-size-adjust: 100%;
/*font-feature-settings: "palt" !important;*/
/*text-align:justify;*/
letter-spacing: 0.1em;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
margin-top: 0;
font-weight: normal;
color: #333;
}

h2 {
font-size:24px;
}

h3 {
font-size:21px;
}

h4 {
font-size:18px;
}


p {
font-weight:normal;
font-size:14px;
line-height:1.8;
}

.b {
font-weight: 700;
}


a {
color: #666;
}

a:focus, *:focus {
outline:none;
}

.clearfix {
clear:both;
}

/* MARGIN ===================*/

.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb150 {margin-bottom:150px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}



/* TEXT ===================*/

.t10 {font-size:10px !important;line-height: 1.6!important;}
.t12 {font-size:12px !important;line-height: 1.6!important;}
.t14 {font-size:14px !important;}
.t16 {font-size:16px !important;}
.t18 {font-size:18px !important;}
.t21 {font-size:21px !important;}
.t24 {font-size:24px !important;}
.t28 {font-size:28px !important;}
.t32 {font-size:32px !important;}

.t12b {font-size:12px; font-weight: 500; }
.t14b {font-size:14px; font-weight: 500; }
.t16b {font-size:16px; font-weight: 400; }
.t18b {font-size:18px; font-weight: 400; }
.t21b {font-size:21px; font-weight: 400; }
.t24b {font-size:24px; font-weight: 400; }
.t28b {font-size:28px; font-weight: 400; }
.t32b {font-size:32px; font-weight: 400; }



/* LINK  ===================*/

a{
outline: none;
}

a:focus{
outline: none;
}

a:link {
color: #666;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

a:visited {
color: #666;
text-decoration: none;
}

a:hover {
color: #666;
text-decoration: none;
}



/* BUTTON */

a.link-line-btn {
text-align: center;
max-width: 300px;
font-size: 14px;
line-height: 1;
color: #fff;
display: block;
text-decoration: none;
margin: 0 auto 0;
padding:15px 10px 15px;
border: solid 2px #000;
background: #000;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

a.link-line-btn:hover {
background: none;
text-decoration: none;
border: solid 2px #000;
color: #000;
}



/* FORM */

input,textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}


/* FOOTER */

.footer {
padding: 0;
color: #999;
text-align: center;
background-color: #000;

}



/* IMAGE ==================== */

.size-full,
.size-large,
.size-medium {
display: block;
max-width: 100%;
height: auto;
}

hr {
margin:0;
border-top:solid 1px #000;
}

.photo-right {
width:100%;
height: auto;
}


/* ===================================================*/
/* XXS ===============================================*/
/* ===================================================*/


/* NAVI =====================================*/

.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 5px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}

.navbar-default {
background-color: #fff;
border-color: #fff!important;
border: none;
font-family: 'Noto Serif JP', serif;

}

.nav .active {
background: #fff !important;
border-bottom: solid 2px #000;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #fff;
}

.navbar-collapse {
/*
padding-right: 20px;
padding-left: 20px;
*/
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
}



/* LAYOUT =====================================*/

.container-fluid {
padding: 30px;
margin-right: auto;
margin-left: auto;
max-width: 1060px;
max-width: 1260px;
background: none;
overflow: hidden;
}

.container {
 max-width: 1000px!important;
padding-left: 10px;
padding-right: 10px;
}

#container-wrap {
padding: 0;
margin-right: auto;
margin-left: auto;
max-width: 1080px;
background:#fff;
}

.flex-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}



/* HEADER =====================================*/

.site-header{
position: fixed;
top: 0;
transition: .5s;
width: 100%;
z-index: 999;
}

.site-header.hide-header{
transform: translateY(-100%);
}

.logo-header {
margin-top: 10px;
margin-bottom:0px;
padding-left: 10px;
padding-right: 10px;
max-width: 1260px;
margin: 0 auto 0;
}

.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
padding: 10px 0;
font-size: 18px;
line-height: 20px;
display: block;
}

.navbar-brand-100 {
float: left;
height: 60px;
padding: 15px 15px;
padding: 10px 0;
font-size: 18px;
line-height: 20px;
display: block;
}

.header-inner {
}

.header-issue {
text-align: right;
line-height:1;
font-family: 'Scheherazade', serif;
font-size: 24px;
padding-top:20px;
line-height:1;
}

.issue-vol {
padding-right: 10px;
}

.issue-number {
font-family: 'Scheherazade', serif;
font-size: 50px;
line-height:0.5;
letter-spacing: 0;
/*font-feature-settings:"palt" 1!important;*/
}

.header-date {
font-family: 'Scheherazade', serif;
text-align: right;
font-size: 16px;
line-height:1;
margin-top: 0px;
margin-bottom:10px;
}



/* NAVI =====================================*/

.navbar-right {
float: right !important;
margin-right: 0px;
padding-left: 30px;
display: flex;
}

.navbar-nav {
margin: 7.5px -15px;
margin: 0;
}

.navbar-nav > li > a {
padding: 22px 30px 15px 0 ;
font-family: 'Scheherazade', serif;
font-size: 26px;
}

.navbar-right  > li > a {
padding: 13px 0px 15px 10px;
font-family: 'Scheherazade', serif;
font-size: 26px;
}

.nav.navbar-nav {
margin-left: 20px;
}

.nav.navbar-nav.navbar-right {
/*float: left !important;*/
margin-left: 0px;
}

.navbar-header-border {
border-top: solid 2px #000;
border-bottom: solid 1px #000;
}

.navbar-collapse {
max-width:1260px;
padding: 0 10px;
margin: 0 auto 0;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
margin-right: -10px;
margin-left: -10px;
}

.fa-facebook {
font-size: 24px!important;
margin-top:-4px;
}


/* BOGO */

ul.bogo-language-switcher {
float:left!important;
padding-left: 0px!important;
}

ul.bogo-language-switcher li{
font-size: 26px!important;
font-family:Scheherazade, serif;
display: inline-block;
color: #ccc!important;
padding-left: 20px;
}

ul.bogo-language-switcher li a{
font-size: 26px!important;
font-family:Scheherazade, serif;
color: #000!important;
font-weight: 300;
}



/* FOOTER ============================== */

.footer {
overflow: hidden;
}

.footer-logo-wrap {
margin: 0;
padding: 0;
background: #333333;
}

.footer-logo-inner {
max-width: 1000px;
margin: 0 auto 0;
}

.footer-wrap {
padding: 10px 0;
max-width: 1000px;
margin: 0 auto 0;
text-align: left;
}

.footer-wrap p{
font-size: 11px!important;
color: #fff;
}

.footer-wrap a{
color: #fff;
}



/* ================================================*/
/* TOP PAGE =======================================*/
/* ================================================*/

.toppage {
margin: 140px auto 0;
}

.top-unisquare-title2 {
width:100%;
color:#fff;
padding:20px 20px 20px 20px;
position:absolute;
bottom:0;
font-feature-settings:"palt" !important;
}

.img-caption {
display:block;
font-size: 10px;
color:rgb(225,225,225,0.3);
font-family:sans-serif;
letter-spacing:0;
text-align:right;
margin-top:10px;
}

.img-caption2 {
display:block;
font-size: 10px;
color:rgb(225,225,225,0.3);
font-family:sans-serif;
letter-spacing:0;
text-align:right;
margin-bottom:10px;
}

/* TOP UNI-SQUARE ====================*/

.top-uni-square-box {
margin-bottom: 100px;
margin-bottom: 80px;
}

.top-uni-square {
border-top: solid 1px #000;
/*margin-bottom: 100px;*/
}

.top-uni-square h2 {
font-family: 'Scheherazade', serif;
font-size: 52px;
padding: 15px 0 35px;
line-height: 1;
}

h2.unisquare {
border-top: solid 1px #000;
font-family: 'Scheherazade', serif;
font-size: 52px;
padding: 15px 0 35px;
line-height: 1;
}

.top-uni-square-img-wrap {
position: relative;
background: #ff0000;
}

.top-uni-square-img-gra {
position: absolute;
width: 100%;
height: 200px;
background: linear-gradient(to bottom,rgba(0,0,0,0) calc(100% - 200px),rgba(0,0,0,0.5));
z-index:10;
bottom: 0;
}

.top-uni-square a img{
filter: opacity(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-uni-square a:hover img{
filter: opacity(40%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-uni-square a:hover .top-image-title{
filter: opacity(40%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-uni-square-img {
height: 100%:
}

.top-uni-square-title {
font-family: 'Noto Serif JP', serif;
padding: 0 15px 10px;
position: absolute;
color: #fff;
z-index:10;
font-size: 18px;
line-height: 1.4;
bottom: 0;
letter-spacing: 0em;
font-feature-settings: "palt";
}

.top-uni-square-text-wrap {
position: relative;
height: inherit;
}

.top-uni-square-text-wrap-gra {
position: absolute;
width: 100%;
height: auto;
background: linear-gradient(to bottom,rgba(255,255,255,0) calc(100% - 100px),rgba(255,255,255,1));
z-index:10;
bottom: 0;
}

.top-uni-square-text {
margin-top: 40px;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
font-weight: 400;
font-size: 16px;
line-height: 1.8;
z-index:1;
}



/* COMMENT ==========*/

.top-comment {
}

.top-comment h2{
border-top: solid 1px #cf2c25;
padding-top:15px;
color: #cf2c25;
font-size: 32px!important;
font-weight: 600;
}

.comment-wrap {
width: calc(100% - 10px);
margin-bottom:60px;
}

.comment-item-text {
line-height: 1.8;
font-size: 16px;
}

.comment-item-name {
font-size: 14px;
font-weight: bold;
text-align: right;
}

.comment-item {
position: relative;
margin: 0 auto;
padding: 25px 30px;
font-size: 16px;
line-height: 1.3;
background-color: #fff;
border-radius: 10px;
-webkit-filter:drop-shadow(3px 3px 7px rgba(207,44,37, 0.9));
-moz-filter:drop-shadow(3px 3px 7px rgba(207,44,37, 0.9));
-ms-filter:drop-shadow(3px 3px 7px  rgba(207,44,37, 0.9));
filter:drop-shadow(3px 3px 7px gba(207,44,37, 0.9));
}

/*
.comment-item::after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 20px solid transparent;
border-bottom-color: #fff;
}

.comment-item-top-left::after  {
top: -20px;
left: 50px;
margin-left: -15px;
transform: rotate(-90deg) ; 
}

.comment-item-top-right::after  {
top: -20px;
right: 40px;
margin-left: -15px;
transform: rotate(90deg) ; 
}
*/


/* TOP MESSAGE ====================*/

.top-message {
border-top: solid 1px #000;
/*margin-bottom: 100px;*/
}

.top-message h2 {
font-family: 'Scheherazade', serif;
font-size: 52px;
padding: 13px 0 35px;
line-height: 1;
}

.top-message-img-wrap {
position: relative;
background: #ff0000;
}

.top-message-img-gra {
position: absolute;
width: 100%;
height: 200px;
background: linear-gradient(to bottom,rgba(0,0,0,0) calc(100% - 200px),rgba(0,0,0,0.5));
z-index:10;
bottom: 0;
}

.top-message a img{
filter: opacity(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-message a:hover img{
filter: opacity(40%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-message-img {
height: 100%:
}

/*
.top-message-title {
font-family: 'Noto Serif JP', serif;
padding: 0 15px 10px;
position: absolute;
color: #fff;
z-index:10;
font-size: 18px;
line-height: 1.4;
bottom: 0;
letter-spacing: 0em;
font-feature-settings: "palt";
}
*/

.top-unisquare-title2 {
font-family: 'Noto Serif JP', serif;
margin-bottom:0px;
font-size: 21px;
line-height: 1.6;
letter-spacing: 0em;
font-feature-settings: "palt";
}

.top-message-title {
font-family: 'Noto Serif JP', serif;
margin-bottom:20px;
font-size: 21px;
line-height: 1.6;
letter-spacing: 0em;
font-feature-settings: "palt";
}

.top-message-text-wrap {
position: relative;
height: inherit;
}

.top-message-text-wrap-gra {
position: absolute;
width: 100%;
height: 200px;
background: linear-gradient(to bottom,rgba(255,255,255,0) calc(100% - 100px),rgba(255,255,255,1));
z-index:10;
bottom: 0;
}

.top-message-text {
margin-top: 40px;
font-weight: 400;
font-size: 16px;
line-height: 1.8;
z-index:1;
}



/* TOP TOPICS ====================*/

.top-topics {
width: 100%;
border-top: solid 1px #000;
padding-bottom: 0px;
}

.top-topics h2 {
font-family: 'Scheherazade', serif;
font-size: 52px;
padding: 15px 0 35px;
line-height: 1;
}

.top-topics-heading {
font-family: 'Noto Serif JP', serif !important;
margin-top: -10px !important;
font-size: 20px;
line-height: 1.8;
height: 60px;
letter-spacing: 0em;
}

.top-topics-img-wrap {
background: #ff0000;
}

.top-topics-box a img{
filter: opacity(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-topics-box a:hover img{
filter: opacity(40%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-topics-title {
font-family: 'Noto Serif JP', serif;
padding: 10px 0 20px;
margin-bottom: 25px;
font-size: 18px;
line-height: 1.8;
border-bottom: solid 1px #cf2c25;
letter-spacing:0.1em;
}

.top-topics-text-wrap {
position: relative;
height: 150px;
overflow: hidden;
}

.top-topics-text-wrap-gra {
position: absolute;
width: 100%;
height: calc(100% - 24px);
background: linear-gradient(to bottom,rgba(255,255,255,0) calc(100% - 100px),rgba(255,255,255,1));
z-index:10;
bottom: 0;
}

.top-topics-text {
font-family: 'Noto Serif JP', serif;
font-size: 16px;
font-weight: 400;
line-height: 1.8;
z-index:1;
letter-spacing: 0.1em;
}

.top-topics-text p{
  font-size: 16px;
  }
.top-topics-text a{
  word-break: break-all
  }
  .top-topics-text dd{
    line-height: 1.8;
    }

/* TOP ARCHIVE ====================*/

.top-archive-wrap {
background: #f2f2f2;
padding: 0px 0;
}

.top-archive h2 {
font-family: 'Scheherazade', serif;
font-size: 52px;
padding: 20px 0 90px;
line-height: 1;
}

.top-archive-list-wrap {
margin: 0 0 0 0px;
}

.top-archive-article-wrap {
margin-bottom: 30px;
}

.top-archive-img {
}

.top-archive-date {
padding: 20px 0 5px;
font-size: 14px;
}

.top-archive-text {
font-size: 16px;
}

.top-archive-more {
text-align: center;
margin: 50px 0 160px 0;
}

.top-archive-more a {
font-family: 'Noto Serif JP', serif;
font-size: 28px;
color: #cf2c25;
font-weight: bold;
}

.top-archive-more img {
width: 38px;
}



/* ================================================*/
/* PAGE ========================================== */
/* ================================================*/


/* UNI-SIGHT ==========*/

.uni-suare-image-wrap {
width:100%;
height: auto;
position:relative;
}
@keyframes fasion-animation{
  0%{
    opacity: 1;
  }
  30%{
    opacity: 1;
  }
  70%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
.uni-suare-image-wrap.is-fashion {
  max-width: 1040px;
  margin-right: auto;
  margin-left: auto;
  background: url(/uni-sight/wp-content/uploads/2022/09/106_uni_square_main_on_1.jpg) 0 0 no-repeat;
  background-size: cover;
}
.uni-suare-image-wrap.is-fashion2{
  max-width: 1040px;
  margin-right: auto;
  margin-left: auto;
  background: url(/uni-sight/wp-content/uploads/2022/09/106_uni_square_main_on_2.jpg) 0 0 no-repeat;
  background-size: cover;
}
.uni-suare-image-wrap.is-vol108 {
  max-width: 1040px;
  margin-right: auto;
  margin-left: auto;
  background: url(/uni-sight/wp-content/uploads/2022/11/108_uni_square_main_2.jpg) 0 0 no-repeat;
  background-size: cover;
}
.uni-suare-image-wrap.is-vol108 img,
.uni-suare-image-wrap.is-fashion img,
.uni-suare-image-wrap.is-fashion2 img{
  animation-name: fasion-animation;
  animation-duration: 2.5s;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
  animation-direction: alternate;
  animation-fill-mode: forwards;

}

.uni-suare-image-wrap .img-caption {
display:block;
font-size: 10px;
color:rgb(225,225,225,0.3);
font-family:sans-serif;
letter-spacing:0;
text-align:right;
padding: 0 10px 10px;
position:absolute;
width: 100%;
bottom:0;
z-index10;
}

.page-visual-height .img-caption {
display:block;
font-size: 10px;
color:rgb(225,225,225,0.3);
font-family:sans-serif;
letter-spacing:0;
text-align:right;
padding: 0 10px 10px;
position:absolute;
width: 100%;
bottom:10px;
z-index10;
}

.page-visual-height{
position:relative;
max-height:560px;
overflow:hidden;
}

@media print, screen and (min-width : 992px) {
.page-visual-height{
height:100vh;
overflow:hidden;
max-height:840px;
position:relative;
}
}

/* PAGE COMMON ========== */


.page-title-wrap {
margin-top:90px;
margin-bottom:90px;
}

.uni-square-title {
font-size: 24px;
font-weight:500;
line-height:1.8;
}

.uni-square-title {
font-size: 24px;
font-weight:500;
line-height:1.8;
}

.message-title {
font-size: 24px;
font-weight:500;
line-height:1.8;
}

.page-wrap {
max-width: 1000px;
margin: 0 auto 0px;
}

.page-category {
font-family: 'Scheherazade', serif;
text-align: center;
font-size: 21px;
margin-top: 90px;
margin-bottom: 15px;
font-weight: 200;
}

.page-wrap h1 {
font-family: 'Noto Serif JP', serif;
/*font-size: 18px;*/
text-align: center;
/*line-height: 2;*/
font-weight: bold;
}

.page-wrap .lead-text {
font-family: 'Noto Serif JP', serif;
font-size: 14px;
font-size: 16px;
text-align: center;
/*line-height: 2;*/
font-weight: 500;
margin-bottom: 100px;
}

.page-eyecatch {
/*margin-bottom: 100px;*/
}


.page-section-inner h2.heading-h2 {
font-size: 18px !important;
font-weight: blod;
margin-bottom: 20px !important;
text-align: left !important;
}






.page-section {
padding: 50px 0 0 0;
}

.page-section-inner {
max-width: 750px;
margin: 0 auto 0;
}

.page-section-inner.is-max1000 {
max-width: 1000px;
}

.page-section-inner h2 {
font-family: 'Noto Serif JP', serif;
font-weight: 500;
font-size: 21px!important;
text-align: center;
margin-bottom: 40px;
line-height: 1.8;
}

.page-section-inner h3 {
font-family: 'Noto Serif JP', serif;
/*font-weight: 400;*/
font-size: 18px;
/*text-align: center;*/
margin-bottom: 30px;
line-height: 1.8;
}

.page-section-inner img {
margin-bottom: 50px;
}

.page-section-inner p {
-webkit-text-size-adjust: 100%;
/*
font-feature-settings: "palt" !important;
text-align: justify;
text-justify: inter-ideograph;
*/
font-size: 15px;
margin-bottom: 30px;
line-height: 2;
}

.fashion{
  display: grid;
  row-gap: 20px;
  grid-template-areas: "title" "image" "text";
}
.fashion h3{
  grid-area: title;
  padding-bottom: 0;
  margin-bottom: 0;
  position: relative;
}
.fashion h3 span{
  display: inline-block;
  padding-right: 20px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}
.fashion h3::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  background-color: #000;
}
.fashion p{
  grid-area: text;
}
.fashion div{
  grid-area: image;
  text-align: center;
}
.fashion div img{
  margin-bottom: 0;
}


/* LIKE BUTTON ==========*/

.page-comment-btn-wrap {
max-width:750px;
margin: 0 auto 0;
font-weight: 400;
vertical-align: middle;
}

.page-comment-btn-wrap span {
margin-right:5px;
 display: inline-block;
}

.wpulike-heart .wp_ulike_put_text {
padding: 0 5px;
padding: 0!important;
text-transform: uppercase;
font-weight: 600;
color: #757575;
}

.wpulike .wp_ulike_put_text {
font-size: 14px;
font-weight: 600;
line-height: 28px;
padding: 0 10px;
min-width: 30px!important;
}



/* PAGE COMMENT ==========*/

.page-comment {
}

.page-comment h2{
font-family: 'Scheherazade', serif;
padding-top:15px;
/*padding-bottom: 40px;*/
color: #cf2c25;
text-align: center;
font-size: 24px;
font-weight: bold;
}

.page-comment-wrap {
width: calc(100% - 10px);
margin-bottom:30px;
}

.page-comment-item {
background: #fff;
border-radius: 10px;
/*box-shadow: 5px 5px 5px 10px rgba(207,44,37,0.2);*/
box-shadow: 3px 3px 10px 1px rgba(207,44,37,1);
padding: 20px 20px 15px 30px;
margin-bottom: 60px;
}

.page-comment-item-name {
width: 100px;
display: inline-block;
font-size: 14px;
font-weight: bold;
}

.page-comment-item-text {
display: inline-block;
line-height: 1.8;
font-size: 16px;
}

.page-comment-item-like {
width: 160px;
display: inline-block;
line-height: 1.8;
font-size: 16px;
}

.like-send-btn {
border-radius: 20px;
padding: 5px 15px;
color: #fff;
background: #cf2c25;
border: none;
}



/* COMMENT ADD  ===============================*/

.page-comment h3 {
font-size: 14px;
margin-bottom: 50px;
line-height: 1.8;
}

ol.commentlist {
list-style-type: none;
}

ol.commentlist .children{
list-style-type: none;
}

.comment-body {
background: #fff;
border-radius: 10px;
/*box-shadow: 5px 5px 5px 10px rgba(207,44,37,0.2);*/
/*box-shadow: 3px 3px 10px 1px rgba(207,44,37,1);*/
padding: 20px 20px 15px 20px;
margin-bottom:40px;
position: relative;
-webkit-filter:drop-shadow(3px 3px 7px rgba(207,44,37, 0.9));
-moz-filter:drop-shadow(3px 3px 7px rgba(207,44,37, 0.9));
-ms-filter:drop-shadow(3px 3px 7px  rgba(207,44,37, 0.9));
filter:drop-shadow(3px 3px 7px gba(207,44,37, 0.9));
}

.comment-author.vcard {
display:inline;
}

.comment-meta.commentmetadata {
font-size: 10px;
display:inline;
}

/*
.comment-body::after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 20px solid transparent;
border-bottom-color: #fff;
top: -20px;
margin-left: -15px;
transform: rotate(-90deg) ; 
}

.thread-even .comment-body::after  {
left: 50px;
transform: rotate(-90deg) ; 
}

.thread-odd .comment-body::after  {
right: 40px;
transform: rotate(90deg) ;
}
*/

.wpulike {
margin-top: 0;
padding-top: 0;
}

.comment-notes {
display: none;
}

.comment-form-author {
border: none!important;
}

.comment-form-author label {
font-weight: normal;
}

.comment-form-author input {
border: none;
border-bottom: solid 1px #ccc;
}

.fn {
font-style: normal;
}

/*
.comment-form-email {
display: none;
}
*/

.comment-form-email label {
font-weight: normal !important;
}

.comment-form-email input{
border:none;
border-bottom: solid 1px #ccc;
margin-bottom: 10px;
}






.comment-form-url {
display: none;
}

.comment-form-comment textarea {
border: solid 1px #ccc;
}



/* PAGE LIKE COMMENT */

.page-like-num {
float:left;
margin-right: 20px;
letter-spacing: 0;
color: #000!important
font-weight: 400!important;
}

.wpulike-heart .wp_ulike_put_text {
padding: 0 5px;
padding: 0!important;
text-transform: uppercase;
font-weight: 400!important;
color: #000!important;
}

.page-comment-num {
margin-top:2px;
*width: 200px;
float:left;
letter-spacing: 0;
color: #000!important;
font-weight: 600!important;
}

.page-comment-num span{
font-weight: 400!important;
}

.wpulike {
display: block;
position: relative;
line-height: normal;
margin: 0;
padding: 0!important;
}

.clear-fix {
clear: both;
}



/* RES */

.comment-respond {
background: #fff;
border-radius: 10px;
/*box-shadow: 5px 5px 5px 10px rgba(207,44,37,0.2);*/
/*box-shadow: 3px 3px 10px 1px rgba(207,44,37,1);*/
padding: 20px 20px 15px 30px;
margin-bottom:40px;
position: relative;
-webkit-filter:drop-shadow(3px 3px 7px rgba(207,44,37, 0.9));
-moz-filter:drop-shadow(3px 3px 7px rgba(207,44,37, 0.9));
-ms-filter:drop-shadow(3px 3px 7px  rgba(207,44,37, 0.9));
filter:drop-shadow(3px 3px 7px gba(207,44,37, 0.9));
}

#reply-title {
font-size: 14px;
margin-bottom: 20px!important;
}

.comment-form-comment label {
display: none;
}

.comment-form-comment textarea#comment{
width:100%!important;
height: 100px;
}

.form-submit .submit {
border-radius: 20px;
padding: 5px 15px;
color: #fff;
background: #cf2c25;
border: none;
}



/* TOPICS ============================== */

.topics-title {
line-height: 1.6;
}

h1.topics-page-title {
font-size: 18px;
font-weight: 500!important;
font-family: 'Noto Serif JP', serif;
text-align: center;
/*line-height: 2;*/
}

.topics-box {
border-top: solid 1px #000;
padding: 20px 0 100px;
}

.topics-box-title {
font-family: 'Noto Serif JP', serif !important;

padding-bottom: 30px;
line-height: 1.4;
font-size: 21px;
}

.topics-box-image {
padding-bottom: 50px;
}

.topics-box-text {
/*text-align:justify;*/
font-weight: 400;
font-size: 16px;
line-height: 2;
/*word-break:break-all!important;*/
}



/* ARCHIVES ============================== */

h1.archive-page-title {
font-size: 16px!important;
font-weight: 500!important;
font-family: 'Noto Serif JP', serif;
text-align: center;
line-height: 2;
}

.archive-box {
padding: 0 0 50px;
}

.archive-box-image {
padding-bottom: 15px;
}

.archives-box-date {
font-weight: 400;
font-size: 12px!important;
line-height: 1;
margin: 10px 0 15px;
}

.archive-box-title {
font-feature-settings: "palt" 1 !important;
font-family: 'Noto Serif JP', serif !important;
font-size: 16px;
padding-bottom: 20px;
line-height: 1.8;
text-align: left !important;
letter-spacing: 0.5;
}



/* ARCHIVES YEAR LINK */

ul.archives-year {
list-style-type: none;
padding: 0;
margin: 0 0 50px 0;
}

ul.archives-year li {
line-height: 1;
padding: 0 5px ;
display: inline-block;
border-right: solid 1px #000;
font-weight: 500;
font-size: 16px;
}

ul.archives-year li:first-child {
border-left: solid 1px #000;
}

ul.archives-year li a {
color: #000;
}






/* GUTTER ===================*/

.row-0 {
margin-left:0px;
margin-right:0px;
}
.row-0 > div {
padding-right:0px;
padding-left:0px;
}

.row-10 {
margin-left:-5px;
margin-right:-5px;
}
.row-10 > div {
padding-right:5px;
padding-left:5px;
}

.row-20 {
margin-left:-10px;
margin-right:-10px;
}
.row-20 > div {
padding-right:10px;
padding-left:10px;
}

.row-30 {
margin-left:-15px;
margin-right:-15px;
}

.row-30 > div {
padding-right:15px;
padding-left:15px;
}

.row-40 {
margin-left:-20px;
margin-right:-20px;
}
.row-40 > div {
padding-right:20px;
padding-left:20px;
}

.row-50 {
margin-left:-25px;
margin-right:-25px;
}
.row-50 > div {
padding-right:25px;
padding-left:25px;
}

.row-60 {
margin-left:-30px;
margin-right:-30px;
}
.row-60 > div {
padding-right:30px;
padding-left:30px;
}

.row-70 {
margin-left:-35px;
margin-right:-35px;
}
.row-70 > div {
padding-right:35px;
padding-left:35px;
}




/* ===================================================*/
/* XXS SIZE : iPhone Retina Display xxs*/ 
/* ===================================================*/

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

body {
margin-top:100px;
}

.container-fluid {
padding: 20px;
}

.visible-xxs {
display: block;
}

.hidden-xxs {
display: none;
}

.navbar-toggle {
display: inline;
}

} /* END */



/* ===================================================*/
/* XS SIZE : Extra Small Devices, Phones xs*/ 
/* ===================================================*/

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

body {
margin-top:100px;
}

.container-fluid {
padding: 20px;
}

.visible-xxs {
display: none;
}

.hidden-xxs {
display: block;
}

.navbar-toggle {
display: inline;
}



/* HEADER =====================================*/

.navbar-brand{
text-align: left!important;
display:block!important;
}

.navbar-brand img{
width: 400px;
display:block;
max-height:40px;
/*margin-left: -10px;*/
}

.logo-header {
margin-top: 10px;
margin-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
max-width: 1260px;
margin: 0 auto 10px;
}



/* NAVI ========================================*/

.navbar-right {
float: right !important;
margin-right: 0px;
padding-left: 20px;
display: flex;
}

.navbar-nav > li > a {
padding: 22px 30px 15px 0 ;
font-family: 'Scheherazade', serif;
font-size: 26px;
}

.navbar-right  > li > a {
padding: 13px 0px 15px 10px;
font-family: 'Scheherazade', serif;
font-size: 21px;
}

.nav.navbar-nav {
margin-left: 20px;
}

/*
.nav.navbar-nav.navbar-right {
font-size: 26px!important;
font-family:Scheherazade, serif;
float: right !important;
margin-left: 10px;
margin-right: 20px;
}
*/

ul.bogo-language-switcher li a{
font-size: 26px!important;
font-family:Scheherazade, serif;
color: #000!important;
font-weight: 300;
}

.navbar-collapse {
max-width:1260px;
padding: 0 20px;
margin: 0 auto 0;
}



/* TOP PAGE */

.top-unisquare-title2 {
font-family: 'Noto Serif JP', serif;
margin-bottom:0px;
font-size: 21px;
line-height: 1.6;
letter-spacing: 0em;
}


.top-message-title {
font-family: 'Noto Serif JP', serif;
margin-bottom:20px;
font-size: 21px;
line-height: 1.6;
letter-spacing: 0em;
}



/* PAGE */

.uni-square-title {
font-size: 21px;
font-weight:500;
}

.message-title {
font-size: 21px;
font-weight:500;
}

.alignleft {
max-width:380px;
float:left;
padding-right:30px;
margin-bottom:30px !important;
}


} /* END */


/* ===================================================*/
/* S SIZE tablet : Small Devices, Tablets sm*/
/* ===================================================*/

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

body {
margin-top:260px;
}


.container-fluid {
padding: 20px;
}

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



/* HEADER ========================================*/

.navbar-brand img{
max-height:70px;
width: 700px;
}

.logo-header {
padding-top: 30px;
padding-bottom:40px;
padding-left: 20px;
padding-right: 20px;
max-width: 1260px;
margin: 0 auto 0;
}

.header-issue {
text-align: right;
line-height:1;
font-family: 'Scheherazade', serif;
font-size: 32px;
padding-top: 30px;
}

.issue-number {
font-family: 'Scheherazade', serif;
font-size: 120px;
line-height:0.5!important;
}

.header-date {
font-family: 'Scheherazade', serif;
text-align: right;
font-size: 24px;
line-height:1;
}



/* NAVI ========================================*/

.navbar-right {
float: right !important;
margin-right: 0px;
padding-left: 20px;
display: flex;
}
.navbar-nav > li > a {
padding: 22px 25px 15px 0 ;
font-family: 'Scheherazade', serif;
font-size: 24px;
}

.navbar-right  > li > a {
padding: 20px 0px 15px 10px;
font-family: 'Scheherazade', serif;
font-size: 24px;
}

.nav.navbar-nav {
margin-left: 0px;
margin-top:2px;
}

.nav.navbar-nav.navbar-right {
float: right !important;
margin-left: 0px;
margin-right: 0px;
}


/* NAVI CURRENT */
.nav-underbar {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
}



/* NAVI BOGO */

ul.bogo-language-switcher {
float:right!important;
margin-top: 8px;
padding-left: 0px!important;
}

ul.bogo-language-switcher li{
font-size: 24px!important;
font-family:Scheherazade, serif;
display: inline-block;
color: #ccc!important;
padding-left: 15px!important;
}

ul.bogo-language-switcher li a{
font-size: 24px!important;
font-family:Scheherazade, serif;
color: #000!important;
font-weight: 300;
}



/* ================================================*/
/* TOPPAGE ========================================*/
/* ================================================*/

.toppage {
margin: 140px auto 0;
}



/* UNI-SQUARE */

.top-uni-square-box {
/*margin-bottom: -100px;*/
}

.top-uni-square {
border-top: solid 1px #000;
/*margin-bottom: 100px;*/
}

.top-uni-square h2 {
font-family: 'Scheherazade', serif;
font-size: 52px;
padding: 15px 0 35px;
line-height: 1;
}

/*
.unisquare-image {
height:100vh;
max-height:700px;
overflow:hidden;
}
*/

.top-uni-square-img-wrap {
position: relative;
background: #ff0000;
}

.top-uni-square-img-gra {
position: absolute;
width: 100%;
height: 200px;
background: linear-gradient(to bottom,rgba(0,0,0,0) calc(100% - 200px),rgba(0,0,0,0.5));
z-index:10;
bottom: 0;
}

.top-uni-square a img{
filter: opacity(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-uni-square a:hover img{
filter: opacity(40%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-uni-square-img {
height: 100%:
}

.top-uni-square-title {
font-family: 'Noto Serif JP', serif;
padding: 0 35px 10px;
position: absolute;
color: #fff;
z-index:10;
font-size: 24px;
line-height: 1.4;
bottom: 0;
letter-spacing: 0.1em;
}

.top-uni-square-text-wrap {
position: relative;
height: inherit;
}

.top-uni-square-text-wrap-gra {
position: absolute;
width: 100%;
height: auto;
background: linear-gradient(to bottom,rgba(255,255,255,0) calc(100% - 100px),rgba(255,255,255,1));
z-index:10;
bottom: 0;
}

.top-uni-square-text {
margin-top: 40px;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
font-weight: 400;
font-size: 16px;
line-height: 1.8;
z-index:1;
}



/* TOP MESSAGE ==============================*/

.top-message {
border-top: solid 1px #000;
/*margin-bottom: 100px;*/
}

.top-message h2 {
font-family: 'Scheherazade', serif;
font-size: 52px;
padding: 13px 0 35px;
line-height: 1;
}

.top-message-img-wrap {
position: relative;
background: #ff0000;
}

.top-message-img-gra {
position: absolute;
width: 100%;
height: 200px;
background: linear-gradient(to bottom,rgba(0,0,0,0) calc(100% - 200px),rgba(0,0,0,0.5));
z-index:10;
bottom: 0;
}

.top-message a img{
filter: opacity(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-message a:hover img{
filter: opacity(40%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-message-img {
height: 100%:
}

/*
.top-message-title {
font-family: 'Noto Serif JP', serif;
padding: 0 35px 10px;
position: absolute;
color: #fff;
z-index:10;
font-size: 24px;
line-height: 1.6;
bottom: 0;
letter-spacing: 0em;
}
*/

.top-unisquare-title2 {
font-family: 'Noto Serif JP', serif;
margin-bottom:0px;
font-size: 24px;
line-height: 1.6;
letter-spacing: 0em;
}

.top-message-title {
font-family: 'Noto Serif JP', serif;
margin-bottom:20px;
font-size: 24px;
line-height: 1.6;
letter-spacing: 0em;
}

.top-message-text-wrap {
position: relative;
height: inherit;
}

.top-message-text-wrap-gra {
position: absolute;
width: 100%;
height: 200px;
background: linear-gradient(to bottom,rgba(255,255,255,0) calc(100% - 100px),rgba(255,255,255,1));
z-index:10;
bottom: 0;
}

.top-message-text {
margin-top: 40px;
font-weight: 400;
font-size: 16px;
line-height: 1.8;
z-index:1;
}



/* TOP TOPICS ==============================*/

.top-topics {
width: 100%;
border-top: solid 1px #000;
padding-bottom: 0px;
}

.top-topics h2 {
font-family: 'Scheherazade', serif;
font-size: 52px;
padding: 15px 0 35px;
line-height: 1;
}

.top-topics-heading {
font-family: 'Noto Serif JP', serif !important;
margin-top: -10px !important;
font-size: 20px;
line-height: 1.8;
height: 60px;
letter-spacing: 0em;
}

.top-topics-img-wrap {
background: #ff0000;
}

.top-topics-box a img{
filter: opacity(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-topics-box a:hover img{
filter: opacity(40%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-topics-title {
font-family: 'Noto Serif JP', serif;
padding: 10px 0 20px;
margin-bottom: 25px;
font-size: 20px;
line-height: 1.8;
border-bottom: solid 1px #cf2c25;
letter-spacing:0.1em;
}

.top-topics-text-wrap {
position: relative;
}

.top-topics-text-wrap-gra {
position: absolute;
width: 100%;
height: calc(100% - 24px);
background: linear-gradient(to bottom,rgba(255,255,255,0) calc(100% - 100px),rgba(255,255,255,1));
z-index:10;
bottom: 0;
}

.top-topics-text {
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
font-size: 16px;
font-weight: 400;
line-height: 1.8;
z-index:1;
letter-spacing: 0.1em;
}



/* TOP ARCHIVE ==============================*/

.top-archive-wrap {
background: #f2f2f2;
padding: 0px 0;
}

.top-archive h2 {
font-family: 'Scheherazade', serif;
font-size: 52px;
padding: 20px 0 90px;
line-height: 1;
}

.top-archive-list-wrap {
margin: 0 0 0 0px;
}

.top-archive-article-wrap {
margin-bottom: 30px;
}

.top-archive-img {
}

.top-archive-date {
padding: 20px 0 5px;
font-size: 14px;
}

.top-archive-text {
font-size: 16px;
text-align: left !important;
}

.top-archive-more {
text-align: center;
margin: 50px 0 160px 0;
}

.top-archive-more a {
font-family: 'Noto Serif JP', serif;
font-size: 28px;
color: #cf2c25;
font-weight: bold;
}

.top-archive-more img {
width: 38px;
}



/* FOOTER ============================== */

.footer-logo-wrap {
margin: 0;
padding: 0;
background: #333333;
}

.footer-logo-inner {
max-width: 1000px;
margin: 0 auto 0;
}

.footer-wrap {
padding: 60px 0;
max-width: 1000px;
margin: 0 auto 0;
text-align: left;
}

.footer-wrap p {
font-size: 11px!important;
color: #fff;
letter-spacing: 0.1em;
}



/* ================================================*/
/* PAGE =========================================== */
/* ================================================*/


.photo-right {
float:right;
margin-left:30px;
max-width:300px;
}


/* .page-title-wrap {
margin-top:90px;
margin-bottom:120px;
} */


.uni-square-title {
font-size: 28px;
font-weight:500;
line-height: 1.8;
}


.message-title {
font-size: 28px;
font-weight:500;
line-height: 1.8;
}


.page-wrap {
max-width: 1000px;
margin: 0 auto 0;
}

.page-category {
font-family: 'Scheherazade', serif;
text-align: center;
font-size: 24px;
margin-top: 90px;
margin-bottom: 15px;
font-weight: 200;
}

/*
.page-wrap h1 {
font-family: 'Noto Serif JP', serif;
font-size: 38px!important;
text-align: center;
font-weight: 500!important;
}
*/

.page-wrap .lead-text {
font-family: 'Noto Serif JP', serif;
font-size: 18px;
text-align: center;
/*line-height: 2;*/
font-weight: 300;
margin-bottom: 180px;
}

.page-section {
padding: 50px 0 0 0;
}

.page-section-inner {
max-width: 750px;
margin: 0 auto 0;
}

.page-section-inner h2 {
font-family: 'Noto Serif JP', serif;
font-weight: 500!important;
font-size: 24px!important;
text-align: center;
margin-bottom: 40px;
line-height: 1.8;
}

.page-section-inner h3 {
font-size: 21px;
}

.page-section-inner img {
margin-bottom: 50px;
}


.page-section-inner p {
-webkit-text-size-adjust: 100%;
font-size: 15px;
margin-bottom: 30px;
line-height: 2;
}

/* PAGE COMMENT ==========*/

.page-comment {
}

.page-comment h2{
font-family: 'Scheherazade', serif;
padding-top:15px;
padding-bottom: 40px;
color: #cf2c25;
text-align: center;
font-size: 36px;
font-weight: bold;
line-height: 1.4;
}

.page-comment-wrap {
width: calc(100% - 10px);
margin-bottom:30px;
}

.page-comment-item {
background: #fff;
border-radius: 10px;
/*box-shadow: 5px 5px 5px 10px rgba(207,44,37,0.2);*/
box-shadow: 3px 3px 10px 1px rgba(207,44,37,1);
padding: 20px 20px 15px 30px;
margin-bottom: 60px;
}

.page-comment-item-name {
width: 100px;
display: inline-block;
font-size: 14px;
font-weight: bold;
}

.page-comment-item-text {
display: inline-block;
line-height: 1.8;
font-size: 16px;
}

.page-comment-item-like {
width: 160px;
display: inline-block;
line-height: 1.8;
font-size: 16px;
}

.like-send-btn {
border-radius: 20px;
padding: 5px 15px;
color: #fff;
background: #cf2c25;
border: none;
}



/* TOPICS ============================== */

.row-topics {
margin-left:-20px;
margin-right:-20px;
}

.row-topics > div {
padding-right:20px;
padding-left:20px;
}



} /* END */



/* ===================================================*/
/* M SIZE desktop : Medium Devices, Desktops md*/
/* ===================================================*/

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

.body {
margin-top:260px!important;
}

.container-fluid {
padding: 30px;
}



/* HEADER ========================================*/

.navbar-brand img{
max-height:70px;
margin-left: 0px;
}

.header-issue {
text-align: right;
line-height:1;
font-family: 'Scheherazade', serif;
font-size: 32px;
padding-top: 25px;
}

.issue-number {
font-family: 'Scheherazade', serif;
font-size: 120px;
line-height:0.5!important;
font-feature-settings: "pwid";

}

.header-date {
font-family: 'Scheherazade', serif;
text-align: right;
font-size: 20px!important;
line-height:1.4;
font-weight: 300;
}



/* NAVI ========================================*/

.navbar-right {
float: right !important;
margin-right: 0px;
padding-left: 10px;
display: flex;
}
.navbar-nav > li > a {
padding: 22px 60px 15px 0 ;
font-family: 'Scheherazade', serif;
font-size: 24px!important;
}

.navbar-right  > li > a {
padding: 20px 0px 15px 10px;
font-family: 'Scheherazade', serif;
font-size: 24px!important;
}

.nav.navbar-nav {
margin-left: 0px;
}

.nav.navbar-nav.navbar-right {
float: right !important;
margin-left: 10px;
margin-right: 0px;
}

.logo-header {
padding-top: 30px;
padding-bottom:30px;
padding-left: 30px;
padding-right: 30px;
max-width: 1260px;
margin: 0 auto 0;
}

.navbar-collapse {
max-width:1260px;
padding: 0 30px;
margin: 0 auto 0;
}



/* BOGO */

ul.bogo-language-switcher {
float:right!important;
padding-left: 0px!important;
}

ul.bogo-language-switcher li{
font-size: 24px!important;
font-family:Scheherazade, serif;
display: inline-block;
color: #ccc!important;
padding-left: 40px!important;
}

ul.bogo-language-switcher li a{
font-size: 24px!important;
font-family:Scheherazade, serif;
color: #000!important;
font-weight: 300;
}



/* ================================================*/
/* TOPPAGE ========================================*/
/* ================================================*/



.toppage {
margin: 400px auto 0;
margin: 350px auto 0;
}



/* UNI-SQUARE */

.top-uni-square-box {
/*margin-bottom: -100px;*/
}

.top-uni-square {
border-top: solid 1px #000;
/*margin-bottom: 100px;*/
}

.top-uni-square h2 {
font-family: 'Scheherazade', serif;
font-size: 52px;
padding: 15px 0 35px;
line-height: 1;
}

.top-unisquare-title2 {
font-family: 'Noto Serif JP', serif;
margin-bottom:0px;
font-size: 28px;
line-height: 1.6;
letter-spacing: 0em;
font-feature-settings: "palt";
}

.top-uni-square-img-wrap {
position: relative;
background: #ff0000;
}

.top-uni-square-img-gra {
position: absolute;
width: 100%;
height: 200px;
background: linear-gradient(to bottom,rgba(0,0,0,0) calc(100% - 200px),rgba(0,0,0,0.5));
z-index:10;
bottom: 0;
}

.top-uni-square a img{
filter: opacity(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-uni-square a:hover img{
filter: opacity(40%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.unisquare-image {
height:100vh;
max-height:700px;
overflow:hidden;
}

.top-uni-square-img {
height: 100%:
}

.top-uni-square-title {
font-family: 'Noto Serif JP', serif;
padding: 0 35px 10px;
position: absolute;
color: #fff;
z-index:10;
font-size: 24px;
line-height: 1.6;
bottom: 0;
letter-spacing: 0.1em;
}

.top-uni-square-text-wrap {
position: relative;
height: inherit;
}

.top-uni-square-text-wrap-gra {
position: absolute;
width: 100%;
height: auto;
background: linear-gradient(to bottom,rgba(255,255,255,0) calc(100% - 100px),rgba(255,255,255,1));
z-index:10;
bottom: 0;
}

.top-uni-square-text {
margin-top: 40px;
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
font-weight: 400;
font-size: 16px!important;
line-height: 1.8;
z-index:1;
}



/* TOP MESSAGE ==============================*/

.top-message {
border-top: solid 1px #000;
/*margin-bottom: 100px;*/
}

.top-message h2 {
font-family: 'Scheherazade', serif;
font-size: 52px;
padding: 13px 0 35px;
line-height: 1;
}

.top-message-img-wrap {
position: relative;
background: #ff0000;
}

.top-message-img-gra {
position: absolute;
width: 100%;
height: 200px;
background: linear-gradient(to bottom,rgba(0,0,0,0) calc(100% - 200px),rgba(0,0,0,0.5));
z-index:10;
bottom: 0;
}

.top-message a img{
filter: opacity(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-message a:hover img{
filter: opacity(40%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-message-img {
height: 100%:
}

/*
.top-message-title {
font-family: 'Noto Serif JP', serif;
padding: 0 35px 10px;
position: absolute;
color: #fff;
z-index:10;
font-size: 24px;
line-height: 1.6;
bottom: 0;
letter-spacing: 0.1em;
}
*/

.top-message-text-wrap {
position: relative;
height: inherit;
}

.top-message-text-wrap-gra {
position: absolute;
width: 100%;
height: 200px;
background: linear-gradient(to bottom,rgba(255,255,255,0) calc(100% - 100px),rgba(255,255,255,1));
z-index:10;
bottom: 0;
}

.top-message-text {
margin-top: 40px;
font-weight: 400;
font-size: 16px!important;
line-height: 1.8;
z-index:1;
}



/* TOP TOPICS ==============================*/

.top-topics {
width: 100%;
border-top: solid 1px #000;
padding-bottom: 0px;
}

.top-topics h2 {
font-family: 'Scheherazade', serif;
font-size: 52px;
font-size: 52px;
padding: 15px 0 35px;
line-height: 1;
}

.top-topics-heading {
font-family: 'Noto Serif JP', serif !important;
margin-top: -10px !important;
font-size: 19px;
line-height: 1.8;
height: 60px;
letter-spacing: 0em;
font-weight: bold!important;
}

.top-topics-img-wrap {
background: #ff0000;
}

.top-topics-box a img{
filter: opacity(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-topics-box a:hover img{
filter: opacity(40%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

.top-topics-title {
font-family: 'Noto Serif JP', serif;
padding: 10px 0 20px;
margin-bottom: 25px;
font-size: 18px!important;
line-height: 1.8;
border-bottom: solid 1px #cf2c25;
letter-spacing:0.1em;
}

.top-topics-text-wrap {
position: relative;
}

.top-topics-text-wrap-gra {
position: absolute;
width: 100%;
height: calc(100% - 24px);
background: linear-gradient(to bottom,rgba(255,255,255,0) calc(100% - 100px),rgba(255,255,255,1));
z-index:10;
bottom: 0;
}

.top-topics-text {
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', serif;
font-size: 16px !important;
font-weight: 400;
line-height: 1.8;
z-index:1;
letter-spacing: 0.1em;
}



/* TOP ARCHIVE ==============================*/

.top-archive-wrap {
background: #f2f2f2;
padding: 0px 0;
}

.top-archive h2 {
font-family: 'Scheherazade', serif;
font-size: 52px;
padding: 20px 0 90px;
line-height: 1;
}

.top-archive-list-wrap {
margin: 0 0 0 0px;
}

.top-archive-article-wrap {
margin-bottom: 30px;
}

.top-archive-img {
}

.top-archive-date {
padding: 20px 0 5px;
font-size: 12px;
}

.top-archive-text {
font-size: 16px;
}

.top-archive-more {
text-align: center;
margin: 50px 0 160px 0;
}
.top-archive-more a {
font-family: 'Noto Serif JP', serif;
font-size: 28px;
color: #cf2c25;
font-weight: bold;
}

.top-archive-more img {
width: 38px;
}



/* FOOTER ============================== */

.footer-logo-wrap {
margin: 0;
padding: 0;
background: #333333;
}

.footer-logo-inner {
max-width: 1000px;
margin: 0 auto 0;
}

.footer-wrap {
padding: 60px 0;
max-width: 1000px;
margin: 0 auto 0;
text-align: left;
}

.footer-wrap p {
font-size: 11px!important;
color: #fff;
letter-spacing: 0.1em;
}




/* ================================================*/
/* PAGE =========================================== */
/* ================================================*/


.uni-square-title {
font-size: 38px;
font-weight:500;
}

.message-title {
font-size: 38px;
font-weight:500;
}
.message-title.is-fashion {
  padding-top: 10px;
}


.page-wrap {
max-width: 1200px;
margin: 0 auto 0px;
}

.page-category {
font-family: 'Scheherazade', serif;
text-align: center;
font-size: 21px;
margin-top: 90px;
margin-bottom: 15px;
font-weight: 200;
}

.page-wrap h1 {
font-family: 'Noto Serif JP', serif;
/*font-size: 25px;*/
text-align: center;
/*font-weight: 300;*/
}

.page-wrap .lead-text {
font-family: 'Noto Serif JP', serif;
font-size: 18px;
text-align: center;
font-weight: 300;
margin-bottom: 180px;
}

.page-eyecatch {
}

.page-section {
padding: 50px 0 0 0;
}

.page-section-inner {
max-width: 750px;
margin: 0 auto 0;
}

.page-section-inner h2 {
font-family: 'Noto Serif JP', serif;
font-weight: 500;
font-size: 28px!important;
text-align: center;
margin-bottom: 40px;
}

.page-section-inner h3 {
font-size: 24px;
}

.page-section-inner p {
-webkit-text-size-adjust: 100%;
font-size: 16px;
margin-bottom: 30px;
line-height: 2;
}



/* PAGE COMMENT ==========*/

.page-comment {
}

.page-comment h2{
font-family: 'Scheherazade', serif;
padding-top:15px;
padding-bottom: 40px;
padding-bottom: 0px;
color: #cf2c25;
text-align: center;
font-size: 32px;
font-weight: bold;
}

.page-comment-wrap {
width: calc(100% - 10px);
margin-bottom:30px;
}

.page-comment-item {
background: #fff;
border-radius: 10px;
/*box-shadow: 5px 5px 5px 10px rgba(207,44,37,0.2);*/
box-shadow: 3px 3px 10px 1px rgba(207,44,37,1);
padding: 20px 20px 15px 30px;
margin-bottom: 60px;
}

.page-comment-item-name {
width: 100px;
display: inline-block;
font-size: 14px;
font-weight: bold;
}

.page-comment-item-text {
display: inline-block;
line-height: 1.8;
font-size: 16px;
}

.page-comment-item-like {
width: 160px;
display: inline-block;
line-height: 1.8;
font-size: 16px;
}

.like-send-btn {
border-radius: 20px;
padding: 5px 15px;
color: #fff;
background: #cf2c25;
border: none;
}



/* TOPICS ============================== */

.row-topics {
margin-left:-50px;
margin-right:-50px;
}
.row-topics > div {
padding-right:50px;
padding-left:50px;
}

.fashionWrap{
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  margin-bottom: 30px;
}
.page-section-inner h2.fashionName{
  margin-bottom: 20px;
  text-align: left;
}
.fashionProfile{
  display: flex;
}
.fashion{
  column-gap: 20px;
  grid-template-areas: "image title" "image text";
  grid-template-columns: 350px 1fr;
  grid-template-rows: max-content 1fr;
}
.fashion.is-off{
  grid-template-areas: "title image" "text image";
  grid-template-columns: 1fr 350px;
}
.fashion.is-on h3,
.fashion.is-ethnic h3{
  margin-top: 30px;
}
.fashion.is-off h3{
  text-align: right;
}
.fashion.is-off h3 span{
  padding-right: 0;
  padding-left: 20px;
}
.fashion.is-off div,
.fashion.is-ethnic div{
  margin-top: -80px;
}
} /* END */



/* ===================================================*/
/* L SIZE widescreen : Large Devices, Wide Screens lg*/
/* ===================================================*/

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


/* NAVI ========================================*/

.navbar-right {
float: right !important;
margin-right: 0px;
padding-left: 30px;
display: flex;
}
.navbar-nav > li > a {
padding: 22px 60px 15px 0 ;
font-family: 'Scheherazade', serif;
font-size: 30px;
}

.navbar-right  > li > a {
padding: 20px 0px 15px 10px;
font-family: 'Scheherazade', serif;
font-size: 30px;
}


} /* END */




.top-topics-list {
}


.top-topics-item {
width: 100%;
margin-bottom:100px;
}


@media print, screen and (min-width : 480px) {
.top-topics-item {
/*width: calc(50% - 15px);*/
margin-bottom:100px;
}
} /* END */

@media print, screen and (min-width : 768px) {
.top-topics-item {
/*width: calc(50% - 15px);*/
margin-bottom:100px;
}
} /* END */

@media print, screen and (min-width : 992px) {
.top-topics-item {
/*width: calc(50% - 15px);*/
margin-bottom:100px;
}
} /* END */



/* LILE BUTTON  */

.wpulike-heart .wp_ulike_general_class {
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}
.wpulike-heart .wp_ulike_put_image:after {
    width: 18px;
    height: 18px;
}



.top-comment ol {
list-style-type: none;
}

.top-comment {
list-style-type: none;
}

.top-message ol {
list-style-type: none;
}

.top-message {
list-style-type: none;
}

.text-link {
color: #3366cc!important;
font-weight: bold;
text-decoration: underline !important;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}



/* COMMENt */

h3#comments {
display: none;
}


/* PASSWORD PAGE */

.post-password-form {
max-width: 500px;
margin: 50px auto;
padding: 50px 0 100px;
}

.post-password-form p {
margin-bottom:20px;
}

.post-password-form input{
padding:2px 10px;
border: solid 1px #ccc;

}


/* TABLE */

.tablepress {
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
}

.tablepress th{
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}

.tablepress td{
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}


/* YOUTUBE */

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.fa-youtube {
color: #ff0000;
}



.normalButton {
  display: flex;
  align-items: center;
  justify-content: center;
}
.normalButton a{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #2271b1;
  min-height: 45px;
  border-radius: 10px;
  padding: 5px 20px;
  line-height: 1.4;
}
.normalButton span{
  margin-left: 10px;
}

.downloadButton {
  display: flex;
  align-items: center;
  justify-content: center;
}
.downloadButton a{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #2271b1;
  height: 45px;
  border-radius: 10px;
  padding: 5px 20px;
}
.downloadButton span{
  transform: rotate(90deg);
  margin-left: 10px;
}

.youtubeButton {
  display: flex;
  align-items: center;
  justify-content: center;
}
.youtubeButton a{
  display: grid;
  grid-template-columns: 45px 1fr;
  gap: 10px;
  border: #666 1px solid;
  color: #333;
  border-radius: 10px;
  padding: 12px 20px;
}
.youtubeButton a .icon{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ef1500;
  border-radius: 10px;
}
.youtubeButton a .icon::before{
  content: "";
  background-color: #fff;
  width: 12px;
  height: 15px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}


.text-clamp{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}



.tableType1{
  border-collapse: collapse;
  width: 100%;
}
.tableType1 th{
  border: 1px solid #ccc;
  padding: 5px;
  text-align: left;
  background-color: #f5f5f5;
  font-weight: normal;
}
.tableType1 td{
  border: 1px solid #ccc;
  padding: 5px;
  text-align: left;
}

.bold{
  font-weight: bold;
}

.vol122-link{
  position: relative;
  display: block;
}

.vol122-img{
  position: absolute;
  top: 0;
  left: -10px;
  transform: rotate(-10deg);
  display: block;
  width: 180px;
  height: auto;
}

.fz-14{
  font-size: 14px;
}

.nav-sns img{
  width: 22px;
}

.snsNav{
  display: flex;
  margin-top: 10px;
  width: 220px;
  justify-content: center;
  gap: 12px;
}
.snsNav img{
  width: 30px;
}
.list {
  padding-left: 1.2em;
  margin-bottom: 30px;
}
.list li{
}

.messageLink{
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
  gap: 20px;
  font-size: 13px;
  line-height: 1.3;
}
.messageLink > a,
.messageLink > div{
  width: 120px;
}
.messageLink #thumb_movie{
  position: relative;
}
.messageLink #thumb_movie img, .messageLink #thumb_message img, .messageLink #thumb_facebook img {
  width: 120px;
  height: 75px;
  margin-bottom: 9px;
  display: block;
}
.messageLink #thumb_movie .thumb_movie-play {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 20px;
  left: 0;
  right: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.5;
}