/*
 Theme Name:   Symphie
 Theme URI:    http://soundjewel.symphie.jp
 Description:  Symphie Wordpress Theme
 Author:       Tomoaki Yamaya
 Author URI:   http://www.symphie.jp
 Template:     xeory_extension
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  Symphie
*/




/* ----------------------------------------
* 色
テーマカラー	36000C
テーマカラーの濃いもの	190005
テーマカラーの薄いもの	D37187

* 画像URL
http://hideakiyamaya.symphie.jp/img/
---------------------------------------- */




/* ----------------------------------------
* header
---------------------------------------- */

#header {
  background: #FFFFFF;
}




/* ----------------------------------------
* gloval nav & primary nav
---------------------------------------- */

#gnav ul li.current-menu-item a {
  background: #36000C;
}
#gnav ul li:hover a {
  background: #36000C;
}
#gnav ul li a {
  background: #36000C;
}
#gnav ul li a:hover {
  color: #fff;
  background: #D37187;
}
#gnav ul li .sub-menu li a {
  background: #36000C;
  color: #FFFFFF;
}
#gnav ul li .sub-menu li a:hover {
  background: #D37187;
  color: #FFFFFF;
}




/* ----------------------------------------
* frontpage
---------------------------------------- */

body.home #main_visual {
  background: #FFFFFF;
}
.wrap_main_visual {
  max-width: 1280px;
  margin: 0 auto;
}
body.home .front-main-cont .front-cont-header {
  background: #36000C;
}
body.home .front-main-cont .tri-border span {
  border-top: 18px solid #36000C;
}
body.home #front-contents .c_number {
  background: #36000C;
}
body.home #front-contents h3 {
  color: #36000C;
}
body.home #front-contents .c_english {
  color: #36000C;
}
body.home #front-contents .c_box_inner {
  min-height: 500px;  
}
body.home #recent-posts {
  margin-top: -1px;
}
body.home #front-contents .c_text .c_btn a {
  background: #36000C;
}




/* ----------------------------------------
* 「もっと詳しく」ボタン
---------------------------------------- */
.c_btn a {
  border-radius: 5px;
  background: #36000C;
  color: #fff;
  font-size: 14px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -webkit-transition: all ease-in-out .3s;
          transition: all ease-in-out .3s;
  opacity: 1;
  display: block;
  float:right;
  width: 30%;
  padding: 12px;
  text-align: center;
}




/* ----------------------------------------
* 記事サムネイル
---------------------------------------- */
body.home .front-loop .popular_post_box .p_category {
  border: 1px solid #D37187;
  color: #D37187;
  background: #FFFFFF;
  padding: 4px 16px;
}
.post-header .cat-name span {
  border: 1px solid #D37187;
  color: #D37187;
}




/* ----------------------------------------
* リンクの色
---------------------------------------- */
a {
  text-decoration: none;
  color: #D37187;
}
a:hover {
  text-decoration: underline;
}




/* ----------------------------------------
* 矢印アイコン
---------------------------------------- */
#yajirushi_icon{
color:#36000C;
display:block;
padding:14px 0px 0px 30px;
background:url('http://hideakiyamaya.symphie.jp/img/icon_list_link.jpg') no-repeat 0 center;
text-decoration:none;
}




/* ----------------------------------------
* 会社概要の左上部分の色
---------------------------------------- */
body.home #front-company dl#front-company-1 dt {
  border-top: 2px solid #36000C;
}
body.home #front-company dl dt {
  width: 30%;
}
body.home #front-company dl dd {
  width: 70%;
}




/* ----------------------------------------
* 画像枠
---------------------------------------- */
.gazouwaku{   
     border:1px solid #36000C;/* 外枠の色 */   
     padding:0px;/* 余白 */   
     background-color:#FFEFD1;/* 余白部分の色 */
}  

.gazouwaku2{   
     border:1px solid #36000C;/* 外枠の色 */   
     padding:0px;/* 余白 */   
     background-color:#FFEFD1;/* 余白部分の色 */
	 border-radius: 10px;
} 




/* ----------------------------------------
* footer
---------------------------------------- */
#footer {
  border-top: 0px solid #3B4552;
}
.footer-01 {
  background: #36000C;
}
#footer-brand-area {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: 0px solid #3B4552;
}
.footer-02 {
  background: #190005;
}
#footer a:hover {
  color: #FFFFFF;
}




/* ----------------------------------------
* side
---------------------------------------- */

