#magazine {
 background-image:url(../../assets/images/toppage/bg_slash.gif)
}
#magazine {
 padding:60px 20px;
}
@media (max-width:756px) {
 #magazine {
  padding:7vw 0
 }
}
#magazine .subContents {
 max-width: 1200px;
 text-align:left;
 margin:0 auto
}
@media (max-width:756px) {
 #magazine .subContents {
  width:100vw;
  padding:0 4vw
 }
}
#article {
 padding:60px 0
}
@media (max-width:756px) {
 #article {
  padding:7vw 0
 }
}
#article .subContents {
 width:720px;
 text-align:left;
 margin:0 auto
}
@media (max-width:756px) {
 #article .subContents {
  width:100vw;
  padding:0 4vw
 }
}
#article .subContents .mainimage {
 margin-bottom:30px
}
#article .subContents .mainimage img {
 width:720px;
 height:500px;
 -o-object-fit:contain;
 object-fit:contain
}
#article .subContents .inner {
 margin:0 60px
}
#article .subContents .inner .article-header {
 margin-bottom:50px
}
#article .subContents .inner .article-header .article-title {
 font-size:1.85rem;
 font-weight:700;
 line-height:1.5;
 margin-bottom:20px
}
#article .subContents .inner .article-header .leadtext {
 font-size:1.15rem;
 margin-bottom:20px
}
#article .subContents .inner .article-header .author {
 margin-bottom:30px;
 display:flex
}
#article .subContents .inner .article-header .author figure {
 width:50px;
 margin-right:20px
}
#article .subContents .inner .article-header .author figure img {
 width:50px;
 height:50px;
 border-radius:50px
}
#article .subContents .inner .article-header .author .text .name {
 color:#000;
 font-weight:700
}
#article .subContents .inner .article-header .tags {
 margin-bottom:30px
}
#article .subContents .inner .article-header .tags li {
 line-height:1;
 background:#e1e1e1;
 margin:0 10px 10px 0;
 padding:5px 10px;
 display:inline-block
}
#article .subContents .inner .article-header .shares {
 list-style:none;
 display:flex
}
#article .subContents .inner .article-header .shares li {
 margin-right:10px
}
#article .subContents .inner .article-header .shares li img {
 width:20px
}
#article .subContents .inner .article-body {
 margin-bottom:60px
}
#article .subContents .inner .article-body p {
 -webkit-margin-before:1em;
 margin-block-start:1em;
 -webkit-margin-after:1em;
 margin-block-end:1em
}
#article .subContents .inner .article-body h1 {
 font-size:calc(16px * 2);
 -webkit-margin-before:.67em;
 margin-block-start:.67em;
 -webkit-margin-after:.67em;
 margin-block-end:.67em;
 -webkit-margin-start:0;
 margin-inline-start:0;
 -webkit-margin-end:0;
 margin-inline-end:0;
 font-weight:700
}
#article .subContents .inner .article-body h2 {
 font-size:calc(16px * 1.5);
 -webkit-margin-before:.83em;
 margin-block-start:.83em;
 -webkit-margin-after:.83em;
 margin-block-end:.83em;
 -webkit-margin-start:0;
 margin-inline-start:0;
 -webkit-margin-end:0;
 margin-inline-end:0;
 font-weight:700
}
#article .subContents .inner .article-body h3 {
 -webkit-margin-before:calc(16px * 1.33);
 margin-block-start:calc(16px * 1.33);
 -webkit-margin-after:1.33em;
 margin-block-end:1.33em;
 -webkit-margin-start:0;
 margin-inline-start:0;
 -webkit-margin-end:0;
 margin-inline-end:0;
 font-weight:700
}
#article .subContents .inner .article-body h4 {
 font-size:calc(16px * 1.17);
 -webkit-margin-before:1em;
 margin-block-start:1em;
 -webkit-margin-after:1em;
 margin-block-end:1em;
 -webkit-margin-start:0;
 margin-inline-start:0;
 -webkit-margin-end:0;
 margin-inline-end:0;
 font-weight:700
}
#article .subContents .inner .article-body h5 {
 font-size:calc(16px * .83);
 -webkit-margin-before:1.67em;
 margin-block-start:1.67em;
 -webkit-margin-after:1.67em;
 margin-block-end:1.67em;
 -webkit-margin-start:0;
 margin-inline-start:0;
 -webkit-margin-end:0;
 margin-inline-end:0;
 font-weight:700
}
#article .subContents .inner .article-body h6 {
 font-size:calc(16px * .67);
 -webkit-margin-before:2.33em;
 margin-block-start:2.33em;
 -webkit-margin-after:2.33em;
 margin-block-end:2.33em;
 -webkit-margin-start:0;
 margin-inline-start:0;
 -webkit-margin-end:0;
 margin-inline-end:0;
 font-weight:700
}
#article .subContents .inner .pickup {
 border-top:1px solid #b7b7b7;
 margin-bottom:60px;
 padding:50px 60px 0
}
#article .subContents .inner .pickup .title {
 font-family:p22-underground-sc,sans-serif;
 font-weight:900;
 font-style:normal;
 font-size:1.53rem
}
#article .subContents .inner .related {
 border-top:1px solid #b7b7b7;
 margin-bottom:60px;
 padding:50px 60px 0
}
#article .subContents .inner .related>div {
 display:flex;
 align-items:center;
 justify-content:space-between
}
#article .subContents .inner .related>div figure {
 width:140px
}
#article .subContents .inner .related>div figure img {
 width:100%
}
#article .subContents .inner .related>div .text {
 width:calc(100% - 160px)
}
#article .subContents .inner .related>div .text .article-title {
 font-size:1.23rem;
 font-weight:700;
 line-height:1.5;
 margin-bottom:20px
}
#article .subContents .inner .related>div .text>div {
 display:flex;
 justify-content:space-between
}
@media screen and (max-width:756px) {
 #article .subContents .mainimage {
  width:100vw;
  margin:0 -4vw 5vw
 }
 #article .subContents .mainimage img {
  width:100%;
  height:300px;
  -o-object-fit:cover;
  object-fit:cover
 }
 #article .subContents .inner {
  margin:0
 }
 #article .subContents .inner .article-header {
  margin-bottom:6vw
 }
 #article .subContents .inner .article-header .article-title {
  font-size:1.3rem
 }
 #article .subContents .inner .article-header .author {
  margin-bottom:20px;
  display:flex
 }
 #article .subContents .inner .article-header .tags {
  margin-bottom:20px
 }
 #article .subContents .inner .article-header .shares li img {
  width:30px
 }
 #article .subContents .inner .article-body {
  margin-bottom:10vw
 }
 #article .subContents .inner .pickup {
  border-top:1px solid #b7b7b7;
  margin-bottom:10vw;
  padding:6vw 0 0
 }
 #article .subContents .inner .pickup .title {
  font-family:p22-underground-sc,sans-serif;
  font-weight:900;
  font-style:normal
 }
 #article .subContents .inner .related {
  margin-bottom:10vw;
  padding:6vw 0 0
 }
 #article .subContents .inner .related>div figure {
  width:100px
 }
 #article .subContents .inner .related>div .text {
  width:calc(100% - 120px)
 }
}

