/*
Theme Name: Exray
Theme URI: http://seotemplates.net/blog/theme/exray-wordpress-theme/
Author: Septian Ahmad Fujianto
Author URI: http://seotemplates.net/
Description: A simple, clean and responsive theme build with HTML5 and Twitter Bootstrap. Designed to be starting point for your Website with unlimited possibility for customization, with Theme Customizer and Theme Options ready, you won't get any trouble modifying most part of the theme. By using flat design concept, your content will standout and catch your reader eyes. 
Version: 1.4.3
License: GNU General Public License v3 
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, white, light, one-column, two-columns, three-columns, responsive-layout, left-sidebar, right-sidebar, custom-menu, custom-colors, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, editor-style, translation-ready
Text Domain: Exray
*/

@import url("css/bootstrap.css");
@import url("css/master.css");


/* フォント
------------------------------------------------------------*/
@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium");
}

p {
  font-family: "游ゴシック体", YuGothic, "YuGothic M", sans-serif;
color:#666;
}

.mt30 {
	margin-top: 30px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}


.margintop {
	margin-top: 15px !important;
}

.marginbottom {
	margin-bottom: 15px !important;
}

.post .bold {
	font-weight: bold;
}

.post .normal {
	font-weight: normal;
}

.post .font10 {
	font-size: 10px;
}

.post .font80 {
	font-size: 80%;
}

.post .font90 {
	font-size: 90%;
}

.post .font120 {
	font-size: 120%;
}

.post .font150 {
	font-size: 150%;
}

.post .font180 {
	font-size: 180%;
}

.post .font200 {
	font-size: 200%;
}

.post .font230 {
	font-size: 230%;
}

.gray {
	color: #666;
}

.gray-light {
	color: #C6C6C6;
}

.red {
	color: #C83550;
}

.green {∂
	color: #398034;
}

@media screen and (min-width: 640px) {
 .kaigyou {
  display: none;
 }
}

/* 画像PCスマホ振り分け
------------------------------------------------------------*/
@media(max-width:470px)  {
img.pc_only{
display:none;
}
}

@media(min-width:471px)  {
img.sp_only{
display:none;
}
}

.cashless{
	background:#286c8c;
	color:#fff;
	padding: 5px 10px !important;
	border-radius:100px;
	text-align:center;
	font-weight:bold;
	margin-bottom:5px;
}

/* ----------------------------------------------------------------------
   画像
  ---------------------------------------------------------------------- */
  img.img100{
      width:100%;
      display:block;
  }
  img.imgCenter{
      max-width: 100%;
      display:block;
      margin-left:auto;
      margin-right:auto;
  }
  img.imgLeft{
      max-width: 100%;
      display:block;
      margin-right:auto;
  }
  img.imgRight{
      max-width: 100%;
      display:block;
      margin-left:auto;
  }

/* ----------------------------------------------------------------------
 flexbox
---------------------------------------------------------------------- */
.flexOrigin{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: stretch;    /*全ての要素の高さを揃える*/
}
.space-between{
	justify-content: space-between; /*均等に間隔をあける*/
}
.flex-start{
	justify-content: flex-start;/*要素を左寄せ*/
}
.flex-wrap{
	flex-wrap: wrap; /*flex繰り返し*/
}
.row-reverse{
	flex-direction:row-reverse;	/*flex逆順*/
}
@media screen and (max-width:767px)  {
	.flex-block{
		display: block; /*スマホ時フレックス解除*/
	}
}

@media print, screen and (min-width:768px)  {
	.flexBox02{
		width:48%;
	}
	.flexBox03{
		width:30%;
	}
	.flexBox04{
		width:23%;
	}
}
@media screen and (max-width:767px)  {
	.flexBox02{
		width:100%;
		margin-bottom: 20px;
	}
	.flexBox03{
		width:100%;
		margin-bottom: 20px;
	}
	.flexBox02:last-child,.flexBox03:last-child{
		margin-bottom: 0;
	}
	.flexBox04{
		width:48%;
		margin-bottom: 30px;
	}
	.flexBox04:nth-child(3),.flexBox04:nth-child(4){
		margin-bottom: 0;
	}
}

@media screen and (max-width:767px)  {
	.accessStep h3{
		font-size:14px !important;
	}
}