.side-widget a {
  color: #D37187;
  text-decoration: none;
  display: block;
}
.side-widget a:hover {
  color: #D37187;
  text-decoration: underline;
}




/* ----------------------------------------
* 見出し
---------------------------------------- */
.post-content h1 {
  color: #36000C;
  margin-top: 40px;
  margin-bottom: 0px;
}
.post-content h2 {
  border-left: 10px solid #190005;
  background: #36000C;
  margin-top: 40px;
  margin-bottom: 20px;
}
.post-content h3 {
  font-size: 24px;
  color: #36000C;  
  padding: 10px 0px 10px 14px;
  border-left: 10px solid #36000C;
  border-bottom: 1px solid #36000C;
  margin-top: 40px;
  margin-bottom: 10px;
}
.post-content h4 {
  font-size: 20px;
  border-left: none;
  color: #FFFFFF;
  padding: 10px 10px;
  background-color: #D37187;
  border-radius: 8px;
  margin-top: 40px;
  margin-bottom: 10px;
  display: inline-block;
}
.post-content h5 {
  position: relative;
  margin-left: -10px;  
  padding: 0px 0px 0px 34px;
  border-bottom: 0px solid #36000C;
  font-size: 18px;
  font-weight: normal;
  color: #36000C; 
  margin-top: 40px;
  margin-bottom: 10px;
}
.post-content h5::after {
  position: absolute;
  top: 8px;
  left: 14px;
  z-index: 2;
  content: '';
  width: 12px;
  height: 12px;
  background-color: #36000C;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.post-content h6 {
  font-size: 16px;
  color: #36000C;  
  margin-top: 40px;
  margin-bottom: 10px;
}

#komidashi {
  clear: none;
  font-size: 30px;
  color: #36000C;
  margin-top: 0px;
  margin-bottom: 10px;
}




/* ----------------------------------------
* 画像、キャプション、回り込み
---------------------------------------- */
p.migi {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
  max-width: 100%;
  border: 1px solid #e5e5e5;
  padding: 5px;
  margin-bottom: 12px;
  margin-right: 8px;
  background-color:#f2f2f2;/* 余白部分の色 */
}
p.migi span.caption {
font-size: 80%;
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 5px;
}
p.hidari {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
  max-width: 100%;
  border: 1px solid #e5e5e5;
  padding: 5px;
  margin-bottom: 12px;
  margin-left: 0px;
  background-color:#f2f2f2;/* 余白部分の色 */
}
p.hidari span.caption {
font-size: 80%;
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 5px;
}
p.mawarikomi{
    overflow: auto;
}
p.clear{
    clear: both;
}
.wrap_right {
  width: 60%;
  float: left;
} 
.wrap_left {
  width: 60%;
  float: right;
} 
#no-mawarikomi {
    overflow: auto;
} 




/* ----------------------------------------
* キャプション
---------------------------------------- */
#content .wp-caption-text {
font-size: 80%;
}




/* ----------------------------------------
* テーブル
---------------------------------------- */
dl.table {
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
}
dl.table dt {
  float: left;
  width: 25%;
  margin: 0;
  font-weight: normal;
}
dl.table dd {
  float: left;
  width: 75%;
  margin: 0;
}
dl.table dt span,
dl.table dd span {
  padding: 20px 32px;
  display: block;
}
#top dt {
  border-top: 2px solid #36000C;
}
#top dt span {
  padding-top: 19px;
}
#top dd {
  border-top: 1px solid #e5e5e5;
}

dl.works {
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
  padding-bottom: 20px;
  font-size: 90%;
}
dl.works dt {
  float: left;
  width: 40%;
  margin: 0;
}
dl.works dd {
  width: 60%;
  float: left;
  margin: 0;
  padding-top: 10px;
  padding-left: 20px;
}

dl.sample {
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
  padding-bottom: 20px;
  font-size: 90%;
}
dl.sample dt {
  float: left;
  width: 60%;
  margin: 0;
  margin-bottom: 10px;  
  clear:both;
}
dl.sample dd {
  width: 40%;
  float: left;
  margin: 0;
  margin-bottom: 10px;  
  padding-top: 0px;
  padding-left: 20px;
}

.post-content table {
width: 100%;
font-size: 90%;
border-spacing:0;
border-collapse:collapse;
border: 1px #36000C solid;
empty-cells:show;
}
.post-content table tr{
height: 60px;
}
.post-content table th {
  color: #fff;
  padding: 8px 10px;
  border: #36000C solid 1px;
}
.post-content table tbody th {
  background: #F4F4F4;
  color: #36000C;
  font-weight:bold;
}
.post-content table td {
  padding: 8px 10px;
  border: #36000C solid 1px;
}

