@charset "UTF-8";

/* レイアウト
----------------------------------------*/
html {
	height: 100%;
}

body {
	height: 100%;
}

.visible_s{
	display: none!important;
}


/*clearfix
----------------------------------------*/
.clearfix { zoom:1; }

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

/*--------------------------- 
管理画面
ユーザー画面　共通
基本項目
----------------------------- */
/*----------------------------- 
	レイアウト
----------------------------- */

.txt_idt {
   padding-left: 1em;
   text-indent: -1em;	
}
.txt_idt2{
   padding-left: 2.6em;
   text-indent: -2.6em;	
}

a[href^="tel:"] {
    pointer-events: none;
}

.f-left{
		float:left;
	}
.f-right{
		float:right;
	}
.a-left{
		text-align:left!important;
	}
.a-right{
		text-align:right;
	}
.a-center{
		text-align:center;
	}
	
.f-center{
	display: block!important;
	text-align:center!important;
	margin-left:auto!important;
	margin-right:auto!important;
	}

.va-m{
	display: inline!important;
	vertical-align: middle;
}
.va-b{
	display: inline!important;
	vertical-align:bottom;
}
img.auto{
	width:auto!important;
}
img.l,
img.auto_right{
	float:left!important;
	margin:0 15px 15px 0;
}
img.r,
img.auto_left{
	float:right;
	margin:0 0 15px 15px;
}
img.r10{
	float:right;
	margin:0 0 10px 10px;
}
img.link{
	vertical-align: text-top;
	margin: 0 5px;
}
img.block{
	display: block;
	margin:0;
}
/*margin
----------------------------------------*/

/*top*/
.mt0{ margin-top: 0px !important; }
.mt05{ margin-top: 5px !important; }
.mt10,.mt10_l{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20,.lmt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }
.mt60{ margin-top: 60px !important; }
.mt70{ margin-top: 70px !important; }
.mt80{ margin-top: 80px !important; }
.mt100,.mt100_l{ margin-top: 100px !important; }
.mt350{ margin-top: 350px !important; }
.pt30{padding-top:30px!important;}
.pt100_l{padding-top:100px!important;}
/*bottom*/
.mb0 { margin-bottom: 0px !important; }
.mb05 { 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; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb120 { margin-bottom: 120px !important; }

/*right*/
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }

/*left*/
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 ,.tml20{ margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30,.tml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }

.pt40{
	padding-top:40px;
}
.pd10{
	padding:10px;
}

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

.font10 { font-size: 77% !important; }
.font11 { font-size: 85% !important; }
.font12 { font-size: 93% !important; }
.font13 { font-size: 100% !important; }
.font14 { font-size: 108% !important; }
.font15 { font-size: 116% !important; }
.font16 { font-size: 123.1% !important; }
.font17 { font-size: 131% !important; }
.font18 { font-size: 138.5% !important; }
.font19 { font-size: 146.5% !important; }
.font20 { font-size: 153.9% !important; }
.font21 { font-size: 161.6% !important; }
.font22 { font-size: 167% !important; }
.font23 { font-size: 174% !important; }
.font24 { font-size: 182% !important; }
.font25 { font-size: 189% !important; }
.font26 { font-size: 197% !important; }
.fontb { font-weight: bold !important; }

/*font-color
----------------------------------------*/
.red{color:#cc0000!important;}
.blue{color:#0076bc!important;}
.green{	color:#129330!important;}
.ygreen{color:#9adb77!important;}
.pink{color:#e65c6d!important;}
.og{color:#DC6C00;}
.gray{color:#666;}
.bge{color:#D98338;}

.bg_gray{background:#fbf8f3;}
.bg_gray2{background:#ededed;}
/* 字下げ */
.txt_idt{
   padding-left: 1em;
   text-indent: -1em;	
}
/* 字下げ 5*/
.txt_idt2{
   padding-left: 4em;
   text-indent: -4em;	
}

/* マーカー　*/
.marker_pink{
	background: linear-gradient(transparent 75%, #fecaca 75%);
}
.marker_yl{
	background: linear-gradient(transparent 75%, #ffff99 75%);
}
.marker_yl_b{
	background: linear-gradient(transparent 10%, #ffff99 10%);
}
/*ドット枠*/
.waku_bge, .waku_lblue {
    margin: 0.8em 0 2em;
    padding: 1em 1.5em;
    border: dotted 2px #D98338;
    border-radius: 8px;
}
.waku_lblue {
    border: dotted 2px #4082B5;
}
/*シンプル枠*/
.simple_waku{
    margin: 2em 0 2em;
    padding: 1em 1.6em;
    border: solid 1px #666;
}

/*文字下線*/
.border{
	border-bottom:1px solid #333;
}
.border_bge{
 	border-bottom: solid 2px #D98338;
}
.border_blue{
 	border-bottom: solid 2px #4082B5;
}

/*----------------------------- 
ページャー
----------------------------- */
ul.pager{
	clear: both;
	display: block!important;
	font-weight: normal;
	margin:50px auto;
	text-align: center!important;
}

ul.pager li{
	text-align: center;
	display: inline-block;
 	vertical-align: middle;
	 margin-right:15px;
}
ul.pager li span{
	display: block;
	width:36px;
	height:36px;
	background-color: #1A57B1;
	color:#fff;
	text-align: center;
	line-height: 36px;
	border-radius: 50%;
	font-size:16px;
	
}
ul.pager li a{
	display: block;
	width:36px;
	height:36px;
	background-color: #F1F4F8;
	color:#1A57B1;
	text-align: center;
	line-height: 36px;
	border-radius: 50%;
	font-size:16px;
}

ul.pager li.prev a{
	width: 40px !important;
	height:40px !important;
	background: url("../images/arrow_left.png") no-repeat 50% 70%!important;
	background-size: 40px 40px!important;
}
ul.pager li.next a{
	background:url("../images/arrow_right.png") no-repeat 50% 50%!important;
	background-size: 40px 40px!important;
	width: 40px !important;
	height:40px !important;
}