.pull-left{
	float:left !important;
}

.pull-right{
	float:right !important;
}

.br::before {
	content: "\A" ;
	white-space: pre ;
}

.text-center{
	text-align:center !important;
}

.text-left{
	text-align:left !important;
}

.text-right{
	text-align:right !important;
}

.font_Lato{
	font-family: 'Lato', sans-serif !important;
}

.font_Meiryo{
	font-family: "メイリオ", Meiryo, sans-serif !important;
}

.bold{
	font-weight:bold;
}

.red{
	color:#FF1C20 !important;
}

.blue{
	color:blue !important;
}

.yellow{
	color:yellow !important;
}

.light_green{
	color:#7db228 !important;
}

.green{
	color:#1A6600 !important;
}

.white{
	color:white !important;
}

.black{
	color:#000 !important;
}

.bg_light_green{
	color:#7db228 !important;
}


.noline {
	text-decoration: none !important;
	border-bottom:none !important;
}

.underline {
	text-decoration: underline !important;
}

.font10{
	font-size:10px !important;
}

.font13{
	font-size:13px !important;
}

.font14{
	font-size:14px !important;
}

.font15{
	font-size:15px !important;
}


.font18{
	font-size:18px !important;
}

.font20{
	font-size:20px !important;
}

.font22{
	font-size:22px !important;
}

.font24{
	font-size:24px !important;
}

.font28{
	font-size:28px !important;
}

.font30{
	font-size:30px !important;
}

.font36{
	font-size:36px !important;
}

.font50{
	font-size:50px !important;
}

.lineheight175{
	line-height:1.75em !important;
}

.mb5{
	margin-bottom:5px !important;
}

.mb10{
	margin-bottom:10px !important;
}

.mb15{
	margin-bottom:15px !important;
}

.mb20{
	margin-bottom:20px !important;
}

.mb25{
	margin-bottom:25px !important;
}

.mb30{
	margin-bottom:30px !important;
}

.mb40{
	margin-bottom:40px !important;
}

.mb50{
	margin-bottom:50px !important;
}

.mb60{
	margin-bottom:60px !important;
}

.mb70{
	margin-bottom:70px !important;
}

.mb80{
	margin-bottom:80px !important;
}

.mb90{
	margin-bottom:90px !important;
}

.mb100{
	margin-bottom:100px !important;
}

.mb200{
	margin-bottom:200px !important;
}

.mt10{
	margin-top:10px !important;
}

.mt20{
	margin-top:20px !important;
}

.mt30{
	margin-top:30px !important;
}

.mt40{
	margin-top:40px !important;
}

.mt50{
	margin-top:50px !important;
}

.mt70{
	margin-top:70px !important;
}

.mt150{
	margin-top:150px !important;
}

.ml10{
	margin-left:10px !important;
}

.ml20{
	margin-left:20px !important;
}

.mr10{
	margin-right:10px !important;
}

.mr20{
	margin-right:20px !important;
}

.pd5{
	padding:5px !important;
}

.pd10{
	padding:10px !important;
}

.pd15{
	padding:15px !important;
}

.pd20{
	padding:20px !important;
}

.pd25{
	padding:25px !important;
}

.pd30{
	padding:30px !important;
}


.wd100{
	width:100px;
	margin:0 auto;
}

.wd180{
	width:180px;
	margin:0 auto;
}

.wd200{
	width:200px;
	margin:0 auto;
}

.wd300{
	width:300px;
	margin:0 auto;
}

.wd400{
	width:400px;
	margin:0 auto;
}

.wd500{
	width:500px;
	margin:0 auto;
}

.wd600{
	width:600px;
	margin:0 auto;
}

.wd700{
	width:700px;
	margin:0 auto;
}

.wd800{
	width:800px;
	margin:0 auto;
}

.wd900{
	width:900px;
	margin:0 auto;
}

.wd970{
	width:970px;
	margin:0 auto;
}

.wd10pc{
	width:10%;
}

.wd20pc{
	width:20%;
}

.wd30pc{
	width:30%;
}

.wd40pc{
	width:40%;
}

.wd50pc{
	width:50%;
}

.wd60pc{
	width:60%;
}