.kyokumoku{
font-size:14px;
}

table.kyokumoku{
font-size:14px;
width:888px;
margin-top:8px;
border-top:1px solid #003130;
border-left:1px solid #003130;
border-collapse:collapse;
border-spacing:0;
background-color:#FFFFFF;
empty-cells:show;
}
.kyokumoku th{
width:150px;
border-right:1px solid #003130;
border-bottom:1px solid #003130;
font-size:98%;
color:#003130;
background-color:#E4E4E4;
background-image:url(../img/table-back.gif);
background-position:left top;
padding:8px 8px;
text-align:left;
}
.kyokumoku td{
width:200px;
border-right:1px solid #003130;
border-bottom:1px solid #003130;
padding:18px 8px;
font-size:98%;
color:#003130;
text-align:left;
}




/* ----------------------------------------
* リスト
---------------------------------------- */
.post-content ul,
.post-content ol {
  margin-left: 0px;
  font-size: 100%;
}

ul.list {
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  background: #fafafa;
  clear:both; 
}

ul.list li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

ul.list li:before {
  font-family: FontAwesome;
  content: "\f0da";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #36000C; /*アイコン色*/
}

ol.list{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  box-shadow :0px 0px 3px silver;
  border: solid 1px #36000C;
  padding: 20px;
  position: relative;
  background: #fafafa;
}
ol.list li{
  position: relative;
  font-size: 100%;  
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

ol.list li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #36000C;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  vertical-align:top;
}

ul.listbox{
width: 1200px;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 80px;
float: left;
padding:8px 8px 0px 0px;
text-align:left;
font-size:100%; 
}

ul.listbox li.recruit{
height: 46px;  
display:block;
padding:12px 0px 0px 108px;
background:url('http://hideakiyamaya.symphie.jp/img/icon_list_recruit.jpg') no-repeat 0 center;
text-decoration:none;
border-bottom: 1px dotted #36000C;
}

ul.listbox li.update{
height: 46px;  
display:block;
padding:12px 0px 0px 108px;
background:url('http://hideakiyamaya.symphie.jp/img/icon_list_update.jpg') no-repeat 0 center;
text-decoration:none;
border-bottom: 1px dotted #36000C;
}

ul.listbox li.release{
height: 46px;  
display:block;
padding:12px 0px 0px 108px;
background:url('http://hideakiyamaya.symphie.jp/img/icon_list_release.jpg') no-repeat 0 center;
text-decoration:none;
border-bottom: 1px dotted #36000C;
}

ul.listbox li.jisseki{
height: 46px;  
display:block;
padding:12px 0px 0px 108px;
background:url('http://hideakiyamaya.symphie.jp/img/icon_list_jisseki.jpg') no-repeat 0 center;
text-decoration:none;
border-bottom: 1px dotted #36000C;
}

ul.listbox li.media{
height: 46px;  
display:block;
padding:12px 0px 0px 108px;
background:url('http://hideakiyamaya.symphie.jp/img/icon_list_media.jpg') no-repeat 0 center;
text-decoration:none;
border-bottom: 1px dotted #36000C;
}




/* ----------------------------------------
* レスポンシブ　はみだしを横スクロールで
---------------------------------------- */
.wrap_yoko_scroll {
  max-width: 1200px;
  margin: 0 auto;
    overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}




/* ----------------------------------------
* 記事のタイトル
---------------------------------------- */
.post-title {
  color: #36000C; 
}
.post-title-archive {
  color: #D37187;
  margin: 32px 0;
  font-size: 36px;
  clear: both;
  font-weight: normal;
}
.post-title a {
  color: #36000C;
}
.post-title a:hover {
  color: #D37187;
}




/* ----------------------------------------
* 動画自動リサイズ
---------------------------------------- */
.movie {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; /* 現プレイヤーでは不要？ */
    height: 0;
    overflow: hidden;
}
 
.movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* ----------------------------------------
* レスポンシブ設定
---------------------------------------- */
@media screen and (max-width: 460px){
.none {display:none}
.post-meta-area .post-meta-comment .author {
    float: left;
  }
}




/* ----------------------------------------
* CTA
---------------------------------------- */
.post-cta {
  background: #190005;
  color: #fff;
}
.post-cta .post-cta-btn a {
  background: #36000C;
}
.post-cta .post-cta-btn a:hover {
  background: #D37187;
}
.post-cta .post-cta-img {
  width: 300px;
}
.post-cta .post-cta-btn {
  margin: 40px 0px 0px 0px;
}




