@charset "utf-8";
/*
 * CSS common.css
 */
/* ---------------------------------------
commonModule
--------------------------------------- */
/* clerfix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; font-size: 0.1em; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*\*//*/ eight: auto; overflow: hidden; /**/ }

/* section */
.section:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.section { min-height: 1px; }
.section p{ text-align: justify; text-justify: distribute; }
.section dd{ text-align: justify; text-justify: distribute; }
* html .section { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

/* incnt */
.incnt:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.incnt { min-height: 1px; margin: 0 auto; width: 1000px; position: relative; }

/* insec */
.insec:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.insec { min-height: 1px; position: relative; }

/* inbox */
.inbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.inbox { min-height: 1px; }

/* cnt floaf */
.cnt_left:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.cnt_left { min-height: 1px; float: left; }
.cnt_right:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.cnt_right { min-height: 1px; float: right; }

/* inlineBlock */
.inlineBlock { display: inline-block; *display: inline; *zoom: 1; }

/* boxSize */
.boxSize { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }









/* ---------------------------------------
initSetteing
--------------------------------------- */
/* img */
img { max-width:100%; height: auto; font-size: 0; line-height: 0; }
.ie8 img { width:auto; }

/* table */
table { width:100%; }
table th, table td { text-align: left; vertical-align: middle; list-style: none; }

/* form */
form input[type="text"],
form input[type="email"],
form input[type="tel"] { width: 100%; min-height: 30px; line-height: 1; }
form textarea { width: 100%; height: 100px; }
form p.ermsg { color: #cb1c24; }

/* */
li, ol, ul, dl, dt, dd { list-style-type : none; padding: 0; margin: 0; list-style: none; }












/* ---------------------------------------
commonSetteing.text
--------------------------------------- */
/* txt float */
.tc { text-align: center!important; }
.tl { text-align: left!important; }
.tr { text-align: right!important; }
.fw-b{ font-weight: bold!important; }

/* float 文字回り込み禁止 */
.tclear { overflow:auto; zoom:1; }

/* p indext */
p.indent, p.indent { padding-left: 1em; text-indent: -1em; }

/* inline-block */
span.inb { display: inline-block; }



/* ---------------------------------------
commonSetteing.image
--------------------------------------- */
/* imgFloat */
img.left { float: left; margin-right: 30px; margin-bottom: 15px; _position: relative; _zoom:1; }
img.right { float: right; margin-left: 30px; margin-bottom: 15px; _position: relative; _zoom:1; }



/* ---------------------------------------
commonSetteing.list
--------------------------------------- */
/* li-ol indext */
ul.indent li, ol.indent li { padding-left: 1em; text-indent: -1em; }

/* li caution */
ul.caution { padding-top: 0px; font-size: 0.9em; }
ul.caution li { padding-left: 1em; text-indent: -1em; }
ul.caution li:before { content:"※"; }

/* li center */
ul.center { text-align:center; }
ul.center li { display: inline-block; }



/* ---------------------------------------
commonSetteing.container
--------------------------------------- */
/* incnt */
.incnt { width: 1000px; margin: 0 auto; }
@media screen and (max-width: 1120px) {
	.incnt { margin: 0 4%!important; width: 92%!important; }
}


/* insec */
.insec { }
@media screen and (max-width: 1120px) {
}


/* cnt_left, cnt_right */
@media screen and (max-width: 1120px) {
	.tfit .cnt_left, .tfit .cnt_right { float: none!important; width: 100%!important; }
}
@media screen and (max-width: 767px) {
	.mfit .cnt_left, .mfit .cnt_right { float: none!important; width: 100%!important; }
}
@media screen and (max-width: 639px) {
	.lfit .cnt_left, .lfit .cnt_right { float: none!important; width: 100%!important; }
}
@media screen and (max-width: 479px) {
	.sfit .cnt_left, .sfit .cnt_right { float: none!important; width: 100%!important; }
}
@media screen and (max-width: 400px) {
	.pfit .cnt_left, .pfit .cnt_right { float: none!important; width: 100%!important; }
}



/* ---------------------------------------
commonSetteing.css3
--------------------------------------- */
/* trandition モダンブラウザ+IE10〜 ※mozもなくていいかも */
.trd { -webkit-transition: 0.3s; -moz-transition : 0.3s; transition : 0.3s; }
.trd:hover { -webkit-transition: 0.4s; -moz-transition : 0.4s; transition : 0.4s; }
@media screen and (max-width: 640px) {
	.trd { -webkit-transition:none; -moz-transition :none; transition :none; }
	.trd:hover { -webkit-transition:none; -moz-transition :none; transition :none; }

}
/* transitionスムージング モダンブラウザ+IE10〜 ※mozもなくていいかも */
.smooth { -webkit-transition: all 0.3s cubic-bezier(1, 0, 0, 1); transition: all 0.3s cubic-bezier(1, 0, 0, 1); }

/* box-shadow モダンブラウザ+IE9〜 */
.shadow { -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4); box-shadow: 1px 1px 3px rgba(0,0,0,0.4); }

/* border-radius モダンブラウザ+IE9〜 ※webkitもなくていいかも */
.radius { -webkit-border-radius: 4px; border-radius: 4px; }

/* opacity モダンブラウザ+IE8〜 */
.opacity { -ms-filter: "alpha(opacity=6)"; opacity:0.6; }

/* フラッシュbtn */
.flashbtn { opacity: 1; }
.flashbtn:hover { opacity: 1; -webkit-animation: flash 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: flash 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
@-webkit-keyframes flash { 0% { opacity: .4; } 100% { opacity: .9; } }
@keyframes flash { 0% { opacity: .4; } 100% { opacity: .9; } }

/* グレースケールbtn */
.greytbtn { -webkit-filter: grayscale(80%); filter: grayscale(80%); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.greytbtn:hover { -webkit-filter: grayscale(0); filter: grayscale(0); }

/* 拡縮回転btn */
.scalerotatebtnbox { overflow: hidden; width: 140px; height: 99px; }
.scalerotatebtnbox img { -webkit-transform: rotate(15deg) scale(1.4); transform: rotate(15deg) scale(1.4); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; max-width: none; }
.testbtnbox:hover img { -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); }

/* 拡縮btn */
.zoombtnbox { overflow: hidden; width: 149px; height: 99px; }
.zoombtnbox img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.zoombtnbox:hover img { -webkit-transform: scale(1.3); transform: scale(1.3); }




/* ---------------------------------------
commonSetteing.display
--------------------------------------- */
/* display adjust */
.widehide, .basehide, .middlehide, .middle2hide, .tablethide, .sphide, .landhide, .porthide , .sehide { display: block; }
.wideblock, .baseblock, .tabletblock, .middleblock,.middle2block, .spblock, .landblock, .portblock, .seblock { display: none; }
@media screen and (max-width: 1340px) {
	.wideblock { display: block; }
	.widehide { display: none!important; }
}
@media screen and (max-width: 1120px) {
	.baseblock { display: block; }
	.basehide { display: none!important; }
}
@media screen and (max-width: 999px) {
	.tabletblock { display: block; }
	.tablethide { display: none!important; }
}
@media screen and (max-width: 800px) {
	.middle2block { display: block; }
	.middle2hide { display: none!important; }
}
@media screen and (max-width: 767px) {
	.middleblock { display: block; }
	.middlehide { display: none!important; }
}
@media screen and (max-width: 639px) {
	.landblock { display: block; }
	.landhide { display: none!important; }
}
@media screen and (max-width: 479px) {
	.spblock { display: block; }
	.sphide { display: none!important; }
}
@media screen and (max-width: 400px) {
	.portblock { display: block; }
	.porthide { display: none!important; }
}
@media screen and (max-width: 374px) {
	.seblock { display: block; }
	.sehide { display: none!important; }
}



/* ---------------------------------------
privateCommonSetteing
--------------------------------------- */
/* txt */
a:link,
a:visited { color:#1a1a1a;}
a:hover,
a:active { color:#aaa; }
.txtbold { font-weight: bold; }
.txtbase { color: #00a99d; }
.txtsmall { font-size: 0.93em; }
.txtbig1 { font-size: 1.15em; font-weight: bold; }
.txtbig2 { font-size: 1.29em; font-weight: bold; }
.txtbasebig { color: #00a99d; font-size: 1.15em; font-weight: bold; }
.orange { color: #dc5310; }
.cmedia { color: #0081cc; }
.cdesign { color: #2eb6aa; }
.cbaby { color: #f0b200; }
.cchild { color: #9ebc19; }
.cpsychology { color: #5eb031; }
.cnursing { color: #d68bb9; }
.cfashion { color: #da536b; }
.txtred{ color: #DD0A00; }
.purple{ color: #960496; }


.wait_txt{
	font-size: 1.3em;
	margin: 150px 0;
	text-align: center;
}
.wait_txt span{
	font-weight: bold;
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.wait_txt{
		margin: 50px 0;
	}
}


/* font */
@font-face { font-family: 'icon'; src: url('../img/fonts/icon.eot?-x1vayi'); src: url('../img/fonts/icon.eot?#iefix-x1vayi') format('embedded-opentype'),url('../img/fonts/icon.woff?-x1vayi') format('woff'),url('../img/fonts/icon.ttf?-x1vayi') format('truetype'),url('../img/fonts/icon.svg?-x1vayi#icon') format('svg'); font-weight: normal; font-style: normal; }



/* linkbtn */
.linkbtn a { }



/* img */
#map img { max-width: none; }
.imgtop { margin-top: 5px; }

.alignleft { float: left; margin: 0; }
.alignright { float: right; margin: 0; }
.aligncenter { clear: both; display: block; margin: 0 auto; }

.fitimg { width: 100%; }






/* layout */
.section { margin-bottom: 60px; }
@media screen and (max-width: 639px) {
	.section { margin-bottom: 40px; }
}

.secend { margin-bottom: 0!important; padding-bottom: 0!important; border-bottom: none!important; }

.para1 { margin-bottom: 20px; }
@media screen and (max-width: 639px) {
	.para1 { margin-bottom: 15px; }
}

.para2 { margin-bottom: 30px; }
@media screen and (max-width: 639px) {
	.para2 { margin-bottom: 20px; }
}

.para3 { margin-bottom: 50px; }
@media screen and (max-width: 767px) {
	.para3 { margin-bottom: 40px; }
}
@media screen and (max-width: 639px) {
	.para3 { margin-bottom: 35px; }
}
@media screen and (max-width: 479px) {
	.para3 { margin-bottom: 30px; }
}

.para4 { margin-bottom: 30px; }
@media screen and (max-width: 767px) {
	.para4 { margin-bottom: 8%; }
}

.para20 { margin-bottom: 20px; }
@media screen and (max-width: 639px) {
	.para20 { margin-bottom: 15px; }
}

.para20_1 { margin-bottom: 20px; }
@media screen and (max-width: 639px) {
	.para20_1 { margin-bottom: 10px; }
}

.para30 { margin-bottom: 30px; }
@media screen and (max-width: 639px) {
	.para30 { margin-bottom: 20px; }
}

.para40 { margin-bottom: 40px; }
@media screen and (max-width: 767px) {
	.para40 { margin-bottom: 35px; }
}
@media screen and (max-width: 639px) {
	.para40 { margin-bottom: 30px; }
}
@media screen and (max-width: 479px) {
	.para40 { margin-bottom: 25px; }
}

.para50 { margin-bottom: 50px; }
@media screen and (max-width: 767px) {
	.para50 { margin-bottom: 40px; }
}
@media screen and (max-width: 639px) {
	.para50 { margin-bottom: 35px; }
}
@media screen and (max-width: 479px) {
	.para50 { margin-bottom: 30px; }
}

.para60 { margin-bottom: 60px; }
@media screen and (max-width: 767px) {
	.para60 { margin-bottom: 50px; }
}
@media screen and (max-width: 639px) {
	.para60 { margin-bottom: 45px; }
}
@media screen and (max-width: 479px) {
	.para60 { margin-bottom: 35px; }
}


.para80 { margin-bottom: 80px; }
@media screen and (max-width: 1120px) {
	.para80 { margin-bottom: 60px; }
}
@media screen and (max-width: 639px) {
	.para80 { margin-bottom: 50px; }
}
@media screen and (max-width: 479px) {
	.para80 { margin-bottom: 40px; }
}






/* title */
.sectitle { line-height: 1; font-size: 23px; padding: 12px 0; text-align: center; position: relative; margin-bottom: 60px; }
.sectitle span { padding: 0 50px; background: url(../img/common/icon_down.png) no-repeat left center; background-size: 24px auto; }
.sectitle img { height: 23px; }
@media screen and (max-width: 1120px) {
	.sectitle { font-size: 20px; margin-bottom: 45px; }
	.sectitle img { height: 20px; }
	.sectitle span { background-size: 20px auto; }
}
@media screen and (max-width: 639px) {
	.sectitle { font-size: 18px; margin-bottom: 30px; padding: 18px 0; }
	.sectitle img { height: 18px; }
	.sectitle img.sp_2line { height: 42px; }

	.sectitle span { padding: 0; background-size: 16px auto; margin: 0 4%; width: 92%; display: inline-block; }
	.sectitle.open span { background: url(../img/common/icon_up.png) no-repeat left center; background-size: 16px auto; }
	.sectitle.nonearw span { background: none!important; }
}
@media screen and (max-width: 479px) {
	.sectitle { margin-bottom: 25px; }
	.sectitle { font-size: 16px; }
	.sectitle img { height: 16px; }
	.sectitle img.sp_2line { height: 36px; }
	.sectitle img.sp_2line2 { height: 30px; }

	.sectitle span { background-size: 14px auto; }
}
@media screen and (max-width: 400px) {
	.sectitle img.p2 { height: 37px; }
}

/* 25px */
.copystyle0 { line-height: 1; text-align: center; margin-bottom: 30px; }
.copystyle0 img { padding: 9px 0; display: inline-block; }
@media screen and (max-width: 767px) {
	.copystyle0 { margin-bottom: 25px;}
	.copystyle0 img{ height: 25px;}
	.copystyle0.row2 img{ height: 58px;}
}
@media screen and (max-width: 639px) {
	.copystyle0 { margin-bottom: 20px; }
	.copystyle0 img { height: 22px; padding: 7px 0;}
	.copystyle0.row2 img{ height: 46px;}
}
@media screen and (max-width: 479px) {
	.copystyle0 { margin-bottom: 15px; }
	.copystyle0 img { height: 19px; padding: 5px 0; }
}


/* 22px */
.copystyle1 { line-height: 1; text-align: center; margin-bottom: 35px; }
.copystyle1 span { display: inline-block; }
.copystyle1 img { height: 22px; padding: 10px 0; }
@media screen and (max-width: 1120px) {
	.copystyle1 { margin-bottom: 30px; }
}
@media screen and (max-width: 767px) {
	.copystyle1 { margin-bottom: 25px; }
	.copystyle1 img { padding: 8px 0;}
}
@media screen and (max-width: 639px) {
	.copystyle1 { margin-bottom: 20px; }
	.copystyle1 img { height: 19px; padding: 7px 0;}
}
@media screen and (max-width: 479px) {
	.copystyle1 { margin-bottom: 15px; }
	.copystyle1 img { height: 17px; padding: 6px 0; }
}

/* 20px */
.copystyle2 { line-height: 1; text-align: center; margin-bottom: 50px; }
.copystyle2 span { display: inline-block; }
.copystyle2 img { height: 20px; padding: 8px 0; }
@media screen and (max-width: 767px) {
	.copystyle2 { margin-bottom: 25px; }
	.copystyle2 img { padding: 8px 0;}
}
@media screen and (max-width: 639px) {
	.copystyle2 { margin-bottom: 20px; }
	.copystyle2 img { height: 17px; padding: 6px 0;}
}
@media screen and (max-width: 479px) {
	.copystyle2 { margin-bottom: 15px; }
	.copystyle2 img { height: 16px; padding: 5px 0; }
}

/* 18px */
.copystyle3 { line-height: 1; text-align: left!important; margin-bottom: 20px; }
.copystyle3 img { height: 18px; padding: 8px 0; display: inline-block; }
@media screen and (max-width: 767px) {
	.copystyle3 { margin-bottom: 20px; }
	.copystyle3 img { padding: 8px 0;}
}
@media screen and (max-width: 639px) {
	.copystyle3 { margin-bottom: 15px; }
	.copystyle3 img { height: 16px; padding: 6px 0;}
}
@media screen and (max-width: 479px) {
	.copystyle3 { margin-bottom: 15px; }
	.copystyle3 img { height: 15px; padding: 5px 0; }
}

/* 16px */
.copystyle4 { line-height: 1; text-align: left;  margin-bottom: 20px; }
.copystyle4 img { height: 16px; }
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px) {
	.copystyle4 { margin-bottom: 15px; }
	.copystyle4 img.sp_2line { height: 35px; }
	.copystyle4 img.sp_3line { height: 62px; }
}
@media screen and (max-width: 479px) {
	.copystyle4 img { height: 14px; }
	.copystyle4 img.sp_2line { height: 32px; }
	.copystyle4 img.sp_3line { height: 54px; }
}





/* 16px */
.copystyle5 { line-height: 1; text-align: left;  margin-bottom: 20px; }
.copystyle5 img { padding: 6px 0; }
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px) {
	.copystyle5 img { height: 38px;}
	.copystyle5.row3 img { height: 62px;}
	.copystyle5.row3_2 img { height: 60px;}
}
@media screen and (max-width: 479px) {
	.copystyle5 { margin-bottom: 15px; }
	.copystyle5 img { padding: 5px 0; }
}


/* 16px */
.subtitlestyle1 { line-height: 1; text-align: left; margin-bottom: 10px; padding-bottom: 13px; margin-bottom: 20px; border-bottom: 1px dotted #aaa; }
.subtitlestyle1 img { height: 16px; }
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px) {
	.subtitlestyle1 { padding-bottom: 10px; }
}
@media screen and (max-width: 479px) {
	.subtitlestyle1 { margin-bottom: 15px; }
	.subtitlestyle1 img { height: 14px; }
}
@media screen and (max-width: 400px) {
	.subtitlestyle1 { margin-bottom: 15px; }
	.subtitlestyle1 img.p2 { height: 33px; }
}


/* .btnboxstyle1 */
.btnboxstyle1 { line-height: 1; }
.btnboxstyle1 a { position: relative; display: block; width: 100%; height: 190px; text-align: center; }
.btnboxstyle1 a span { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 190px; background: url(../../nutritional/module/img/department/sm_bg.jpg) no-repeat center center; background-size: cover; -webkit-transition: 0.5s; -moz-transition : 0.5s; transition : 0.5s;  }
.btnboxstyle1 a img { position: relative; top: 50%; margin-top: -35px; z-index: 10; height: 70px; }
.btnboxstyle1 a:hover span { background-image: url(../../nutritional/module/img/department/sm_bg_h.jpg); }
@media screen and (max-width: 767px) {
	.btnboxstyle1 a { height: 160px; }
	.btnboxstyle1 a span { height: 160px; }
	.btnboxstyle1 a img { margin-top: -32px; height: 64px; }
}
@media screen and (max-width: 639px) {
	.btnboxstyle1 a { height: 140px; }
	.btnboxstyle1 a span { height: 140px; }
	.btnboxstyle1 { margin: 0 -4.2%; width: 108.4%; }
	.btnboxstyle1 a img { margin-top: -32px; height: 64px; }
}
@media screen and (max-width: 479px) {
	.btnboxstyle1 a { height: 120px; }
	.btnboxstyle1 a span { height: 120px; }
	/*.btnboxstyle1 a img { margin-top: -25px; height: 50px; }*/
	.btnboxstyle1 a img { margin-top: -30px; height: 60px; }
}



/* .btnboxstyle2 */
.btnboxstyle2 { background: #000; line-height: 1; }
.btnboxstyle2 a { position: relative; display: block; width: 100%; height: 190px; text-align: center; }
.btnboxstyle2 a span { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background: url("../../../module/img/common/btn_contact_bg.jpg") no-repeat center center; background-size: cover; }
.btnboxstyle2 a img { position: relative; top: 50%; margin-top: -35px; z-index: 10; height: 70px; }
.btnboxstyle2 a span { transition: 0.6s; }
.btnboxstyle2 a:hover span { transition: 0.8s; opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; }
@media screen and (max-width: 999px) {
	.btnboxstyle2 a,.btnboxstyle2 a span { height: 150px; }
	.btnboxstyle2 a img { margin-top: -27px; z-index: 10; height: 54px; }
}
@media screen and (max-width: 767px) {
	.btnboxstyle2 a img { margin-top: -25px; height: 50px; }
}
@media screen and (max-width: 639px) {
	.btnboxstyle2 a,.btnboxstyle2 a span { height: 110px; }
	.btnboxstyle2 a img { height: 35px; margin-top: -17px; }
}
@media screen and (max-width: 479px) {
}


/* btnStyle1 */
.btnStyle1 a { border: 1px solid #767676; text-align: center!important; font-size: 1.0em; padding: 7px 0; margin: 20px 10%; width: 80%; background: #fff; display: block; text-decoration: none; }
.btnStyle1 a:before { content: "\e601"; font-family:"icon"; display: inline-block; vertical-align: middle; font-size: 10px; line-height: 1; padding-right: 5px; }
.btnStyle1 a:hover { color: #1a1a1a; }


/* .sectitlestyle1 */
.sectitlestyle1 { margin-bottom: 30px; }
.sectitlestyle1 img { height: 20px; }
@media screen and (max-width: 767px) {
	.sectitlestyle1 img { height: 18px; }
	.sectitlestyle1 { margin-bottom: 4%; }
}
@media screen and (max-width: 639px) {
	.sectitlestyle1 img.l2 { height: 35px; }
}
@media screen and (max-width: 479px) {
	.sectitlestyle1 img { height: 16px; }
	.sectitlestyle1 img.s2 { height: 35px; }
}
@media screen and (max-width: 400px) {
	.sectitlestyle1 img.p2 { height: 35px; }
}





@media screen and (max-width: 400px) {
	.figfit { max-width: 300px!important; clear: both; display: block; margin-left: auto; margin-right: auto; }
}



.moreread .btn a { text-decoration: none; color: #dc5310; }
.moreread .btn a:hover { text-decoration: underline; color: #e68758; }
.moreread .btn a:before { content: "\e601"; font-family:"icon"; display: inline-block; vertical-align: middle; font-size: 10px; line-height: 1; padding-right: 5px; }


.moredetail .btn { display: none; }
.moredetail .acdcnt { padding-bottom: 0!important; }
@media screen and (max-width: 639px) {
	.moredetail .btn { width: 70%; border: 1px solid #aaa; padding: 12px 0; -webkit-transition: 0.3s; -moz-transition : 0.3s; transition : 0.3s; background: #fff; text-align: center; cursor: pointer; line-height: 1; display: block;margin: 0 auto; }
	.moredetail .btn:before { content: "\e601"; font-family:"icon"; display: inline-block; vertical-align: middle; font-size: 10px; line-height: 1; padding-right: 5px; }
	.moredetail .acdcnt { display: none; }
}





.txtOrange{ color: #DB520F!important;}
.txtYgreen{ color: #9EBC19!important;}
.txtPurple{ color: #6A3769!important;}
.txtLblue { color: #2EB6AA!important;}
.txtPink  { color: #DB536B!important;}

.img-block>img.img {
	max-width: 10000px;
	transition: 0.8s;
	-moz-transform: scale(1.01,1.01);
	-webkit-transform: scale(1.01,1.01);
	-ms-transform: scale(1.01,1.01);
	transform: scale(1.01,1.01);
}
.img-block:hover>img.img {
	-moz-transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	opacity: 0.6;
}
@media screen and (max-width: 767px) {
	.img-block>img.img {
		transition: none;
		-moz-transform: scale(1,1);
		-webkit-transform: scale(1,1);
		-ms-transform: scale(1,1);
		transform: scale(1,1);
	}
	.img-block:hover>img.img {
		-moz-transform: none;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		filter: alpha(opacity=100);
		-ms-filter: "alpha(opacity=100)";
		opacity: 1;
	}
}

/* ---------------------------------------
commonSetteing.margin-padding
--------------------------------------- */
/* padding */
.pt0 { padding-top: 0px!important; }
.pt5 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt15 { padding-top: 15px!important; }
.pt20 { padding-top: 20px!important; }
.pt25 { padding-top: 25px!important; }
.pt30 { padding-top: 30px!important; }
.pt40 { padding-top: 40px!important; }
.pt50 { padding-top: 50px!important; }
.pt60 { padding-top: 60px!important; }
.pt70 { padding-top: 70px!important; }
.pt80 { padding-top: 80px!important; }
.pt90 { padding-top: 90px!important; }
.pt100 { padding-top: 100px!important; }
.pb0 { padding-bottom: 0px!important; }
.pb5 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb50 { padding-bottom: 50px!important; }
.pb60 { padding-bottom: 60px!important; }
.pb70 { padding-bottom: 70px!important; }
.pb80 { padding-bottom: 80px!important; }
.pb90 { padding-bottom: 90px!important; }
.pb100 { padding-bottom: 100px!important; }
.pl0 { padding-left: 0px!important; }
.pl5 { padding-left: 5px!important; }
.pl10 { padding-left: 10px!important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }
.pl25 { padding-left: 25px!important; }
.pl30 { padding-left: 30px!important; }
.pl40 { padding-left: 40px!important; }
.pl50 { padding-left: 50px!important; }
.pr0 { padding-right: 0px!important; }
.pr5 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
.pr25 { padding-right: 25px!important; }
.pr30 { padding-right: 30px!important; }
.pr40 { padding-right: 40px!important; }
.pr50 { padding-right: 50px!important; }
/* margin */
.mt0 { margin-top: 0px!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { 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; }
.mt90 { margin-top: 90px!important; }
.mt100 { margin-top: 100px!important; }
.mb0 { margin-bottom: 0px!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; }
.ml0 { margin-left: 0px!important; }
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }
.ml40 { margin-left: 40px!important; }
.ml50 { margin-left: 50px!important; }
.mr0 { margin-right: 0px!important; }
.mr5 { 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; }
.mr40 { margin-right: 40px!important; }
.mr50 { margin-right: 50px!important; }


/* ---------------------------------------
js.class
--------------------------------------- */
.btnfade { } .btnchange { } .innerfade { } .innerchange { } .change { } .imgChange { } .img { } .img1 { } .img2 { } .txt { } .txt1 { } .txt2 { } .icon { } .copy { } .nonelink { } .cap { } .title { } .sectitle { } .subtitle { } .cnttitle {  } .pagetitle {  } .insectitle {  } .cnttitle {  }