.wd70pc{
	width:70%;
}

.wd80pc{
	width:80%;
}

.wd90pc{
	width:90%;
}

.wd100pc{
	width:100%;
}

.max_wd50pc{
	max-width:50%;
	margin:0 auto;
}

.max_wd60pc{
	max-width:60%;
	margin:0 auto;
}

.max_wd70pc{
	max-width:70%;
	margin:0 auto;
}

.max_wd80pc{
	max-width:80%;
	margin:0 auto;
}

.max_wd90pc{
	max-width:90%;
	margin:0 auto;
}

.max_wd100pc{
	max-width:100%;
}


.shadow2{
	-moz-box-shadow: 6px 6px 10px 3px rgba(50,50,50,0.2);
	-webkit-box-shadow: 6px 6px 10px 3px rgba(50,50,50,0.2);
	-ms-box-shadow: 6px 6px 10px 3px rgba(50,50,50,0.2);
	-o-box-shadow: 6px 6px 10px 3px rgba(50,50,50,0.2);
	box-shadow: 6px 6px 10px 3px rgba(50,50,50,0.2);
	
}

.shadow4{
	-moz-box-shadow: 0 0 10px 5px rgba(50,50,50,0.1);
	-webkit-box-shadow: 0 0 10px 5px rgba(50,50,50,0.1);
	-ms-box-shadow: 0 0 10px 5px rgba(50,50,50,0.1);
	-o-box-shadow: 0 0 10px 5px rgba(50,50,50,0.1);
	box-shadow: 0 0 10px 5px rgba(50,50,50,0.1);
	
}

.green_line{
	border:solid 3px #7db228;
	
}

.gray_line{
	border:solid 1px #ddd;
	
}

.bdr_lr{
	border-right:solid 1px #aaa;
	border-left:solid 1px #aaa;
}

.bdr_top{
	border-top:solid 1px #aaa;
}

.bdr_btm{
	border-bottom:solid 1px #aaa;
}

/* 画像内の透過ボーダー使用の画像にはclassにtransparent_lineを指定しjqueryでwrap_imageを指定したタグで囲む */
.wrap_image {
    position:relative;
    display:inline-block;
    line-height:0;
    overflow:hidden;
	width:100%;
}
.wrap_image span::after {
    content:"";
    position:absolute;
    top:0; right:0; bottom:0; left:0;
    box-shadow:inset 0 0 0 7px rgba(255,255,255,0.5);
}

.radius{
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
	border-radius:50%; 
}

.radius10{
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius:10px; 
}

.radius20{
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border-radius:20px; 
}

.pale:hover  {
	opacity:0.75;
	filter: alpha(opacity=75); /*IE6,7*/
	-ms-filter: "alpha(opacity=75)"; /*IE8*/
	-moz-opacity:0.75;
}

.bg_stripe{
	background: repeating-linear-gradient(-45deg, #f9f8db, #f9f8db 3px, #fff 0, #fff 6px);
}

.bg_beige{
	background: #F1F0DA;
}

.bg_light_green{
	background: #F1F7E8;
}

.bg_green{
	background: #6AAC4D;
}

.bg_deep_blue{
	background: #003366;
}

.bg_light_blue{
	background: #00B2B2;
}

.bg_orange{
	background: #FF8000;
}

.bg_transparent{
	background: transparent !important;
}


/* Images */

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter,
a:hover .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignleft {
  margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
  margin: 5px 10px 5px 0;
}

img.alignright {
  margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
  margin: 5px 0 5px 10px;
}

img.aligncenter {
  margin: 0 auto;
}

img.alignnone {
  margin: 5px 0;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++
   下層ページ共通
++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1 a,
h1{
	font-size:22px;
	margin-bottom:20px;
	font-weight:bolder;
	letter-spacing: 0.1em;
}

h2{
	font-size:36px;

	font-weight:bolder;
}

h3{
	font-size:30px;
	line-height: 36px;
	
	/*font-weight:bolder;*/
}

h4{
	font-size:24px;
	line-height: 30px;
}

h5{
	font-size:18px;
	line-height: 24px;
}

#main table {
	border-collapse:separate; 
	border-spacing: 0;
	overflow: hidden;
}

#main table caption{
	font-size:24px;
	text-weight:bold;
}

