/*
Theme Name: emu
Template: base
Version: 201904
*/



html,body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,div,span,a,table,tr,th,td,figure,article {
  padding: 0;
  border: 0;
   vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img,video,object {
	vertical-align:middle;
}
html{
	font-size: 62.5%; /* 16px x 0.625 = 10px(=1rem) */
color:#505b66;/* 薄青 */
}
body {font-size: 1.6rem;/* 16px */}

body{background-color:#ffffff;}








/*--------------------------------------
　フォント　テキスト
--------------------------------------*/
*{
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.post h2, .post h2 span, .post h3, .post h3 span, .entry-title, .post .entry-title{
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.entry-title, .post .entry-title{
	color:#505b66;
	font-size:2.2rem;
	font-weight:normal;
}

h1.word span,h2.word span,h3.word span,h4.word span,h5.word span,.word p span{
	word-wrap:break-word;
	font-size:inherit;
	line-height:inherit;
	display:inline-block;
}


h2,h3,h4,h5,h6{
	background:none;
	line-height:1.5;
	font-weight:normal;
	margin:2rem 0;
}
h2{font-size:3rem;}
h3{font-size:2.2rem;}
h4{font-size:1.8rem;}
h5,h6{font-size:1.6rem;}


p,.yellowbox,.graybox,.redbox,.post ul li,.post ol li{
	font-size:1.6rem;
	line-height:2.7rem;
}

.white-b{
	color:#fff;
	font-weight:bold;
}
.redback p{
	color:#f5f5f5;
}
h2{
	color:#505b66;/* 薄青 */
}
h2.h-title{
	color:#505b66;/* 薄青 */
	text-align:center;
}
h2.h-title-r{
	color:#df0013;/* 赤 */
	text-align:center;
}
h4.h-title-r{
	color:#df0013;/* 赤 */
	text-align:center;
}
.h-sub{
	display:block;
	font-size:1.3rem;
}
.text-cr{
	text-align:center;
}
.text-right{
	text-align:right;
}
.h-sub-r{
	color:#df0013;/* 赤 */
	font-size:1.8rem;
}

/* リンクの色 */
a {
	color: #505b66;/* 薄青 */
	text-decoration:none;
}

/* リンクにマウスオーバーした時の色 */
a:hover {
	color: #df0013;
}
ul li{
	list-style:inside;
}


/*--------------------------------------
　ヘッダー部分
--------------------------------------*/

#headbox-bg{
	position:relative;
	background:#fff;
	}
.logo-area{
	z-index:777;
	position:absolute;
	top:0;
	left:0;
	width:50%;
}

.logo-area a:hover img{
	opacity:1;
}
.headimg-bg{
	background:#df0013;
}

header .descr{
	display:none;
	}
header .smanone ul.menu li a:hover{
	color:#df0013;/* 赤 */
}




#gazou-wide{
	width:100%;
	margin:0 auto;
	/*height:90vh;*/
}
.box-a{
	/*height:85vh;*/
}
.box-c{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding:12rem 2% 2% 2%;
}
.box-d{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding:2%;
}
.box-d img{
	width:100%;
}
#s-navi{
	margin:0;
}
#s-navi dt.trigger .op{
	background:#fff;
}
#s-navi dd.acordion_tree{
	padding:3rem 1.5rem 2rem;
	text-align:right;
}
#s-navi dd.acordion_tree ul li a{
	color:#df0013;
}


/* アニメーション */
.left-animation{
-webkit-animation-duration: 1s;
	-ms-animation-duration:1s;
	-o-animation-duration:1s;
	-moz-animation-duration:1s;
animation-duration: 1s;
-webkit-animation-delay: 0.5s;
	-ms-animation-delay:0.5s;
	-o-animation-delay:0.5s;
	-moz-animation-delay:0.5s;
animation-delay:0.5s;
}




/*--------------------------------------
　コンテンツ部分
--------------------------------------*/


#content-w{
	min-height:100vh;
}


#content{
	max-width:100%;
	margin:0 auto;
}
.em-main-page,.em-main-single{
	width:100%;
}


.page-section{
padding:3rem 0;
overflow:hidden;
	position:relative;
}
.page-container{
max-width:95%;
margin:0 auto;
padding:0 1rem;
	position:relative;
}
.page-container-a{
max-width:95%;
margin:0 auto;
padding:0 1rem;
	position:relative;
}
.page-container-b{
max-width:95%;
margin:0 auto;
padding:0 1rem;
	position:relative;
}

.grayish{
background-color:#f5f5f5;
}
.whiteback{
	background-color:#fff;
}
.redback{
	background-color:#df0013;
}

