@charset "UTF-8";

/*========================================
*
*	全ページ共通
*
*---------------------------------------*/
/*================================
**	全ページ共通
*-------------------------------*/
/*========================
**	全ページ共通
*/
body {
	overflow: hidden;
}
a {
	-webkit-tap-highlight-color: rgba(0,0,0,0.2);
}




/*========================================
*
*	ヘッダ
*
*---------------------------------------*/
/*================================
**	サイトID
*-------------------------------*/
/*========================
**	共通
*/
#header {
	padding: 20px 0 0 20px;
}
#siteId img {
	height: 51px;
	width: 60px;
}
#home #siteId {
	left: 20px;
	top: 20px;
}



/*================================
**	ヘッダグローバルナビゲーション
*-------------------------------*/
/*========================
**	共通
*/
#headerGlobalNavi {
	display: none;
}

/* ---------------------------------------------------------------------
*	メニュー
* ------------------------------------------------------------------- */
/* ---------------------------------
*	共通設定
*/


#menu {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2000;
}
.menuOpen #menu {
	height: 100%;
}
#menuBg {
	position: absolute;
	background: #fff;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	display: none;
	transition: all .5s ease;
}
#menuContents {
	position: absolute;
	background: #fff;
	height: 100%;
	width: 100%;
	right: 0;
	top: 0;
	display: none;
}

#home #menuBg,
#home #menuContents {
	background: #000;
}


/* ---------------------------------
*	ボタン
*/
#menuButton {
	transition: all .25s ease-in-out;
	position: absolute;
	font-weight: bold;
	height: 32px;
	width: 32px;
	cursor: pointer;
	right: 20px;
	top: 40px;
}
#menuButton:hover {
	color: #649ba8;
}
#menuIcon {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 10px;
	width: 32px;
	height: 13px;
	transition: opacity .8s cubic-bezier(1, 0, 0, 1),-webkit-transform .4s cubic-bezier(.19, 1, .22, 1);
	transition: opacity .8s cubic-bezier(1, 0, 0, 1),transform .4s cubic-bezier(.19, 1, .22, 1);
}
.menuOpen #menuButton:hover #menuIcon {
	transform: rotate(270deg) scale(1.2);
}
#menuIcon::before,
#menuIconCenter,
#menuIcon::after {
	position: absolute;
	display: inline-block;
	width: 32px;
	height: 1px;
	background: #000;
	content: "";
	transition: all .3s;
}
#home #menuIcon::before,
#home #menuIconCenter,
#home #menuIcon::after {
	background: #bebebe;
}
#menuIcon::before {
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
}
.menuOpen #menuIcon::before {
	-webkit-transform: rotate(45deg) translate3d(-6px, -8px, 0);
	-ms-transform: rotate(45deg) translate3d(-6px, -8px, 0);
	transform: rotate(45deg) translate3d(-6px, -8px, 0);
	width: 45px;
	background: #000;
}
#home .menuOpen #menuIcon::before {
	-webkit-transform: rotate(45deg) translate3d(-6px, -8px, 0);
	-ms-transform: rotate(45deg) translate3d(-6px, -8px, 0);
	transform: rotate(45deg) translate3d(-6px, -8px, 0);
	width: 45px;
	background: #bebebe;
}

#menuIconCenter {
	top: 6px;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}
.menuOpen #menuIconCenter {
	opacity: 0;
}
#menuIcon::after {
	top: 12px;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}
.menuOpen #menuIcon::after {
	-webkit-transform: rotate(-45deg) translate3d(-6px, 8px, 0);
	-ms-transform: rotate(-45deg) translate3d(-6px, 8px, 0);
	transform: rotate(-45deg) translate3d(-6px, 8px, 0);
	width: 45px;
	background: #000;
}

#home .menuOpen #menuIcon::after {
	background: #bebebe;
}
/* ---------------------------------
*	メインナビ
*/
#mainNavi {
	position: static;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	margin: 30px 0 0;
}
#mainNavi ul {
	padding: 100px 0 0;
	font-size: 2rem;
	letter-spacing: 0.2rem;
	font-weight: 600;
}
#mainNavi li {
	list-style-type: none;
	margin: 0 0 30px;
}
#mainNavi li a {
	color: #000;
}

#home #mainNavi li a {
	color: #bebebe;
}

/*========================================
*
*	メイン
*
*---------------------------------------*/
/*================================
**	共通
*-------------------------------*/
/*========================
**	共通
*/
#contents {
	margin: 0 0 100px;
}
.section {
	width: calc(100% - 20px);
	margin: auto;
}
#pageTitle h1 {
	font-size: 3rem;
	margin: 0 10px;
}
#pageTitle .snsButton {
	font-size: 1.2rem;
	margin: 0 10px 50px;
}
#pageTitle .snsButton ul {
	display: flex;
	align-items: center;
}
#pageTitle .snsButton li:first-of-type {
	margin: 0 35px 0 0;
	font-size: 1.2rem;
}
#pageTitle .snsButton li:first-of-type::before {
	width: 20px;
	left: 70px;
}
#pageTitle .snsButton li:nth-of-type(2) {
	margin: 0 10px 0 0;
}
#pageTitle .snsButton img {
	width: 22px;
}




/*========================================
*
*	フッタ
*
*---------------------------------------*/
/*================================
**	フッタグローバルナビゲーション
*-------------------------------*/
/*========================
**	共通
*/
#footerGlobalNavi {
	text-transform: uppercase;
	font-size: 1.4rem;
	margin: 0 0 30px;
}
#footerGlobalNavi ul {
	flex-wrap: wrap;
}
#footerGlobalNavi li {
	margin: 0 0 10px;
	width: 45%;
	text-align: center;
}



