/*
Template:minimaga
Theme Name:minimaga_child
Site:Blast EN
*/

/* ***************************************************************** 
*	基本設定
* ***************************************************************** */

body {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", sans-serif;
font-weight: 500;
font-size: 16px;
background: #eee;
color: #000;
line-height: 1.8;
word-wrap:break-word;
overflow-wrap:break-word;
}

/* *****************************************************************
*	全体Wrapper
* ***************************************************************** */

#wrapper .wrapper {
color: #000;
margin: auto; 
max-width: 1460px;
padding: 30px 30px 30px 30px;
margin-bottom: 30px;
background: #fff;
}

.wrapper #main {
background: #fff;
padding: 0px;
max-width: 1400px;
}


/* wrapper（SG側設定）
---------------------------------------------------- */
#wrapper {
	background: #eee;
}

/* リンク
---------------------------------------------------- */
#main .row a{
color:#000;
}

#main .row a:hover{
color:#000;
}

/* リスト
---------------------------------------------------- */

li a {
color:inherit;
}

li a:hover{
color:#000;
}

p a {
color:#000;
}

.gnav li ul {
width: 100%;
padding: 0px; 
margin: 0px; }

.gnav a {
color:inherit; }
	
.c-flex ul {
width: 100%;
padding: 0px; 
margin: 0px; }

.container a {
color:inherit; }

#nav {
max-width: 1460px;
margin: 0 auto 0px auto;
z-index: 9999;
padding: 0;
text-align: center;
}


/*ヘッダー（SG側設定）
**********************************************/

header {
background: #fff;
font-size: 16px;
}

.header-inner {
max-width: 1460px;
overflow: hidden;
margin: 0px auto;
padding: 40px 0;
}

/*フッター（SG側設定）
**********************************************/

footer {
background: #fff;
font-size: 16px;
}

footer .company_info .address p {
	font-size: 12px;
    line-height: 1.8;}

#fnav li a {
  display: block;
  line-height: 50px;
  text-align: center;
  font-size: 12px;
}

.subnav {
width: 100%;
padding: 0px; 
margin: 0px;
}

.footer-inner {
margin: 0px auto 0px auto;
padding: 0px 0px;
max-width: 1460px;
}

.footer li {
line-height: 1.8;
}

.footer a:hover{
color:#000;
}

/*モバイルメニュー（SG側設定）
**********************************************/

#spnav .company_info .address p {
	font-size: 10px;}



/* *****************************************************************
*	ページ内部
* ***************************************************************** */	

/* ブログ記事部分
---------------------------------------------------- */

#main .row p {
font-size: 16px; 
color: #000;
padding: 0;
line-height:2; 
margin:0 0 2em 0;
}


/* ギャラリーレイアウト
---------------------------------------------------- */

#main .row li.item {
height: 340px;
padding: 10px;
margin-bottom: 10px;
border: solid 1px #ccc;
}

#main .row li.item h2{
text-decoration: none;
}

#main .row .item-cat-name {
max-height: none;
max-width: 250px;
line-height: 1.8em;
}

#main .row .item-date {
	font-size: 1.3rem;
}

/* 次の記事・前の記事
---------------------------------------------------- */

#main #next {
font-size: 90%;
line-height: 150%;
margin: 0 0 0 0;
}

/* ページャー
---------------------------------------------------- */

#main .row .pager {
text-align:center;
margin: 20px 0 10px 0;
}

/*=========================================
･ Works（SG設定側）
=========================================*/

@media only screen and (min-width: 737px) {
#works #sec01 .outer .menu li {
  text-align: center;
  margin: 0 0 13px;
  padding: 0 10px;
  width: 33%;
  max-width: 430px; }
}


#main .row .similar-head {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
  padding: 30px;
  line-height: 1em;
  background: #0d0d0d;
  margin: 0px 0 20px 0px;
  width: 100%;
  border-bottom: none;
}


/* ページタイトル（SG側設定）
---------------------------------------------------- */
#pageTitle.news {
  position: relative;
  width: 100%;
  height: 220px;	
  background-color: #0d0d0d;
}