.magazine-categories li+li {
 margin-left:10px
}
.magazine-categories li+li:before {
 content:"/";
 padding-right:10px
}
#wp-contents {
 width:80%;
 margin:40px 0
}
#wp-contents p {
 padding-top:5px;
 padding-bottom:5px
}
#wp-contents h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight:700;
 font-family:YuGothic,Yu Gothic Medium,Yu Gothic,メイリオ,Hiragino Kaku Gothic ProN,Hiragino Sans,sans-serif;
 line-height:2;
 margin:20px 0
}
#wp-contents h1 {
 font-size:calc(16px * 2)
}
#wp-contents h2 {
 font-size:calc(16px * 1.5)
}
#wp-contents h3 {
 font-size:calc(16px * 1.33)
}
#wp-contents h4 {
 font-size:calc(16px * 1.17)
}
#wp-contents h5 {
 font-size:calc(16px * .83)
}
#wp-contents h6 {
 font-size:calc(16px * .67)
}
#wp-contents img {
 height:70%;
 -o-object-fit:cover;
 object-fit:cover;
 margin:5px 0
}
#wp-contents ol {
 list-style-type:numeric;
 padding:0 20px;
 margin:20px 0
}
#wp-contents ul {
 list-style-type:disc;
 padding:0 20px;
 margin:20px 0
}
#wp-contents figcaption {
 text-align:center;
 margin-bottom:20px;
 font-size:.8rem
}
#wp-contents blockquote {
 background-color:rgba(0,0,0,.1);
 padding:20px
}
#wp-contents blockquote p {
 padding:10px 0;
 color:rgba(0,0,0,.4)
}
#wp-contents .wp-block-columns {
 display:flex
}
#wp-contents .wp-block-column {
 width:50%
}
#wp-contents .wp-block-column img {
 width:100%;
 -o-object-fit:cover;
 object-fit:cover
}
#wp-contents figure.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube.wp-embed-aspect-4-3.wp-has-aspect-ratio {
 width:100vw
}
#wp-contents div.wp-block-embed__wrapper iframe {
 width:100%;
 margin-top:20px
}
#wp-contents p:empty {
 padding:10px
}
#wp-contents ul.blocks-gallery-grid {
 list-style-type:none;
 display:flex;
 flex-wrap:wrap
}
#wp-contents figure.wp-block-image.size-full {
 margin-top:20px
}
#wp-contents figure.wp-block-gallery.columns-1 ul.blocks-gallery-grid li {
 width:calc(100%)
}
#wp-contents figure.wp-block-gallery.columns-2 ul.blocks-gallery-grid li {
 width:calc(100% / 2)
}
#wp-contents figure.wp-block-gallery.columns-3 ul.blocks-gallery-grid li {
 width:calc(100% / 3)
}
#wp-contents figure.wp-block-gallery.columns-4 ul.blocks-gallery-grid li {
 width:calc(100% / 4)
}
#wp-contents figure.wp-block-gallery.columns-5 ul.blocks-gallery-grid li {
 width:calc(100% / 5)
}
#wp-contents figure.wp-block-gallery.columns-6 ul.blocks-gallery-grid li {
 width:calc(100% / 6)
}
#wp-contents ul.blocks-gallery-grid li img {
 width:100%
}
@media screen and (max-width:480px) {
 #wp-contents {
  width:100%;
  margin:0
 }
 #wp-contents h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
  font-weight:700;
  font-family:YuGothic,Yu Gothic Medium,Yu Gothic,メイリオ,Hiragino Kaku Gothic ProN,Hiragino Sans,sans-serif;
  line-height:2;
  margin:20px 0;
  color:#323232
 }
 #wp-contents h1 {
  font-size:calc(16px * 2)
 }
 #wp-contents h2 {
  font-size:calc(16px * 1.5)
 }
 #wp-contents h3 {
  font-size:calc(16px * 1.33)
 }
 #wp-contents h4 {
  font-size:calc(16px * 1.17)
 }
 #wp-contents h5 {
  font-size:calc(16px * .83)
 }
 #wp-contents h6 {
  font-size:calc(16px * .67)
 }
 #wp-contents p {
  font-size:.8rem;
  color:#323232
 }
 #wp-contents img {
  width:100%;
  height:70%;
  -o-object-fit:cover;
  object-fit:cover;
  margin:20px 0
 }
 #wp-contents ol {
  list-style-type:numeric
 }
 #wp-contents ol,
 #wp-contents ul {
  padding:0 20px;
  margin:10px 0;
  font-size:.9rem
 }
 #wp-contents ul {
  list-style-type:desc
 }
 #wp-contents blockquote {
  background-color:rgba(0,0,0,.1);
  padding:20px
 }
 #wp-contents blockquote p {
  padding:10px 0;
  color:rgba(0,0,0,.4)
 }
 #wp-contents blockquote cite {
  font-size:.9rem
 }
 #wp-contents .wp-block-columns {
  display:flex
 }
 #wp-contents .wp-block-column {
  width:50%
 }
 #wp-contents .wp-block-column img {
  width:100%;
  -o-object-fit:cover;
  object-fit:cover
 }
 #wp-contents figure.wp-block-embed.is-type-video.is-provider-youtube.wp-block-embed-youtube.wp-embed-aspect-4-3.wp-has-aspect-ratio {
  width:100px
 }
}


