/* 画面サイズ（560px以下） */
@media screen and (max-width:570px){


body{
	min-width: auto;
}

.br-pc,
.dn-sp {
	display: none;
}
.br-sp,
.dn-pc {
	display: block;
}


input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


/* ====================================================================== */
/* HEADER */
/* ====================================================================== */
#header-base{ display:none;}


.smp_header{
	display:block;
	height:60px;
	background-color:#ffffff;
	position:fixed;
	border-bottom:1px solid #b2b2b2;
	z-index:100;
	text-align:left;
	top:0;
 }

.smp_header img.logo{
	margin:10px 10px 0;
 }

.smp_header .h_nav{
	margin-top:15px;
	float:right;
}

.smp_header .h_nav a{
	display:inline-block;
	padding:6px 10px 4px;
	background-color:#e84032;
	color:#FFF;
	text-align:center;
	line-height:1.2;
	border-radius:4px;
}

.smp_header .h_nav a .tel{
	color:#FFF;
}

.smp_header .h_nav a span{
	font-size:60%;
}


/* ----------------------------------------- */
/* メニュー
/* ----------------------------------------- */
.d_nav{
	display:block;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
	background-color:#b2b2b2;
}


.drawer-nav{
	background-color:#1748b6;
	color:#FFF;
}

.drawer-nav ul{
	background-color:#1748b6;
}

.drawer-nav ul li{
	margin:0;
	padding:0;
 border-bottom:1px solid #ccd6ed;
	position:relative;
}

.drawer-nav ul li a{
	display:block;
	padding:10px 10px;
	margin:0;
	color:#FFF;
	text-decoration:none;
}

.drawer-nav ul li a:hover{
	text-decoration:none;
	color:#FFF;
}


.drawer-nav ul li ul{
	background-color:#143c97;
}

.drawer-nav ul li ul li{
	margin-left:20px;
	border-bottom:1px solid #3e67c2;
}

.drawer-nav ul li ul li:last-child{
	border-bottom:none;
}

.drawer-nav ul li ul li a{
	padding:5px 10px;
}






/* ====================================================================== */
/* CONTENT */
/* ====================================================================== */

.gmenu{ display:none;}



.content{
	width:100%;
	float:none;
	overflow:hidden;
	background-color:#FFF;
 }

article.content .mainct{
	width:95%;
	margin:0 auto;
}

article.content .sidect{
	width:95%;
	margin:30px auto 0;
}


.content table.tb1 th,
.content table.tb1 td{
	padding:5px;
}


.pg_nav{
	text-align:left;
}

.pg_nav li{
	width:30%;
	margin:0 5px 5px;
}

.pg_nav li a{
	padding:6px 0px;
	text-align:center;
}

.pg_nav li a:before{
	margin-right:5px;
}


/* --------------------------------------------------- */
/* パーツ */
/* --------------------------------------------------- */


.smp_scroll{
 overflow: auto;
 white-space: nowrap;
}

/*tableにスクロールバーを追加*/
.smp_scroll::-webkit-scrollbar {
 height: 10px;
}

/*tableにスクロールバーを追加*/
.smp_scroll::-webkit-scrollbar-track {
 background: #F1F1F1;
}

/*tableにスクロールバーを追加*/
.smp_scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}



ul.snsmenu{
	display:block;
	padding:20px 0;
	letter-spacing:-.4em;
}

ul.snsmenu li{
	display:inline-block;
	margin:0 10px;
	letter-spacing:normal;
}

ul.snsmenu li a{
	display:block;
	width:58px;
	padding:17px 0;
	color:#FFF;
	text-align:center;
	line-height:1;
	border-radius:5px;
	font-size:135%;
}

