@charset "utf-8";

/*command-----------------------------------------------------------*/

.clear
{ 
	clear			: both;
}


/*margin------------------------------------------------------------*/

.none
{
	margin-bottom   	: 0px!important;
}

.m_xs
{
	margin-bottom		: 10px!important;
}

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

.m_l
{
	margin-bottom		: 20px!important;
}

.m_xl
{
	margin-bottom		: 30px!important;
}
.m_xxl
{
	margin-bottom		: 30px!important;
}
.m_xll
{
	margin-bottom		: 30px!important;
}


/*font--------------------------------------------------------------*/

.f_Blue
{
	color			: #09C;
}

.f_Green
{
	color 			: #690;
}

.f_Red
{
	color			: #C00;
}

.f_Orange
{
	color 			: #F60;
}

.f_Gold
{
	color			: #bc8f18;
}


.f_White
{
	color 			: #FFF;
}

.f_s
{
	font-size		: 0.8em;
}

.f_l
{
	font-size		: 1.2em;
}

.f_xl
{
	font-size		: 1.5em;
}

.tex_dec_none:link,
.text_dec_none a:visited
{
	text-decoration		: none;
	color			: inherit;
}


/*box--------------------------------------------------------------*/

.box_s
{
	margin-left		: auto;
	margin-right		: auto;
	width			: 85%;
	text-align		: left;
}

.box_l
{
	margin-left		: auto;
	margin-right		: auto;
	width			: 90%;
	text-align		: left;
}

.box_xl
{
	margin-left		: auto;
	margin-right		: auto;
	width			: 95%;
	text-align		: left;
}

.rd_box
{
	background 		: #eee;
	padding 		: 20px;
	margin-bottom		: 16px;
	box-sizing 		: border-box;
}


/*--横並びのボックス：rowboxで内包後、row2、row3で2列、3列を指定----------------*/

.rowbox
{
	text-align 		: left;
	margin 			: 0 -0.5%;
}

/*--2列----------------*/
.rowbox.row2 .row_cell
{
	width 			: 48%;
}

/*--3列----------------*/
.rowbox.row3 .row_cell
{
	width 			: 31%;
}

.rowbox .row_cell
{
	margin 			: 0 0.5% 14px;
	display			: -moz-inline-box;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
	vertical-align 		: top;
}


/*clearfix--------------------------------------------------------------*/

.clearfix:after
{
	content			: "";
	display			: block;
	clear			: both;
}


/*btn--------------------------------------------------------------*/

.btn_Gold,
.btn_Purple,
.btn_Green,
.btn_Black,
.btn_Red
{
	text-decoration		: none!important;
	line-height		: 1em;

}

.btn_Gold img,
.btn_Purple img,
.btn_Green img,
.btn_Black img,
.btn_Red img
{
	vertical-align		: middle;
}

.btn_Gold
{

	display			: -moz-inline-box;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
	vertical-align		: top;
	border-radius		: 3px;        /* CSS3草案 */  
	-webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius	: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background		: #e7e0b1 url(../images/common/base/gold_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #452300;
}