#article .subContents {
  width: 900px;
}
@media screen and (max-width:756px) {
	#article .subContents {
	  width: 100%;
	}
}

#article .subContents .mainimage img {
	width: 900px;
	height: 500px;
	object-fit: cover;
}
@media screen and (max-width:756px) {
	#article .subContents .mainimage img {
		width: 100%;
		height: 300px;
	}
}

#article .subContents > div > h2 {
	font-weight: bold;
	font-size: 1.4rem;
	width: 80%;
	margin: 20px 0px;
}
@media screen and (max-width:756px) {
	#article .subContents > div > h2 {
		font-size: 1.1rem;
		width: 100%;
		margin: 0;
	}
}

.date-author {
	width: 80%;
	display: flex;
	margin-top: 20px;
}
.date-author .date {
	font-size: 1rem;
}
.date-author .author {
	font-weight: bold;
	font-size: 1rem;
}
@media screen and (max-width:756px) {
	.date-author {
		justify-content: center;
		align-items: center;
		margin: 20px 0px;
	}
	.date-author .date {
		font-size: 0.9rem;
	}
	.date-author .author {
		font-size: 0.9rem;
	}
}

.tag {
	background: #e1e1e1;
	margin-right: 10px;
	padding: 0 5px;
	font-size: 1rem;
}
@media screen and (max-width:756px) {
	.tag {
		font-size: 0.7rem;
	}
}