#pageTitle.news h2 {
  width: 100%;
transform: translate(-50%, -50%);
  font-size: 4.5rem;
  font-weight: bold;
  color: #FFF;
}

#pageTitle.news h2 span {
  display: block;
  padding: 0 15px;
  font-size: 2.3rem;
  color: #fff;
  line-height: 1.4em;
  font-weight: bold;
}

#pageTitle.newst {
  position: relative;
  width: 100%;
  height: 220px;	
  background-color: #0d0d0d;
}

#pageTitle.newst h2 {
  width: 100%;
transform: translate(-50%, -50%);
  font-size: 4.5rem;
  font-weight: bold;
  color: #FFF;
}

#pageTitle.newst h2 span {
  display: block;
  padding: 0 15px;
  font-size: 2.3rem;
  color: #fff;
  line-height: 1.4em;
  font-weight: bold;
}


#pageTitle.column {
  position: relative;
  width: 100%;
 height: 220px;
  background-color: #0d0d0d;
}

#pageTitle.column h2 {
  width: 100%;
	transform: translate(-50%, -50%);
  font-size: 4.5rem;
  font-weight: bold;
  color: #FFF;
}

#pageTitle.column h2 span {
  display: block;
  padding: 0 15px;
  font-size: 2.3rem;
  color: #fff;
  line-height: 1.4em;
  font-weight: bold;
}

#pageTitle.columnt {
  position: relative;
  width: 100%;
 height: 220px;
  background-color: #0d0d0d;
}

#pageTitle.columnt h2 {
  width: 100%;
	transform: translate(-50%, -50%);
  font-size: 4.5rem;
  font-weight: bold;
  color: #FFF;
}

#pageTitle.columnt h2 span {
  display: block;
  padding: 0 15px;
  font-size: 2.3rem;
  color: #fff;
  line-height: 1.4em;
  font-weight: bold;
}


@media screen and (max-width: 736px) {
  #pageTitle.news {
   height: 250px;
  }
  #pageTitle.news h2 {
    font-size: 3.1rem;
	    transform: translate(-50%, -50%);
  }
  #pageTitle.news h2 span {
    font-size: 2.0rem;
  }
  #pageTitle.news::after {
    display: none;
  }
	
  #pageTitle.newst {
    height: 100px;
  }
  #pageTitle.newst h2 {
    font-size: 3.1rem;
    transform: translate(-50%, -50%);
	}
  #pageTitle.newst::after {
    display: none;
  }
  #pageTitle.newst h2 span {
    font-size: 2.0rem;
  }
	
  #pageTitle.column {
   height: 250px;
  }
  #pageTitle.column h2 {
    font-size: 3.1rem;
	    transform: translate(-50%, -50%);
  }
  #pageTitle.column h2 span {
    font-size: 2.0rem;
  }
  #pageTitle.column::after {
    display: none;
  }
	
  #pageTitle.columnt {
    height: 100px;
  }
  #pageTitle.columnt h2 {
    font-size: 3.1rem;
    transform: translate(-50%, -50%);
	}
  #pageTitle.columnt::after {
    display: none;
  }
  #pageTitle.columnt h2 span {
    font-size: 2.0rem;
  }
}


/* ************************************************ 
*	Blocks
* ************************************************ */

.block-four {
list-style: none;
margin-left: -1%;
margin-bottom: 0;
}

.block-four:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.block-four > li {
height: auto;
float: left;
margin-bottom: 1.5em;
margin-left: 1%;
}

.block-four > li {
width: 24%;
}

@media only screen and (max-width: 767px) {

/* Blocks */
.block-four {
margin-left: 0;
margin-bottom: 1.5em;
}

.block-four > li {
float: none;
width: 100%;
}
}


/* *****************************************************************
*   レスポンシブ（メディアクエリ）
* ***************************************************************** */


/* PC 画面の横幅が1460px以上
---------------------------------------------------- */

@media only screen and (min-width: 1460px) {
.sidebar { width: 300px; }
.pc-ad-none { display: none; }
.item-img { height: 180px; margin: 0 0 10px 0; overflow: hidden; }
}