/* ----------------------------------------
* タグクラウド
---------------------------------------- */
.tagcloud a {
    font-size: 12px !important;
    border: solid 1px #190005;
    border-radius: 5px;
    display: inline-block;
    padding: 5px;
    margin-bottom: 8px;
}
.tagcloud a:hover {
    background-color: #36000C;
    text-decoration: none;
    color: #FFFFFF;
}




/*Simple Author Box*/
.saboxplugin-authorname a{
	pointer-events: none;
	color: #000;
}

.saboxplugin-socials{
  text-align:right;
}




/* ----------------------------------------
* コンタクトフォーム
---------------------------------------- */
/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	padding: 8px 15px;
	margin-right: 10px;
	margin-top: 10px;
	border: 1px solid #d0d5d8;
	border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
	height: 200px;
}

/* 必須項目の入力欄の色 */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	background: #FFFFFF;
}

/* 送信ボタンを見やすくする */
input.wpcf7-submit {
	width: 100%;
	height: 80px;
	background: #36000C;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}
.wpcf7 input[type="submit"] {
background: #36000C; /* 背景色 */
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
	color: red;
	font-weight: 600;
}




/* ----------------------------------------
* グリッドギャラリー
---------------------------------------- */
.container { width: 100%; margin: 0 auto;}
.first {width: 100%; margin: 0px; clear: left; float: left;}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10 {
  float: left;
  display: inline;
  margin: 0px;
}
.grid1 {width: 150px; margin: 5px;}
.grid2 {width: 200px;}
.grid3 {width: 220px;}
.grid4 {width: 325px;}
.grid5 {width: 380px;}
.grid6 {width: 200px; margin: 5px;}
.grid7 {width: 400px; margin: 5px;}
.grid8 {width: 620px;}
.grid9 {width: 700px;}
.grid10 {width: 780px;}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}




/* カレンダー */
.widget_calendar {
  font-size: 12px;
}
.widget_calendar .side-widget-inner {
  margin: 0 -20px 0px;
}




/*カテゴリ・アーカイブウィジェット ドロップダウンにした場合ラベル表示無し*/
.widget_categories label.screen-reader-text,
.widget_archive label.screen-reader-text{
display: none;
margin: 10px;
}




/*以下、外注者が追記---*/

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

/* ----------------------------------------
*レスポンシブ
---------------------------------------- */
@media screen and (max-width: 991px) {
/* tablet */
	/*#header-nav-btn {
		display: block;
		width: 90px;
		margin-top: 5px;
		line-height: 75px;
		float: right;
	}
	#header-nav-btn a {
		display: block;
		padding-top: 10px;
		text-align: center;
		display: block;
		font-size: 40px;
		color: #000;
		background: #eee;
	}*/
}
@media screen and (max-width: 767px) {
/* phone */
	/*#header-nav-btn {
		display: block;
		width: 80px;
		margin-top: 10px;
		line-height: 60px;
		float: right;
	}
	#header-nav-btn a {
		display: block;
		padding-top: 15px;
		text-align: center;
		display: block;
		font-size: 50px;
		color: #000;
		background: #eee;
	}*/
}


/* ----------------------------------------
*ハンバーガーメニュー
---------------------------------------- */
.menu-trigger, .menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 50px;
	height: 36px;
}
.menu-trigger span {
	position: absolute;
	left: 5%;
	width: 90%;
	height: 4px;
	background-color: #000;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 16px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(16px) rotate(-45deg);
	transform: translateY(16px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-16px) rotate(45deg);
	transform: translateY(-16px) rotate(45deg);
}

#gnav-sp .wrap {
	width: 98%;
	margin: 0;
	padding: 0;
}
#gnav-sp #gnav-ul-sp li {
	width: 100%;
	margin: 0;
}
#gnav-sp .sub-menu {
	margin: 0;
	padding: 0;
}
#gnav-sp .sub-menu li {
	margin: 0;
	padding-left: 4%;
	width: 96%;
}
#gnav-sp h4 {
	display: none;
}
#gnav-sp a {
	display: block;
	width: 100%;
	text-decoration: none;
}
#gnav-sp .sub-menu li {
	float: none;
}
@media screen and (max-width: 767px) {
	#header #logo {
		max-width: 70%;
	}
	#header #logo img {
    	width: 100%;
		height: auto;
	}
}