/*================================
**	フッタロゴ
*-------------------------------*/
/*========================
**	共通
*/
#footerLogo {
	position: static;
	margin: 0 auto 30px;
}



/*================================
**	SNSボタン
*-------------------------------*/
/*========================
**	共通
*/
#footer .snsButton {
	position: static;
	font-size: 1.2rem;
	width: 160px;
	margin: 0 auto 20px;
}
#footer .snsButton ul {
	display: flex;
	align-items: center;
}
#footer .snsButton li:first-of-type {
	margin: 0 35px 0 0;
	font-size: 1.2rem;
}
#footer .snsButton li:first-of-type::before {
	width: 20px;
	left: 70px;
}
#footer .snsButton li:nth-of-type(2) {
	margin: 0 10px 0 0;
}
#footer .snsButton img {
	width: 22px;
}




/*========================================
*
*	ホーム
*
*---------------------------------------*/
/*================================
**	ヘッダSNSボタン
*-------------------------------*/
/*========================
**	共通
*/
#header #multiLingual {
	top: 45vw;
}
#header .snsButton {
	top: 36vw;
	left: 20px;
}
#header .snsButton li:first-of-type {
	margin: 0 35px 0 0;
	font-size: 1.2rem;
}
#header .snsButton li:first-of-type::before {
	width: 20px;
	left: 70px;
}
#header #multiLingual li:first-of-type::before {
	width: 20px;
	left: 93px;
}
#header .snsButton li:nth-of-type(2) {
	margin: 0 10px 0 0;
}
#header .snsButton img {
	width: 22px;
}



/*================================
**	ホームコレクション
*-------------------------------*/
/*========================
**	共通設定
*/
#homeCollection img {
	max-width: 140px;
}




/*========================================
*
*	Collection
*
*---------------------------------------*/
/*================================
**	共通設定
*-------------------------------*/
/*========================
**	共通
*/
#collectionList img {
	max-width: 140px;
}
.collectionList {
	width: calc(100% - 40px);
	height: auto;
	padding: 15px;
	margin: auto;
	text-align: center;
}
.collectionList img {
	position: static;
	width: 40%;
}
.collectionList h2 {
	font-size: 2rem;
	margin: 0 0 10px;
}
.collectionList p {
	line-height: 1.4;
}




/*========================================
*
*	iwatemo Production Studios (craftman)
*
*---------------------------------------*/
/*================================
**	共通設定
*-------------------------------*/
/*========================
**	共通
*/
#craftmanMain .section section {
	min-height: 0;
	padding: 0;
}
#craftmanMain .section section img {
	position: static;
	width: 100%;
}
#craftmanMain .section section h2 {
	font-size: 2rem;
}
#craftmanMain .section section h2 + p {
	font-size: 1.6rem;
}




/*========================================
*
*	iwatemo Designers
*
*---------------------------------------*/
/*================================
**	共通設定
*-------------------------------*/
/*========================
**	共通
*/
#designersMain .section {
	display: block;
}
#designersMain .section section {
	width: auto;
}
#designersMain .section section:first-of-type {
	margin: 0 0 40px;
}
#designersMain .section section h2 {
	font-size: 2rem;
}




/*========================================
*
*	Company
*
*---------------------------------------*/
/*================================
**	共通設定
*-------------------------------*/
/*========================
**	共通
*/
#companyMain .section section:first-of-type {
	display: block;
	margin: 0 0 40px;
}
#companyMain .section section table {
	width: 100%;
	margin: 0 0 20px;
}
#companyMain .section iframe {
	width: 100%;
}




/*========================================
*
*	Press Lounge
*
*---------------------------------------*/
/*================================
**	一覧
*-------------------------------*/
/*========================
**	共通
*/
#pressLoungeMain .section ul {
	width: 100%;
}
#pressLoungeMain .section li a {
	padding: 10px 0 0 90px;
	min-height: 60px;
}
#pressLoungeMain .section li img {
	width: 80px;
	height: 70px;
}
#pressLoungeDetailMain .pl_box {
	display: block;
}
#pressLoungeDetailMain .pl_container_text {
	padding: 20px 0 0;
}
#pressLoungeDetailMain .pl_container_img  img {
	margin: 0 0 20px;
}
/*================================
**	詳細
*-------------------------------*/
/*========================
**	共通
*/
#pressLoungeDetailMain .section {
	min-height: 0;
	padding: 0;
}
#pressLoungeDetailMain .section img {
	position: static;
	width: 100%;
	margin: 0 0 10px;
}
#pressLoungeDetailMain .section h2 {
	font-size: 2rem;
}
#pressLoungeDetailMain .section .button {
	margin: 40px 0 0;
}
#pressLoungeDetailMain .section .button a {
	padding: 15px 60px;
	width: 100%;
}

/*========================
**	210826_ボタン追加
*/

#home #pressLoungeMain {
	width: 100%;
	margin: 0 auto 30px;
}
#home #pressLoungeMain .section li a {
    padding: 10px 0 0 90px;
    min-height: 60px;
}
#home #pressLoungeMain ul {
	display: block;
	width: 100%;
}
#home #pressLoungeMain ul li {
	width: 100%;
}
#home #pressLoungeMain .button  {
	width: 170px;
	margin: 40px auto;
}
#home #pressLoungeMain .section .button a {
	padding: 15px 60px;
}