@charset "utf-8";
/*
Theme Name:syu-hou
Author:TOMOHIRO
Author URI:https://xoroasta.com/
Description:Last update 2021.5.10

*/
/*************
1.基本設定
**************/

/* concrete5 */

/** ブロック要素 */
.ccm-page{
	background:#5a4030;
	font-family:"新ゴ R", "Shin Go Regular", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
	line-height:1.6;
	color:#333;
}


/** インライン要素 */
.ccm-page header a:link,
.ccm-page main a:link,
.ccm-page footer a:link{text-decoration:none; color:#5a4030}

.ccm-page header a:visited,
.ccm-page main a:visited,
.ccm-page footer a:visited{text-decoration:none; color:#999}

.ccm-page header a:hover,
.ccm-page main a:hover,
.ccm-page footer a:hover{text-decoration:none; color:#910910}

.ccm-page header a:active,
.ccm-page main a:active,
.ccm-page footer a:active{color:#545454}

.ccm-page address{display:block; margin:0 0 1em; font-style:normal; text-align:center}
.ccm-page address a{color:#fff; text-decoration:none}
.ccm-page address a:link,
.ccm-page address a:visited{color:#545454;	text-decoration:none}
.ccm-page address a:hover{color:#5a4030}

/** フレキシブルボックス */

/** id */
#copyright{display:block; margin:0; font-size:1.2rem; color:#fff; text-align:center}

/** class */

/*** 不具合回避用 */
div#headerLogo, div.fb-page, ul#instaFeed, div.widget{font-family:sans-serif}

/* ヘッダー */
.ccm-page header{background-color: #fff}


/** ロゴ */
div#headerLogo{height:52px; text-align: left}
div#headerLogo > h1{height:auto; margin:0}
div#headerLogo > h1 a{display:block; height:52px; color:#fff}
div#headerLogo > h1 img{height:52px}


/** アセット */


/** ナビ */
div#headerGlobalNavi ul.nav{
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
}

div#headerGlobalNavi ul.nav li{
    list-style: none;
}

div#headerGlobalNavi ul.nav li a{
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: 30px;
}

div#headerGlobalNavi ul.nav li:first-child a{
    background: url(https://himejispoon.com/application/files/9716/1881/1802/bg_headerGlobalAssetInstagram.svg) center no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-left: 0;
}

div#headerGlobalNavi ul.nav li:nth-child(2) a {
    background: url(https://himejispoon.com/application/files/4316/1881/1812/bg_headerGlobalAssetfacebook.svg) center no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/** パンくずリスト */


/** エリアブロック */


/* メイン */

/** 共通 */

/*** リスト */

/*** RSS */


/** エリアブロック */

/*** トップ・ローカル共通 */

/**** Asset */

/**** About */


/*** トップ */

/**** ヒーロー */

/**** mainContentHome-1 */
section#mainContentHome-1{
	background:#5a4030;
	vertical-align:middle;
	color: #fff;
}

/**** News */

/** ローカルページ */
section#mainContentLocal-1{
	background-color:#fff;
	vertical-align:middle;
	color:#000;
}

/**** ローカル共通 */

/*** Profile */

/*** Bio */




/** フッター */
div#FooterGlobalAsset{
	margin: 1rem auto 60px;
	color: #fff;
}
div#FooterGlobalAsset p{
	text-align: center;
}
div#FooterGlobalAsset p a{
	color: #fff;
}

/*** ロゴ */

/** アセット */


/** ナビ */


/* サイトパーツ */

/* アニメーション */
@keyframes fadeIn{
    from{opacity:0}
    to{opacity:1}
}
.fadeIn{
	animation-name: fadeIn;
	animation-duration: 2s;
}


ul#instaFeed > li{
	display:inline-block;
	list-style:none;
}
ul#instaFeed > li a img.grid2{
	height:138px;
	margin:0 30px 30px 0;
}
ul#instaFeed > li:last-child a img.grid2{margin:0 0 30px}


/** リンクボタン */

/*** テキストリンク */

/**** facebook */


/**** コンタクト */


/*************
スマホ
**************/


/*************
PC
**************/
@media screen and (min-width:978px){

	/* 978grid layout 1column */

	/** フレキシブルボックス */

	/*** スマホ専用エリア */

	
	/*** 分割設定 */
		
	/**** 一列目 */
	
	/**** 最後の列 */
	

	/** RSS **/

	/** エリアブロック**/

	/*** トップ・ローカル共通 ***/
	
	/*** About ***/
	section#mainContentHome-2{
		margin:auto;
		text-align:center;
	}
	section#mainContentHome-2 div{
		margin:auto;
		text-align:center;
	}

	
	/** トップページ **/

	/*** mainContentHome-1 ***/

	/** ローカルページ共通 **/

	/*** エリアブロック ***/

	
	/*** Greeting */

	
	/*** Quality */
	
	/** ローカルページ **/

	/*** エリアブロック ***/
	
	/*** Contact */


}