@charset "utf-8";

/******************************

 * style
 *
 * 1. import
 * 2. common
 * 3. HTMLtag£¨¸÷¥¿¥°£©
 * 4. Layout£¨¹²Í¨ÒªËØ£©
 * 5. Section£¨¸÷¥»¥¯¥·¥ç¥ó£©

******************************/


/*****
 * 1. import
*****/

@import "import/util.css";
@import url('//fonts.googleapis.com/css?family=Crimson+Text');

@font-face {
    font-family: 'tex_gyre_adventorregular';
    src: url('https://secure1.future-shop.jp/~casselini/feature/assets_shopperbag/pc/font/texgyreadventor-bold-webfont.woff');
    src: url('../font/texgyreadventor-bold-webfont.woff');
    font-weight: normal;
    font-style: normal;
}


/*****
 * 2. common
*****/
	#innerContainer {
		max-width:100%;
		box-sizing: border-box;
		font-size: 62.5%;
		text-align: center;
	}
	#innerContainer a:hover,
	#innerContainer a:hover p {
		opacity: 1;
		filter: unset;
	}


/*****
 * 3. HTMLtag
*****/

/* img */
	#contentWrapper img {
		vertical-align: top;
		max-width: 100%;
		height: auto;
	}

	#contentWrapper a {
		cursor: pointer;
	}
	#contentWrapper a:hover {
		opacity: 1;
	}

/* cap */
	.cap,
	.caption {
		color: #666666;
		font-size: 10px;
		line-height: 15px;
		background: none;
	}
	.cap {
		padding-top: 5px;
	}


/*****
 * 4. Layout
*****/


	/* reset */
	html {
		margin: 0!important;
		padding: 0!important;
	}
	.breadcrumbs {
		display: none;
	}

	/* menu */
	#menu {
		position: absolute;
		top: 30px;
		left: 40px;
	}
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 30px;
		height: 24px;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #fff;
		border-radius: 2px;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 12px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-13px) rotate(45deg);
		transform: translateY(-13px) rotate(45deg);
	}

	#menuArea {
		position: absolute;
		top: 80px;
		left: -380px;
		z-index: 99999;
		width: 380px;
		height: 540px;
		background-color: rgba(0,0,0,0.8);
		transition: 0.7s;
	}
	#menuArea.active {
		left: 0;
	}
	.menu-wapper {
		width: 271px;
		text-align: left;
		padding: 40px 0 0 50px;
	}
	.menu-home,
	.menu-all {
		margin-bottom: 40px;
	}
	.menu-btn-wapper {
		margin: 50px 0;
		width: 271px;
		height: 50px;
		background-color: #fff;
		transition: 0.3s;
	}
	.menu-btn-wapper p {
		font-size: 14px;
		text-align: center;
		padding-top: 15px;
		font-weight: bold;
		position: relative;
		transition: 0.3s;
	}
	.menu-btn-wapper p:after {
		content: '>';
		font-size: 14px;
		color: #a2a2a2;
		font-weight: normal;
		position: absolute;
		top: 14px;
		left: 190px;
		transition: 0.3s;
	}
	.menu-btn-wapper:hover {
		background-color: #333;
	}
	.menu-btn-wapper:hover p {
		color: #fff;
	}
	.menu-btn-wapper:hover p:after {
		color: #fff;
	}

	/* innerHeader */
	#innerHeader {
		height: 80px;
		background-color: #000;
		position: relative;
	}
	#innerHeader .logo {
		display: inline-block;
		text-align: center;
		margin-top: 20px;
	}
	#innerHeader .sns {
		position: absolute;
		top: 30px;
		right: 40px;
	}
	#innerHeader .snsList {
		display: flex;
		align-items: center;
		align-content: center;
		justify-content: center;
	}
	#innerHeader .snsList li:nth-child(2) {
		padding: 0 20px;
	}
	#innerHeader .snsList li:last-child {
		margin-top: -3px;
	}

	#gHeader {
		position: fixed;
		top: 0;
		width: 100%;
		background: #fff;
		z-index: 1000;
	}
	#gHeader h1 {
		position: absolute;
		bottom: -10px;
		right: 40px;
		z-index: 1;
	}
	#gNav {
	}
	#gNav ul {
		display: flex;
		justify-content: center;
	}
	#gNav li {
		margin: 0 12px;
	}
	#gNav a {
		position: relative;
		display: block;
		padding: 30px 8px;
	}
	#gNav a::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 5px;
		background: #f6c757;
		opacity: 0;
		transition: .3s;
	}
	#gNav a:hover::before {
		opacity: 1;
	}


	#gFooter {
		margin-bottom: 0;
		padding: 60px 0;
		background: #000;
	}
	#fNav {
		margin-bottom: 30px;
	}
	#fNav ul {
		text-align: center;
	}
	#fNav li {
		display: inline-block;
		margin: 0 15px;
	}
	#fNav li a {
		transition: .3s;
	}
	#fNav li a:hover {
		opacity: .7;
	}


