@charset "utf-8";
/* ------------------------------------------------------------------------------- */

@media screen and (max-width: 600px)
{
	#wpadminbar
    {
	    position: fixed!important;
	}
}

/* ------------------------------------------------------------------------------- */
html
{
	background: #EBF5F6;
}

body
{
	background: #EBF5F6;
	color:#333;

	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif;
	font-weight:500;
	font-size:15px;
	font-size:1.5rem;
	line-height:150%;
	position:relative;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	width:100%;
	height: 100vh;
}
/* ------------------------------------------------------------------------------- */
/*Font Style*/
/* ------------------------------------------------------------------------------- */
.font-mincho{font-family:'A1 Mincho',"游明朝",YuMincho,"ヒラギノ明朝ProNW3","HiraginoMinchoProN","HG明朝E","ＭＳＰ明朝","ＭＳ明朝",serif;}
.font-gothic{font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif;}
.font-marugothic{font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}

/* ------------------------------------------------------------------------------- */
/* 文字選択字のカラー設定 */
/* ------------------------------------------------------------------------------- */
::selection
{
	color:#000;
	background:#FFD500; /* Safari */
}
::-moz-selection
{
	color:#000;
	background:#FFD500; /* Firefox */
}

/* ------------------------------------------------------------------------------- */
/* micro clearfix（float使用時） */
/* ------------------------------------------------------------------------------- */
.cf:before,
.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}


/* ------------------------------------------------------------------------------- */
/* テキスト非表示  */
/* ------------------------------------------------------------------------------- */
.del-text{overflow: hidden; text-indent: 150%; white-space: nowrap;}

/* ------------------------------------------------------------------------------- */
/*       画像エフェクト（徐々に拡大）        */
/* ------------------------------------------------------------------------------- */
.effect-scale .image
{
    overflow: hidden;
	position:relative;
}
.effect-scale img
{
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;

	opacity: 1 ;
}
.effect-scale:hover img
{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
	opacity: 0.5 ;
}

.effect-scale .image .mask
{
	padding-top:40px;
	text-align:center;
	vertical-align: middle;
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
	color:#fff;
}

.effect-scale:hover .mask
{
	opacity:		1;	/* マスクを表示する */
}