/*
Theme Name: SiteOrigin Unwind Child
Author: SiteOrigin
Author URI: https://siteorigin.com/
Theme URI: https://siteorigin.com/theme/unwind
Description: SiteOrigin Unwind Child Theme
Version: 1.0.0
Template: siteorigin-unwind
Text Domain: siteorigin-unwind
Domain Path: /languages/
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/*-------------------------------------------------------------
フォント設定
--------------------------------------------------------------*/
body {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}

/*------------------------------------------------------------*/

/*-------------------------------------------------------------
ナビゲーションの設定
--------------------------------------------------------------*/

/*メニュー・ホバー時のボーダー設定-------------------------------------*/

.nav-custom1 a:after {
	content: '';
	width: 0;
	transition: all 0.3s ease;
	border-bottom: 2px solid #2c5083;
	display: block;
}
.nav-custom1 a:hover:after {
	width: 100%;
	border-bottom: 2px solid #2c5083;
}

/*-----------------------------------------------------------
モバイル時のナビゲーション設定
------------------------------------------------------------*/

/*ボーダー非表示------------------------------------------------*/

#mobile-navigation .nav-custom1 a:after {
	content: '';
	width: 0;
	transition: all 0.3s ease;
	border-bottom: 0px solid #2c5083;
	display: block;
}
#mobile-navigation .nav-custom1 a:hover:after {
	width: 100%;
	border-bottom: 0px solid #2c5083;
}
/*メニューボックスの設定--------------------------------------------*/

#mobile-navigation .nav-custom1 ul li a:hover {
	color: #ffffff;
	background-color: #446ca5;
} 
#mobile-navigation .nav-custom1 a:hover {
	color: #ffffff;
	background-color: #2c5083;
} 
/*--------------------------------------------------*/

/*-------------------------------------------------------------
ホーム
--------------------------------------------------------------*/

/*ホームのヘッダー下マージンの設定-----------------*/

.home #masthead {
    margin-bottom: 0px;
}

/*-------------------------------------------------------------
コンテンツエリア
--------------------------------------------------------------*/

/*ONLINE SHOPボタン
---------------------------------------------------------*/
.shop_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 0.6em 0.7em;
    text-decoration: none;
    color: #ffffff;
    background: #333740;
    transition: .4s;
}

.shop_btn:hover {
    background: #2c5083;
    color: white;
}

/*ブログレイアウト－マソンリーの設定
---------------------------------------------------------*/

.blog-layout-masonry .archive-entry .masonry-entry-content {
    padding: 6px 6px 6px 6px !important;
}
.blog-layout-masonry .archive-entry {
    margin-bottom: 0px !important;
}
.blog-layout-masonry .archive-entry .entry-thumbnail {
    margin: 0px 0px 0px 0px !important;
}

/*--------------------------------------------------------
BLOGページ設定
----------------------------------------------------------*/
/*見出しデザイン
----------------------------------------------------------*/
.blog-content h2 {
    padding: 0.25em 0.5em;/*上下 左右の余白*/
    font-size: 1.3em;
    background: transparent;/*背景透明に*/
    border-left: solid 5px #2c5083;/*左線*/
}



/*EXHIBITIONページのボタン・モバイル時設定
----------------------------------------------------------*/

#pgc-28-2-0, #pgc-28-2-1 {
	margin-bottom: 10px !important;
}


/*---------------------------------------------------------
PROFILEページの設定
----------------------------------------------------------*/
/*見出し設定
-----------------------------------------------------*/
#profile h2 {
    padding: 0.5em;/*文字周りの余白*/ 
    font-size: 1.5em;
    background: #f2f0ed;/*背景色*/
    border-left: solid 5px #2c5083;/*左線（実線 太さ 色）*/
}

.profile-exhibition h3 {
    padding: 0.25em 0.5em;/*上下 左右の余白*/
    font-size: 1.3em;
    background: transparent;/*背景透明に*/
    border-left: solid 5px #2c5083;/*左線*/
}



/*テーブル（表）スタイル設定
----------------------------------------------------------*/
/*展覧会情報のテーブル・スタイル
-----------------------------------*/
.exhibition-info {
	border-collapse: collapse;
}
.exhibition-info td, .exhibition-info th {
	border: 1px solid #bec2c7;
	text-align: left;
}
.exhibition-info td {
	background-color: #ffffff; 
}
.exhibition-info td, .exhibition-info th {
     padding: 0.7em 1.4665em;
}
.exhibition-info th {
	background-color: #dde2ea;
	width: 90px;
	vertical-align: top;
}
/*プロフィールのテーブル・スタイル
------------------------------------*/
.profile td, .profile th {
     padding: 0.7em 0.7em;
}
.profile th {
    width: 70px;
}
.profile {
    margin-bottom: 1em ; /*table下のマージン設定*/
}
/*個展歴をモバイル時スクロール
-------------------------------------*/
@media (max-width: 680px) {
.scroll {
    overflow-x: scroll; /*tableをスクロールさせる*/
    white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
    }
}



/*プロフィール２のテーブル・スタイル
-------------------------------------*/
.profile2 td {
     padding: 0.4em 0.7em;
     background-color: #ffffff;
}
 .profile2 {
     border: none;
}