/* Tablet (Portrait) 画面の横幅が960px〜1459pxまで（SGに合わせたもの）
---------------------------------------------------- */

@media only screen and (min-width: 960px) and (max-width: 1459px) {
.wrapper { max-width: 1459px; width: 100%; padding: 20px 20px 20px 20px; }
#nav { float: none; max-width: 1459px; margin: 0 auto 0px auto; padding: 0; }
#main .row li.item { height: 340px; margin-bottom:10px; }
li.item-gallery { height: 150px; }
.item-img { height: 180px; margin: 0 0 10px 0; overflow: hidden; }
.twothird { width: 340px; margin-right:10px; }
}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで（WPの修正）
---------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 959px) {
#wrapper .wrapper { width: 100%; padding: 20px 20px 20px 20px; }
#nav { float: none; max-width: 959px; margin: 0px auto 0px auto; padding: 0; }
#main .row li.item { height: 340px; margin-bottom:10px; }
li.item-gallery { height: 150px; }
.item-img { height: 180px; margin: 0 0 10px 0; overflow: hidden; }
.twothird { width: 340px; margin-right:10px; }
}

/* Mobile (Portrait) 画面の横幅が737px~767pxまで（SGに合わせたもの）
---------------------------------------------------- */

@media only screen and (min-width: 737px) and (max-width: 767px) {
#wrapper .wrapper { width: 100%; }
.header-inner { max-width: 1460px; overflow: hidden; margin: 0px auto; padding: 40px 0;}
#nav { float: none; max-width: 767px; margin: 0 auto 0px auto; padding: 0; }
#main .row li.item { height: 340px; margin-bottom:10px; }
li.item-gallery { height: 150px; }
.item-img { height: 180px; margin: 0 0 10px 0; overflow: hidden; }
.twothird { width: 340px; margin-right:10px; }
.footer-inner { margin: 0px auto 0px auto; padding: 0px 0px; max-width: 1460px;}
#wrapper #header { border-bottom: none; }
}


/* Mobile (Portrait) 画面の横幅が300px~736pxまで（基本）（SGに合わせたもの）
---------------------------------------------------- */

@media only screen and (max-width: 736px) {
#wrapper .wrapper { width: 100%; }
#spnav .toggle { display: block; float: none; position: relative; top: 0; right: 0; z-index: 10000; }
#main .row li.item { height: 400px; margin-left: 0px; margin-bottom: 10px; }
#main .single-contents br { display: block; }
#main .top-wide-contents br { display: block; }
#main .pagetitle-single { text-align: left; margin-top: 0px; }
.company_info .logo img { max-height: 100%; margin: auto; }
#wrapper #header { border-bottom: none; }
}


/* Mobile (Portrait/iPhone6) 画面の横幅が375px〜479pxまで（SGに合わせたもの）
---------------------------------------------------- */

@media only screen and (min-width: 375px) and (max-width: 479px) {
#wrapper .wrapper { width: 100%; }
#header { width: 100%; max-width: 479px; }
.header-inner { width: 336px; }
#main .row li.item { height: 380px; margin-bottom: 10px; }
#main .row li.item-gallery { height: 224px; }
.item-img { height: auto; }
.footer-inner { width: 336px; padding: 0px 0px;}
}



/* Mobile (Landscape) 画面の横幅が480px〜736pxまで（SGに合わせたもの）
---------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 736px) {
#wrapper .wrapper { width: 100%; }
#header { width: 100%; max-width: 736px; }
.header-inner { width: 420px; }
#main .row li.item { height: 380px; margin-bottom: 10px; }
#main .row li.item-gallery { height: 224px; }
.item-img { height: auto; }
.footer-inner { width: 420px; padding: 0px 0px;}
}

/* Mobile (Landscape) 画面の横幅が480px〜767pxまで（WPの修正）
---------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
#wrapper .wrapper { width: 100%; }
#header { width: 100%; max-width: 767px; }
#main .row li.item { height: 380px; margin-bottom: 10px; }
.item-img { height: auto; }
}