ul.snsmenu li.fb a{	background-color:#3b5998;}
ul.snsmenu li.twitter a{	background-color:#55acee;}
ul.snsmenu li.gplus a{	background-color:#db402c;}
ul.snsmenu li.mail a{	background-color:#b2b2b2;}


/* ====================================================================== */
/* Menu */
/* ====================================================================== */

.menuarea{
	display:block;
	margin:0;
	overflow:hidden;
	background-color:#9c67c3;
 }

.menuarea .ctmenu{
 padding:15px 10px;
	padding-left:15px;
 border-bottom:1px solid #FFF;
 color:#FFF;
 }


.menuarea .ctmenu a{
 display:block;
	color:#FFF;
	text-decoration:none;
 }

.menuarea .ctmenu01 a{
	padding-left:30px;
	background:url(../img/icon/g01.png) no-repeat 0 50%;
	background-size:auto 80%;
 }

.menuarea .ctmenu02 a{
	padding-left:30px;
	background:url(../img/icon/g02.png) no-repeat 0 50%;
	background-size:auto 80%;
 }

.menuarea .ctmenu03 a{
	padding-left:30px;
	background:url(../img/icon/g03.png) no-repeat 0 50%;
	background-size:auto 80%;
 }

.menuarea .ctmenu04 a{
	padding-left:30px;
	background:url(../img/icon/g04.png) no-repeat 2px 50%;
	background-size:auto 70%;
 }

.menuarea .ctmenu05 a{
	padding-left:30px;
	background:url(../img/icon/g05.png) no-repeat 0 50%;
	background-size:auto 50%;
 }




/* ====================================================================== */
/* Footer */
/* ====================================================================== */
footer{
	width:100%;
	height:auto;
	float:none;
	display:block;
 }


footer .faclist .lb{
	font-size:150%;
}

.facinfo{
	padding:5px 0;
}




#pagetop a{
	padding:5px 10px;
	line-height:1.3;
}



/* ================================================================== */
/* TOP */
/* ================================================================== */
.mainimgarea{
	border:none;
	width:100%;
	height:auto;
	margin-top:60px;
	overflow:hidden;
}

.mainimgarea .slider {
	width:100%;
	min-width:auto;
	margin:0;
}

.mainimgarea .slider img{
	width:100%;
	height:auto;
}

.mainimgarea .slider .slide-arrow{
}

.mainimgarea .slider .prev-arrow{	left:10px;}
.mainimgarea .slider .next-arrow{ right:10px;}

.mainimgarea .slider .slick-dots {
	bottom:-30px;
}


.mainimgarea .pgmenuarea{
	width:100%;
	margin-top:50px;
}

.mainimgarea .pgmenuarea .pgmenu{
	width:33.3%;
	border-left:1px solid #b2b2b2;
	border-right:1px solid #ffffff;
}

.mainimgarea .pgmenuarea .pgmenu a{
	display:block;
	width:100%;
	padding:70px 0 10px;
	color:#141414;
	line-height:1.3;
}

.mainimgarea .pgmenuarea .pgmenu01 a{
	background:url(../img/zaidan/top/pgmenu01.png) no-repeat center 10px;
	background-size:40% auto;
}

.mainimgarea .pgmenuarea .pgmenu02 a{
	background:url(../img/zaidan/top/pgmenu02.png) no-repeat center 10px;
	background-size:40% auto;
}

.mainimgarea .pgmenuarea .pgmenu03 a{
	background:url(../img/zaidan/top/pgmenu03.png) no-repeat center 10px;
	background-size:40% auto;
}


.top .information .ctlb{
	font-size:150%;
	font-weight:normal;
}

article ul.i_target li{
	margin:0 4px;
	padding:6px 8px;
 }


article .content_wrap dl{
	display:block;
}

article .content_wrap dl dt,
article .content_wrap dl dd{
	display:inline-block;
	float:left;
}

article .content_wrap dl dt{
	width:100%;
	padding-bottom:5px;
}

article .content_wrap dl dd:nth-child(2){	width:8%;}
article .content_wrap dl dd:nth-child(3){	width:92%;}

article .content_wrap .fac li{}

article .content_wrap .cate{
	float:left;
}


article .content_wrap .pickup dl dt{	width:30%;}
article .content_wrap .pickup dl dd:nth-child(2){	width:70%;}
article .content_wrap .pickup dl dd:nth-child(3){	width:100%;}

article .content_wrap .pickup .fac li{/* width:50%;*/}


article .information .infobnrarea a{
	display:block;
	width:48%;
}

article .information .infobnrarea a:nth-child(odd){	float:left;}
article .information .infobnrarea a:nth-child(even){	float:right;}
article .information .infobnrarea a:nth-child(1) img{ margin-top:10px;}
article .information .infobnrarea img{	width:100%;}


.top .c01{ border-top:10px solid #02b0f0;}
.top .c02{ border-top:10px solid #ef4d40;}
.top .c03{ border-top:10px solid #00b690;}

.top .concept .ctlb{
	font-size:150%;
}

.top .concept .ctlb .dec01{
	width:60px;
	height:60px;
	line-height:60px;
}

.top .concept .ctlb .dec02{
	height:60px;
	line-height:60px;
}


.top .bnrarea span{ display:block; width:48%;}
.top .bnrarea span:nth-child(odd){	float:left;}
.top .bnrarea span:nth-child(even){	float:right;}
.top .bnrarea img{ width:100%;	margin:10px 0 0;}







/* ================================================================== */
/* 下層 */
/* ================================================================== */

.content .pglb{
	margin-top:50px;
	font-size:150%;
	font-weight:bold;
}

.content .pglb span{
	padding:0 0 10px 50px;
	background-size:auto 80%;
	background-position:0 0;
}

.content .pgnav li{
	margin:0 10px;
}

.content .sidebnrarea span{ display:block; width:48%;}
.content .sidebnrarea span:nth-child(odd){	float:left;}
.content .sidebnrarea span:nth-child(even){	float:right;}
.content .sidebnrarea img{ width:100%;	margin:10px 0 0;}


/* ================================================================== */
/*  榛名荘について */
/* ================================================================== */

.about .rinen{
	padding:10px 0;
}

.about .rinen .num{
	width:30px;
	height:30px;
	line-height:30px;
}


/* ================================================================== */
/*  採用情報 */
/* ================================================================== */

.recruit .recbox .sublb span{ background:url(../img/zaidan/recruit/smp_opn_btn.png) no-repeat 100% 50%; background-size:auto 60%;}
.recruit .recbox .sublb.active span{ background:url(../img/zaidan/recruit/smp_close_btn.png) no-repeat 100% 50%; background-size:auto 60%;}



/* ================================================================== */
/*  アクセス */
/* ================================================================== */

.access .more .fac_img{
	align-items: flex-start;
}

.access iframe.gmap{
	width:95%;
	height:240px;
	margin:30px auto 0;
}

.access .mapimg{
	width:375px;
	display: none;
}

.access .mapimg img{
	width:100%;
}


.access .mapimg a{
	display:block;
	width:47px;
	height:50px;
/*	opacity:0;*/
}

.access .mapimg a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}

.access .mapimg .fac01{
	top:2px;
	left:202px;
}

.access .mapimg .fac02{
	top:2px;
	left:142px;
}

.access .mapimg .fac03{
	top:2px;
	left:82px;
}

.access .mapimg .fac04{
	top:259px;
	left:168px;
}

.access .mapimg .fac05{
	top:259px;
	left:110px;
}

.access .mapimg .fac06{
	top:259px;
	left:225px;
}

.access .mapimg .fac07{
	width:56px;
	height:32px;
	top:179px;
	left:52px;
}

.access .mapimg .fac08{
	top:33px;
	left:20px;
}

.access .mapimg .fac09{
	width:56px;
	height:27px;
	top:94px;
	left:8px;
}

.access .mapimg .fac10{
	width:56px;
	height:27px;
	top:130px;
	left:2px;
}


.access .s_mapimg{
	display: block;
}

.access .s_mapimg ul li{
	width: 48%;
	margin-bottom: 10px;
	line-height: 40px;
}

.access .s_mapimg ul li.row2{
	line-height: 20px;
}
.access .s_mapimg ul li a{
	display: block;
	padding: 10px 0;
	font-size: .8rem;
	border: 1px solid #1748b6;
}

/* ================================================================== */
/*  地域貢献・交流活動 */
/* ================================================================== */
.community dl.infolist{ display:block;}
.community dl.infolist dt,.community dl.infolist dd{ display:inline-block; float:left;}
.community dl.infolist dt{	width:100%; padding-bottom:5px;}
.community dl.infolist dd:nth-child(2){	width:50%;}
.community dl.infolist dd:nth-child(3){	width:50%;}

.community .ctbox .eventinfo img.prev-arrow{
	width:20px;
	left:-15px;
	top:35%;
}

.community .ctbox .eventinfo img.next-arrow{
	width:20px;
	right:-15px;
	top:35%;
}



/* ================================================================== */
/*  お問い合わせ */
/* ================================================================== */
.contact .formarea dl{
	display:table;
	padding:20px 0;
	border-bottom:1px solid #cbcbcb;
	display:block;
}

.contact .formarea dl dt,
.contact .formarea dl dd{
	display:table-cell;
	display:block;
}


.contact .formarea dl dd dl{
	padding:0;
	border:none;
}

.contact .notnull{
	display:inline-block;
	padding:0 3px;
	color:#F00;
	font-size:70%;
	background-color:#FFF;
	border-radius:2px;
	border:1px solid #e44040;
	vertical-align:middle;
}

.contact input[type="text"],
.contact select{
	border: 1px solid #999;
	padding:6px;
}

.contact select{
	font-size:100%;
}

textarea {
 font-family: sans-serif;
}

.contact input[type=radio],
.contact input[type=checkbox]{
	width:16px;
	height:16px;
	vertical-align:-0.3em;
}

.contact textarea{
	border: 1px solid #999;
	padding:5px;
}

.contact .err input[type="text"]{
	background-color:#fff6f6;
}

.contact .errmes:before{
 content: "\f057";
	font-family: FontAwesome;
	font-weight:normal;
}

.contact input[type="submit"].send_btn {
	margin-left:20px;
	margin-right:20px;
	padding:10px 30px;
	background-color:#b61616;
	border: none;
	color: #fff;
}

.contact input[type="submit"].upd_btn {
	background-color:#999;
}

.contact input[type="reset"].reset_btn{
	margin-left:20px;
	margin-right:20px;
	padding:10px 30px;
	background-color:#bebebe;
	border: none;
	color: #fff;
}


.contact input[type="submit"]#submit[disabled]{
	background-color:#CCC;
}

.contact input[type="submit"]#submit[disabled]:hover{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
}








.cnt,
.cnt1200{
	width:auto;
}

.smp_none{
	display:none;
}

.smp_clearfix{
	display:block;
}

/* ========================================================= */
/* フォント調整 */
/* ========================================================= */
.smp_fs10 { font-size:77%; }
.smp_fs11 { font-size:85%; }
.smp_fs12 { font-size:93%; }
.smp_fs13 { font-size:100%; }
.smp_fs14 { font-size:108%; }
.smp_fs15 { font-size:116%; }
.smp_fs16 { font-size:123.1%; }
.smp_fs17 { font-size:131%; }
.smp_fs18 { font-size:138.5%; }
.smp_fs19 { font-size:146.5%; }
.smp_fs20 { font-size:153.9%; }
.smp_fs21 { font-size:161.6%; }
.smp_fs22 { font-size:167%; }
.smp_fs23 { font-size:174%; }
.smp_fs24 { font-size:182%; }
.smp_fs25 { font-size:189%; }
.smp_fs26 { font-size:197%; }

.smp_bold{ font-weight:bold;}


/* ========================================================= */
/* 表示 */
/* ========================================================= */

.smp_blk_tb{ display:block;}
.smp_blk_tb dt,.smp_blk_tb dd,.smp_blk_tb div{ display:block;}


.smp_ct_flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-content:flex-start;
/*	align-items:center;*/
	justify-content:space-between;
}


/* ========================================================= */
/* レイアウト調整 */
/* ========================================================= */
.smp_al_right{ text-align:right;}
.smp_al_left{ text-align:left;}
.smp_al_center{ text-align:center;}

.smp_f_left{ float:left;}
.smp_f_right{ float:right;}

.smp_f_none{ float:none;}


.smp_mauto,article .smp_mauto{ margin-left:auto; margin-right:auto;}

.smp_mg,article .smp_mg{ margin:0;}
.smp_mg5,article .smp_mg5{ margin:5px;}
.smp_mg10,article .smp_mg10{ margin:10px;}
.smp_mg20,article .smp_mg20{ margin:20px;}
.smp_mg30,article .smp_mg30{ margin:30px;}
.smp_mg40,article .smp_mg40{ margin:40px;}
.smp_mg50,article .smp_mg50{ margin:50px;}
.smp_mg60,article .smp_mg60{ margin:60px;}
.smp_mg70,article .smp_mg70{ margin:70px;}
.smp_mg80,article .smp_mg80{ margin:80px;}
.smp_mg90,article .smp_mg90{ margin:90px;}
.smp_mg100,article .smp_mg100{ margin:100px;}

.smp_mtop,article .smp_mtop{ margin-top:0;}
.smp_mtop5,article .smp_mtop5{ margin-top:5px;}
.smp_mtop10,article .smp_mtop10{ margin-top:10px;}
.smp_mtop20,article .smp_mtop20{ margin-top:20px;}
.smp_mtop30,article .smp_mtop30{ margin-top:30px;}
.smp_mtop40,article .smp_mtop40{ margin-top:40px;}
.smp_mtop50,article .smp_mtop50{ margin-top:50px;}
.smp_mtop60,article .smp_mtop60{ margin-top:60px;}
.smp_mtop70,article .smp_mtop70{ margin-top:70px;}
.smp_mtop80,article .smp_mtop80{ margin-top:80px;}
.smp_mtop90,article .smp_mtop90{ margin-top:90px;}
.smp_mtop100,article .smp_mtop100{ margin-top:100px;}

.smp_mbottom,article .smp_mbottom{ margin-bottom:0;}
.smp_mbottom5,article .smp_mbottom5{ margin-bottom:5px;}
.smp_mbottom10,article .smp_mbottom10{ margin-bottom:10px;}
.smp_mbottom20,article .smp_mbottom20{ margin-bottom:20px;}
.smp_mbottom30,article .smp_mbottom30{ margin-bottom:30px;}
.smp_mbottom40,article .smp_mbottom40{ margin-bottom:40px;}
.smp_mbottom50,article .smp_mbottom50{ margin-bottom:50px;}
.smp_mbottom60,article .smp_mbottom60{ margin-bottom:60px;}
.smp_mbottom70,article .smp_mbottom70{ margin-bottom:70px;}
.smp_mbottom80,article .smp_mbottom80{ margin-bottom:80px;}
.smp_mbottom90,article .smp_mbottom90{ margin-bottom:90px;}
.smp_mbottom100,article .smp_mbottom100{ margin-bottom:100px;}

.smp_mleft,article .smp_mleft{ margin-left:0;}
.smp_mleft5,article .smp_mleft5{ margin-left:5px;}
.smp_mleft10,article .smp_mleft10{ margin-left:10px;}
.smp_mleft20,article .smp_mleft20{ margin-left:20px;}
.smp_mleft30,article .smp_mleft30{ margin-left:30px;}
.smp_mleft40,article .smp_mleft40{ margin-left:40px;}
.smp_mleft50,article .smp_mleft50{ margin-left:50px;}
.smp_mleft60,article .smp_mleft60{ margin-left:60px;}
.smp_mleft70,article .smp_mleft70{ margin-left:70px;}
.smp_mleft80,article .smp_mleft80{ margin-left:80px;}
.smp_mleft90,article .smp_mleft90{ margin-left:90px;}
.smp_mleft100,article .smp_mleft100{ margin-left:100px;}

.smp_mright,article .smp_mright{ margin-right:0;}
.smp_mright5,article .smp_mright5{ margin-right:5px;}
.smp_mright10,article .smp_mright10{ margin-right:10px;}
.smp_mright20,article .smp_mright20{ margin-right:20px;}
.smp_mright30,article .smp_mright30{ margin-right:30px;}
.smp_mright40,article .smp_mright40{ margin-right:40px;}
.smp_mright50,article .smp_mright50{ margin-right:50px;}
.smp_mright60,article .smp_mright60{ margin-right:60px;}
.smp_mright70,article .smp_mright70{ margin-right:70px;}
.smp_mright80,article .smp_mright80{ margin-right:80px;}
.smp_mright90,article .smp_mright90{ margin-right:90px;}
.smp_mright100,article .smp_mright100{ margin-right:100px;}


.smp_pd,article .smp_pd{ padding:0;}
.smp_pd5,article .smp_pd5{ padding:5px;}
.smp_pd10,article .smp_pd10{ padding:10px;}
.smp_pd20,article .smp_pd20{ padding:20px;}
.smp_pd30,article .smp_pd30{ padding:30px;}
.smp_pd40,article .smp_pd40{ padding:40px;}
.smp_pd50,article .smp_pd50{ padding:50px;}
.smp_pd60,article .smp_pd60{ padding:60px;}
.smp_pd70,article .smp_pd70{ padding:70px;}
.smp_pd80,article .smp_pd80{ padding:80px;}
.smp_pd90,article .smp_pd90{ padding:90px;}
.smp_pd100,article .smp_pd100{ padding:100px;}

.smp_pdtop,article .smp_pdtop{ padding-top:0;}
.smp_pdtop5,article .smp_pdtop5{ padding-top:5px;}
.smp_pdtop10,article .smp_pdtop10{ padding-top:10px;}
.smp_pdtop20,article .smp_pdtop20{ padding-top:20px;}
.smp_pdtop30,article .smp_pdtop30{ padding-top:30px;}
.smp_pdtop40,article .smp_pdtop40{ padding-top:40px;}
.smp_pdtop50,article .smp_pdtop50{ padding-top:50px;}
.smp_pdtop60,article .smp_pdtop60{ padding-top:60px;}
.smp_pdtop70,article .smp_pdtop70{ padding-top:70px;}
.smp_pdtop80,article .smp_pdtop80{ padding-top:80px;}
.smp_pdtop90,article .smp_pdtop90{ padding-top:90px;}
.smp_pdtop100,article .smp_pdtop100{ padding-top:100px;}

.smp_pdbottom,article .smp_pdbottom{ padding-bottom:0;}
.smp_pdbottom5,article .smp_pdbottom5{ padding-bottom:5px;}
.smp_pdbottom10,article .smp_pdbottom10{ padding-bottom:10px;}
.smp_pdbottom20,article .smp_pdbottom20{ padding-bottom:20px;}
.smp_pdbottom30,article .smp_pdbottom30{ padding-bottom:30px;}
.smp_pdbottom40,article .smp_pdbottom40{ padding-bottom:40px;}
.smp_pdbottom50,article .smp_pdbottom50{ padding-bottom:50px;}
.smp_pdbottom60,article .smp_pdbottom60{ padding-bottom:60px;}
.smp_pdbottom70,article .smp_pdbottom70{ padding-bottom:70px;}
.smp_pdbottom80,article .smp_pdbottom80{ padding-bottom:80px;}
.smp_pdbottom90,article .smp_pdbottom90{ padding-bottom:90px;}
.smp_pdbottom100,article .smp_pdbottom100{ padding-bottom:100px;}

.smp_pdleft,article .smp_pdleft{ padding-left:0;}
.smp_pdleft5,article .smp_pdleft5{ padding-left:5px;}
.smp_pdleft10,article .smp_pdleft10{ padding-left:10px;}
.smp_pdleft20,article .smp_pdleft20{ padding-left:20px;}
.smp_pdleft30,article .smp_pdleft30{ padding-left:30px;}
.smp_pdleft40,article .smp_pdleft40{ padding-left:40px;}
.smp_pdleft50,article .smp_pdleft50{ padding-left:50px;}
.smp_pdleft60,article .smp_pdleft60{ padding-left:60px;}
.smp_pdleft70,article .smp_pdleft70{ padding-left:70px;}
.smp_pdleft80,article .smp_pdleft80{ padding-left:80px;}
.smp_pdleft90,article .smp_pdleft90{ padding-left:90px;}
.smp_pdleft100,article .smp_pdleft100{ padding-left:100px;}

.smp_pdright,article .smp_pdright{ padding-right:0;}
.smp_pdright5,article .smp_pdright5{ padding-right:5px;}
.smp_pdright10,article .smp_pdright10{ padding-right:10px;}
.smp_pdright20,article .smp_pdright20{ padding-right:20px;}
.smp_pdright30,article .smp_pdright30{ padding-right:30px;}
.smp_pdright40,article .smp_pdright40{ padding-right:40px;}
.smp_pdright50,article .smp_pdright50{ padding-right:50px;}
.smp_pdright60,article .smp_pdright60{ padding-right:60px;}
.smp_pdright70,article .smp_pdright70{ padding-right:70px;}
.smp_pdright80,article .smp_pdright80{ padding-right:80px;}
.smp_pdright90,article .smp_pdright90{ padding-right:90px;}
.smp_pdright100,article .smp_pdright100{ padding-right:100px;}


.smp_dis-i{ display:inline;}
.smp_dis-b{ display:block;}
.smp_dis-ib{ display:inline-block;}
.smp_pos-rl { position: relative;}
.smp_of { overflow: hidden;}



/* ========================================================= */
/* Width調整 */
/* ========================================================= */
.smp5{ width:5%;}
.smp10{ width:10%;}
.smp15{ width:15%;}
.smp18{ width:18%;}
.smp20{ width:20%;}
.smp25{ width:25%;}
.smp30{ width:30%;}
.smp33{ width:33.3%;}
.smp35{ width:35%;}
.smp40{ width:40%;}
.smp45{ width:45%;}
.smp48{ width:48%;}
.smp50{ width:50%;}
.smp55{ width:55%;}
.smp60{ width:60%;}
.smp65{ width:65%;}
.smp70{ width:70%;}
.smp75{ width:75%;}
.smp80{ width:80%;}
.smp85{ width:85%;}
.smp90{ width:90%;}
.smp92{ width:92%;}
.smp93{ width:93%;}
.smp94{ width:94%;}
.smp95{ width:95%;}
.smp96{ width:96%;}
.smp97{ width:97%;}
.smp98{ width:98%;}
.smp99{ width:99%;}
.smp100{ width:100%;}

.smp_auto{ width:auto;}


}