.btn_Gold:hover
{
	background		: #e7e0b1 url(../images/common/base/gold_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Gold span
{
	display			: -moz-inline-box;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
	vertical-align		: top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}

.btn_Red
{

	display			: -moz-inline-box;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
	vertical-align		: top;
	border-radius		: 3px;        /* CSS3草案 */  
	-webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius	: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background		: #e7e0b1 url(../images/common/base/red_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #ed2507;
}

.btn_Red:hover
{
	background		:#e7e0b1 url(../images/common/base/red_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Red span
{
  	display			: -moz-inline-box;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
	vertical-align		: top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}

.btn_Gray
{

	display			: -moz-inline-box;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
	vertical-align		: top;
	border-radius		: 3px;        /* CSS3草案 */  
	-webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius	: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #333!important;
	background		: url(../images/common/base/gray_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #c2c2c2;
}

.btn_Gray:hover
{
	background		: #e7e0b1 url(../images/common/base/gray_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Gray span
{
	display			: -moz-inline-box;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
	vertical-align		: top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s_off.png) 95% 50% no-repeat;
}

.btn_Black
{

	display			: -moz-inline-box;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
	vertical-align		: top;
	border-radius		: 3px;        /* CSS3草案 */  
	-webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius	: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background		: #e7e0b1 url(../images/common/base/black_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #1e1d1d;
}

.btn_Black:hover
{
	background		: #e7e0b1 url(../images/common/base/black_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Black span
{
	display			: -moz-inline-box;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
	vertical-align		: top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}

.btn_Purple
{
	display			: -moz-inline-box;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
	vertical-align		: top;
	border-radius		: 3px;        /* CSS3草案 */  
	-webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius	: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;

	background		: #e7e0b1 url(../images/common/base/purple_btn_bg.gif) repeat-x 0px -10px;	
	border			: 1px solid #450006;
}

.btn_Purple:hover
{
	background		: #e7e0b1 url(../images/common/base/purple_btn_bg_on.gif) repeat-x 0px -10px;		
}

.btn_Purple span
{
	display			: -moz-inline-box;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
	vertical-align		: top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}

.btn_Green
{
	display			: -moz-inline-box;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
	vertical-align		: top;
	border-radius		: 3px;        /* CSS3草案 */  
	-webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius	: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background		: #e7e0b1 url(../images/common/base/green_btn_bg.gif) repeat-x 0px -10px;	
	border			: 1px solid #1b4400;
}

.btn_Green:hover
{
	background		: #e7e0b1 url(../images/common/base/green_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Green span
{
	display			: -moz-inline-box;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
	vertical-align		: top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}

.btn01
{
	width 			: 300px;
	padding-bottom		: 6px;
	margin 			: 0 auto 30px;
	background 		: url(../images/common/base/btn_bot_bg.png) no-repeat left 50% bottom 0px;
	text-align 		: center;
	display 		: block;
	overflow 		: auto;
}

.btn01 .btn_inner
{
	padding 		: 15px 20px;
	color 			: #fff;
	background 		: #000 url(../images/common/icon/btn_icon.png) no-repeat right 15px top 50%; 
 	display 		: block;
	text-decoration		: none;
}

.btn01 .btn_inner:hover
{
	background-color 	: #333;
	background-position	: right 10px top 50%;
	text-decoration 	: none;
}


/*display--------------------------------------------------------------*/

.dis_block,
.dis_block span
{
	display			: block!important;
}

.dis_inline
{
	display			: inline!important;
}

.dis_inblock
{
	display			: -moz-inline-box;
	display			: inline-block!important;
	/display		: inline;
	/zoom			: 1;
	vertical-align 		: top;
}


/*list--------------------------------------------------------------*/

ul,ul li
{
	padding 		: 0;
	margin 			: 0;
	list-style-type 	: none;
}

ul li
{
	padding 		: 2px 0 2px 22px;
	background 		: url(../images/common/icon/btn_icon_s.png) no-repeat 0 6px;
	overflow 		: hidden;
}

ol
{
	counter-reset 		: number; /*数字をリセット*/
	list-style-type 	: none!important; /*数字を一旦消す*/
}

ol li
{
	position 		: relative;
 	padding 		: 2px 0 2px 25px;
	overflow 		: hidden;
}

ol li:after
{
 	position 		: absolute;
 	counter-increment 	: number;
 	content 		: counter(number);
 	display 		: inline-block;
 	background 		: #000;
 	color 			: #fff;
 	font-weight 		: bold;
 	font-size 		: 12px;
 	left 			: 0;
	top 			: 13px;
 	width 			: 20px;
 	height 			: 20px;
 	line-height 		: 20px;
 	text-align 		: center;
 	-moz-transform 		: translateY(-50%);
  	-webkit-transform 	: translateY(-50%);
  	-o-transform 		: translateY(-50%);
  	-ms-transform 		: translateY(-50%);
  	transform 		: translateY(-50%);
}

#main .number_list02 li,
#wp_main .number_list02 li,
#tinymce .number_list02 li
{
 	padding 		: 3px 0 3px 35px;
	margin-bottom 		: 5px;
}

#main .number_list02 li:after,
#wp_main .number_list02 li:after,
#tinymce .number_list02 li:after
{
 	content 		: "0" counter(number);
 	color 			: #ccc;
	background 		: none;
 	font-weight 		: normal;
 	font-size 		: 22px;
 	left 			: 0;
	top 			: 16px;
 	line-height 		: 1em;
}


/*align--------------------------------------------------------------*/

.text_left
{
	text-align		: left;
}

.text_center
{
	text-align		: center;
}

.text_right
{
	text-align		: right;
}

.text_top
{
	vertical-align		: top;
}

.text_bottom
{
	vertical-align		: bottom;
}


/* postimage */
.alignright
{
  float 			: right;
  padding 			: 0 0 25px 25px;
  clear 			: both;
}

.alignleft
{
  float 			: left;
  padding 			: 0 25px 25px 0;
  clear 			: both;
}

.aligncenter
{
  text-align 			: center;
  margin 			: 0 auto;
  padding-bottom		: 10px;
  clear				: both;
  display 			: block;
}



/*768以下の指定（タブレット）*/

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


/*btn--------------------------------------------------------------*/

.btn01
{
	width 			: 60%;
	min-width 		: 250px;
	padding-bottom 		: 5px;
	background-size		: cover auto;
}


/*box--------------------------------------------------------------*/

.rd_box
{
	padding 		: 4%;
}

.rowbox .row_cell
{
	margin-bottom 		: 2.3%;
}

/* postimage */
.alignright,
.alignright img,
.alignleft,
.alignleft img,
.aligncenter,
.aligncenter img
{
	max-width 		: 45%;
	height 			: auto;
}

.alignright,
.alignright img
{
	padding 		: 0 0 4% 4%;
}

.alignleft,
.alignleft img
{
	padding 		: 0 4% 4% 0;
}

.aligncenter,
.aligncenter img
{
	padding-bottom 		: 10%;
}

.m_l
{
	margin-bottom 		: 4%!important;
}

}



/*480以下の指定（スマホ）*/

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

.rowbox.row2 .row_cell,
.rowbox.row3 .row_cell
{
 	width 			: 100%;
	margin 			: 0% 0% 3%; 
}

.rowbox.row2 .row_cell img,
.rowbox.row3 .row_cell img
{
	width 			: 100%;
	height 			: auto;
}

}



/*---------------------------------------------------------*/
/*    copyright(C) CloudWorks.All rights reserved. Ver1.0  */
/*---------------------------------------------------------*/