/* ----------------------------------------
* front page
---------------------------------------- */
body.home .front-loop .front-loop-cont {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
body.home .front-loop .popular_post_box {
	width: 22.5%;
	margin-left: 2%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body.home .front-loop .popular_post_box a {
	display: block;
}
body.home .front-loop .popular_post_box a:hover {
	opacity: 0.6;
	transition: 0.4s;
	text-decoration: none;
}

body.home .front-loop .popular_post_box2 a {
	display: block;
	color: #333;
}
body.home .front-loop .popular_post_box2 a:hover {
	opacity: 0.6;
	transition: 0.4s;
	text-decoration: none;
}
body.home .front-loop .popular_post_box2_1 {
	width: 48%;
	float: right;
}
body.home .front-loop .popular_post_box2_2 {
	width: 48%;
	float: left;
}
body.home .front-loop .popular_post_box2 .p_category2 {
	display: inline-block;
	margin: 0 5px 0 0;
	border: 1px solid #D37187;
	color: #D37187;
	background: #FFFFFF;
	padding: 4px 16px;
}
body.home .front-loop .popular_post_box2 h2 {
	padding-bottom: 20px;
	text-align: left;
	border-bottom: none;
}
body.home .front-loop .popular_post_box2 .date01 {
	font-size: 16px;
}
body.home .front-loop .popular_post_box2 .author01 {
	margin-bottom: 15px;
	font-size: 16px;
}
@media screen and (max-width: 991px) {
	body.home .front-loop .popular_post_box {
		width: 47%;
		margin-left: 2%;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	body.home .front-loop .popular_post_box2_1 {
		width: 100%;
		float: none;
		margin-bottom: 25px;
	}
	body.home .front-loop .popular_post_box2_2 {
		width: 100%;
		float: none;
	}
}


/* ----------------------------------------
* meta slider
---------------------------------------- */
@media screen and (min-width: 1200px) {
	.metaslider .flex-viewport {
		overflow: visible !important;
	}
	.metaslider ul.slides li {
		opacity: 0.8;
	}
	.metaslider ul.slides li.flex-active-slide {
		opacity: 1.0 !important;
		transiton: 0.2s;
		/*margin-left: 40px;
		margin-right: 40px;*/
	}
	ul.slides li {
		width: 100%;
	}
	ul.slides li img {
		width: 100%;
		/*margin-left: -40px;
		margin-right: -40px;*/
	}
	ul.slides .caption-wrap {
		width: 1200px;
		margin-left: 40px;
		margin-right: 0px;
	}
}


/* ----------------------------------------
* Archive page
---------------------------------------- */
.post-loop-wrap {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.post-loop-wrap article {
	width: 23%;
	margin-left: 1.5%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border: none;
}
.post-loop-wrap article .post-header {
	padding: 0;
	border: none;
}
.post-loop-wrap article .post-meta-area, .post-loop-wrap article .post-thumbnail, .post-loop-wrap article .post-content, .post-loop-wrap article .post-footer {
	display: none;
	padding: 10px;
}
.post-loop-wrap article .cat-name {
	margin: 0 0 10px 0;
}
.post-loop-wrap article .post-title {
	font-size: 16px;
	margin-bottom: 10px;
}
.post-loop-wrap article .post-thumbnail2 {
	margin-bottom: 10px;
}
.post-loop-wrap article .post-header a {
	display: block;
}
.post-loop-wrap article .post-header a:hover {
	opacity: 0.6;
	transition: 0.4s;
	text-decoration: none;
}
.post-loop-wrap .pagination {
	width: 100%;
}
@media screen and (max-width: 991px) {
	.post-loop-wrap article {
		width: 47%;
		margin-left: 2%;
	}
}

@media screen and (min-width:1200px) {
  .metaslider .slides img {
    width: calc(100% - 80px) !important;
    margin: 0 auto;
  }
}

@media screen and (max-width:480px) {
p.migi {
    float:none;
    width:308px;
    margin:0 auto;
    margin-bottom:12px;
  }
p.migi img {
	width: 100%;
	}
p.hidari {
    float:none;
    width:308px;
    margin:0 auto;
    margin-bottom:12px;
}
p.hidari img {
	width: 100%;
	}
.wrap_right {
  width: 100%;
  float: left;
}
.wrap_left {
  width: 100%;
  float: right;
} 
.yoko_scroll_inner {
    width:640px;
  }
  .gazouwaku {
    margin:0 auto;
    display:block;
  }
}