.em-center{
text-align:center;
margin:auto;
}
.t-center{
	text-align:center;
}
.box-inner{
	padding:5%;
}
.table-box{
	display:table;
	width:100%;
	padding:5%;
}
.table-box2{
	display:table;
	width:100%;
	padding:5% 15%;
}
.table-box-inner{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}
.left-box{
	float:left;
}
.right-box{
	float:right;
	position:relative;
}
.par-left{
	position:absolute;
	top:30%;
	left:-11rem;
}
.par-right{
	position:absolute;
	top:20%;
	right:-8rem;
}
.par-left,.par-right{
	width:16rem;
}

.info-front-area{
	background:url('https://www.shimanaminc.com/wp-content/uploads/2019/11/front-info-1.jpg') no-repeat;
	width:100%;
	height:auto;
	background-size:cover;
	background-position:center;
}
.info-back{
	background:#222;
}
.info-back div{
	border-bottom:1px solid #fff;
	padding:1rem 0;
}
.info-back h3,.info-back p,.info-back a{
	color:#fff;
}
.info-back p{
	margin-bottom:0.5rem;
}
.info-back a:hover{
	color:#df0013;/* 赤 */
}
.info-back div.container{
	border-bottom:none;
	margin:10% 0 0 2%;
}
.info-back #title02 div{
	border:none;
	padding:0;
}

.photo-back{
	background:#fff;
}
.photo-back div{
	border-bottom:1px solid #505b66;
	padding:1rem 0;
}
.photo-back h3,photo-back p,photo-back a{
	color:#505b66;
}
.photo-back p{
margin-bottom:0.5rem;	
}
.photo-back a:hover{
	color:#df0013;/* 赤 */
}
.photo-back div.container{
	border-bottom:none;
	margin:10% 0 0 2%;
}
.photo-back #title03 div{
	border:none;
	padding:0;
}


/*--------------------------------------
　画像キャプション部分
--------------------------------------*/

.cap .wp-caption-text{
	font-size:1.2rem;
	color:#333;
}


/*--------------------------------------
　ボタン部分
--------------------------------------*/


.container {
  text-align: center;
  padding-top: 40px;
}
.btn-open {
  display: inline-block;
  width: 180px;
  height:52px;
  text-align: center;
  background-color: #df0013;/* 赤 */
  font-size: 16px;
  line-height: 48px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #df0013;/* 赤 */
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn-open:after{
  width: 100%;
  height: 0;
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  background : #FFF;
  opacity: 0;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transition: .2s;
  z-index: -1;
}
.btn-open:hover{
  color: #df0013;/* 赤 */
}
.btn-open:hover:after{
  height: 240%;
  opacity: 1;
}
.btn-open:active:after{
  height: 340%;
  opacity: 1;
}




/*--------------------------------------
　ダウンロード部分
--------------------------------------*/
.w3eden .link-template-default.thumbnail .wpdm-download-link.btn{
	font-size:1.4rem;
}
.w3eden .wpdm-link-template .package-title a, .w3eden .wpdm-link-template .package-title{
	padding-right:1rem;
}



/*-------------------------------------
　テキストアニメーション
-------------------------------------*/


.block-revealer__element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    pointer-events: none;
    opacity: 0;
}