/*作品データのテーブル設定
--------------------------------------*/
.artwork-date th {
     padding: 0.2em 0.7em;
     background-color: #ffffff;
}
.artwork-date td {
     padding: 0.2em 0;
     background-color: #ffffff;
}


.artwork-date th {
	width: 100px;
}


.artwork-date {
     border: none;
     border-left: 5px solid #2c5083;
}
/*-----------------------------------------------------*/
/*sold-thanksボタン設定
-------------------------------------------------------*/
.btn-sold {
    position: relative;
    display: inline-block;
    font-size: 17px;
		font-weight: bold;
		font-family: Quicksand, sans-serif;
    padding: 0.2em 0.45em 0.2em 0.55em;
    text-decoration: none;
    color: #ffffff;
    background: #002151;
    border-radius: 3px 3px 3px 3px;
		letter-spacing: 0.05em;
  }
	
.btn-sold .btn-thanks {
	font-size:		75%;
	text-align: 		center;
	padding-top:		8px;
	color:			#ffffff;
}
.btn-sold .mask-thanks {
	width:			100%;
	height:			100%;
	position:		absolute;
	top:			0;
	left:			0;
	opacity:		0;	/* 非表示 */
	background-color: #e57f00;
	-webkit-transform:	rotateX(-180deg);
	transform:		rotateX(-180deg);
	-webkit-transition:	all 0.6s ease;
	transition:		all 0.6s ease;
}
.btn-sold:hover .mask-thanks {
	-webkit-transform:	rotateX(0deg);
	transform:		rotateX(0deg);
	opacity:		1;	/* ホバーで表示 */
  border-radius: 3px 3px 3px 3px;
}

/*-----------------------------------------------------------
プライバシーポリシー／著作権についてページ
------------------------------------------------------------*/

/*見出しのデザイン----------------------------------------------*/

#privacy h2 {
    padding: 0.5em;/*文字周りの余白*/
    font-size: 1.5em; 
    background: #f2f0ed;/*背景色*/
    border-left: solid 5px #2c5083;/*左線（実線 太さ 色）*/
}

#privacy h3 {
    padding: 0.25em 0.5em;/*上下 左右の余白*/
    font-size: 1.3em;
    background: transparent;/*背景透明に*/
    border-left: solid 5px #2c5083;/*左線*/
}

#privacy a {
    text-decoration: underline;
}


/*------------------------------------------------------------
サイトマップページ
-----------------------------------------------------------*/

/*見出しデザイン--------------------*/
.wsp-pages-title, .wsp-newss-title, .wsp-exhibitions-title, .wsp-posts-title, .wsp-artworks-title {
    padding: 0.5em;/*文字周りの余白*/
    font-size: 1.5em; 
    background: #f2f0ed;/*背景色*/
    border-left: solid 5px #2c5083;/*左線（実線 太さ 色）*/
}

.wsp-category-title {
    /*padding: 0.25em 0.5em;/*上下 左右の余白*/
    font-size: 1.3em;
    /*background: transparent;/*背景透明に*/
}

/*-------------------------------------------------------------
フッター
--------------------------------------------------------------*/

/*フッターメニューの設定------------------------*/

footer .footer_menu a {
    font-size: 0.9em;
}

footer .footer_menu {
    text-align: center;
}


/*フッター上のボーダー消去-----------------------*/
footer {
    border-top: none !important;
}


/*サイトインフォの色------------------------------*/
footer .site-info {
    border-top: 0px solid #ebebeb !important;
    background-color: #333740; 
    color: #ededed !important;
}
/*--------------------------サイドバー----------------------------*/

/*ウィジェット
----------------------------------------------------*/
/*ウィジェットタイトル設定
---------------------------*/
h2.widget-title {
	font-size: 15px !important;
	margin: 0 0 1.2em !important;
	text-transform: capitalize !important;
}


/*WP popular-postsの設定
--------------------------------------------------*/
/*順位をつける
------------------------------*/
ul#popular-posts.wpp-list {
counter-reset: pupular-ranking;
}
ul#popular-posts.wpp-list li {
position: relative;
}
ul#popular-posts.wpp-list li:before {
background: none repeat scroll 0 0 #46cb44;
color: #fff;
content: counter(pupular-ranking, decimal);
counter-increment: pupular-ranking;
font-size: 100%;
left: 0;
top: 0;
line-height: 1;
padding: 4px 7px;
position: absolute;
z-index: 1;
opacity: .9;
border-radius: 0;
font-family: Arial;
}
/*ウィジェット内のパッディング設定
------------------------------------*/
ul#popular-posts.wpp-list li {
	margin-bottom: .7em !important;
}

/*自己紹介の設定
------------------------------------*/
/*アイコン-----------------*/
.facebook-blue {
	color: #3a5795;
}
.instagram-color {
  color: #212121;
}
.my-prof-icon {
	font-size: 1.5em; 
	color: #9f9a8b;
}

/*404ページ
--------------------------------------*/
/*HOMEボタン設定-------------*/
.go-home_btn {
    display: inline-block;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none;
    background: #f7f7f7;
    border-left: solid 6px #2c5083;/*左線*/
    color: #2c5083;/*文字色*/
    font-weight: bold;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.go-home_btn:hover {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}
/*handのアイコン---------------*/
.icon-home {
	color: #2c5083;
}
/*タイトルのpaddinng設定---------*/
.error-title {
	padding-top: 40px; 
}