#main th{
	/*background:#F1F7E8;
	border: 1px solid #BDD599;
	padding:12px 40px;
	vertical-align:middle;*/
	font-weight:bold;
}

#main td{
	/*border: 1px solid #BDD599;
	background:#fff;
	padding:12px 30px;
	vertical-align:middle;*/
}

.column2,
.column3,
.column4,
.column6 {
    letter-spacing: -0.4em; /* inline-blockで改行コードなどでできる余計な空白を省くため */
    font-size:0; /* inline-blockで改行コードなどでできる余計な空白を省くため */
    word-spacing: 0.1em;
}

.column2 > .child {
	display:inline-block !important;
	letter-spacing: normal; /* inline-blockで改行コードなどでできる余計な空白を省くため */
    vertical-align:top !important;
	width:48%;
	
}

.column2 > .child:nth-of-type(2n){
	margin-left:4%;
}

.column3 > .child {
    display:inline-block !important;
	letter-spacing: normal; /* inline-blockで改行コードなどでできる余計な空白を省くため */
    vertical-align:top !important;
	width:32%;
}

.column3 > .child:nth-of-type(3n),
.column3 > .child:nth-of-type(3n-1){
	margin-left:2%;
}

.column4 > .child {
    display:inline-block !important;
	letter-spacing: normal; /* inline-blockで改行コードなどでできる余計な空白を省くため */
    vertical-align:top !important;
	width:22%;
}

.column4 > .child:nth-of-type(4n),
.column4 > .child:nth-of-type(4n-1),
.column4 > .child:nth-of-type(4n-2){
	margin-left:4%;
}


.column6 > .child {
    display:inline-block !important;
	letter-spacing: normal; /* inline-blockで改行コードなどでできる余計な空白を省くため */
    vertical-align:top !important;
	width:15%;
}

.column6 > .child:nth-of-type(6n),
.column6 > .child:nth-of-type(6n-1),
.column6 > .child:nth-of-type(6n-2),
.column6 > .child:nth-of-type(6n-3),
.column6 > .child:nth-of-type(6n-4){
	margin-left:2%;
}

/********************************************************************/
/**********************    スマホ　タブレットサイズ    ************************/
/********************************************************************/
/*@media only screen and (max-width : 768px ) {
@media only screen and (min-width : 600px )  and (max-width : 959px ) {*/
@media only screen and (max-width : 959px ) {


.max_wd50pc{
	max-width:100%;
}

.max_wd60pc{
	max-width:100%;
}

.max_wd80pc{
	max-width:100%;
}

.max_wd90pc{
	max-width:100%;
}

#main th{
	padding:12px 5px;
}

#main td{
	padding:12px 5px;
}

.column2.transform > .child {
	width:100%;
}

.column2.transform > .child:nth-of-type(2n){
	margin-left:0;
}

.column4 > .child {
	width:48%;
}

.column4 > .child:nth-of-type(4n),
.column4 > .child:nth-of-type(4n-1),
.column4 > .child:nth-of-type(4n-2){
	margin-left:0;
}
.column4 > .child:nth-of-type(2n){
	margin-left:4%;
}


}

/********************************************************************/
/**********************    スマホサイズ    ************************/
/********************************************************************/

@media only screen and (max-width : 599px ) {

#main h1{
	font-size:32px;
	/*line-height: 42px;*/
	margin-bottom:20px;
}


.column2.transform_sp > .child {
	width:100%;
}

.column2.transform_sp > .child:nth-of-type(2n){
	margin-left:0;
}


.column3.transform_sp > .child {
	width:100%;
}

.column3.transform_sp > .child:nth-of-type(3n),
.column3.transform_sp > .child:nth-of-type(3n-1){
	margin-left:0;
}

.column3.transform_sp_ex > .child {
	width:50%;
}

.column3.transform_sp_ex > .child:nth-of-type(3n){
	width:100%;
	margin-left:0;
}

.column3.transform_sp_ex > .child:nth-of-type(3n-1){
	margin-left:0;
}

}