/*--------------------------------------
　下から
--------------------------------------*/
.bottom-move-Anime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: bottom-move-Anime;
 -ms-animation-name: bottom-move-Anime;
 animation-name: bottom-move-Anime;
 visibility: visible !important;
}
@-webkit-keyframes bottom-move-Anime {
 0% { opacity: 0; -webkit-transform: translateY(100px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes bottom-move-Anime {
 0% { opacity: 0; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



/* スペース */
.pa-t{
    padding-top:1.6rem;
}
.pa-tx{
    padding-top:1.6rem;
}
.pa-b{
	padding-bottom:1.6rem;
}
.pa-bx{
	padding-bottom:1.6rem;
}
.pa-tb{
	padding:1.6rem 0;
}
.pa-tbx{
	padding:1.6rem 0;
}
.pa-all{
	padding:1.6rem;
}
.pa-allx{
	padding:1.6rem;
}
.ma-t{
	margin-top:1.6rem;
}
.ma-tx{
	margin-top:1.6rem;
}
.ma-b{
	margin-bottom:1.6rem;
}
.ma-bx{
	margin-bottom:1.6rem;
}
.ma-tb{
	margin:1.6rem 0;
}
.ma-tbx{
	margin:1.6rem auto;
}
.ma-all{
	margin:1.6rem;
}
.ma-allx{
	margin:1.6rem;
}
/* スペースここまで */



/*--------------------------------------
　404
--------------------------------------*/


.big-title{
	color:#fff;
	font-size:2rem;
	font-weight:bold;
}





/*--------------------------------------
　ページナビ
--------------------------------------*/
.em-pagelink .page-numbers{
	height:auto;
	line-height:1.7;
}



/*--------------------------------------
　関連記事部分
--------------------------------------*/

.kanren .em-panel{
	padding:0.6rem;
	box-shadow:2px 2px 4px #ccc;	
}
.kanren .em-panel{
	background:#fff;
}
.point{
	text-align:center;
color:#505b66;
	font-size:2.2rem;
	line-height:1.5;
	font-weight:normal;
	margin:2rem 0;
}

span.point-in{
	display:block;
	font-size:1.4rem;
}


/*--------------------------------------
　更新情報等　投稿者
--------------------------------------*/

.blogbox{
	display:none;
	}

.post-author{
	display:none;
}

.smanone p{
	font-size:1.4rem;
}



/*--------------------------------------
　sns
--------------------------------------*/


#footer .sns li{
	width:auto;
}
#footer .sns li a{
	font-size:1.8rem;
	width:3.5rem;
	height:3.5rem;
	border-radius:50%;
	text-align:center;
	padding:0;
	line-height:3.5rem;
	color:#999;
	border:1px solid #999;
}
#footer .sns li a:hover{
	color: #df0013;/* 赤 */
	background:#fff;
	border:1px solid #df0013;
}
.sns .fa-twitter{
	border:none;
	padding:0;
}
.sns .twitter a{
	background:#fff;
}

.sns .fa-facebook{
	border:none;
	padding:0;
}
.sns .facebook a{
	background:#fff;
}
.sns .fa-google-plus{
	border:none;
	padding:0;
}
.sns .googleplus a{
	background:#fff;
}
.sns .fa-get-pocket{
	border:none;
	padding:0;
}
.sns .pocket a{
	background:#fff;
}
.sns .fa-hatena{
	border:none;
	padding:0;
}
.sns .hatebu a{
	background:#fff;
}
.sns .fa-comment{
	border:none;
	padding:0;
}
.sns .line a{
	background:#fff;
}
.snstext{
	display:none;
}
.sns{
	display:inline-block;
	width:auto;
}
.sns .fa{
	font-size:1.8rem;
}


.follow{
	display:none;
}







/*--------------------------------------
　フッター部分
--------------------------------------*/
#footer{
	margin:0 auto 5rem auto;
	padding:3%;
}
#footer-in{
	width:95%;
	margin:0 auto;
}

footer ul{
	padding:0;
}
#page-top{
border:2px solid #df0013;
}
#page-top a{
color:#df0013;
}
#footer .footerlogo{
	font-size:1.6rem;
	line-height:1.4;
	margin:0;
}
#footer a{
	color:#999;
}
#footer a:hover{
	color:#df0013;/* 赤 */
}

.footer-menu-bottom{
	display:block;
}
.logo-bottom{
	display:block;
	padding:0 2rem;
}

.descr-bottom{
	display:block;
	font-size:1.2rem;
}
.copy{
	display:block;
}








/*media Queries タブレット縦・スマートフォン横（481px以上）
-------------------------------------------------------------------------------------------*/
@media screen and (min-width: 481px) {


	
/*--------------------------------------
　ヘッダー部分
--------------------------------------*/	
	
	.logo-area{
	width:30%;
		max-width:60rem;
}
	#st-menuwide{
		max-width:100%;
		text-align:left;
		padding:0;
		margin:0 0 0 30%;
	}
	nav.smanone{
		max-width:100%;
		margin:0;
	}

/*-- ここまで --*/
}

/*media Queries デスクトップ・タブレット横（769px以上）
------------------------------------------------------------------------------------------*/
@media screen and (min-width: 769px) {
	
	



/*--------------------------------------
　フォント　テキスト
--------------------------------------*/
	.titlefont{
	font-size:5.6rem;
	line-height:1;
}
	.entry-title, .post .entry-title{
	font-size:3rem;
	}
	.em-page .entry-title{
		font-size:5rem;
	}
h2{font-size:4rem;}
h3{font-size:3rem;}
h4{font-size:2rem;}

	.text-cr{
	text-align:right;
}
	.h-sub-r{
	font-size:2rem;
}


/*--------------------------------------
　ヘッダー部分
--------------------------------------*/

header .descr{
	display:block;
	color:#df0013;/* 赤 */
	text-align:center;
	margin-top:1rem;
}
	#st-menubox{
		border:none;
	}
	
	
	#st-menuwide div.menu li a:hover{
		color:#df0013;
	}
	#st-menuwide nav.menu li a:hover{
		color:#df0013;
	}
#gazou-wide{
	/*height:80vh;*/
}
.box-a{
	/*height:80vh;*/
}
.box-c{
	padding:10% 2%;
}	
	
	
	
	
/*--------------------------------------
　コンテンツ部分
--------------------------------------*/
	.home .em-main-page{
		margin-top:0;
	}
	
.page-container{
max-width:90%;
margin:0 auto;
padding:0 1rem;
}
.page-container-a{
max-width:90%;
}
	.page-container-b{
max-width:90%;
}
	.box-inner{
	padding:8% 5%;
}
.table-box{
	padding:8% 15%;
}
	