/* wrap */
	.wrap {
		width: 745px;
		margin-left: auto;
		margin-right: auto;
	}


/*****
 * 5. scn
*****/


 /* tags */
	.tags {
		box-sizing: border-box;
		width: 100%;
		margin: 20px 0 40px;
		padding: 0 6.15%;
	}
	.tags--wrap {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.tags--tag {
		width: 65%;
		overflow: scroll;
	}
	.tags--tag--list {
		display: flex;
	}
	.tags--tag--list li {
		margin-right: 23px;
	}
	.tags--tag--list li:last-child {
		padding-right: 40px;
	}
	.tags--tag--list__ttl {
		font-size: 1.7em;
		font-weight: bold;
	}
	.tags--tag--list__item,
	.tags--date {
		font-size: 1.6em;
		white-space: nowrap;
	}

/* main visual */
	.main-visual {
		box-sizing: border-box;
		max-width:100%;
		text-align: left;
		/*margin-bottom: 50px;*/
	}
	.main-visual__ttl {
		font-size: 2.4em;
		font-weight: bold;
		/*margin-bottom: 35px;*/
		padding: 0 6.15%;
	}
	.main-visual__visual {
		max-width:100%;
	}
	.main-visual__visual.is-show {
		transform: rotate(0);
		opacity: 1;
	}
	.main-visual__visual__txt {
		position: absolute;
		bottom: 30px;
		left: 4.7%;
	}
	.main-visual__visual__img-txt {
		margin-bottom: 20px;
	}
	.main-visual__visual__device-txt {
		font-size: 2.3em;
		color: #fff;
	}

/* contents */
	.contents,
	.contents img {
	max-width:100%;
	}
	.contents--inner {
		max-width:100%;
		box-sizing: border-box;
		line-height: 1.6;
		text-align: left;
		margin: 0 auto;
		
	}
  .contents--inner__no-border {
    width: 87.5%;
    box-sizing: border-box;
    line-height: 1.6;
    text-align: left;
    margin: 0 auto;
    padding: 0 0 70px;
  }
  .contents--inner__no-border__last {
    width: 87.5%;
    box-sizing: border-box;
    line-height: 1.6;
    text-align: left;
    margin: 0 auto;
    padding: 0;
  }
	.contents--single-txt {
		font-size: 1.8em;
	}
	.contents--scn {
		margin: 20px 0 0;
	}
	.contents--item {
		width: 100%;
		display: inline-block;
		text-align: center;
		/*margin: 0 auto 30px*/
	}
	.contents--item li {
		border-top: 2px solid #fff;
	}
	.contents--item li:first-child {
		border: none;
	}
	.contents--txt {
		font-size: 1.5em;
        padding: 0 30px;
	}

    .contents--txt2 {
		font-size: 1.2em;
        line-height: 2.;
	}
	.contents--txt__link {
		position: relative;
		display: inline-block;
		font-size: 1em;
		color: #2996cc;
		padding-right: 40px;
		text-decoration: underline;
	}
	.contents--txt__link:after {
		content: "";
		background: url("https://secure1.future-shop.jp/~casselini/feature/assets_item-tmpl/sp/img/icon-link.png");
		background-size: contain;
		position: absolute;
		top: 12px;
		right: 10px;
		width: 22px;
		height: 19px;
	}
	.contents--heading {
		position: relative;
		font-size: 2em;
		font-weight: bold;
		<!--margin-bottom: 30px;-->
		padding-left: 20px;
	}
	.contents--heading:before {
		content: "";
		background: url("https://secure1.future-shop.jp/~casselini/feature/assets_item-tmpl/sp/img/icon-heading.png");
		background-size: contain;
		position: absolute;
		top: 20px;
		left: 0;
		width: 9px;
		height: 9px;
	}
	.staff--txt {
		position: relative;
		font-size: 1.6em;
		margin-bottom: 30px;
		padding-left: 130px;
	}
	.staff--txt:before {
		content: "";
		background: url("https://secure1.future-shop.jp/~casselini/feature/2018/topics/sp/img/ic-staff01.png");
		background-size: contain;
		position: absolute;
		top: -1px;
		left: 0;
		width: 110px;
		height: 110px;
	}

.staff--txt02 {
		position: relative;
		font-size: 1.6em;
		margin-bottom: 30px;
		padding-left: 130px;
	}
	.staff--txt02:before {
		content: "";
		background: url("https://secure1.future-shop.jp/~casselini/feature/2018/topics/sp/img/ic-staff02.png");
		background-size: contain;
		position: absolute;
		top: -1px;
		left: 0;
		width: 110px;
		height: 110px;
	}

	.contents--link {
		font-size: 1.6em;
		text-align: center;
		margin-top: 32px;
		text-decoration: underline;
	}
	.contents--link li {
		margin-bottom: 8px;
	}
	.contents--link li:last-child {
		margin-bottom: 0;
	}
	.contents--cap {
		font-size: 1.2em;
		text-align: center;
		margin-top: 30px;
	}
	.contents--event__overview {
		margin-top: 60px;
	}
	.contents--event__overview__inner {
		font-size: 1.8em;
		line-height: 1.6;
		background: #f7f7f7;
		padding: 48px 50px;
	}

	.author {
		width: 87.5%;
		margin: 65px auto 150px;
	}
	.author--contents {
		display: flex;
		flex-wrap: wrap;
	}
	.author--contents li {
		width: 100%;
	}
	.author--pic {
		margin-bottom: 30px;
	}
	.author--profile {
		text-align: center;
	}
	.author--profile__name {
		font-size: 2.8em;
		font-weight: bold;
		margin-bottom: 25px;
	}
	.author--profile__name__en {
		font-size: 2em;
		font-weight: bold;
		margin-bottom: 35px;
	}
	.author--profile__overview {
		font-size: 2.0em;
		line-height: 1.6em;
		margin-bottom: 12px;
		margin-bottom: 40px;
	}
	.author--profile__sns {
		font-size: 1.8em;
	}
	.author--profile__sns li {
		margin-top: 4px;
	}
	.author--profile__sns li:first-child {
		margin-top: 0;
	}

/* archive */
	.archive--ttl {
		font-size: 3.9em;
		font-weight: bold;
		margin-bottom: 40px;
	}
	.archive--tags {
		display: flex;
		justify-content: right;
		flex-wrap: nowrap;
		font-size: 1.8em;
		margin: 0 auto 50px;
		padding-left: 10%;
		overflow: scroll;
	}
	.archive--tags li {
		position: relative;
		margin-right: 26px;
		margin-left: 26px;
		white-space: nowrap;
	}
	.archive--tags li:first-child {
		margin-left: 0;
	}
	.archive--tags li:last-child {
		margin-right: 0;
		padding-right: 10%;
	}
	.archive--tags li:after {
		content: "|";
		position: absolute;
		top: -1px;
		right: -26px;
	}
	.archive--tags li:last-child:after {
		display: none;
	}
	.archive--tags__selected {
		border-bottom: 4px solid #000;
		padding-bottom: 8px;
	}
	.archive--items {
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-bottom: 70px;
		padding-left: 6.15%;
		overflow: scroll;
	}
	.archive--items--item {
		position: relative;
		width: 100%;
		text-align: left;
		margin-right: 40px;
	}
	.archive--items--item:last-child {
		padding-right: 75px;
	}
	.archive--items__pic {
		margin-bottom: 40px;
	}
	.archive--items__txt {
		font-size: 2.4em;
		line-height: 1.6;
		font-weight: bold;
		margin-bottom: 30px;
	}
	.archive--items__date {
		font-size: 1.5em;
		color: #8f8f8f;
	}
	.archive--cv {
		margin-bottom: 140px;
	}
  .ryumin {
    /*font-family: "a-otf-ryumin-pr6n","游明朝","Yu Mincho","ヒラギノ明朝 ProN W3",serif;*/
  }
  .contents--single-txt {
    font-size: 1.6em;
		line-height: 1.6;
  }
  .mb30 {
    margin-bottom: 30px;
  }

#mainContents .interview-large {
	width: 100%;
	margin-bottom: 35px;
	line-height: 50px;
}
#mainContents .interview-large .ttl {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #f47da6;
	text-indent:-24px;
	line-height: 1.8em;
}
#mainContents .interview-large .txt {
	font-size: 26px;
	font-weight: 400;
    line-height: 1.8em;
    letter-spacing: 1.5px;
}
#mainContents .interview-large .txt span.name {
	margin-right: 20px;
	color: #f47da6;
}
#mainContents .interview-large .txt span.first-char {
	font-weight: 400;
}

.list {
    display: flex;
    justify-content: center;
}

.img {
    max-width:100%;
    object-fit: contain;
}

/*背景*/
.bg_test-text {
    background-image: url(https://casselini.itembox.design/item/feature/assets_topick/sp/2025/galfy_hey/back.jpg);
    background-size: 100%;
}

iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}