.relationship {
	padding: 50px;
	width: 80%;
}
.relationship > a > img {
	width: 150px;
	height: 150px;
	object-fit: cover;
}
.relationship > a > img,
.relationship > a > div {
	padding: 10px;
}
.relationship > a > div > p {
	font-size: 1rem;
}
.relationship > a > div > h2 {
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0px;
	line-height: 1.5;
}
.relationship > a > div > div p {
	font-size: 1rem;
}
@media screen and (max-width:756px) {
	.relationship {
		padding: 30px 10px;
		width: 100%;
	}
	.relationship > a > div {
		padding: 10px;
	}
	.relationship > a > div > p {
		font-size: 0.7rem;
	}
	.relationship > a > div > h2 {
		font-size: 0.8rem;
		margin: 10px 0;
	}
	.relationship > a > div > div p {
		font-size: 0.8rem;
	}
}

.border-category {
	border-bottom: 2px solid #333;
	width: 30px;
	margin: 0 auto;
	margin-top: -2.5rem;
	margin-bottom: 1.5rem;
}

.h-type02 {
	font-size: 1.5em;
	font-weight: 400;
	margin-bottom: 2rem; }

.ellipsis {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.youtube {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#wp-contents div.wp-block-embed__wrapper iframe {
	margin-top: 0;
}

/* pagination */
.pagination {
	text-align: center;
}

/* リンクの枠 */
.pagination .nav-links {
}

 /* 数字のリンク */
.pagination .nav-links .page-numbers {
	text-decoration: none;
 	color: #323232;
	background-color: #FFFFFF;
	border: 1px solid #323232;
	display: inline-block;
	border-radius: 4px;
	padding: 0.3em 1.2em;
}

/* 現在のページ */
.pagination .nav-links .current {
  background-color: #323232;
  color: #fff;
}

/* 現在のページとドット以外にホバーした時 */
.pagination .nav-links a:hover {
  background-color: #323232;
  color: #FFFFFF;
}

@media only screen and (max-width: 756px){
.border-category {
	margin-top: -1rem;
	margin-bottom: 1rem;
}

.h-type02 {
	font-size: 1rem; }
	
	.pagination .nav-links .page-numbers {
    display: none;
  }

  .pagination .nav-links .prev,
  .pagination .nav-links .next {
    display: inline-block;
    width: 25%;
    text-align: center;
  }

  .pagination .nav-links .prev a,
  .pagination .nav-links .next a{
    width: 100%;
    text-align: center;
  }
}

ul.bogo-language-switcher {
	margin-top: -40px;
	padding-bottom: 40px;
	padding-right: 20px;
}
ul.bogo-language-switcher li {
	padding: 5px 8px;
}

ul.bogo-language-switcher li a {
  text-decoration: none;
}
ul.bogo-language-switcher li a:hover {
	text-decoration: underline;
}
.bogo-language-switcher {
	display: flex;
	flex-direction: row;
	justify-content: flex-end; 
}
.bogo-language-switcher .ja {
	order: 1;
}
.bogo-language-switcher .en-US {
	order: 2;
}
.bogo-language-switcher .zh-CN {
	order: 3;
}
@media only screen and (max-width: 756px) {
	ul.bogo-language-switcher {
		margin-top: -20px;
		padding-bottom: 20px;
		padding-right: 10px;
	}
	ul.bogo-language-switcher li {
		font-size: .9rem;
	}
}