.table-box2{
	padding:8% 16%;
}	
	
	.par-left{
		left:-10rem;
	}
	
	.par-right{
	right:-10rem;
	}
	

/* スペース */
.pa-tx{
    padding-top:3.2rem;
}
.pa-bx{
	padding-bottom:3.2rem;
}
.pa-tbx{
	padding:3.2rem 0;
}
.pa-allx{
	padding:3.2rem;
}
.ma-tx{
	margin-top:5rem;
}
	.ma-b{
		margin-bottom:2.4rem;
	}
.ma-bx{
	margin-bottom:3.2rem;
}
.ma-tbx{
	margin:3.2rem auto;
}
	
.ma-allx{
	margin:3.2rem;
}
/* スペースここまで */



/*--------------------------------------
　404
--------------------------------------*/


.big-title{
	font-size:2.5rem;
	}

/*--------------------------------------
　関連記事部分
--------------------------------------*/


.point{
	font-size:3rem;
	}

/* single ページ　*/
#content.single{
max-width:90%;
padding-top:20rem;
}
.entry-title.single{
max-width:none;
margin:auto;
}
/* アーカイブページ　*/
#content.archive{
max-width:90%;
padding-top:20rem;
}
.entry-title.archive{
max-width:none;
margin:auto;
}
/* 検索結果　*/
#content.search{
max-width:90%;
padding-top:20rem;
}
/* 404　*/
#content.not{
max-width:90%;
padding-top:20rem;
}

/*--------------------------------------
　sns
--------------------------------------*/
	.sns{
		display:block;
	}
	.follow{
	position:relative;
	padding-right:5.5rem;
	line-height:4.5rem;
	display:block;
}
.follow:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:1rem;
	bottom:0;
	width:3rem;
	height:1px;
	margin:auto;
	background:#999;
	}

/*--------------------------------------
　フッター部分
--------------------------------------*/
#footer{
	margin:0 auto 1rem auto;
	padding:5% 0 0 0;
}

#footer-in {
		max-width:90%;
	}

	.fixed-menu{
		display:none;
	}


.footer-menu-bottom{
	display:inline-block;
}
.logo-bottom{
	display:inline-block;
}
	.descr-bottom{
	display:inline-block;
}
.copy{
	display:inline-block;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	


/*-- ここまで --*/
}

/*media Queries PCサイズ（1366px以上）
--------------------------------------------------------------------------------------*/
@media screen and (min-width: 1366px) {





/*--------------------------------------
　フォント　テキスト
--------------------------------------*/
		.entry-title, .post .entry-title{
	font-size:4rem;
	}
	.em-page .entry-title{
		font-size:7rem;
	}
h2{font-size:5rem;}
h3{font-size:3rem;}
h4{font-size:2rem;}
h5,h6{font-size:2rem;}

.h-sub-r{
	font-size:2.4rem;
}

/*--------------------------------------
　ヘッダー部分
--------------------------------------*/

	
.logo-area{
	width:25%;
	}

#st-menuwide{
		margin:0 0 0 25%;
	}	

/*--------------------------------------
　コンテンツ部分
--------------------------------------*/

.page-container{
max-width:70%;
}
	.page-container-a{
max-width:80%;
}
.page-container-b{
max-width:50%;
}
	.box-inner{
	padding:10%;
}
.table-box{
	padding:10% 20%;
}
.table-box2{
	padding:10% 20%;
}
	
	
	.par-left{
		left:-10rem;
	}
	
	.par-right{
	right:-8rem;
	}
	
	
/*--------------------------------------
　404
--------------------------------------*/


.big-title{
	font-size:3rem;
	}
	
/*--------------------------------------
　関連記事部分
--------------------------------------*/


.point{
	font-size:4rem;
	}	

/* スペース */
.pa-tx{
    padding-top:8rem;
}
.pa-bx{
	padding-bottom:8rem;
}
.pa-tbx{
	padding:8rem 0;
}
	
.pa-allx{
	padding:8rem;
}
.ma-tx{
	margin-top:8rem;
}
.ma-bx{
	margin-bottom:8rem;
}
.ma-tbx{
	margin:8rem auto;
}
.ma-allx{
	margin:8rem;
}
/* スペースここまで */
	

/* single ページ　*/
#content.single{
max-width:70%;
padding-top:20rem;
}
/* アーカイブページ　*/
#content.archive{
max-width:70%;
padding-top:20rem;
}
/* 検索結果　*/
#content.search{
max-width:70%;
padding-top:20rem;
}
/* 404　*/
#content.not{
max-width:70%;
padding-top:20rem;
}





/*--------------------------------------
　フッター部分
--------------------------------------*/









/*-- ここまで --*/
}