@charset "utf-8";
@font-face{
  font-family: SourceHanSansRegular;
  src: url('./fonts/SourceHanSans-Regular.otf');
}
@font-face{
  font-family: SourceHanSansBold;
  src: url('./fonts/SourceHanSans-Bold.otf');
}
img{max-width: 100%;}
a{text-decoration: none;}
body {
	font-family: SourceHanSansRegular,'Microsoft Yahei',Arial,Verdana,sans-serif;
}
.main1200{width:100%;max-width: 1200px;margin:0 auto;}
#container { padding-top: 90px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/*header*/
header { z-index: 99999; width: 100%; position: fixed; top: 0; background: #fff; border-bottom: 1px solid #f48133; }
.headInr { max-width:1200px; margin: 0 auto; padding: 0; transition: all 0.3s; }
.headInr .logo { padding: 35px 0 25px; float: left; }
.headInr .logo img { width: 100%; }
.headInr .logo .spShow { display: none; }
.headInr .gnav { float: right; }
.headInr .gnav li { display: inline-block; padding: 25px 15px; vertical-align: middle; }
.headInr .gnav li > a { display: block; position: relative; display: inline-block; padding: 5px 10px; vertical-align: middle; line-height: 30px; font-size: 14px; color: #4B4443; font-weight: bold; text-decoration: none; }
.headInr .gnav li.navB > a::before, .headInr .gnav li > a::after { border-bottom: 1px solid #f48133; bottom: 0; content: ""; display: block; position: absolute; transition: all .3s ease; -webkit-transition: all .3s ease; width: 0;}
.headInr .gnav li.navB > a::before { left: 50%; }
.headInr .gnav li.navB > a::after { right: 50%; }
.headInr .gnav li.navB > a:hover::before, .headInr .gnav li > a:hover::after { width: 50%; }
.headInr .gnav li.navB > span { cursor: pointer; position: relative; display: inline-block; padding: 5px 10px; line-height: 30px; font-size: 14px; color: #4B4443; font-weight: bold; text-decoration: none; }
.headInr .gnav li.navB > span::before, .headInr .gnav li > span::after { border-bottom: 1px solid #f48133; bottom: 0; content: ""; display: block; position: absolute; transition: all .3s ease; -webkit-transition: all .3s ease; width: 0;}
.headInr .gnav li.navB > span::before { left: 50%; }
.headInr .gnav li.navB > span::after { right: 50%; }
.headInr .gnav li.navB > span:hover::before, .headInr .gnav li > span:hover::after { width: 50%; }
.headInr .gnav li.contactBtn { padding: 25px 0 25px 10px; font-weight: bold; }
.headInr .gnav li.contactBtn a { padding: 5px 25px; background: #f48133; color: #fff; font-weight: bold; border-radius: 20px; transition-duration: 0.3s; }
.headInr .gnav li.contactBtn a:hover { background: #F0680D; font-weight: bold; }
.headInr .gnav li > .subnav { display: none; position: absolute; top: 90px; left: 0; z-index: 100; overflow: hidden; width: 100%; background: #fff9ee; border-bottom: 1px solid #f48133; padding: 20px 0; }
.headInr .gnav li > .subnav div { margin: 0 auto; width: 1200px; }
.headInr .gnav li > .subnav div a { display: block; width: 20%; float: left; padding: 5px 10px; text-decoration: none; transition: all 0.3s; }
.headInr .gnav li > .subnav div a dl dt { border: 1px solid #CCC7C6; background: #fff; width: 100%; text-align: center; }
.headInr .gnav li > .subnav div a dl dt img { width: 100%; }
.headInr .gnav li > .subnav div a dl dd { padding: 5px 0; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; }
.headInr .gnav li > .subnav div a dl { display: block; font-size: 14px; font-weight: bold; text-align: center; transition: all .3s ease; }
.headInr .gnav li > .subnav div a:hover { opacity: 0.8; }
.headInr .gnav li > .subnav div a:hover dl dd { color: #f48133; }
.headInr .gnav li.faqBtn { display: none; }
.headInr .gnav li.topicsBtn { display: none; }
.headInr .gnav li.privacyBtn { display: none; }
.headInr .gnav li.mapBtn { display: none; }
.headInr .menuBox { display: none; }
.is-animation .headInr .gnav li { padding: 15px 15px; transition: all 0.3s; }
.is-animation .headInr .logo { padding: 22px 0 12px; transition: all 0.3s; }
.is-animation .headInr .gnav li > .subnav { top: 70px; }
.is-animation .headInr .gnav li.contactBtn { padding: 15px 0 15px 10px; }
.headInr .gnav li.proBtn_language select{padding:5px 15px;}
.headInr .gnav li.proBtn_language select option{margin:5px auto;}
.headInr .gnav li.proBtn_language select option:hover{color:#fff;background-color: #F0680D;}
.breadcrumb { border-bottom: 1px solid #CCC7C6; }
.breadcrumb ul { width:1200px; margin: 0 auto; padding: 5px 0; line-height: 20px; }
.breadcrumb ul li { display: inline-block; }
.breadcrumb ul li span { display: inline-block; font-size: 12px; padding: 0 5px; vertical-align: middle; line-height: 20px; }
.breadcrumb ul li a span { color: #063190; text-decoration: underline; transition: all .3s ease; }
.breadcrumb ul li a span:hover { opacity: 0.8; }
/*404*/
.notfound .cont404 { max-width: 1000px; width: 100%; padding: 50px 10px; margin: 0 auto; }
.notfound .cont404 h2 { padding: 0 0 30px; }
.notfound .cont404 h2 img { max-width: 100%; }
.notfound .cont404 h3 { font-size: 20px; padding: 0 0 20px; }
.notfound .cont404 p { padding: 0 0 30px; }
/*top*/
.center-item li { width: 100%; max-width: 1200px; }
.center-item li a { display: block; width: 100%; }
.center-item li img { width: 100%; }
.multiple-item { margin: 0 auto; width: 100%; }
.multiple-item li { text-align: center; }
.multiple-item li img { max-width: 100%; margin: 0 auto; }
.slick-prev:before, .slick-next:before { color: #000; }
.slick-next{right:40px;z-index: 999;}
.slick-prev{left:40px;z-index: 999;}
/*.slick-next:hover{background: url(../images/arrow_right_hover.png) no-repeat;}
.slick-prev:hover{background: url(../images/arrow_left_hover.png) no-repeat;}*/
.top .attentionInfo { background: #FDE9DB; }
.top .attentionInfo .infoInr { max-width: 1200px; margin: 0 auto; }
.top .attentionInfo .infoInr a { display: block; padding: 10px; text-decoration: none; color: #F83F26; font-size: 16px; font-weight: bold; transition: all 0.3s ease; }
.top .attentionInfo .infoInr a i { font-size: 20px; }
.top .attentionInfo .infoInr a:hover { text-decoration: underline; }
.top .content00{width:100%;margin:0 auto;}
.q_about{width:100%;margin:0 auto;padding:65px 150px;}
.q_about:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_about_l{width:216px;height:312px;float:left;box-shadow: 0 0 30px #ddd;}
.q_about_r{width:calc(100% - 330px);float:right;}
.q_about_p{width:100%;margin:5px auto 0;padding: 0 0 0 25px;line-height: 2;font-size: 13px;color:#000;}
.q_about_p p{width:100%;margin:0 auto;line-height: 2;font-size: 13px;color:#000;text-align:justify;font-family: "黑体"}
.q_about_p p span{color:#c50505;}
/* q_number start! */
	.q_number{width:100%;margin:10px auto 0;padding:0;}
	.q_number_main{width:100%;margin:0 auto;padding:0;}
	.q_number_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.q_number_item{width:25%;float:left;padding:0 10px;text-align: center;transition: all .5s;}
	.q_number_item:hover{
		transform: translateX(10px);
		-webkit-transform: translateX(10px);
		-moz-transform: translateX(10px);
		-ms-transform: translateX(10px);
		-o-transform: translateX(10px);
	}
	.q_number_icon{width:100%;margin:0 auto 5px;text-align: center;}
	.q_number_top{font-size: 26px;line-height:30px;color:#c50505;font-weight: bold;}
	.q_number_top .timer{color:#c50505;font-weight: bold;}
	.q_number_top .sub{font-size: 14px;vertical-align: text-top;font-weight: normal;color:#000;}
	.q_number_top .sup{font-size: 12px;vertical-align: text-bottom;font-weight: normal;color:#000;}
	.q_number_txt{width:100%;margin:5px auto 0;padding:0;font-size: 13px;color:#000;line-height: 20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* q_number end! */


.top .content01{ background-color: #f9f9f9}
.top .content01.content0011{ background-color: #fff}
.top .content01 .pickup { width: 1200px; margin: 0 auto; padding: 60px 0 40px; }
.top .content01 .pickup h2 { text-align: center; padding: 0 0 40px; }
.top .content01 .pickup .slide { padding: 20px; text-align: center; transition: all .3s ease; }
.top .content01 .pickup .slide:hover { opacity: 0.8; }
.top .content01 .pickup img { max-width: 100%; margin: 0 auto; }
.q_product{width:100%;margin:0 auto 100px;padding:0 5%;}
.q_product:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_product_item{width:10%;float:left;margin:0 2.8% 0 0;box-shadow: 0 0 10px #ddd;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
.q_product_item:nth-of-type(8){margin:0 0 0 0;}
.q_product_item_img{width:100%;margin:0 auto;}
.q_product_item_img a{outline: none;display: block; width:100%;margin:0 auto;}
.q_product_item_img a img{width:100%;}
.q_product_item_txt{width:100%;margin:0 auto;padding:15px 20px;}
.q_product_item_txt h3{width:100%;margin:0 auto;}
.q_product_item_txt h3 a{display: block; outline: none;width:100%;margin:0 auto;line-height: 25px;height:25px;font-size: 13px;color:#111;text-decoration:none;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.q_product_item_txt .q_product_item_more{width:100%;margin:0 auto;}
.q_product_item_txt .q_product_item_more a{outline: none;font-size: 12px;color:#c50505;text-decoration:none;}
.q_product_item:hover{
	-moz-transform:scale(1.3,1.3);
	-ms-transform:scale(1.3,1.3);
	-o-transform:scale(1.3,1.3);
	-webkit-transform:scale(1.3,1.3);
	transform:scale(1.3,1.3);
}



.top .content02 { background:linear-gradient(90deg,#FBBFC0 0%,#FBBFC0 50%,#99D3C0 50%,#99D3C0 100%); }
.top .content02 .products { width: 1200px; margin: 0 auto; padding: 60px 0 40px; }
.top .content02 .products h2 { text-align: center; padding: 0; }
.top .content02 .products .productsInr { margin: 0 auto; }
.top .content02 .products .productsInr dl { float: left; width: 50%; padding: 0 40px; }
.top .content02 .products .productsInr dl dt h3 { float: left; width: calc(100% - 300px); padding: 70px 0; }
.top .content02 .products .productsInr dl dt h3 img { max-width: 100%; }
.top .content02 .products .productsInr dl dt .thumb { float: left; width: 300px; }
.top .content02 .products .productsInr dl dt .thumb img { max-width: 100%; }
.top .content02 .products .productsInr dl dd { background: #FFF9EE; padding: 30px 40px; }
.top .content02 .products .productsInr dl dd ul { border-top: 1px solid #4B4443; }
.top .content02 .products .productsInr dl dd ul li { border-bottom: 1px solid #CBC7C5; }
.top .content02 .products .productsInr dl dd ul li a { display: block; background: url(../images/arrow_right_s.png) no-repeat right 10px center; padding: 10px 0; font-size: 16px; color: #4B4443; text-decoration: none; }
.top .content02 .products .productsInr dl dd ul li a:before { content: '-'; padding: 0 10px; transition: all .3s ease; }
.top .content02 .products .productsInr dl dd ul li a:hover { background: #FCF3E2 url(../images/arrow_right_s.png) no-repeat right 10px center; }
.top .content02 .products .productsInr dl dd ul li a:hover:before { padding: 0 5px 0 10px; }
.top .content03 { background: #fff; }
.top .content03 .information { width: 1200px; margin: 0 auto; padding: 100px 0 70px; }
.top .content03 .information .infoInr {  margin: 0 auto; max-width: 1200px; width: 100%; letter-spacing: -.4em; background: #FFEFD2; }
.top .content03 .information .infoInr .item { display: inline-block; width: 33.3%; font-size: 14px; font-size: 1.4rem; letter-spacing: normal; vertical-align: top;  background: #FFEFD2; }
.top .content03 .information .infoInr .item a { display: block; position: relative; width: 100%; overflow: hidden; color: #4B4443; text-decoration: none; }
.top .content03 .information .infoInr .item a:hover .thumb img { -moz-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.top .content03 .information .infoInr .item .thumb { display: block; width: 50%; position: relative; overflow: hidden; }
.top .content03 .information .infoInr .item .thumb::after { position: absolute; top: 50%; display: block; width: 0; height: 0; border: 10px solid transparent; content: ""; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top .content03 .information .infoInr .item .thumb img { width: 100%; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.top .content03 .information .infoInr .item.columnR .thumb { float: right; }
.top .content03 .information .infoInr .item.columnR .thumb::after { left: 0; border-left: 10px solid #FFEFD2; }
.top .content03 .information .infoInr .item.columnR .txt-box { float: left; }
.top .content03 .information .infoInr .item.columnL .thumb { float: left; }
.top .content03 .information .infoInr .item.columnL .thumb::after { right: 0; border-right: 10px solid #FFEFD2; }
.top .content03 .information .infoInr .item.columnL .txt-box { float: right; }
.top .content03 .information .infoInr .txt-box { display: block; width: 50%; color: #fff; font-size: 14px; text-align: center; }
.top .content03 .information .infoInr .txt-box .inner { position: absolute; top: 0; width: 50%; height: 100%; }
.top .content03 .information .infoInr .txt-box dl { position: absolute; top: 50%; padding: 0 10px; width: 100%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top .content03 .information .infoInr .txt-box dt { position: relative; margin-bottom: 10px; padding-bottom: 10px; font-size: 16px; font-weight: bold; line-height: 1.2; }
.top .content03 .information .infoInr .txt-box dt::after { position: absolute; bottom: 0; left: 50%; width: 50px; height: 1px; background: #F48133; content: ""; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top .content03 .information .infoInr .txt-box dd { font-size: 14px; }
.top .content04 .topBnr { width: 1200px; margin: 0 auto; padding: 60px 0 40px; border-bottom: 1px solid #CCC7C6; }
.top .content04 .topBnr h2 { text-align: center; padding: 0 0 60px; }
.top .content04 .topBnr ul { width: 100%; margin: 0 auto; padding: 0; }
.top .content04 .topBnr ul li { margin: 0 0 20px; width: 25%; float: left; padding: 0 10px; vertical-align: top; }
.top .content04 .topBnr ul li a { display: block; transition-duration: 0.3s; }
.top .content04 .topBnr ul li a:hover { opacity: 0.8; }
.top .content04 .topBnr ul li a img { width: 100%; }
.top .content05 { background: #fff; }
.top .content05 .topics { width: 1200px; margin: 0 auto; padding: 30px 0 50px; }
.top .content05 .q_news_item>.topics {padding: 0 5%;}


.q_news_list{width:100%;margin:0 auto;padding:30px 0;background-color: #fbfbfb;}
.q_news_list .q_news_item{width:100%;margin:0 auto;padding:20px 0;}
/*.q_news_list .q_news_item:nth-of-type(1){background-color: #f0f0f0;}*/
.q_news_list .q_news_item .topics:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_news_list .q_news_item .q_news_item_img{width:212px;height:138px;float:left;}
.q_news_list .q_news_item .q_news_item_img a{outline: none;width:100%;height:100%;display: block;overflow: hidden;}
.q_news_list .q_news_item .q_news_item_img a img{width:100%;height:100%;}
.q_news_list .q_news_item .q_mews_item_date {width:90px;height:138px;float:right;text-align: right;padding:60px 0 0 ;color:#888;}
.q_news_list .q_news_item .q_mews_item_date .q_mews_item_date_small {width:100%;line-height: 20px;font-size: 14px;}
.q_news_list .q_news_item .q_mews_item_date .q_mews_item_date_big {width:100%;line-height: 30px;font-size: 18px;}
.q_news_list .q_news_item .q_news_item_txt {width:calc(100% - 360px);height:138px;float:left;margin-left: 50px;}
.q_news_list .q_news_item .q_news_item_txt h3{width:100%;margin:0 auto;padding:0;}
.q_news_list .q_news_item .q_news_item_txt h3 a{outline: none;display: block;width:100%;height:30px;line-height: 30px;font-size: 18px;font-weight: bold;color:#222;text-decoration:none;
	overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-family: "AdobeHeitiStd";
}
.q_news_list .q_news_item:hover .q_news_item_txt h3 a{color:#F0680D;}
.q_news_list .q_news_item .q_news_item_txt p{width:100%;margin:10px auto 0;line-height: 25px;height:100px;text-align: justify;font-size: 15px;color:#444;
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;
}
.q_news_list .q_news_item:hover{background-color: #f0f0f0;}
.q_news_more{width:100%;margin:0 auto; text-align: center;}
.q_news_more a{outline: none;display:inline-block;padding:6px 40px;border-radius:12px;border:2px solid #333;font-size: 15px;color:#333;text-decoration:none;line-height: 20px;}
.q_news_more a:hover{border:2px solid #F0680D;background-color: #F0680D;color:#fff;}

.top .content05 .topics h2{ text-align: center; }
.top .content05 .topics dl dt { float: left; width: 25%; background: #F48133; text-align: center; position: relative; }
.top .content05 .topics dl dt:before { content: ""; display: block; padding-top: 100%; }
.top .content05 .topics dl dt h2 { width: 100%; background-size: contain; position: absolute; top: 50%; left: 0; margin-top:-38px; }
.top .content05 .topics dl dd { float: left; width: 75%; background: #fff; text-align: left; padding: 25px 50px; min-height: 300px; }
.top .content05 .topics dl dd ul li { overflow: hidden; line-height: 30px; padding: 10px 0; }
.top .content05 .topics dl dd ul li a { display: block; color: #4B4443; line-height: 30px; font-size: 14px; font-weight: bold; text-decoration: none; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.top .content05 .topics dl dd ul li a:hover { text-decoration: underline; }
.top .content05 .topics dl dd ul li a .date { display: inline-block; color: #4B4443; line-height: 30px; font-size: 14px; font-weight: 500; margin-right: 50px; }
.top .content05 .topics .moreBtn { font-weight: bold; text-align: center;}
.top .content05 .topics .moreBtn a { font-weight: bold; display: inline-block; width: 300px; padding: 10px 25px; background: #F48133; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; line-height: 30px; border-radius: 25px; transition: all .3s ease; }
.top .content05 .topics .moreBtn a:hover { font-weight: bold; background: #F0680D; }
.commonBnr { background: #FDE9DB; }
.bnrArea ul { width: 1200px; margin: 0 auto; padding: 60px 0; }
.bnrArea ul li { margin: 0 10px; }
.bnrArea ul li a { display: block; transition-duration: 0.3s; }
.bnrArea ul li a:hover { opacity: 0.8; }
.bnrArea ul li a img { width: 100%; }
/*products*/
.products.guantou .mainCatch { padding: 85px; text-align: center; background: #f94d40 url(../images/catch_products_guantou.png); background-size: contain; background-position: center bottom; background-repeat: no-repeat; }
.products.catfood .mainCatch { padding: 85px; text-align: center; background: #FBBFC0 url(../images/catch_products_cat.png); background-size: contain; background-position: center bottom; background-repeat: no-repeat; }
.products.dogfood .mainCatch { padding: 85px; text-align: center; background: #99d3c0 url(../images/catch_products_dog.png); background-size: contain; background-position: center bottom; background-repeat: no-repeat; }
.products .selectTit { background: #FFF9EE; }
.products .selectTit h3 { width: 1200px; margin: 0 auto; padding: 10px; font-weight: 500; font-size: 14px; }
.products .searchArea h2 { font-size: 30px; text-align: center; font-weight: bold; padding: 0 0 30px;font-family: "微软雅黑"; }
.products .searchArea { background: #FFF9EE; }
.products .searchArea .contInr { padding: 0 0 30px; }
.products .searchArea .searchInr { width: 1200px; margin: 0 auto; padding: 40px 0; }
.products .searchArea .searchInr h3 { font-size: 20px; line-height: 1.5; text-align: left; font-weight: bold; padding: 5px 10px; color: #4B4443; border-left: 5px solid #F48133; margin: 0 auto 10px; }
.products .searchArea .searchInr .freeword { width: 50%; float: left; padding: 0 20px 0 0; }
.products .searchArea .searchInr .freeword #form1 { position: relative; height: 40px; }
.products .searchArea .searchInr .freeword #sbox1 { outline: 0; height: 40px; padding: 0 10px 0 40px; position: absolute; z-index: 55555; left: 0; top: 0; width: 80%; background: #fff; border: 1px solid #CCC7C6; }
.products .searchArea .searchInr .freeword #sbtn1 { width: 20%; height: 40px; position: absolute; left: 80%; top: 0; background: #F48133; color: #fff; font-weight: bold; font-size: 14px; border: none; }
.products .searchArea .searchInr .freeword #sbtn1:hover { background: #F0680D; cursor: pointer; }
.products .searchArea .searchInr .freeword i { color: #F48133; font-size: 20px; line-height: 20px; top: 10px; left: 10px; position: absolute; z-index: 66666; }
.products .searchArea .searchInr .btnPro { width: 50%; float: left; }
.products .searchArea .searchInr .btnPro br { display: none; }
.products .searchArea .searchInr .btnPro .btnMore { width: 50%; float: left; padding: 0 0 0 10px; }
.products .searchArea .searchInr .btnPro .btnMore a { display: block; background: #F48133; color: #fff; font-size: 16px; text-decoration: none; font-weight: bold; text-align: center; line-height: 20px; padding: 35px 10px; transition: all .3s ease; }
.products .searchArea .searchInr .btnPro .btnMore a:hover { background: #F0680D; }
.products .searchArea .searchInr .btnPro .btnDogfood { width: 50%; float: left; padding: 0 0 0 10px; }
.products .searchArea .searchInr .btnPro .btnDogfood a { display: block;font-family: "微软雅黑"; background-color: #99D3C0; background-image: url(../images/thumb_dog.png); background-size: 120px 80px; background-position: right bottom; background-repeat: no-repeat; color: #fff; font-size: 16px; text-decoration: none; font-weight: bold; text-align: left; line-height: 20px; padding: 35px 10px; transition: all .3s ease; }
.products .searchArea .searchInr .btnPro .btnDogfood a:hover { background-color: #8CCCB8; }
.products .searchArea .searchInr .btnPro .btnCatfood { width: 50%; float: left; padding: 0 0 0 10px; }
.products .searchArea .searchInr .btnPro .btnCatfood a { display: block; background-color: #FBBFC0; background-image: url(../images/thumb_cat.png); background-size: 120px 80px; background-position: right bottom; background-repeat: no-repeat; color: #fff; font-size: 16px; text-decoration: none; font-weight: bold; text-align: left; line-height: 20px; padding: 35px 10px; transition: all .3s ease; }
.products .searchArea .searchInr .btnPro .btnCatfood a:hover { background-color: #FAB1B4; }
.products.catfood .searchArea .searchInr .category a { display: block; text-decoration: none; float: left; width: 32%; margin: 0 2% 10px 0; }
.products.catfood .searchArea .searchInr .category a:nth-child(3n) { margin: 0 0 10px 0; }
.products.catfood .searchArea .searchInr .category a dl dt { position: relative; border: 1px solid #CCC7C6; background: #fff; padding: 0; }
.products.catfood .searchArea .searchInr .category a dl dt span { display: block; text-align: center; }
.products.catfood .searchArea .searchInr .category a dl dd { font-size: 16px; font-weight: bold; text-align: center; padding: 10px 0; color: #4B4443; }
.products.catfood .searchArea .searchInr .category a:hover dl dd { color: #F48133; }
.products.dogfood .searchArea .searchInr .category a { display: block; text-decoration: none; float: left; width: 32%; margin: 0 2% 10px; }
.products.dogfood .searchArea .searchInr .category a:nth-child(3n) { margin: 0 0 10px 0; }
.products.dogfood .searchArea .searchInr .category a dl dt { position: relative; border: 1px solid #CCC7C6; background: #fff; padding: 0; }
.products.dogfood .searchArea .searchInr .category a dl dt span { display: block; text-align: center; }
.products.dogfood .searchArea .searchInr .category a dl dd { font-size: 16px; font-weight: bold; text-align: center; padding: 10px 0; color: #4B4443; }
.products.dogfood .searchArea .searchInr .category a:hover dl dd { color: #F48133; }
.products .searchArea .searchInr .series ul { border: 1px solid #CCC7C6; background: #fff; padding: 10px; }
.products .searchArea .searchInr .series li { text-decoration: none; float: left; width: 32%; margin: 0 2% 10px 0; position: relative; padding: 0; }
.products .searchArea .searchInr .series li:nth-child(3n) { margin: 0 0 10px 0; }
.products .searchArea .searchInr .series li a { display: block; text-decoration: none; border-bottom: 1px dotted #CCC7C6; text-align: left; font-size: 16px; color: #4B4443; padding: 5px 10px; transition: all .3s ease; }
.products .searchArea .searchInr .series li a:before { content: '-'; padding: 0 10px 0 0; }
.products .searchArea .searchInr .series li a:hover { color: #F48133; border-bottom: 1px solid #F48133; }
.products .listArea { padding: 0; }
.products .listArea h2 { width: 1200px; font-size: 30px; margin: 0 auto; text-align: center; font-weight: bold; line-height: 1.5; vertical-align: middle; padding: 10px; border-bottom: 2px solid #f48133; }
.products .listArea h2 span { display: inline-block; font-size: 30px; font-weight: bold; line-height: 1.5; vertical-align: middle; color: #f48133; }
.products .listArea .listInr { margin: 0 auto; padding: 60px 0; background: #FFF;}
.products .listArea .listInr:nth-child(2n) { background: #FFF9EE; }
.products .listArea .listInr p { padding: 0 0 30px; }
.products .listArea .listInr .inrBox { width: 1200px; padding: 20px 0; margin: 0 auto; text-align: center; }
.products .listArea .listInr .itemBox { display: block; text-decoration: none; float: left; width: 20%; padding: 20px; position: relative; }
.products .listArea .listInr .itemBox .newItem { position: absolute; top: 10px; left: 10px; z-index: 8888; padding: 0; background: #f48133; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; color: #fff; font-size: 12px; font-weight: bold; }
.products .listArea .listInr .itemBox .finishItem { position: absolute; top: 10px; left: 10px; z-index: 8888; padding: 0; background: #CCC7C6; text-align: center; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 12px; font-weight: bold; }
.products .listArea .listInr .itemBox dl { vertical-align: middle; display: block; text-align: center; color: #1F1413; }
.products .listArea .listInr .itemBox dl dt { border: 1px solid #fff; background: #fff; display: inline-block; position: relative; text-align: center; padding: 20px; width: 100%; }
.products .listArea .listInr .itemBox dl dt img { max-width: 100%; }
.products .listArea .listInr .itemBox dl dd { text-align: center; padding: 10px 0; font-size: 14px; line-height: 1.2; vertical-align: middle; font-weight: bold; text-decoration: none; color: #1F1413; }
.products .listArea .listInr .itemBox dl dd span { color: #F48133; font-weight: bold; }
.products .moreBtn { text-align: center; font-weight: bold; }
.products .moreBtn a { display: inline-block; width: 300px; padding: 10px 25px; background: #f48133; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; line-height: 30px; border-radius: 25px; transition: all .3s ease; }
.products .moreBtn a:hover { background: #F0680D; }
.backBtn { text-align: center; font-weight: bold; }
.backBtn a { font-weight: bold; display: inline-block; width: 300px; padding: 10px 25px; background: #CCC7C6; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; line-height: 30px; border-radius: 25px; transition: all .3s ease; }
.backBtn a:hover { font-weight: bold; background: #C5BEBC; }
.borderBox::after, .borderBox::before, .borderInr::after, .borderInr::before { background-color: #F48133; content: ''; display: block; position: absolute; z-index: 10; transition: all .3s ease; -webkit-transition: all .3s ease; }
.borderBox::after { height: 1px; left: -1px; top: -1px; width: 0px; }
.borderBox::before { bottom: -1px; height: 1px; right: -1px; width: 0px; }
.borderInr { display: block; }
.borderInr::after { bottom: -1px; height: 0px; left: -1px; width: 1px; }
.borderInr::before { height: 0px; right: -1px; top: -1px; width: 1px; }
.borderBox:hover::after, .borderBox:hover::before { width: 100%; width: calc(100% + 1px); }
.borderBox:hover .borderInr::after, .borderBox:hover .borderInr::before { height: 100%; height: calc(100% + 1px); }
.products .keywordBox { max-width: 1200px; margin: 20px auto 0; padding: 20px; background: #FFF9EE; }
.products .detailCont { width: 1200px; margin: 0 auto; padding: 60px 0; }
.products .detailCont .mainArea { width: 820px; float: left; margin: 0 50px 0 0; }
.products .detailCont .mainArea .mainInr { padding: 0 0 30px; }
.products .detailCont .mainArea .mainInr .leftCont { float: left; width: 400px; text-align: center; }
.products .detailCont .mainArea .mainInr .leftCont .slick-list { border: 1px solid #CCC7C6; }
.products .detailCont .mainArea .mainInr .leftCont .slick-slide img { width: 100%; margin: 0 auto; }
.products .detailCont .mainArea .mainInr .rightCont { width: 400px; float: right; text-align: left; padding: 30px 0; }
.products .detailCont .mainArea .mainInr .rightCont h2 { text-align: left; padding: 0 0 30px; font-size: 24px; line-height: 1.2; font-weight: bold; color: #4B4443; }
.products .detailCont .mainArea .mainInr .rightCont h2 span { text-align: left; font-size: 20px; line-height: 1.2; font-weight: bold; color: #F27F33; }
.products .detailCont .mainArea .mainInr .rightCont p { text-align: left; padding: 0 0 30px; font-size: 16px; }
.products .detailCont .mainArea .mainInr .rightCont ul li { float: left; text-align: center; vertical-align: middle; color: #073190; font-size: 14px; line-height: 30px; width: 49%; margin: 0 2% 5px 0; }
.products .detailCont .mainArea .mainInr .rightCont ul li:nth-child(2n) { margin: 0 0 5px 0; }
.products .detailCont .mainArea .mainInr .rightCont ul li.area { background: #FEE4F3; }
.products .detailCont .mainArea .mainInr .rightCont ul li.category { background: #D2F0FF; }
.products .detailCont .mainArea .mainInr .rightCont ul li.type { background: #FBFEC7; }
.products .detailCont .mainArea .mainInr .rightCont ul li.tea { background: #EEFDDE; }
.products .detailCont .mainArea .mainInr .rightCont ul li a { color: #073190; text-decoration: none; }
.products .detailCont .mainArea h3 { font-size: 18px; text-align: left; padding: 10px; border-bottom: 2px solid #F48133; }
.products .detailCont .mainArea .detailTable { padding: 0 0 30px; }
.products .detailCont .mainArea .detailTable>.clear {padding:30px 0 20px; }
.products .detailCont .mainArea .detailTable table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.products .detailCont .mainArea .detailTable table tr { background: #FFF9EE; }
.products .detailCont .mainArea .detailTable table tr:nth-child(2n) { background: #FCFBFA; }
.products .detailCont .mainArea .detailTable table tr th { border: none; width: 25%; text-align: left; padding: 10px; font-size: 14px; font-weight: bold; }
.products .detailCont .mainArea .detailTable table tr th span { display: block; font-size: 10px; font-weight: bold; color: #F27F33; }
.products .detailCont .mainArea .detailTable table tr td { border: none; width: 75%; text-align: left; padding: 10px; font-size: 14px; }
.products .detailCont .mainArea .inrBox { width: 100%; padding: 0; margin: 0 auto; }
.products .detailCont .mainArea .itemBox { display: block; text-decoration: none; float: left; width: 25%; padding: 20px; position: relative; }
.products .detailCont .mainArea .itemBox .newItem { position: absolute; top: 10px; left: 10px; z-index: 8888; padding: 0; background: #f48133; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; color: #fff; font-size: 12px; font-weight: bold; }
.products .detailCont .mainArea .itemBox .finishItem { position: absolute; top: 10px; left: 10px; z-index: 8888; padding: 0; background: #CCC7C6; text-align: center; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 12px; font-weight: bold; }
.products .detailCont .mainArea .itemBox dl { vertical-align: middle; display: block; text-align: center; color: #1F1413; }
.products .detailCont .mainArea .itemBox dl dt { border: 1px solid #fff; background: #fff; display: inline-block; position: relative; text-align: center; padding: 10px; width: 100%; }
.products .detailCont .mainArea .itemBox dl dt span { display: block; width: 100%; }
.products .detailCont .mainArea .itemBox dl dt img { width: 100%; }
.products .detailCont .mainArea .itemBox dl dd { text-align: center; padding: 10px 0; font-size: 14px; line-height: 1.2; vertical-align: middle; font-weight: bold; text-decoration: none; color: #1F1413; }
.products .detailCont .mainArea .itemBox dl dd span { color: #F48133; font-weight: bold; }
.products .detailCont .sideCont { width: 320px; float: left; margin: 0; }
.products .detailCont .sideCont dl { border: 1px solid #CCC7C6; padding: 0 10px 10px 10px; margin-bottom: 20px; }
.products .detailCont .sideCont dl dt { font-size: 18px; font-weight: bold; border-bottom: 2px solid #f48133; padding: 10px; }
.products .detailCont .sideCont dl dd a { background: url(../images/icon_arrow.png) no-repeat 10px center; vertical-align: middle; border-bottom: 1px dotted #CCC7C6; display: block; padding: 10px 10px 10px 30px; color: #1F1313; font-size: 14px; text-decoration: none; line-height: 20px; transition: all .3s ease; }
.products .detailCont .sideCont dl dd a:hover { padding: 10px 7px 10px 33px; }
.products .flavorBtn { text-align: center; font-weight: bold; }
.products .flavorBtn a { display: inline-block; width: 300px; padding: 10px 25px; background: #CCC7C6; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; line-height: 30px; border-radius: 25px; transition: all .3s ease; }
.products .flavorBtn a:hover { background:#C5BEBC; }
.pagenation p { text-align: center; font-size: 14px; line-height: 24px; }
.pagenation p strong { display: inline-block; color: #f48133; font-size: 18px; line-height: 24px; font-weight: bold; padding: 0 5px; }
.pagenation ul { text-align: center; padding: 10px 0 60px; }
.pagenation ul li { display: inline-block; width: 30px; line-height: 30px; vertical-align: middle; color: #fff; background: #CCC7C6; }
.pagenation ul li a { display: block; background: #CCC7C6; font-size: 16px; color: #fff; line-height: 30px; vertical-align: middle; text-decoration: none; font-weight: bold; transition: all .3s ease; }
.pagenation ul li a:hover { background: #f48133; }
.pagenation ul li a i { font-size: 12px; }
.pagenation ul li em { display: block; background: #f48133; color: #fff; line-height: 30px; vertical-align: middle; font-weight: bold; }
#search_wrap { text-align:left; }
#contents #search_wrap h2{ font-size:120%; font-weight:900; margin:20px 0 0 0; }
#search_wrap h3{ margin:0 20px; font-weight:900; }
#search_wrap table { margin:10px 0; width:100%; border-collapse:collapse; }
#search_wrap table tr th{ font-weight:700; line-height: 36px; vertical-align:middle; padding:20px; border:1px solid #ccc; background-color:#FDE9DB; color:#1F1514; white-space:nowrap; }
#search_wrap table tr td { padding:10px; border:1px solid #ccc; background: #fff; }
#search_wrap table tr td label { display:block; float:left; width:33%; height: 36px; line-height: 36px; padding:0; vertical-align: middle; overflow: hidden; }
#search_wrap table tr td label:hover{ /* IEは無視 */ background-color: #fbf9f7; }
#search_wrap table tr td label .checkbox-input { display: none; }
#search_wrap table tr td label .checkbox-parts { display: block; line-height: 36px; font-size: 16px; padding: 0 0 0 30px; position:relative; margin-right: 20px; }
#search_wrap table tr td label .checkbox-parts::before{ content: ""; display: block; position: absolute; top: 7px; left: 5px; width: 20px; height: 20px; border: 1px solid #CCC7C6; background: #fff; border-radius: 0; }
#search_wrap table tr td label .checkbox-input:checked + .checkbox-parts{ color: #f48133; font-weight: bold; }
#search_wrap table tr td label .checkbox-input:checked + .checkbox-parts::after{ content: ""; display: block; position: absolute; top: 10px; left: 12px; width: 5px; height: 10px; transform: rotate(40deg); border-bottom: 3px solid #f48133; border-right: 3px solid #f48133; }
#search_wrap table tr td label.search_noselect { font-weight:900; }
.detailsearchBtnCat { text-align:center; margin: 30px 0 30px 0; }
.detailsearchBtnDog { text-align:center; margin: 30px 0 30px 0; }
.detailsearchBtnCat a { display:inline-block; text-decoration: none; width: 300px; background: #f48133; color: #fff; font-weight: bold; line-height: 30px; font-size: 16px; padding: 10px 25px; border-radius: 25px; transition: all .3s ease; }
.detailsearchBtnDog a { display:inline-block; text-decoration: none; width: 300px; background: #f48133; color: #fff; font-weight: bold; line-height: 30px; font-size: 16px; padding: 10px 25px; border-radius: 25px; transition: all .3s ease; }
.detailsearchBtnCat a:hover { opacity:0.8; filter: alpha(opacity=80); }
.detailsearchBtnDog a:hover { opacity:0.8; filter: alpha(opacity=80); }
#search_wrap table tr td.three label{ display:block; float:left; width:33%; height: 36px; line-height: 36px; padding:0; vertical-align: middle; overflow: hidden; }
.check_active{ font-weight:bold; color:#00F; }
/*topics*/
.topics .mainCatch { padding: 85px; text-align: center; background: url(../images/catch_topics.png); background-size: cover; background-position: center center; }
.topics .contInr { width: 1000px; margin: 0 auto; padding: 60px 0; }
.topics .contInr dl { width: 100%; overflow: hidden; line-height: 30px; border-bottom: 1px solid #CCC7C6; padding: 10px 0; transition-duration: 0.3s; }
.topics .contInr dl:first-child { border-top: 1px solid #CCC7C6; }
.topics .contInr dl:hover { background: #FFF5F0; cursor: pointer; }
.topics .contInr dl dt { float: left; width: 20%; padding: 10px 30px; color: #4B4443; text-align: center; line-height: 25px; font-size: 14px; }
.topics .contInr dl dd { float: left; width: 80%; line-height: 25px; font-size: 14px; }
.topics .contInr dl dd a { width: 100%; padding: 10px; color: #f48133; text-align: left; display: block; line-height: 25px; font-size: 14px; text-decoration: none; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.topics .contInr dl:hover dd a { text-decoration: underline; }
.topics .pagenation p strong { color: #f48133; }
.topics .pagenation ul li { color: #afadaa; background: #e6e4e0; }
.topics .pagenation ul li a { background: #CCC7C6; }
.topics .pagenation ul li a:hover { background: #f48133; }
.topics .pagenation ul li em { background: #f48133; }
.topics .detailCont { width: 1000px; margin: 0 auto; padding: 60px 0; }
.topics .detailCont .detailInr { padding: 0 0 40px; }
.topics .detailCont .detailInr .date { font-size: 14px; padding: 0 0 10px; color: #f48133; font-weight: bold; }
.topics .detailCont .detailInr h2 { text-align: left; padding: 0 0 10px; font-size: 24px; line-height: 40px; border-bottom: 2px solid #f48133; }
.topics .detailCont .detailInr .catchImg { text-align: left; padding: 20px 0 0; }
.topics .detailCont .detailInr .catchImg img { max-width: 100%; }
.topics .detailCont .detailInr p { font-size: 16px; line-height: 1.75; padding: 3px 0; }
.topics table { padding: 0; margin: 0 0 30px 0; width: auto; border-collapse: collapse; }
.topics table tr th { padding: 10px; text-align: center; border: 1px solid #CCC7C6; background: #FCFBFA; white-space:nowrap;}
.topics table tr td { padding: 10px; text-align: left; border: 1px solid #CCC7C6; vertical-align:middle;}
.topics .tC { text-align: center; }
.topics .tR { text-align: right; }
.topics .tL { text-align: left; }
/*企業情報*/
.company .mainCatch { padding: 85px; text-align: center; background: url(../images/catch_company.png); background-size: cover; background-position: center center; }
.company h2 { font-size: 30px; text-align: center;font-family: "微软雅黑";letter-spacing: 1px; }
.company .greeting { width: 1000px; padding: 100px 0; margin: 0 auto; }
.company .greeting .contInr { padding: 100px 30px; margin: 0 auto; }
.company .greeting .contInr h3 { font-size: 20px; line-height: 1.75; text-align: left; padding: 0 0 20px; }
.company .greeting .contInr p { font-size: 16px; line-height: 1.75; text-align: left; padding: 0 0 20px; }
.company .greeting .contInr .sign { text-align: right; }
.company .banner a { float: left; display: block; width: 23%; margin: 0 1%; transition: all 0.3s ease; }
.company .banner a:hover { opacity: 0.8; }
.company .banner a dl { position: relative; }
.company .banner a dl dt img { max-width: 100%; }
.company .banner a dl dd { display: block; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-weight: bold; text-align: center; }
.company .about { width: 100%; padding: 100px 0; margin: 0 auto; }
.company .about .contInr { padding: 60px 0 0; margin: 0 auto; }
.company .about table { width: 100%; border-collapse: collapse; border-spacing: 0; }
.company .about table tr { border-top: 1px solid #CCC7C6; }
.company .about table tr:last-child { border-bottom: 1px solid #CCC7C6; }
.company .about table th { width: 25%; padding: 15px 20px; text-align: left; font-size: 14px; vertical-align: middle; background: #FFF5F0; font-weight: bold; border-left: 1px solid #CCC7C6; }
.company .about table th span { display: inline-block; font-size: 14px; font-weight: bold; }
.company .about table td { width: 75%; padding: 15px 20px; text-align: left; font-size: 14px; border-right: 1px solid #CCC7C6; }
.company .about table td .map { float: left; width: 50%; }
.company .about table td dl.fBox { float: left; width: 50%; padding: 0 0 0 10px; }
.company .about table td dl { padding: 0 0 10px; }
.company .about table td dl dt { font-weight: bold; }
.company .about table td dl dt span { display: inline-block; padding: 0 0 0 10px; color: #F83F26; }
.company .about table td dl dt span i { display: inline-block; padding: 0 5px 0 0; color: #F83F26; }
.company .about table td a { display: inline-block; text-decoration: none; padding: 0 2px; color: #063190; transition: all 0.3s ease; }
.company .about table td a:hover { opacity: 0.8; }
.company .about table td dl.fBox dd i { display: inline; color: #063190; color: #063190; }
.company .works { padding: 100px 0; margin: 0 auto; }
.company .works .foods .contInr { width: 1000px; padding: 50px 0; margin: 0 auto; text-align: left; }
.company .works .foods .leftCont { float: left; width: 50%; padding: 50px 0; }
.company .works .foods .rightCont { float: right; width: 50%; text-align: center; }
.company .works .petfood { background: #FFF5F0; }
.company .works .petfood .contInr { width: 1000px; padding: 50px 0; margin: 0 auto; text-align: left; }
.company .works .petfood .leftCont { float: right; width: 50%; padding: 50px 0; }
.company .works .petfood .rightCont { float: left; width: 50%; text-align: center; }
.company .works .delica .contInr { width: 1000px; padding: 50px 0; margin: 0 auto; text-align: left; }
.company .works .delica .leftCont { float: left; width: 50%; padding: 50px 0; }
.company .works .delica .rightCont { float: right; width: 50%; text-align: center; }
.company .works h3 { font-size: 30px; padding: 0 0 50px; }
.company .works p { font-size: 16px; line-height: 1.5; padding: 0 0 50px; }
.company .works .linkBtn a { display: inline-block; padding: 10px 60px; font-size: 16px; color: #063190; font-weight: bold; text-decoration: none; line-height: 1.5; border-radius: 30px; border: 1px solid #f48133; background: #fff; transition: all 0.3s ease; }
.company .works .linkBtn a:hover { color: #fff; background: #f48133; }
.company .works .recruit { background: url(../images/bg_recruit.png); background-size: cover; background-position: center center; }
.company .works .recruit .contInr { width: 1000px; padding: 100px 0; margin: 0 auto; text-align: center; }
.company .works .recruit .contInr .linkBtn a { display: inline-block; padding: 20px 150px; line-height: 1; border-radius: 45px; border: 2px solid #0097E0; background: #fff; }
.company .works .recruit .contInr .linkBtn a:hover { opacity: 0.8; }
.company .works .banner{ width: 1000px; padding: 100px 0 0; margin: 0 auto; }
/*イージーオープン缶の正しい開け方*/
.eo .mainCatch { padding: 85px; text-align: center; background: url(../images/catch_eo.png); background-size: cover; background-position: center center; }
.eo h2 { text-align: left; padding: 5px 10px; margin: 0 auto 10px; font-size: 24px; font-weight: bold;  line-height: 1.5; color: #F48133; border-left: 5px solid #F48133; }
.eo .contInrL p { font-size: 16px; line-height: 1.5; text-align: left; }
.eo .cont01 { width: 1000px; padding: 50px 0; margin: 0 auto; border-bottom: 1px solid #CCC7C6; }
.eo .cont01 .contInrL { float: left; width: 340px; margin: 0 30px 0 0; }
.eo .cont01 .imgArea { float: left; width: 300px; margin: 0 30px 0 0; }
.eo .cont01 .imgArea img { max-width: 100%; border: 1px solid #CCC7C6; }
.eo .cont01 .attention { float: left; width: 300px; background: #FFF5F0; padding: 20px; }
.eo .cont01 .attention dt { color: #FA3F28; font-weight: bold; padding: 0 0 10px; font-size: 20px; }
.eo .cont01 .attention .contTit { padding: 0 0 10px; font-size: 14px; }
.eo .cont01 .attention .contDisc { padding: 0 0 10px; text-align: center; }
.eo .cont01 .attention .contDisc img { max-width: 100%; }
.eo .cont02 { width: 1000px; padding: 50px 0; margin: 0 auto; border-bottom: 1px solid #CCC7C6; }
.eo .cont02 .contInrL { float: left; width: 340px; margin: 0 30px 0 0; }
.eo .cont02 .imgArea { float: left; width: 300px; margin: 0 30px 0 0; }
.eo .cont02 .imgArea img { max-width: 100%; border: 1px solid #CCC7C6; }
.eo .cont03 { width: 1000px; padding: 50px 0; margin: 0 auto; }
.eo .cont03 .contInrL { float: left; width: 340px; margin: 0 30px 0 0; }
.eo .cont03 .contInrR { float: right; width: 630px; }
.eo .cont03 .contInrR .imgArea01 { float: left; width: 300px; margin: 0 30px 0 0; }
.eo .cont03 .contInrR .imgArea01 img { max-width: 100%; border: 1px solid #D5D2CC; }
.eo .cont03 .contInrR .imgArea02 { float: left; width: 300px; margin: 0; }
.eo .cont03 .contInrR .imgArea02 img { max-width: 100%; border: 1px solid #D5D2CC; }
.eo .cont03 .attention { background: #FFF5F0; padding: 20px; margin-top: 50px; }
.eo .cont03 .attention dl { float: left; width: 490px; margin: 0 30px 0 0; }
.eo .cont03 .attention dt { color: #FA3F28; font-weight: bold; padding: 0 0 10px; font-size: 20px; }
.eo .cont03 .attention dd.contTit { padding: 0 0 10px; font-size: 14px; }
.eo .cont03 .attention .contDisc { float: left; width: 440px; padding: 0 0 10px; text-align: center; }
.eo .cont03 .attention .contDisc li { float: left; width: 220px; padding: 0; }
.eo .cont03 .attention .contDisc img { max-width: 100%; }
.eo .cont04 { width: 1000px; padding: 0; margin: 0 auto; }
.eo .cont04 .attention { background: #FFF5F0; padding: 20px; margin-bottom: 50px; }
.eo .cont04 .attention dl { float: left; width: 710px; margin: 0 30px 0 0; }
.eo .cont04 .attention dt { color: #FA3F28; font-weight: bold; padding: 0 0 10px; font-size: 20px; }
.eo .cont04 .attention dd.contTit { padding: 0 0 10px; font-size: 14px; }
.eo .cont04 .attention .contDisc { float: left; width: 220px; padding: 0 0 10px; text-align: center; }
.eo .cont04 .attention .contDisc li { float: left; width: 220px; padding: 0; }
.eo .cont04 .attention .contDisc img { max-width: 100%; }
/*よくあるご質問*/
.faq .mainCatch { padding: 85px; text-align: center; background: url(../images/catch_contact.png); background-size: cover; background-position: center center; }
.faq .contInr { width: 1000px; padding: 60px 0; margin: 0 auto; }
.faq .contInr h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.faq .contInr p { font-size: 16px; line-height: 1.5; text-align: center; padding: 0 0 30px; }
.faq .contInr .cont01 { padding: 10px 0; }
.faq .contInr .cont02 { padding: 10px 0; }
.faq .contInr .cont03 { padding: 10px 0; }
.faq .contInr .question { position: relative; padding: 10px 0; border-bottom: 1px dotted #CCC7C6; }
.faq .contInr .question dt { position: absolute; top: 10px; left: 0; padding: 0; background: #073190; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 20px; color: #fff; }
.faq .contInr .question dd { padding: 10px 0 10px 50px; color: #073190; font-size: 16px; font-weight: bold; line-height: 20px; }
.faq .contInr .answer { position: relative; padding: 10px 0; }
.faq .contInr .answer dt { position: absolute; top: 10px; left: 0; padding: 0; background: #f48133; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 20px; color: #fff; }
.faq .contInr .answer dd { padding: 10px 0 10px 50px; font-size: 16px; font-weight: bold; line-height: 20px; }
.faq .contInr .answer dd a { color: #0095e0; }
.faq .contInr .answer .case { padding: 10px 0 10px 50px; }
.faq .contInr .cont01 .answer .caseImg { padding: 10px 0 10px 50px; }
.faq .contInr .cont01 .answer .caseImg img { max-width: 100%; }
.faq .contInr .cont01 .answer .case h3 { font-size: 16px; font-weight: bold; text-align: left; }
.faq .contInr .cont01 .answer .case p { font-size: 16px; text-align: left; padding: 0; }
.faq .contInr .cont02 .answer .case table th { font-size: 16px; font-weight: bold; text-align: left; }
.faq .contInr .cont02 .answer .case table td { font-size: 16px; font-weight: bold; text-align: left; padding: 0 0 0 30px; }
/*プライバシーポリシー*/
.privacy .mainCatch { padding: 85px; text-align: center; background: url(../images/catch_contact.png); background-size: cover; background-position: center center; }
.privacy .contInr { width: 1000px; padding: 60px 0; margin: 0 auto; }
.privacy .contInr h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.privacy .contInr p { font-size: 16px; line-height: 1.5; text-align: center; padding: 0 0 30px; }
.privacy .contInr dl { padding:  20px 0; }
.privacy .contInr dl dt { border-bottom: 2px solid #073190; color: #073190; margin: 0 auto 20px; padding: 0 0 10px; font-size: 16px; font-weight: bold; }
.privacy .contInr dl dd { padding: 0 0 10px; font-size: 16px; line-height: 1.75; }
.privacy .contInr dl dd ul li:before { content: '・'; }
.privacy .contInr dl dd a { color: #0095e0; }
.privacy .contInr table th { text-align: left; padding: 5px 10px; font-weight: bold; color: #073190; }
.privacy .contInr table td { text-align: left; padding: 5px 10px; }
/*サイトマップ*/
.sitemap .mainCatch { padding: 85px; text-align: center; background: url(../images/catch_contact.png); background-size: cover; background-position: center center; }
.sitemap .contInr { width: 1000px; padding: 60px 0; margin: 0 auto; }
.sitemap .contInr h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.sitemap .siteList .listInr { border-bottom: 1px dotted #CCC7C6; padding: 10px 0; }
.sitemap .siteList .listInr p { float: left; width: 30%; color: #073190; font-size: 16px; font-weight: bold; }
.sitemap .siteList .listInr p a { text-decoration: none; display: inline-block; color: #073190; transition: all .3s ease; }
.sitemap .siteList .listInr p a:hover { color: #0095e0; }
.sitemap .siteList .listInr ul { float: left; width: 70%; }
.sitemap .siteList .listInr ul li { float: left; width: 50%; padding: 5px; font-size: 16px; font-weight: 500; line-height: 1.5; transition: all .3s ease; }
.sitemap .siteList .listInr ul li a { text-decoration: none; display: block; color: #4B4443; transition: all .3s ease; }
.sitemap .siteList .listInr ul li a:hover { color: #0095e0; }
/*お問い合わせ*/
.contact .mainCatch { padding: 85px; text-align: center; background: url(../images/catch_contact.png); background-size: cover; background-position: center center; }
.contact .contInr01 { padding: 30px 0; background: #FFF9EE; margin: 0 auto; }
.contact .contInr01 .info { max-width: 800px; padding: 30px; margin: 0 auto; }
.contact .contInr01 .info h2 { font-size: 30px; font-weight: bold; color: #F83F26; text-align: center; padding: 0 0 30px; }
.contact .contInr01 .info ul { padding: 0 0 30px; }
.contact .contInr01 .info ul li { font-size: 14px; line-height: 1.5; text-align: left; padding: 10px 0; }
.contact .contInr01 .info .faqBtn { font-weight: bold; text-align: center; }
.contact .contInr01 .info .faqBtn a { font-weight: bold; display: inline-block; width: 300px; padding: 10px 25px; background: #F48133; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; line-height: 30px; border-radius: 25px; transition: all .3s ease; }
.contact .contInr01 .info .faqBtn a:hover { font-weight: bold; background: #F0680D; }
.contact .contInr01 .mailArea dl { text-align: center; padding: 30px 0 0; }
.contact .contInr01 .mailArea dl dt { display: inline-block; }
.contact .contInr01 .mailArea dl dd { display: inline-block; text-align: center; font-size: 16px; line-height: 1.5; padding: 10px 0; }
.contact .contInr02 { max-width: 800px; padding: 60px 0; margin: 0 auto; }
.contact .contInr02 h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0; }
.contact .contInr02 .telArea { background: #FDE9DB; border: 1px solid #f48133; padding: 60px 0; margin: 0 auto; }
.contact .contInr02 .telArea p { font-size: 18px; font-weight: bold; line-height: 1.5; text-align: center; padding: 30px 0; }
.contact .contInr02 .telArea dl { text-align: center; }
.contact .contInr02 .telArea dl dt { display: inline-block; padding: 10px 0 0; }
.contact .contInr02 .telArea dl dd { display: inline-block; }
.contact .contInr02 .telArea p.time { padding: 0; font-size: 14px; font-weight: bold; }
.contact .contInr02 .telArea .attention { color: #F83F26; font-size: 16px; font-weight: bold; line-height: 1.5; text-align: center; padding: 30px 0 0; }
.contact .contInr03 { padding: 0 0 100px; margin: 0 auto; }
.contact .contInr03 h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.contact .contInr03 .disc { font-size: 16px; text-align: center; padding: 0 0 30px; }
.contact .contInr03 .formArea { max-width: 1000px; padding: 0; margin: 0 auto; text-align: center; }
.contact .contInr03 .formArea .formInr { padding: 0 0 30px; margin: 0 auto; border-top: 1px solid #CCC7C6; }
.contact .contInr03 .formArea dl { width: 100%; background: #FDE9DB; border-bottom: 1px solid #CCC7C6; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.contact .contInr03 .formArea dl:after { content:''; display:block; clear:both; }
.contact .contInr03 .formArea dl dt { float: left; position: relative; text-align: left; width: 25%; font-size: 16px; font-weight: bold; line-height: 36px; padding: 30px 20px; background: #FDE9DB; }
.contact .contInr03 .formArea dl dt.required:after { content:"必須"; display:inline-block; font-size:12px; padding: 3px 8px; margin: 0; line-height:14px; background: #FA3F28; color:#fff; vertical-align:middle; position:absolute; top:38px; right:20px; }
.contact .contInr03 .formArea dl dt.any:after { content:"任意"; display:inline-block; font-size:12px; padding: 3px 8px; margin: 0; line-height:14px; background: #0095e0; color:#fff; vertical-align:middle; position:absolute; top:38px; right:20px; }
.contact .contInr03 .formArea dl dd { float: left; width: 75%; padding: 30px 20px; text-align: left; font-size: 16px; vertical-align: middle; background: #FBF9F7; position: relative; box-sizing: border-box; }
.contact .contInr03 .formArea dl dd span { display: inline-block; line-height: 36px; font-size: 14px; padding: 0 0 0 10px; }
.contact .contInr03 .formArea dl dd input[type="text"] { width: 50%; height:36px; font-size: 16px; line-height:26px; border-radius: 0; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.contact .contInr03 .formArea dl dd.post .postNum01 { width: 90px; height:36px; font-size: 16px; line-height:26px; border-radius: 0; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.contact .contInr03 .formArea dl dd.post .postNum02 { width: 120px; height:36px; font-size: 16px; line-height:26px; border-radius: 0; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.contact .contInr03 .formArea dl dd input::placeholder { color: #CCC6C5; }
.contact .contInr03 .formArea dl dd select { width: 25%; height:36px; font-size: 16px; line-height:26px; border-radius: 0; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.contact .contInr03 .formArea dl dd.mail input[type="text"] { width: 100%; height:36px; font-size: 16px; line-height:26px; border-radius: 0; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.contact .contInr03 .formArea dl dd.adress input[type="text"] { width: 100%; height:36px; font-size: 16px; line-height:26px; border-radius: 0; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.contact .contInr03 .formArea dl dd.age label { display: block; padding: 0; }
.contact .contInr03 .formArea dl dd.adress label { display: block; padding: 0 0 10px; }
.contact .contInr03 .formArea dl dd textarea { width: 100%; height: 150px; font-size: 16px; line-height: 1.5; vertical-align:middle; border-radius: 0; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.contact .contInr03 .formArea dl dd input[type="text"]:focus,textarea:focus { border:1px solid #7E7C7E; }
.contact .contInr03 .formArea dl dd input[type="text"]:disabled,textarea:disabled { background-color: #EFEFEF; }
.contact .contInr03 .formArea dl dd input[type="text"].warning { border-color: #B00202; }
.contact .contInr03 .formArea dl dd img { max-width: 100%; }
.contact .contInr03 .formArea dl dd .radio-input { display: none; }
.contact .contInr03 .formArea dl dd .radio-input + label{ padding-left: 20px; position:relative; margin-right: 50px; line-height: 36px; }
.contact .contInr03 .formArea dl dd .radio-input + label::before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 15px; height: 15px; background: #fff; border: 1px solid #999; border-radius: 50%; }
.contact .contInr03 .formArea dl dd .radio-input:checked + label{ color: #f48133; font-weight: bold; }
.contact .contInr03 .formArea dl dd .radio-input:checked + label::after{ content: ""; display: block; position: absolute; top: 3px; left: 3px; width: 11px; height: 11px; background: #f48133; border-radius: 50%; }
.contact.confirm .contInr03 { padding: 60px 0 100px; margin: 0 auto; }
.contact.confirm .contInr03 .formArea dl dt { line-height: 1.6; padding: 30px 20px; }
.contact.confirm .contInr03 .formArea dl dd { line-height: 1.6; padding: 30px 20px; }
.contact.finish .contInr03 { padding: 60px 0 100px; margin: 0 auto; }
.contact.finish .contInr03 p { font-size: 16px; line-height: 2; text-align: center; padding: 0 0 60px; }
.contact .contInr03 .formArea .info { font-size: 14px; line-height: 1.5; text-align: left; padding: 10px 0; }
.contact .contInr03 .formArea .attention { font-size: 14px; line-height: 1.5; text-align: left; color: #F83F26; padding: 10px 0 0; }
.contact .contInr03 .formArea .btnArea { text-align: center; display: inline-block; }
.contact .contInr03 .formArea .btnArea li { margin: 0 auto; padding: 0 10px; text-align: center; float: right; width: 300px; }
.contact .contInr03 .formArea .btnArea li a { text-decoration: none; text-align: center; font-size: 16px; font-weight: bold; width: 100%; color: #fff; line-height: 30px; cursor: pointer; padding: 10px 50px; border-radius: 25px; margin: 0; display: block; border: none; box-shadow: none; transition: all .3s ease; }
.contact .contInr03 .formArea .btnArea li .next { background: #f48133; }
.contact .contInr03 .formArea .btnArea li .back { background: #CCC7C6; }
.contact .contInr03 .formArea .btnArea li .next:hover { background: #F0680D; }
.contact .contInr03 .formArea .btnArea li .back:hover { background: #C5BEBC; }
.formArea .errorwrap { background: #FFEEEE; padding: 20px; margin: 0 0 10px; border: 1px solid #f00; text-align: left; }
.formArea .errorwrap h3 { color:#f00; padding: 0 0 5px; font-weight: bold; font-size: 16px; }
.formArea .errorwrap h3:before { content: url(../images/icon_attention.png); position: relative; top:2px; margin: 0 5px 0 0; }
.formArea .errorwrap ul { color:#f00; padding: 0 0 0 20px; font-weight: 400; font-size: 16px; }
.formArea .errorwrap li { color:#f00; list-style-type: disc; padding: 2px 0; font-weight: 400; font-size: 16px; }
.mailmag .mainCatch { padding: 85px; text-align: center; background: url(../images/catch_mailmagazine.png); background-size: cover; background-position: center center; }
.mailmag .contInr { padding: 60px 0 100px; margin: 0 auto; }
.mailmag .contInr h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.mailmag .contInr h2.already { color: #F83F26; }
.mailmag .contInr .disc { font-size: 16px; text-align: center; padding: 0 0 30px; }
.mailmag .contInr .formArea { max-width: 1000px; padding: 0; margin: 0 auto; text-align: center; }
.mailmag .contInr .formArea .formInr { padding: 0 0 60px; margin: 0 auto; border-top: 1px solid #fff; }
.mailmag .contInr .formArea dl { width: 100%; background: #F3D176; border-bottom: 1px solid #fff; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.mailmag .contInr .formArea dl:after { content:''; display:block; clear:both; }
.mailmag .contInr .formArea dl dt { float: left; position: relative; width: 25%; text-align: left; font-size: 16px; font-weight: bold; line-height: 36px; padding: 30px 20px; background: #F3D176; }
.mailmag .contInr .formArea dl dt.required:after { content:"必須"; display:inline-block; font-size:12px; padding: 3px 8px; margin: 0; line-height:14px; background: #FFFFFF; color:#FA3F28; vertical-align:middle; position:absolute; top:38px; right:20px; }
.mailmag .contInr .formArea dl dd { float: left; width: 75%; padding: 30px 20px; text-align: left; font-size: 16px; vertical-align: middle; background: #FBF9F7; position: relative; box-sizing: border-box; }
.mailmag .contInr .formArea dl dd span { display: inline-block; line-height: 36px; font-size: 14px; padding: 0 0 0 10px; }
.mailmag .contInr .formArea dl dd input[type="text"] { width: 50%; height:36px; font-size: 16px; line-height:26px; border-radius: 0; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.mailmag .contInr .formArea dl dd.mail input[type="text"] { width: 100%; height:36px; font-size: 16px; line-height:26px; border-radius: 0; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.mailmag .contInr .formArea dl dd input[type="text"]:focus,textarea:focus { border:1px solid #7E7C7E; }
.mailmag .contInr .formArea dl dd input[type="text"]:disabled,textarea:disabled { background-color: #EFEFEF; }
.mailmag .contInr .formArea dl dd input[type="text"].warning { border-color: #B00202; }
.mailmag.confirm .contInr .formArea dl dt { line-height: 1.6; padding: 30px 20px; }
.mailmag.confirm .contInr .formArea dl dd { line-height: 1.6; padding: 30px 20px; }
.mailmag.finish .contInr p { font-size: 16px; line-height: 2; text-align: center; padding: 0 0 60px; }
.mailmag.finish .contInr p a { color: #063190; }
.mailmag .contInr .formArea .info { font-size: 14px; line-height: 1.5; text-align: left; padding: 10px 0; }
.mailmag .contInr .formArea .attention { font-size: 14px; line-height: 1.5; text-align: left; color: #F83F26; padding: 10px 0 0; }
.mailmag .contInr .formArea .btnArea { text-align: center; display: inline-block; }
.mailmag .contInr .formArea .btnArea li { margin: 0 auto; padding: 0 10px; text-align: center; float: right; width: 300px; }
.mailmag .contInr .formArea .btnArea li a { text-decoration: none; text-align: center; font-size: 16px; font-weight: bold; width: 100%; color: #fff; line-height: 30px; cursor: pointer; padding: 10px 10px; border-radius: 25px; margin: 0; display: block; border: none; box-shadow: none; transition: all .3s ease; }
.mailmag .contInr .formArea .btnArea li .next { background: #f48133; }
.mailmag .contInr .formArea .btnArea li .back { background: #CCC7C6; }
.mailmag .contInr .formArea .btnArea li .next:hover { background: #F0680D; }
.mailmag .contInr .formArea .btnArea li .back:hover { background: #C5BEBC; }
.mailmag .contInr .formArea .subBtnArea { text-align: center; padding: 60px 0 0; }
.mailmag .contInr .formArea .subBtnArea li { margin: 0 auto; padding: 0 10px; text-align: center; display: inline-block; width: 250px; }
.mailmag .contInr .formArea .subBtnArea li a { display: block; text-decoration: none; text-align: center; font-size: 14px; width: 100%; color: #4B4443; line-height: 16px; cursor: pointer; padding: 10px 20px; border: 1px solid #CCC7C6; border-radius: 18px; margin: 0; box-shadow: none; transition: all .3s ease; }
.mailmag .contInr .formArea .subBtnArea li a:hover { background: #E9E7E7; }
.mailmag .contInr .formArea dl dd .checkbox-input{ display: none; }
.mailmag .contInr .formArea dl dd .checkbox-parts{ padding-left: 30px; position:relative; margin-right: 20px; }
.mailmag .contInr .formArea dl dd .checkbox-parts::before{ content: ""; display: block; position: absolute; top: 5px; left: 0; width: 24px; height: 24px; border: 1px solid #CCC7C6; background: #fff; border-radius: 0; }
.mailmag .contInr .formArea dl dd .checkbox-input:checked + .checkbox-parts{ color: #f48133; }
.mailmag .contInr .formArea dl dd .checkbox-input:checked + .checkbox-parts::after{ content: ""; display: block; position: absolute; top: 8px; left: 8px; width: 7px; height: 14px; transform: rotate(40deg); border-bottom: 3px solid #f48133; border-right: 3px solid #f48133; }
.campaign_form .mainCatch { padding: 85px; text-align: center; background: url(../images/catch_contact.png); background-size: cover; background-position: center center; }
.campaign_form .contInr { padding: 60px 0 100px; margin: 0 auto; }
.campaign_form .contInr h2 { font-size: 30px; font-weight: bold; color: #F83F26; text-align: center; padding: 0 0 30px; }
.campaign_form .contInr .disc { font-size: 16px; text-align: center; padding: 0 0 30px; }
.campaign_form .contInr .formArea { max-width: 1200px; padding: 0; margin: 0 auto; text-align: center; }
.campaign_form .contInr .formArea .formInr { padding: 0 0 30px; margin: 0 auto; border-top: 1px solid #CCC7C6; }
.campaign_form .contInr .formArea dl { width: 100%; background: #FDE9DB; border-bottom: 1px solid #CCC7C6; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.campaign_form .contInr .formArea dl:after { content:''; display:block; clear:both; }
.campaign_form .contInr .formArea dl dt { float: left; position: relative; text-align: left; width: 30%; font-size: 16px; font-weight: bold; line-height: 20px; padding: 38px 60px 38px 20px; background: #FDE9DB; }
.campaign_form .contInr .formArea dl dt.required:after { content:"必須"; display:inline-block; font-size:12px; padding: 3px 8px; margin: 0; line-height:14px; background: #FA3F28; color:#fff; vertical-align:middle; position:absolute; top:38px; right:20px; }
.campaign_form .contInr .formArea dl dt.any:after { content:"任意"; display:inline-block; font-size:12px; padding: 3px 8px; margin: 0; line-height:14px; background: #0095e0; color:#fff; vertical-align:middle; position:absolute; top:38px; right:20px; }
.campaign_form .contInr .formArea dl dd { float: left; width: 70%; padding: 30px 20px; text-align: left; font-size: 16px; vertical-align: middle; background: #FBF9F7; position: relative; box-sizing: border-box; }
.campaign_form .contInr .formArea dl dd .inrCamp { padding: 0 0 10px; }
.campaign_form .contInr .formArea dl dd span { display: inline-block; line-height: 36px; font-size: 14px; padding: 0 0 0 10px; }
.campaign_form .contInr .formArea dl dd input[type="text"] { width: 50%; height:36px; font-size: 16px; line-height:26px; border-radius: 0; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.campaign_form .contInr .formArea dl dd.post .postNum01 { width: 90px; height:36px; font-size: 16px; line-height:26px; border-radius: 0; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.campaign_form .contInr .formArea dl dd.post .postNum02 { width: 120px; height:36px; font-size: 16px; line-height:26px; border-radius: 0; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.campaign_form .contInr .formArea dl dd input::placeholder { color: #CCC6C5; }
.campaign_form .contInr .formArea dl dd select { width: 25%; height:36px; font-size: 16px; line-height:26px; border-radius: 0; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.campaign_form .contInr .formArea dl dd.mail input[type="text"] { width: 100%; height:36px; font-size: 16px; line-height:26px; border-radius: 0; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.campaign_form .contInr .formArea dl dd.adress input[type="text"] { width: 100%; height:36px; font-size: 16px; line-height:26px; border-radius: 0; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.campaign_form .contInr .formArea dl dd.age label { display: block; padding: 0; }
.campaign_form .contInr .formArea dl dd.adress label { display: block; padding: 0 0 10px; }
.campaign_form .contInr .formArea dl dd textarea { width: 100%; height: 150px; font-size: 16px; line-height: 1.5; vertical-align:middle; border-radius: 0; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.campaign_form .contInr .formArea dl dd input[type="text"]:focus,textarea:focus { border:1px solid #7E7C7E; }
.campaign_form .contInr .formArea dl dd input[type="text"]:disabled,textarea:disabled { background-color: #EFEFEF; }
.campaign_form .contInr .formArea dl dd input[type="text"].warning { border-color: #B00202; }
.campaign_form .contInr .formArea dl dd img { max-width: 100%; }
.campaign_form .contInr .formArea dl dd .radio-input { display: none; }
.campaign_form .contInr .formArea dl dd .radio-input + label{ display: block; padding-left: 24px; position:relative; margin-right: 50px; line-height: 36px; }
.campaign_form .contInr .formArea dl dd .radio-input + label::before{ content: ""; display: block; position: absolute; top: 10px; left: 0; width: 15px; height: 15px; background: #fff; border: 1px solid #999; border-radius: 50%; }
.campaign_form .contInr .formArea dl dd .radio-input:checked + label{ color: #f48133; font-weight: bold; }
.campaign_form .contInr .formArea dl dd .radio-input:checked + label::after{ content: ""; display: block; position: absolute; top: 13px; left: 3px; width: 11px; height: 11px; background: #f48133; border-radius: 50%; }
.campaign_form.confirm .contInr .formArea dl dt { line-height: 1.6; }
.campaign_form.confirm .contInr .formArea dl dd { line-height: 1.6; }
.campaign_form.finish .contInr p { font-size: 16px; line-height: 2; text-align: center; padding: 0 0 60px; }
.campaign_form .contInr .formArea .info { font-size: 14px; line-height: 1.5; text-align: left; padding: 10px 0; }
.campaign_form .contInr .formArea .attention { font-size: 14px; line-height: 1.5; text-align: left; color: #F83F26; padding: 10px 0 0; }
.campaign_form .contInr .formArea .btnArea { text-align: center; display: inline-block; }
.campaign_form .contInr .formArea .btnArea li { margin: 0 auto; padding: 0 10px; text-align: center; float: right; width: 300px; }
.campaign_form .contInr .formArea .btnArea li a { text-decoration: none; text-align: center; font-size: 16px; font-weight: bold; width: 100%; color: #fff; line-height: 30px; cursor: pointer; padding: 10px 50px; border-radius: 25px; margin: 0; display: block; border: none; box-shadow: none; transition: all .3s ease; }
.campaign_form .contInr .formArea .btnArea li .next { background: #f48133; }
.campaign_form .contInr .formArea .btnArea li .back { background: #CCC7C6; }
.campaign_form .contInr .formArea .btnArea li .next:hover { background: #F0680D; }
.campaign_form .contInr .formArea .btnArea li .back:hover { background: #C5BEBC; }
.campaign_form .contInr .formArea dl dd .checkbox-input{ display: none; }
.campaign_form .contInr .formArea dl dd .checkbox-parts{ padding-left: 30px; position:relative; margin-right: 20px; }
.campaign_form .contInr .formArea dl dd .checkbox-parts::before{ content: ""; display: block; position: absolute; top: 5px; left: 0; width: 24px; height: 24px; border: 1px solid #CCC7C6; background: #fff; border-radius: 0; }
.campaign_form .contInr .formArea dl dd .checkbox-input:checked + .checkbox-parts{ color: #f48133; }
.campaign_form .contInr .formArea dl dd .checkbox-input:checked + .checkbox-parts::after{ content: ""; display: block; position: absolute; top: 8px; left: 8px; width: 7px; height: 14px; transform: rotate(40deg); border-bottom: 3px solid #f48133; border-right: 3px solid #f48133; }
.campaign_form .contInr .formArea dl dd.photo label { background: #f48133; color: #fff; font-size: 14px; line-height: 26px; font-weight: bold; cursor: pointer; padding: 5px 30px; border-radius: 5px; margin: 0; display: inline-block; transition: all .3s ease; }
.campaign_form .contInr .formArea dl dd.photo label:hover { opacity: 0.8; }
.campaign_form .contInr .formArea dl dd.photo label input { display: none; }
.campaign_form .contInr .formArea dl dd.photo img { max-width: 100%; }
.preview_image { padding: 10px 0; display: block; }
.preview_image img { max-width: 50px; }
#changeImage { display: none; color: #ff0000; }
div#image_file { display: block; margin-top: 10px; padding: 0; }
div#image_file .image_delete { display: inline-block; background: #D5D2CC; color: #fff; font-weight: bold; font-size: 11px; border: none; padding: 5px; text-decoration: none; border-radius: 5px; }
.ciao_camp .campInfo { width: 100%; background: #FFF9EE; padding: 50px 0; }
.ciao_camp .campInfo .infoInr { width: 800px; margin: 0 auto; }
.ciao_camp .campInfo .hs02 { text-align: center; font-size: 30px; color: #F93F27; padding: 50px 0; margin: 0 auto 50px; background: #fff;  }
.ciao_camp .campInfo .hs02 span { font-size: 30px; color: #F93F27; font-weight: bold; text-decoration: underline; }
.ciao_camp .campInfo .campDesc01 { padding: 0 0 50px; }
.ciao_camp .campInfo .campDesc01 dt { text-align: center; font-size: 30px; font-weight: bold; padding: 0 0 20px; }
.ciao_camp .campInfo .campDesc01 dd { text-align: left; margin: 0 auto; }
.ciao_camp .campInfo .campDesc01 dd p { text-align: left; font-size: 16px; font-weight: bold; padding: 0 0 10px; }
.ciao_camp .campInfo .contactBtn { text-align: center; padding: 0 0 50px; }
.ciao_camp .campInfo .contactBtn a { display: block; width: 300px; margin: 0 auto; background: #f48133; color: #fff; font-size: 16px; font-weight: bold; padding: 15px; line-height: 20px; text-decoration: none; transition-duration: 0.3s; }
.ciao_camp .campInfo .contactBtn a:hover { background: #F0680D; }
.ciao_camp .campInfo table { border: 1px solid #CCC7C6; border-collapse: collapse; border-spacing: 0; margin: 0 auto; }
.ciao_camp .campInfo table th { background: #fff; text-align: right; font-size: 16px; font-weight: bold; color: #F93F27; padding: 20px 10px 20px 20px; }
.ciao_camp .campInfo table td { background: #fff; font-size: 16px; font-weight: bold; padding: 20px 20px 20px 10px; }
.ciao_camp .topCatch { background: url(../images/bg_top.png) repeat; position: relative; }
.ciao_camp .topCatch .title { background: url(../images/bg_tit.png) repeat-x top; }
.ciao_camp .topCatch .title .mainCatch { text-align: center; margin: 0 auto; }
.ciao_camp .topCatch .title .mainCatch img { max-width: 100%; }
.ciao_camp .topCatch .giftCont { text-align: center; margin: 0 auto; }
.ciao_camp .topCatch .giftCont img { max-width: 100%; }
.ciao_camp .topCatch .presentCont { position: relative; width: 1040px; padding: 30px 20px; margin: 0 auto; }
.ciao_camp .topCatch .preContInr { width: 1000px; margin: 0 auto; padding: 10px; background: #fff; border: 5px solid #14A83B; border-radius: 20px; }
.ciao_camp .topCatch .preContInr h2 { text-align: center; padding: 0 0 10px; }
.ciao_camp .topCatch .preContInr h2 .info01 { font-size: 50px; line-height: 1.5; font-weight: bold; color: #14A83B; background: linear-gradient(transparent 50%, #FFF100 50%);}
.ciao_camp .topCatch .preContInr h2 .info02 { font-size: 30px; line-height: 1.5; font-weight: bold; color: #14A83B; background: linear-gradient(transparent 50%, #FFF100 50%);}
.ciao_camp .topCatch .preContInr .listTit { font-size: 30px; line-height: 1.5; font-weight: bold; color:#E60012; text-align: center; }
.ciao_camp .topCatch .preContInr .listDisc { font-size: 16px; line-height: 1.5; font-weight: bold; text-align: center; padding: 10px 0; }
.ciao_camp .topCatch .preContInr .presentA { width: 50%; float: left; padding: 10px; border-right: 1px dotted #CACAD9; }
.ciao_camp .topCatch .preContInr .presentB { width: 50%; float: left; padding: 10px; }
.ciao_camp .topCatch .preContInr .preTit h3 { float: left; width: 120px; text-align: center; padding: 0 20px; background: #E60012; color: #fff; font-size: 24px; font-weight: bold; line-height: 40px; border-radius: 20px; vertical-align: baseline; box-sizing: border-box; }
.ciao_camp .topCatch .preContInr .preTit h3 span { color: #fff; font-size: 16px; font-weight: bold; vertical-align: baseline; }
.ciao_camp .topCatch .preContInr .preTit p { float: left; width: calc( 100% - 120px ); padding: 0 10px; color: #000; font-size: 20px; font-weight: bold; line-height: 1.2; vertical-align: baseline; }
.ciao_camp .topCatch .preContInr .preTit p span { color: #000; font-size: 16px; font-weight: bold; vertical-align: baseline; }
.ciao_camp .topCatch .preContInr .preTit p span.info { font-size: 14px; }
.ciao_camp .topCatch .preContInr .preImg { text-align: center; }
.ciao_camp .topCatch .preContInr .preImg img { max-width: 100%; }
.ciao_camp .topCatch .preContInr .preImg .preItem { padding: 10px; }
.ciao_camp .topCatch .preContInr .preImg .preListBtn a { display: block; background: #f48133; color: #fff; font-size: 16px; font-weight: bold; padding: 10px; line-height: 20px; text-decoration: none; border-radius: 20px; transition-duration: 0.3s; }
.ciao_camp .topCatch .preContInr .preImg .preListBtn a:hover { background: #F0680D; }
.ciao_camp .topCatch .icon50 { position: absolute; top: 0; left: 0; }
.ciao_camp .dateArea { background: #14A83B; text-align: center; padding: 20px; text-shadow: rgba(0,0,0,0.5) 2px 2px 2px; }
.ciao_camp .dateArea .titY { color: #FFF100; font-size: 30px; font-weight: bold; vertical-align: middle; display: inline-block; }
.ciao_camp .dateArea .titW { color: #fff; font-size: 30px; font-weight: bold; vertical-align: middle; display: inline-block; }
.ciao_camp .dateArea .infoS { color: #fff; font-size: 20px; font-weight: bold; vertical-align: middle; display: inline-block; }
.ciao_camp .contInr { padding: 60px 0; width: 1000px; margin: 0 auto; }
.ciao_camp .contInr h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.ciao_camp .cont01 { background: #FFF9EE; }
.ciao_camp .cont01 p { text-align: center; padding: 0 0 30px; margin: 0 auto; font-size: 24px; font-weight: bold; color: #F93F27; text-decoration: underline; }
.ciao_camp .cont01 .item { text-align: center; }
.ciao_camp .cont01 .item img { max-width: 100%; }
.ciao_camp .cont02 dl { position: relative; padding: 10px 0; border-bottom: 1px dotted #CCC7C6; }
.ciao_camp .cont02 dl.stepInr04 { border-bottom: none; }
.ciao_camp .cont02 dl dt { position: absolute; top: 10px; left: 0; padding: 0; background: #F93F27; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 20px; color: #fff; }
.ciao_camp .cont02 dl dd { padding: 10px 0 10px 50px; font-size: 16px; font-weight: bold; line-height: 20px; }
.ciao_camp .cont02 dl.stepInr04 dd  { color: #F93F27; }
.ciao_camp .cont02 dl dd .link { display: inline-block; padding: 0 5px; font-size: 16px; color: #F93F27; font-weight: bold; }
.ciao_camp .cont02 dl dd table { border: 1px solid #CCC7C6; border-collapse: collapse; border-spacing: 0; }
.ciao_camp .cont02 dl dd table th { background: #FFF9EE; font-size: 16px; font-weight: bold; padding: 10px 50px; }
.ciao_camp .cont02 dl dd table td { font-size: 16px; font-weight: bold; padding: 10px 50px; }
.ciao_camp .cont02 ul { background: #FFF9EE; border: 1px solid #F93F27; padding: 10px 0; margin: 30px auto 0; }
.ciao_camp .cont02 ul li { padding: 5px 50px; font-size: 16px; font-weight: bold; line-height: 20px; }
.ciao_camp .cont03 { background: #FFF9EE; }
.ciao_camp .cont03 p { text-align: center; padding: 0 0 30px; margin: 0 auto; font-size: 16px; font-weight: bold; }
.ciao_camp .cont03 ul li { float: left; width: 50%; padding: 0 10px; }
.ciao_camp .cont03 ul li a { display: block; background: #F48133; color: #fff; padding: 20px; text-align: center; font-size: 20px; font-weight: bold; text-decoration: none; transition-duration: 0.3s; }
.ciao_camp .cont03 ul li a:hover { background: #F0680D; }
.ciao_camp .cont04 p { text-align: center; padding: 0 0 30px; margin: 0 auto; font-size: 16px; font-weight: bold; }
.ciao_camp .cont04 .example { padding: 0 50px 30px; }
.ciao_camp .cont04 .example dl { float: left; width: 50%; text-align: center; }
.ciao_camp .cont04 .example dl dt img { max-width: 100%; }
.ciao_camp .cont04 .example dl dd { font-size: 16px; font-weight: bold; padding: 10px; }
.ciao_camp .cont04 table { margin: 0 auto 30px; border: 1px solid #CCC7C6; border-collapse: collapse; border-spacing: 0; }
.ciao_camp .cont04 table th { background: #FFF9EE; font-size: 16px; font-weight: bold; padding: 10px 50px; }
.ciao_camp .cont04 table td { font-size: 16px; font-weight: bold; padding: 10px 50px; }
.ciao_camp .cont04 ul { background: #FFF9EE; border: 1px solid #F93F27; padding: 10px 0; }
.ciao_camp .cont04 ul li { padding: 5px 50px; font-size: 16px; font-weight: bold; line-height: 20px; }
.ciao_camp .cont05 { background: #FFF9EE; }
.ciao_camp .cont05 p { text-align: center; padding: 0 0 30px; margin: 0 auto; font-size: 16px; font-weight: bold; }
.ciao_camp .cont05 p span { font-weight: bold; color: #F93F27; }
.ciao_camp .cont05 h3 { font-size: 20px; line-height: 1.5; text-align: left; font-weight: bold; padding: 5px 10px; color: #4B4443; border-left: 5px solid #F48133; margin: 0 auto 10px; }
.ciao_camp .cont05 .itemInr dl { background: #fff; padding: 0 10px; }
.ciao_camp .cont05 .itemInr dl dt { font-size: 16px; padding: 10px 0; font-weight: bold; vertical-align: middle; text-align: center; border-bottom: 1px dotted #CCC7C6; }
.ciao_camp .cont05 .itemInr dl dt span { font-size: 12px; font-weight: bold; vertical-align: middle; }
.ciao_camp .cont05 .itemInr dl dd { padding: 10px 0; text-align: center; }
.ciao_camp .cont05 .itemInr dl dd img { max-width: 100%; }
.ciao_camp .cont05 .item5_1 { padding: 0 0 30px; }
.ciao_camp .cont05 .item5_1 .itemBox { float: left; width: 20%; padding: 0 5px 10px; }
.ciao_camp .cont05 .item2_1 { padding: 0 0 30px; }
.ciao_camp .cont05 .item2_1 .itemBox { float: left; width: 33.33%; padding: 0 5px 10px; }
.ciao_camp .cont05 .item1_1 { padding: 0 0 30px; }
.ciao_camp .cont05 .item1_1 .itemBox { float: left; width: 33.33%; padding: 0 5px 10px; }
.ciao_camp .cont05 .item1_2 { padding: 0 5px 30px; width: 48%; margin: 0 4% 0 0; float: left; }
.ciao_camp .cont05 .item1_3 { padding: 0 5px 30px; width: 48%; float: left; }
.ciao_camp .cont06 .telbox { background: #14A83B; padding: 30px; }
.ciao_camp .cont06 .telbox dt { text-align: center; font-size: 30px; font-weight: bold; color: #fff; }
.ciao_camp .cont06 .telbox dt a { font-size: 30px; font-weight: bold; color: #fff; text-decoration: none; }
.ciao_camp .cont06 .telbox dd { text-align: center; font-size: 16px; font-weight: bold; color: #fff; }
.ciao_camp .listArea { padding: 0; }
.ciao_camp .listArea h2 { width: 1000px; font-size: 30px; margin: 0 auto 20px; text-align: center; font-weight: bold; line-height: 1.5; vertical-align: middle; padding: 10px; border-bottom: 2px solid #f48133; }
.ciao_camp .listArea h3 { width: 1000px; font-size: 20px; margin: 0 auto 20px; line-height: 1.5; text-align: left; font-weight: bold; padding: 5px 10px; color: #4B4443; border-left: 5px solid #F48133; }
.ciao_camp .listArea .listInr { margin: 0 auto; padding: 60px 0; background: #FFF;}
.ciao_camp .listArea .listInr:nth-child(2n) { background: #FFF9EE; }
.ciao_camp .listArea .listInr p { padding: 0 0 30px; }
.ciao_camp .listArea .listInr .inrBox { width: 1000px; padding: 0 0 20px; margin: 0 auto; }
.ciao_camp .listArea .listInr .itemBox { display: block; text-decoration: none; float: left; width: 25%; padding: 20px; position: relative; }
.ciao_camp .listArea .listInr .itemBox .newItem { position: absolute; top: 10px; left: 10px; z-index: 8888; padding: 0; background: #f48133; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; color: #fff; font-size: 12px; font-weight: bold; }
.ciao_camp .listArea .listInr .itemBox .finishItem { position: absolute; top: 10px; left: 10px; z-index: 8888; padding: 0; background: #CCC7C6; text-align: center; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 12px; font-weight: bold; }
.ciao_camp .listArea .listInr .itemBox dl { vertical-align: middle; display: block; text-align: center; color: #1F1413; }
.ciao_camp .listArea .listInr .itemBox dl dt { border: 1px solid #fff; background: #fff; display: inline-block; position: relative; text-align: center; padding: 20px; width: 100%; }
.ciao_camp .listArea .listInr .itemBox dl dt img { width: 100%; }
.ciao_camp .listArea .listInr .itemBox dl dd { text-align: center; padding: 10px 0; font-size: 14px; line-height: 1.2; vertical-align: middle; font-weight: bold; text-decoration: none; color: #1F1413; }
.ciao_camp .listArea .listInr .itemBox dl dd span { color: #F48133; font-weight: bold; }
.ciao_camp .campaignBtn { text-align: center; font-weight: bold; }
.ciao_camp .campaignBtn a { font-weight: bold; display: inline-block; width: 300px; padding: 10px 25px; background: #f48133; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; line-height: 30px; border-radius: 25px; transition: all .3s ease; }
.ciao_camp .campaignBtn a:hover { font-weight: bold; background: #F0680D; }
.social .mainCatch { padding: 85px; text-align: center; border-bottom: 1px solid #CCC7C6; background: url(../images/catch_social.png); background-size: cover; background-position: center center; }
.social .contInr { width: 1000px; padding: 60px 0; margin: 0 auto; }
.social .contInr h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.social .socialCont .contBox { padding: 0 0 20px; }
.social .socialCont .iconHead { font-size: 24px; font-weight: bold; padding: 10px 0 10px 60px; line-height: 50px; margin-bottom: 10px; border-bottom: 1px solid #f48133; } 
.social .socialCont .facebook .iconHead { color: #4267b2; background: url(../images/icon_fb.png) left center no-repeat; background-size: 50px 50px; }
.social .socialCont .instagram .iconHead { color: #000; background: url(../images/icon_ig.png) left center no-repeat; background-size: 50px 50px; }
.social .socialCont .twitter .iconHead { color: #1ea1f1; background: url(../images/icon_tw.png) left center no-repeat; background-size: 50px 50px; }
.social .socialCont .youtube .iconHead { color: #000; background: url(../images/icon_yt.png) left center no-repeat; background-size: 50px 50px; }
.social .socialCont .socialInr { position: relative; margin: 0 0 10px; }
.social .socialCont .socialInr a { display: block; padding: 10px; text-decoration: none; transition: all .3s ease; }
.social .socialCont .thumb { float: left; width: 164px; padding: 0 10px 0 0; box-sizing: border-box; }
.social .socialCont .thumb img { width: 100%; border: 2px solid #fff; transition: all .3s ease; }
.social .socialCont dl { float: left; width: calc( 100% - 164px); padding: 10px; }
.social .socialCont dl .tit { font-weight: bold; font-size: 20px; line-height: 1.5; margin-bottom: 10px; transition: all .3s ease; }
.social .socialCont dl .disc { font-size: 16px; line-height: 1.5; }
.social .socialCont dl .link { font-size: 16px; line-height: 1.5; word-break: break-all; }
.social .socialCont .socialInr a:hover { background: #FFF9EE; }
.social .socialCont .socialInr a:hover .thumb img { border: 2px solid #f48133; }
.social .socialCont .socialInr a:hover dl .tit { color: #f48133; }
.social .socialCont .socialInr a:hover dl .link { text-decoration: underline; }
.download .mainCatch { padding: 85px; text-align: center; background: url(../images/catch_download.png); background-size: cover; background-position: center center; }
.download .contInr { width: 1200px; padding: 60px 0; margin: 0 auto; }
.download .downloadCont01 h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.download .downloadCont01 p { font-size: 16px; text-align: center; padding: 0; }
.download .downloadCont02 { background: url(../images/bg_download.jpg); background-size: cover; background-position: center center; }
.download .downloadCont02 h2 { font-size: 30px; text-align: center; font-weight: bold; line-height: 1.5; vertical-align: middle; margin: 0 auto 20px; padding: 10px; border-bottom: 2px solid #f48133; }
.download .downloadCont02 .newList .catCal { width: 50%; float: left; padding: 0 10px 0 0; }
.download .downloadCont02 .newList .dogCal { width: 50%; float: left; padding: 0 0 0 10px; }
.download .downloadCont02 .newList .thumb { margin: 0 auto 10px; }
.download .downloadCont02 .newList .thumb img { width: 100%; max-width: 100%; }
.download .downloadCont03 h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.download .downloadCont03 h3 { font-size: 20px; line-height: 1.5; text-align: left; font-weight: bold; padding: 5px 10px; color: #4B4443; border-left: 5px solid #F48133; margin: 0 auto 10px; }
.download .downloadCont03 .pastList { padding: 0 0 30px; }
.download .downloadCont03 .pastList .catCal { width: 50%; float: left; padding: 0 10px 0 0; }
.download .downloadCont03 .pastList .dogCal { width: 50%; float: left; padding: 0 0 0 10px; }
.download .downloadCont03 .pastList .thumb { margin: 0 auto 10px; }
.download .downloadCont03 .pastList .thumb img { width: 100%; max-width: 100%; }
.download .catCal a { padding: 10px 0; display: block; width: 32%; float: left; margin: 0 0 0 2%; color: #fff; line-height: 1.2; background: #FBBFC0; text-align: center; text-decoration: none; transition: all .3s ease; }
.download .catCal a:hover { background: #FAB1B4; }
.download .catCal a.pcBtn { margin: 0; }
.download .catCal a span { display: block; color: #fff; font-weight: bold; line-height: 1.2; font-size: 16px; text-align: center; }
.download .dogCal a { padding: 10px 0; display: block; width: 32%; float: left; margin: 0 0 0 2%; color: #fff; line-height: 1.2; background: #99D3C0; text-align: center; text-decoration: none; transition: all .3s ease; }
.download .dogCal a:hover { background: #8CCCB8; }
.download .dogCal a.pcBtn { margin: 0; }
.download .dogCal a span { display: block; color: #fff; font-weight: bold; line-height: 1.2; font-size: 16px; text-align: center; }
.beauty .mainCatch { padding: 0; text-align: center; background: url(../images/catch_beauty.png); background-size: cover; background-position: center center; }
.beauty .mainCatch img { width: 100%; max-width: 1000px; }
.beauty .contInr { width: 1200px; padding: 60px 0; margin: 0 auto; }
.beauty .contInr h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.beauty .contInr p { font-size: 16px; text-align: center; padding: 0 0 10px; }
.beauty .beautyCont01 ul { text-align: center; padding: 20px 0 0; }
.beauty .beautyCont01 ul li { display: inline-block; margin: 0 20px; width: 200px; height: 200px; border-radius: 50%; border: 1px solid #f48133; }
.beauty .beautyCont01 ul li span { color: #f48133; font-size: 18px; font-weight: bold; line-height: 30px; padding: 70px 0; text-align: center; display: block; }
.beauty .beautyCont02 { background: url(../images/bg_beauty.png); background-size: cover; background-position: center center; }
.beauty .beautyCont02 .productBtn { margin: 40px auto 0; }
.beauty .beautyCont02 .productBtn a { display: inline-block; width: 400px; padding: 20px; background: #f48133; color: #fff; text-decoration: none; font-weight: bold; transition-duration: 0.3s; }
.beauty .beautyCont02 .productBtn a:hover { background: #F0680D; }
.beauty .beautyCont03 h3 { font-size: 20px; line-height: 1.5; text-align: left; font-weight: bold; padding: 5px 10px; color: #4B4443; border-left: 5px solid #F48133; margin: 0 auto 10px; }
.beauty .beautyCont03 .leftCont { float: left; width: 50%; padding: 0 30px 0 0; }
.beauty .beautyCont03 .rightCont { float: left; width: 50%; padding: 0 0 0 30px; }
.beauty .beautyCont03 .leftCont table { width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #CCC7C6; border-left: 1px solid #CCC7C6; border-right: 1px solid #CCC7C6; }
.beauty .beautyCont03 .leftCont table tr { background: #FFF9EE; }
.beauty .beautyCont03 .leftCont table tr th { background: #FFF9EE; border: none; text-align: center; padding: 10px; font-size: 14px; font-weight: bold; border-bottom: 1px solid #CCC7C6; }
.beauty .beautyCont03 .leftCont table tr td { background: #FFF; border: none; text-align: left; padding: 10px; font-size: 14px; border-bottom: 1px solid #CCC7C6; }
.beauty .beautyCont03 .leftCont table tr td.inrTit { font-size: 14px; font-weight: bold; text-align: right; }
.beauty .beautyCont03 .rightCont dl { position: relative; padding: 10px 0; border-bottom: 1px dotted #CCC7C6; }
.beauty .beautyCont03 .rightCont dl.stepInr02 { border-bottom: none; }
.beauty .beautyCont03 .rightCont dl dt { position: absolute; top: 10px; left: 0; padding: 0; background: #f48133; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 20px; color: #fff; }
.beauty .beautyCont03 .rightCont dl dd { padding: 10px 0 10px 50px; font-size: 16px; font-weight: bold; line-height: 20px; }
.beauty .beautyCont03 .rightCont p { font-size: 14px; text-align: left; padding: 0 0 10px; }
.beauty .beautyCont04 { background: #FFF9EE; }
.beauty .beautyCont04 .attention { padding: 50px 0 20px; }
.beauty .beautyCont04 .attention span { padding: 5px; background: linear-gradient(#FFF9EE 50%, #FCFFC1 50%); font-size: 24px; font-weight: bold; color: #f48133; }
.beauty .beautyCont04 .leftCont { float: left; width: 50%; padding: 0 30px 0 0; }
.beauty .beautyCont04 .rightCont { float: left; width: 50%; padding: 0 0 0 30px; }
.beauty .beautyCont04 dl dt { text-align: center; font-size: 20px; font-weight: bold; padding: 10px 0; }
.beauty .beautyCont04 dl dd { font-size: 16px; line-height: 1.5; text-align: left; }
.beauty .beautyCont05 p { max-width: 800px; margin: 0 auto; }
.beauty .beautyCont05 .pointCont { padding: 30px 0; }
.beauty .beautyCont05 dl { float: left; width: 32%; margin: 0 2% 0 0; } 
.beauty .beautyCont05 .inrCont03 { margin: 0; }
.beauty .beautyCont05 dl dt img { width: 100%; }
.beauty .beautyCont05 .inrCont01 .tit { text-align: center; font-size: 20px; line-height: 1.2; font-weight: bold; padding: 10px 0; }
.beauty .beautyCont05 .inrCont02 .tit { text-align: center; font-size: 20px; line-height: 2.4; font-weight: bold; padding: 10px 0; }
.beauty .beautyCont05 .inrCont03 .tit { text-align: center; font-size: 20px; line-height: 2.4; font-weight: bold; padding: 10px 0; }
.beauty .beautyCont05 dl dd { font-size: 16px; line-height: 1.5; text-align: left; }
.gallery .mainCatch { padding: 85px; text-align: center; background: url(../images/catch_tvcm.png); background-size: cover; background-position: center center; }
.gallery .galleryCont { padding: 0; margin: 0 auto; }
.gallery .galleryCont h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.gallery .galleryCont p { font-size: 16px; text-align: center; padding: 0 0 10px; }
.gallery .movieBtn { padding: 20px 0 0; } 
.gallery .galleryCont .movieBtn .catBtn { display: block; background: #FBBFC0; width: 49%; float: left; margin: 0 2% 0 0; } 
.gallery .galleryCont .movieBtn .dogBtn { display: block; background: #99D3C0; width: 49%; float: left; margin: 0; } 
.gallery .galleryCont .movieBtn dl dt { font-size: 24px; font-weight: bold; padding: 20px; text-align: center; } 
.gallery .galleryCont .movieBtn dl dd { padding: 0; text-align: center; } 
.gallery .galleryCont .movieBtn dl dd img { width: 100%; max-width: 300px; } 
.gallery #catMovie { background: #FFF9EE; }
.gallery .contInr { max-width: 1000px; padding: 60px 0; margin: 0 auto; }
.gallery .contInr a { display: block; width: 25%; margin: 0 auto 30px; float: left; text-decoration: none; transition: all .3s ease; }
.gallery .contInr dl { padding: 0 15px; }
.gallery .contInr dl dt img { width: 100%; }
.gallery .contInr dl dd { font-size: 16px; line-height: 1.5; text-align: center; font-weight: bold; padding: 10px 0; }
.gallery .contInr a:hover { opacity: 0.8; }
.gallery .galleryCont #catMovie h2 { font-size: 30px; margin: 0 auto 30px; text-align: center; font-weight: bold; line-height: 1.5; vertical-align: middle; padding: 10px; border-bottom: 2px solid #f48133; }
.gallery .galleryCont #dogMovie h2 {font-size: 30px;margin: 0 auto 30px;text-align: center;font-weight: bold;line-height: 1.5;vertical-align: middle;padding: 10px;border-bottom: 2px solid #ffffff;}
.gallery .movieInr01 { padding: 0 15px 30px; }
.gallery .movieInr01 .inrBox { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.gallery .movieInr01 .inrBox iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.gallery .movieInr01 h3 { font-size: 24px; font-weight: bold; text-align: center; padding: 10px 0; transition: all .3s ease; }
.gallery .movieInr01 .inrBox:hover + h3 { color: #f48133; }
.gallery .contInr dl dt:hover + dd { color: #f48133; }
.voice .mainCatch { padding: 85px; text-align: center; background: url(../images/catch_voice.png); background-size: cover; background-position: center center; }
.voice .voiceCont { padding: 0; margin: 0 auto; }
.voice .voiceCont h2 { font-size: 30px; font-weight: bold; text-align: center; padding: 0 0 30px; }
.voice .voiceCont p { font-size: 16px; text-align: center; padding: 0 0 10px; }
.voice .contInr { max-width: 1000px; padding: 60px 0; margin: 0 auto; }
.voice .voiceInr { padding: 50px; }
.voice .voiceInr dl { position: relative; padding: 50px; background: #FFF9EE url(../images/bg_voice.png) no-repeat; background-size: 200px 200px; background-position: right 20px bottom 20px;; border: 2px solid #f48133; margin: 0 auto 30px; }
.voice .voiceInr dl dt { border-bottom: 1px dotted #f48133; padding: 0 0 30px; font-size: 24px; line-height: 30px; font-weight: bold; color: #f48133; vertical-align: baseline; }
.voice .voiceInr dl dt span { display: inline-block; padding: 0 0 0 10px; font-size: 16px; line-height: 30px; font-weight: bold; color: #f48133; vertical-align: baseline; }
.voice .voiceInr dl .message { padding: 30px 0 15px; border-bottom: 1px dotted #f48133; }
.voice .voiceInr dl .message p { font-size: 16px; line-height: 1.75; text-align: left; padding: 0 0 15px; }
.voice .voiceInr dl .date { padding: 30px 0 0; }
.voice .voiceInr dl .newIcon { position: absolute; top: -30px; left: -30px; z-index: 8888; padding: 0; background: #f48133; text-align: center; width: 80px; height: 80px; line-height: 80px; border-radius: 50%; color: #fff; font-size: 20px; font-weight: bold; }
/*footer*/

footer{background-color: #191919;border-top:1px solid #dadada;}
footer .footSitemap { border-bottom: 1px solid #CCC7C6;background-color: #fff; }
footer .footSitemap .siteList { width: 1200px; margin: 0 auto; padding: 60px 0; }
footer .footSitemap .siteList .siteBox { float: left; width: 100%; }
footer .footSitemap .siteList .listInr { float: left; width: 18%; margin: 0 2.5% 0 0; }
footer .footSitemap .siteList .listInr:last-child { margin: 0; }
footer .footSitemap .siteList .listInr dl dt { padding: 5px 10px; margin-bottom: 5px; border-bottom: 1px solid #aaa;color:#444; font-size: 18px; font-weight: bold; line-height: 25px;font-family: "微软雅黑" }
footer .footSitemap .siteList .listInr dl dt a { text-decoration: none; display: inline-block; color: #444;transition: all .5s; }
footer .footSitemap .siteList .listInr dl dt a:hover{text-indent: 10px;color:#F0680D;}
footer .footSitemap .siteList .listInr dl dd { padding: 5px 10px 0; font-size: 16px; font-weight: 500; line-height: 22px; transition: all .3s ease; font-family: "微软雅黑"}
footer .footSitemap .siteList .listInr dl dd a { text-decoration: none; display: inline-block; color: #666;transition: all .5s; }
footer .footSitemap .siteList .listInr dl dd a:hover{text-indent: 10px;color:#F0680D;}
footer .footSitemap .siteList .listInr dl dd:hover { padding: 5px 10px 0; opacity: 1; }
footer .footSitemap .siteList .listInr .inrBox { padding-top: 30px; }
footer .footSitemap .siteList .listInr .inrBox select { width: 100%; height:36px; font-size: 14px; line-height:26px; border-radius: 0; vertical-align:middle; padding: 5px; background: #fff; border: 1px solid #CCC7C6; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
footer .footSitemap .siteList .listInr .inrBox.lang dd:hover { padding: 5px 10px 0; opacity: 1; }
footer .footCopy { width: 1200px; margin: 0 auto; padding: 20px 0; text-align: center;}
footer .footCopy .logo { float: left; width: 328px; margin: 0 auto; }
footer .footCopy .logo img { width: 100%; }
footer .footCopy .copyright {font-size: 16px;color:#fff;letter-spacing: 1px;}
footer .footCopy .copyright a {font-size: 16px;color:#fff;letter-spacing: 1px;}
.pagetop { position: fixed; bottom: 50px; right: 50px; z-index: 77777; }
.pagetop a { background: #CCC7C6; line-height: 1; display: inline-block; padding: 20px 15px 24px; border-radius: 30px; transition: all .3s ease; }
.pagetop a:hover { background: #C5BEBC; padding: 17px 15px 27px; }
.pagetop a img { width: 30px; height: 16px; }
.grecaptcha-badge { display: none !important; }

/* q_position start! */
	.q_position{width:100%;margin:0 auto;padding:10px 0;background-color: #FFF9EE;border-bottom: 1px solid #eee;}
	.q_position .main1200{width:1200px;margin:0 auto;}
	.q_position .main1200:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.q_position_title{width:50%;float:left;font-size: 18px;color:#111;line-height: 25px;height:25px;font-weight: bold;border-left: 3px solid #f48133;padding-left: 10px;vertical-align: middle;}
	.q_position_main{width:50%;float:right;text-align: right;color:#444;line-height: 25px;height:25px;font-size: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.q_position_main a{outline: none;color:#444;}
	.q_position_main a:hover{color:#f48133;}
/* q_position end! */

.coolbg{cursor:pointer;}

.q_event_list{width:100%;margin:0 auto;}
.q_event_item{width:100%;margin:0 auto 20px;padding:0;}
.q_event_item:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
.q_event_item_date{width:300px;float:left;padding:0 20px 20px;}
.q_event_item_date_out{width:240px;height:45px;position: relative;border:2px solid #3c73ad;}
.q_event_item_date_in{width:240px;height:45px;line-height: 45px;border:2px solid #3c73ad;color:#3c73ad; position: absolute;top:-15px;left:-15px;background-color: #fff;
	text-align: center;font-size: 20px;font-weight: bold;
}
.q_event_item_txt{width:calc(100% - 320px);float:right;padding:0 0 20px;border-bottom: 1px dashed #222}
.q_event_item_txt_main{width:100%;font-size: 20px;line-height: 30px;color:#2a2929;}
.q_event_img{width:100%;margin:30px auto;}
.q_event_p{width:100%;margin:50px auto 0;}
.q_event_p_top{margin:50px auto;}
.q_event_p p{width:100%;margin:0 auto;font-size: 21px;line-height: 2;color:#222;text-align: justify;}
.q_event_p p span{color:#3c73ad;line-height: 2;}

@media screen and (max-width:1200px) {
	.headInr { max-width: 100%; padding: 0 10px; }
	.headInr .gnav li { padding: 25px 5px; }
	.headInr .gnav li > a { padding: 5px; }
	.headInr .gnav li > .subnav div { width: 100%; }
	.headInr .gnav li > .subnav div a dl dt { width: 100%; }
	.headInr .gnav li.navB > span { padding: 5px; } 
	.headInr .gnav li.contactBtn { padding: 25px 0 25px 5px; }
	.headInr .gnav li.contactBtn a { padding: 5px 15px; }
	.is-animation .headInr .gnav li { padding: 15px 5px; }
	.breadcrumb ul { width: 100%; }
	.center-item { width: 100%; overflow: hidden; }
	.center-item li img { width: 100%; }
	.multiple-item01 { width: 100%; overflow: hidden; }
	.multiple-item02 { width: 100%; overflow: hidden; }

	.top .content00{width:100%;margin:0 auto;}
	.q_about{width:100%;margin:0 auto;padding:50px 40px;}
	.q_about:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
	.q_about_l{width:216px;height:312px;float:left;box-shadow: 0 0 30px #ddd;}
	.q_about_r{width:calc(100% - 330px);float:right;}
	.q_about_p{width:100%;margin:5px auto 0;padding: 0 0 0 25px;line-height: 2;font-size: 13px;color:#000;}
	.q_about_p p{width:100%;margin:0 auto;line-height: 2;font-size: 13px;color:#000;text-align:justify;font-family: "黑体"}
	.q_about_p p span{color:#c50505;}
	/* q_number start! */
		.q_number{width:100%;margin:10px auto 0;padding:0;}
		.q_number_main{width:100%;margin:0 auto;padding:0;}
		.q_number_main:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}
		.q_number_item{width:25%;float:left;padding:0 10px;text-align: center;transition: all .5s;}
		.q_number_icon{width:100%;margin:0 auto 5px;text-align: center;}
		.q_number_top{font-size: 26px;line-height:30px;color:#c50505;font-weight: bold;}
		.q_number_top .timer{color:#c50505;font-weight: bold;}
		.q_number_top .sub{font-size: 14px;vertical-align: text-top;font-weight: normal;color:#000;}
		.q_number_top .sup{font-size: 12px;vertical-align: text-bottom;font-weight: normal;color:#000;}
		.q_number_txt{width:100%;margin:5px auto 0;padding:0;font-size: 13px;color:#000;line-height: 20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
		.q_number_item:hover{
			transform: translateX(15px);
			-webkit-transform: translateX(15px);
			-moz-transform: translateX(15px);
			-o-transform: translateX(15px);
			-ms-transform: translateX(15px);
		}
	/* q_number end! */

	.top .content01 .pickup { width: 100%; margin: 0 auto; padding: 60px 0 40px; }

	.q_product{margin:0 auto 100px;padding:0 8%;}
	.q_product_item{width:30%;float:left;margin:0 5% 30px 0;box-shadow: 0 0 10px #ddd;}
	.q_product_item:nth-of-type(3n){margin:0 0 30px 0;}
	.q_product_item_txt{padding:15px 20px;}
	.q_product_item_txt h3 a{line-height: 25px;height:25px;font-size: 13px;}
	.q_product_item_txt .q_product_item_more a{font-size: 12px;}

	.top .content02 .products { width: 100%; }
	.top .content03 .information { width: 100%; }
	.top .content03 .information .infoInr .txt-box dt { margin-bottom: 0; padding-bottom: 0; }
	.top .content03 .information .infoInr .txt-box dt::after { display: none; }
	.top .content03 .information .infoInr .txt-box dd { display: none; }
	.top .content04 .bnrArea { width: 100%; }
	.bnrArea ul { width: 100%; }
	.top .content05 .topics { width: 100%; }
	.top .content05 .q_news_item>.topics {padding: 0 10%;}
	.q_news_list{width:100%;margin:0 auto;}
	.q_news_list .q_news_item{padding:15px 20px;}
	.q_news_list .q_news_item .q_news_item_img{width:212px;height:138px;float:left;}
	.q_news_list .q_news_item .q_mews_item_date {width:90px;height:138px;float:right;text-align: right;padding:60px 0 0 ;}
	.q_news_list .q_news_item .q_mews_item_date .q_mews_item_date_small {line-height: 20px;font-size: 14px;}
	.q_news_list .q_news_item .q_mews_item_date .q_mews_item_date_big {line-height: 30px;font-size: 18px;}
	.q_news_list .q_news_item .q_news_item_txt {width:calc(100% - 360px);height:138px;float:left;margin-left: 50px;}
	.q_news_list .q_news_item .q_news_item_txt h3 a{outline: none;display: block;width:100%;height:30px;line-height: 30px;font-size: 18px;font-weight: bold;
		overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
	}
	.q_news_list .q_news_item .q_news_item_txt p{width:100%;margin:10px auto 0;line-height: 25px;height:100px;text-align: justify;font-size: 15px;
		display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;
	}
	.top .content05 .topics dl { width: 960px; margin: 0 auto; }
	.top .content05 .topics dl dt { width: 240px; }
	.top .content05 .topics dl dd { width: 720px; padding: 20px; min-height: 240px; }
	.top .content05 .topics dl dd ul li { padding: 5px 0; line-height: 30px; }
	.top .content05 .topics dl dd ul li a .date { display: inline-block; color: #4B4443; line-height: 30px; font-size: 14px; font-weight: 500; margin-right: 30px; }
	.top .content04 .topBnr { width: 100%; }
	.products .searchArea .searchInr { width: 100%; padding: 40px 10px; }
	.products .listArea .listInr { padding: 40px 10px; }
	.products .listArea h2 { width: 100%; }
	.products .listArea .listInr .inrBox { width: 100%; }
	.products .listArea .listInr .itemBox { padding: 10px; }
	.products .listArea .listInr .itemBox dl dt { padding: 10px; }
	.products .detailCont { width: 100%; padding: 60px 10px; }
	.products .detailCont .mainArea { width: 70%; margin: 0 3% 0 0; }
	.products .detailCont .mainArea .mainInr .leftCont { width: 50%; }
	.products .detailCont .mainArea .mainInr .rightCont { width: 50%; padding: 20px 0 20px 20px; }
	.products .detailCont .mainArea .mainInr .rightCont h2 { padding: 0 0 20px; }
	.products .detailCont .sideCont { width: 27%; float: left; margin: 0; }
	.topics .contInr { width: 100%; padding: 60px 10px; }
	.topics .detailCont { width: 100%; padding: 60px 10px; }
	.company .about { width: 100%; padding: 60px 10px; }
	.company .about .contInr { padding: 60px 0; }
	.company .about table td .map img { max-width: 100%; }
	.company .greeting { width: 100%; padding: 60px 10px; }
	.company .greeting .contInr { padding: 60px 0; }
	.company .works { width: 100%; padding: 60px 0; }
	.company .works .contInr { padding: 60px 0; }
	.company .works .foods .contInr { width: 100%; padding: 30px 10px; }
	.company .works .foods .leftCont { padding: 30px 0; }
	.company .works .foods .rightCont img { max-width: 100%; }
	.company .works .petfood .contInr { width: 100%; padding: 30px 10px; }
	.company .works .petfood .leftCont { padding: 30px 0; }
	.company .works .petfood .rightCont img { max-width: 100%; }
	.company .works .delica .contInr { width: 100%; padding: 30px 10px; }
	.company .works .delica .leftCont { padding: 30px 0; }
	.company .works .delica .rightCont img { max-width: 100%; }
	.company .works .linkBtn img { max-width: 100%; }
	.company .works .recruit .contInr { width: 100%; padding: 30px 10px; }
	.company .works .banner { width: 100%; padding: 30px 10px 0; }
	.eo .cont01 { width: 100%; padding: 50px 10px; }
	.eo .cont01 .contInrL { width: 40%; margin: 0; }
	.eo .cont01 .imgArea { width: 60%; margin: 0; }
	.eo .cont01 .imgArea img { width: 50%; }
	.eo .cont01 .attention { width: 100%; margin-top: 20px; }
	.eo .cont01 .attention dl { width: 75%; margin: 0; float: left; }
	.eo .cont01 .attention .contDisc { width: 25%; margin: 0; float: left; }
	.eo .cont01 .attention .contDisc li { width: 100%; }
	.eo .cont02 { width: 100%; padding: 50px 10px; }
	.eo .cont02 .contInrL { width: 40%; margin: 0; }
	.eo .cont02 .imgArea { width: 60%; margin: 0; }
	.eo .cont02 .imgArea img { width: 50%; }
	.eo .cont03 { width: 100%; padding: 50px 10px; }
	.eo .cont03 .contInrL { width: 40%; margin: 0; }
	.eo .cont03 .contInrR { width: 60%; margin: 0; }
	.eo .cont03 .contInrR .imgArea01 { width: 50%; margin: 0; }
	.eo .cont03 .contInrR .imgArea01 img { width: 100%; }
	.eo .cont03 .contInrR .imgArea02 { width: 50%; }
	.eo .cont03 .contInrR .imgArea02 img { width: 100%; }
	.eo .cont03 .attention { margin-top: 20px; }
	.eo .cont03 .attention dl { width: 50%; margin: 0; }
	.eo .cont03 .attention .contDisc { width: 50%; margin: 0; }
	.eo .cont03 .attention .contDisc li { width: 50%; }
	.eo .cont04 { width: 100%; padding: 0 10px 50px; }
	.eo .cont04 .attention { margin-bottom: 0; }
	.eo .cont04 .attention dl { width: 75%; margin: 0; }
	.eo .cont04 .attention .contDisc { width: 25%; margin: 0; }
	.eo .cont04 .attention .contDisc li { width: 100%; }
	.faq .contInr { width: 100%; padding: 50px 10px; }
	.privacy .contInr { width: 100%; padding: 50px 10px; }
	.sitemap .contInr { width: 100%; padding: 50px 10px; }
	.contact .contInr03 .formArea { width: 100%; padding: 0 10px; }
	.mailmag .contInr .formArea { width: 100%; padding: 0 10px; }
	.campaign_form .contInr .formArea { width: 100%; padding: 0 10px; }
	.ciao_camp .topCatch .title { background-size: contain; }
	.ciao_camp .topCatch .presentCont { width: 100%; }
	.ciao_camp .topCatch .preContInr { width: 100%; max-width: 1000px; }
	.ciao_camp .contInr { width: 100%; max-width: 1000px; padding: 50px 10px; }
	.ciao_camp .cont05 .itemInr dl dt { font-size: 14px; }
	.ciao_camp .cont05 .item5_1 .itemBox { width: 25%; }
	.ciao_camp .listArea .listInr { padding: 40px 10px; }
	.ciao_camp .listArea h2 { width: 100%; }
	.ciao_camp .listArea .listInr .inrBox { width: 100%; }
	.social .contInr { max-width: 1000px; width: 100%; padding: 50px 10px; }
	.download .contInr { max-width: 1200px; width: 100%; padding: 50px 10px; }
	.download .downloadCont02 .newList .catCal { padding: 0 5px 0 0; }
	.download .downloadCont02 .newList .dogCal { padding: 0 0 0 5px; }
	.download .downloadCont03 .pastList .catCal { padding: 0 5px 0 0; }
	.download .downloadCont03 .pastList .dogCal { padding: 0 0 0 5px; }
	.download .catCal a span.size { font-weight: 500; font-size: 14px; }
	.download .dogCal a span.size { font-weight: 500; font-size: 14px; }
	.beauty .contInr { width: 100%; padding: 50px 10px; }
	.beauty .beautyCont01 ul li { margin: 0 10px; width: 160px; height: 160px; }
	.beauty .beautyCont01 ul li span { font-size: 16px; line-height: 25px; padding: 55px 0; }
	.beauty .beautyCont03 .leftCont { padding: 0 10px; }
	.beauty .beautyCont03 .rightCont { padding: 0 10px; }
	.beauty .beautyCont04 .leftCont { padding: 0 10px; }
	.beauty .beautyCont04 .rightCont { padding: 0 10px; }
	.gallery .contInr { width: 100%; padding: 50px 10px; }
	.voice .contInr { width: 100%; padding: 50px 10px; }
	.voice .voiceInr { padding: 40px; }
	.voice .voiceInr dl { padding: 40px; }
	footer .bnrArea ul { width: 100%; }
	footer .footSitemap .siteList { width: 100%; padding: 60px 10px; }
	footer .footSitemap .siteList .listInr { width: 50%; margin: 0; }
	footer .footSitemap .siteList .listInr dl { padding: 0 5px; }
	footer .footSitemap .siteList .listInr dl dt { padding: 5px 10px; border-bottom: 1px solid #CCC7C6; font-size: 14px; font-weight: bold; line-height: 20px; }
	footer .footCopy { width: 100%; padding: 20px 10px; }
	/* q_position start! */
		.q_position{padding:10px 0;}
		.q_position .main1200{width:100%;margin:0 auto;padding:0 20px;}
		.q_position_title{width:50%;float:left;font-size: 18px;color:#111;line-height: 25px;height:25px;font-weight: bold;border-left: 3px solid #f48133;padding-left: 10px;vertical-align: middle;}
		.q_position_main{width:50%;float:right;text-align: right;color:#444;line-height: 25px;height:25px;font-size: 13px;}
	/* q_position end! */
	.q_event_item_date{width:300px;float:left;padding:0 20px 20px;}
	.q_event_item_date_out{width:240px;height:45px;position: relative;border:2px solid #3c73ad;}
	.q_event_item_date_in{width:240px;height:45px;line-height: 45px;border:2px solid #3c73ad;color:#3c73ad; position: absolute;top:-15px;left:-15px;
		text-align: center;font-size: 20px;font-weight: bold;
	}
	.q_event_item_txt{width:calc(100% - 320px);float:right;padding:0 0 20px;}
	.q_event_item_txt_main{width:100%;font-size: 20px;line-height: 30px;}
	.q_event_img{width:100%;margin:30px auto;}
	.q_event_p{width:100%;margin:50px auto 0;}
	.q_event_p p{font-size: 21px;}
}
@media screen and (max-width:960px) {
	.headInr { position: relative; padding: 0 10px; }
	.headInr .gnav { z-index: 88888; display: none; float: none; padding-bottom: 100px; position: fixed; top: 90px; left: 0; right: 0; bottom: 0; overflow-y: auto; background:#FFF5F0; }
	.headInr .gnav::-webkit-scrollbar { display: none; }
	.headInr .gnav li { display: block; padding: 0; border-top: 1px solid #CCC7C6; }
	.headInr .gnav li:last-child { border-bottom: 1px solid #CCC7C6; }
	.headInr .gnav li > .subnav { position: static; overflow: hidden; display: block; border: none; padding: 0; }
	.headInr .gnav li > a { color: #f48133; font-size: 15px; position: static; display: block; padding: 10px; background: url(../images/arrow_right_s.png) no-repeat; background-size: 10px 20px; background-position: center right 20px; }
	.headInr .gnav li > a:hover { opacity: 0.8; }
	.headInr .gnav li.navB > a::before, .headInr .gnav li > a::after { border-bottom: none; }
	.headInr .gnav li.navB > span { color: #f48133; font-size: 15px; display: block; padding: 10px; }
	.headInr .gnav li.navB > span::before, .headInr .gnav li > span::after { border-bottom: none; }
	.headInr .gnav li.contactBtn { padding:0; }
	.headInr .gnav li.contactBtn a { padding: 10px; background: transparent url(../images/arrow_right_s.png) no-repeat; background-size: 10px 20px; background-position: center right 20px; color: #f48133; border-radius: 0; }
	.headInr .gnav li.contactBtn a:hover { padding: 10px; background: transparent url(../images/arrow_right_s.png) no-repeat; background-size: 10px 20px; background-position: center right 20px; color: #f48133; border-radius: 0; }
	.headInr .gnav li.pickBtn { display: block; }
	.headInr .gnav li.topicsBtn { display: block; }
	.headInr .gnav li.privacyBtn { display: block; }
	.headInr .gnav li.mapBtn { display: block; }
	.headInr .gnav li > .subnav div a { width: 25%; padding: 5px 10px; }
	.headInr .gnav li.pickBtn > .subnav div dl dt { padding: 0; height: auto; border: none; }
	.headInr .gnav li.pickBtn > .subnav div dl dt img { width: 100%; }
	.is-animation .headInr .gnav li { padding: 0; }
	.is-animation .headInr .logo { padding: 32px 0 22px; }
	.headInr .menuBox { display: block; width:60px; height:60px; margin: 15px 0; float: right; background:#fff; position: relative; }
	.headInr .menuBox:hover { cursor: pointer; }
	.headInr .menuBtn { display: block; position:absolute; top:14px; right:5px; width:50px; height:32px; background:#4B4443; border-top:15px solid #fff; border-bottom:15px solid #fff; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; }
	.headInr .menuBtn:before { content:''; position:absolute; width:50px; height:2px; background:#4B4443; top:-15px; right:0; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; }
	.headInr .menuBtn:after { content:''; position:absolute; width:50px; height:2px; background:#4B4443; bottom:-15px; right:0; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; }
	.headInr .menuBtn.active { background:#fff; }
	.headInr .menuBtn.active:before { -moz-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); transform:rotate(-135deg); top:0; right:0; }
	.headInr .menuBtn.active:after { -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg); bottom:0; right:0; }
	.top .attentionInfo .infoInr a { text-align: center; font-size: 15px; text-decoration: underline; }
	.top .attentionInfo .infoInr a i { font-size: 18px; }

	.top .content00{width:100%;margin:0 auto;}
	.q_about{width:100%;margin:0 auto;padding:50px 30px;}
	.q_about_l{width:216px;height:312px;float:left;box-shadow: 0 0 30px #ddd;}
	.q_about_r{width:calc(100% - 280px);float:right;}
	.q_about_p{width:100%;margin:5px auto 0;padding: 0 0 0 25px;line-height: 2;font-size: 13px;color:#000;}
	.q_about_p p{width:100%;margin:0 auto;line-height: 2;font-size: 13px;color:#000;text-align:justify;font-family: "黑体"}
	.q_about_p p span{color:#c50505;}
	/* q_number start! */
		.q_number{width:100%;margin:10px auto 0;padding:0;}
		.q_number_main{width:100%;margin:0 auto;padding:0;}
		.q_number_item{width:25%;float:left;padding:0 10px;text-align: center;}
		.q_number_icon{width:100%;margin:0 auto 5px;text-align: center;}
		.q_number_top{font-size: 26px;line-height:30px;color:#c50505;font-weight: bold;}
		.q_number_top .timer{color:#c50505;font-weight: bold;}
		.q_number_top .sub{font-size: 14px;vertical-align: text-top;font-weight: normal;color:#000;}
		.q_number_top .sup{font-size: 12px;vertical-align: text-bottom;font-weight: normal;color:#000;}
		.q_number_txt{width:100%;margin:5px auto 0;padding:0;font-size: 13px;color:#000;line-height: 20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	/* q_number end! */

	.top .content01 .pickup h2 { padding: 0 0 20px; }
	.top .content01 .pickup { padding: 40px 0 30px; }

	.q_product{margin:0 auto 45px;padding:0 8%;}
	.q_product_item{width:30%;float:left;margin:0 5% 30px 0;box-shadow: 0 0 10px #ddd;}
	.q_product_item:nth-of-type(3n){margin:0 0 30px 0;}
	.q_product_item_txt{padding:15px 20px;}
	.q_product_item_txt h3 a{line-height: 25px;height:25px;font-size: 13px;}
	.q_product_item_txt .q_product_item_more a{font-size: 12px;}

	.top .content01 .pickup .slide { padding: 0 20px; }
	.top .content02 .products { padding: 40px 0 20px; }
	.top .content02 .products h2 { padding: 0 0 10px; }
	.top .content02 .products .productsInr { margin: 0 auto; }
	.top .content02 .products .productsInr dl { padding: 0 20px; }
	.top .content02 .products .productsInr dl dt h3 { width: calc(100% - 150px); padding: 20px 0; }
	.top .content02 .products .productsInr dl dt .thumb { width: 150px; }
	.top .content02 .products .productsInr dl dd { padding: 15px 20px; }
	.top .content02 .products .productsInr dl dd ul li a { font-size: 14px; }
	.top .content03 .information { padding: 40px 20px; }
	.top .content03 .information h2 { padding: 0 0 30px; }
	.top .content03 .information .infoInr { padding: 0; }
	.top .content03 .information .infoInr .item { width: 50%; border: 1px solid #fff; }
	.top .content03 .information .infoInr .item a:hover .thumb img { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
	.top .content03 .information .infoInr .item.columnL .thumb { float: right; }
	.top .content03 .information .infoInr .item.columnL .thumb::after { left: 0; border-left: 10px solid #FFEFD2; border-right: none; }
	.top .content03 .information .infoInr .item.columnL .txt-box { float: left; }
	.top .content03 .information .infoInr .txt-box dt { font-size: 14px; }
	.top .content03 .information .infoInr .txt-box dt::after { position: absolute; bottom: 0; left: 50%; width: 50px; height: 1px; background: #F48133; content: ""; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
	.top .content03 .information .infoInr .txt-box dd { font-size: 14px; }
	.bnrArea ul { padding: 40px 0; }
	.top .content04 .topBnr h2 { padding: 0 0 30px; }
	.top .content04 .topBnr { padding: 40px 0 30px; }
	.top .content04 .topBnr ul { padding: 0 10px }
	.top .content04 .topBnr ul li { width: 33.33%; padding: 0 5px; margin: 0 0 10px; }
	.top .content04 .topBnr ul li img { max-width: 100%; }
	.top .content05 .topics { padding: 40px 20px; }
	.q_news_list{width:100%;margin:0 auto;}
	.q_news_list .q_news_item{padding:15px 20px;}
	.q_news_list .q_news_item .q_news_item_img{width:212px;height:138px;float:left;}
	.q_news_list .q_news_item .q_mews_item_date {width:90px;height:138px;float:right;text-align: right;padding:60px 0 0 ;}
	.q_news_list .q_news_item .q_mews_item_date .q_mews_item_date_small {line-height: 20px;font-size: 14px;}
	.q_news_list .q_news_item .q_mews_item_date .q_mews_item_date_big {line-height: 30px;font-size: 18px;}
	.q_news_list .q_news_item .q_news_item_txt {width:calc(100% - 360px);height:138px;float:left;margin-left: 50px;}
	.q_news_list .q_news_item .q_news_item_txt h3 a{outline: none;display: block;width:100%;height:30px;line-height: 30px;font-size: 18px;font-weight: bold;
		overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
	}
	.q_news_list .q_news_item .q_news_item_txt p{width:100%;margin:10px auto 0;line-height: 25px;height:100px;text-align: justify;font-size: 15px;
		display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;
	}
	.top .content05 .topics dl { width: auto; }
	.top .content05 .topics dl dt { float: none; width: 100%; }
	.top .content05 .topics dl dt:before { content: ""; display: block; padding-top: 96px; }
	.top .content05 .topics dl dt h2 { width: 100%; background-size: contain; }
	.top .content05 .topics dl dd { float: none; width: 100%; padding: 10px 20px; min-height: auto; }
	.top .content05 .topics .moreBtn { margin-top: 20px; }
	.products .mainCatch { padding: 60px; }
	.products .searchArea h2 { font-size: 20px; padding: 0 0 10px; }
	.products .searchArea .searchInr { padding: 40px 10px 30px; }
	.products .searchArea .searchInr h3 { padding: 5px 10px; font-size: 16px; }
	.products .searchArea .searchInr .freeword { float: none; width: 100%; padding: 0 0 20px; }
	.products .searchArea .searchInr .btnPro { float: none; width: 100%; padding: 0; }
	.products .searchArea .searchInr .btnPro .btnMore { padding: 0 5px 0 0; }
	.products .searchArea .searchInr .btnPro .btnMore a { font-size: 14px; }
	.products .searchArea .searchInr .btnPro .btnDogfood { padding: 0 0 0 5px; }
	.products .searchArea .searchInr .btnPro .btnDogfood a { font-size: 14px; }
	.products .searchArea .searchInr .btnPro .btnCatfood { padding: 0 0 0 5px; }
	.products .searchArea .searchInr .btnPro .btnCatfood a { font-size: 14px; }
	.products.catfood .searchArea .searchInr .category a dl dt span { padding: 10px; }
	.products.catfood .searchArea .searchInr .category a dl dt span img { max-width: 100%;  }
	.products.catfood .searchArea .searchInr .category a dl dd { font-size: 14px; }
	.products.dogfood .searchArea .searchInr .category a { width: 49%; margin: 0 2% 10px 0; }
	.products.dogfood .searchArea .searchInr .category a:nth-child(2n) {margin: 0 0 10px 0; }
	.products.dogfood .searchArea .searchInr .category a dl dt span { padding: 10px; }
	.products.dogfood .searchArea .searchInr .category a dl dt span img { max-width: 100%;  }
	.products.dogfood .searchArea .searchInr .category a dl dd { font-size: 14px; }
	.products .searchArea .searchInr .series li { width: 49%; margin: 0 2% 10px 0; }
	.products .searchArea .searchInr .series li:nth-child(3n) { margin: 0 2% 10px 0; }
	.products .searchArea .searchInr .series li:nth-child(2n) { margin: 0 0 10px 0; }
	.products .searchArea .searchInr .series li a { font-size: 14px; }
	#search_wrap table tr th { padding: 10px; font-size: 14px; }
	#search_wrap table tr td label { width: 50%; }
	#search_wrap table tr td label .checkbox-parts { font-size: 14px; }
	.products .listArea h2 { font-size: 20px; }
	.products .listArea h2 span { font-size: 22px; }
	.products .listArea .listInr { padding: 30px 10px; }
	.products .listArea .listInr .inrBox { padding: 20px 0; }
	.products .listArea .listInr .itemBox { width: 33.33%; padding: 10px; }
	.products .listArea .listInr .itemBox .newItem { top: 0; left: 0; }
	.products .listArea .listInr .itemBox .finishItem { top: 0; left: 0; }
	.products .listArea .listInr .itemBox dl dt { padding: 10px; border: 1px solid #eaeaea; }
	.products .listArea .moreBtn a { font-size: 14px; }
	.products .detailCont { padding: 40px 10px; }
	.products .detailCont .mainArea { width: 100%; float: none; margin: 0; padding: 0 0 40px; }
	.products .detailCont .mainArea .mainInr .leftCont { width: 50%; }
	.products .detailCont .mainArea .mainInr .rightCont { width: 50%; padding: 20px 0 20px 20px; }
	.products .detailCont .mainArea .mainInr .rightCont h2 { padding: 0 0 20px; }
	.products .detailCont .sideCont { width: 100%; float: none; margin: 0; }
	.products .detailCont .sideCont dl { margin-bottom: 10px; }
	.products .detailCont .sideCont dl dt { font-size: 16px; }
	.products .detailCont .mainArea .itemBox { padding: 10px; }
	.topics .contInr { padding: 40px 10px; }
	.topics .contInr dl { padding: 10px 0; }
	.topics .contInr dl dt { padding: 5px; }
	.topics .contInr dl dd a { padding: 5px; }
	.topics .detailCont { padding: 40px 10px; }
	.topics .detailCont .detailInr h2 { font-size: 20px; }
	.topics .detailCont .detailInr .date { font-size: 13px; padding: 0; }
	.contact .contInr { width: 100%; padding: 40px 10px; }
	.contact .contInr01 .info { padding: 10px; }
	.contact .contInr01 .info h2 { font-size: 20px; padding: 0 0 20px; }
	.contact .contInr01 .info ul { padding: 0 0 20px; }
	.contact .contInr01 .info ul li { padding: 5px 0; }
	.contact .contInr02 { padding: 30px; }
	.contact .contInr02 h2 { font-size: 20px; padding: 0 0 20px; }
	.contact .contInr02 .telArea { padding: 40px 10px; }
	.contact .contInr02 .telArea p { font-size: 16px; padding: 20px 0; }
	.contact .contInr02 .telArea dl dd div { text-align: left; }
	.contact .contInr02 .telArea dl dd p { font-size: 13px; }
	.contact .contInr02 .telArea .attention { font-size: 14px; padding: 20px 0 0; }
	.contact .contInr03 { padding: 0 0 50px; }
	.contact.confirm .contInr03 { padding: 30px 0 50px; }
	.contact.finish .contInr03 { padding: 30px 0 50px; }
	.contact .contInr03 h2 { font-size: 20px; padding: 0 0 20px; }
	.contact .contInr03 .disc { font-size: 14px; padding: 0 0 20px; }
	.contact.finish .contInr03 p { font-size: 14px; padding: 0 0 30px; }
	.contact .contInr03 .formArea dl dt { width: 100%; float: none; font-size: 14px; line-height: 30px; padding: 10px; }
	.contact.confirm .contInr03 .formArea dl dt { width: 100%; float: none; font-size: 14px; line-height: 30px; padding: 10px; }
	.contact .contInr03 .formArea dl dt.required:after { top: 15px; }
	.contact .contInr03 .formArea dl dt.any:after { top: 15px; }
	.contact .contInr03 .formArea dl dd { width: 100%; float: none; font-size: 14px; padding: 10px; }
	.contact.confirm .contInr03 .formArea dl dd { width: 100%; float: none; font-size: 14px; padding: 10px; }
	.contact .contInr03 .formArea dl dd span { line-height: 30px; }
	.contact .contInr03 .formArea dl dd input[type="text"] { width: 100%; font-size: 14px; line-height: 20px; }
	.contact .contInr03 .formArea dl dd textarea { font-size: 14px; }
	.contact .contInr03 .formArea dl dd label { line-height: 30px; padding: 0 30px; font-size: 14px; }
	.contact .contInr03 .formArea .btnArea { display: block; }
	.contact .contInr03 .formArea .btnArea li { width: 80%; float: none; padding: 5px 0; }
	.contact .contInr03 .formArea .btnArea li a { padding: 5px; font-size: 14px; border-radius: 20px; }
	.formArea .errorwrap h3 { font-size: 14px; }
	.formArea .errorwrap ul { font-size: 14px; }
	.formArea .errorwrap li { font-size: 14px; }
	.mailmag .contInr { width: 100%; padding: 30px 0 50px; }
	.mailmag .contInr h2 { font-size: 20px; padding: 0 0 20px; }
	.mailmag .contInr .disc { font-size: 14px; padding: 0 0 20px; }
	.mailmag .contInr .formArea .formInr { padding: 0 0 30px; }
	.mailmag .contInr .formArea dl dt { width: 100%; float: none; font-size: 14px; line-height: 30px; padding: 10px; }
	.mailmag .contInr .formArea dl dt.required:after { top: 15px; }
	.mailmag .contInr .formArea dl dd { width: 100%; float: none; font-size: 14px; padding: 10px; }
	.mailmag .contInr .formArea dl dd span { display: block; line-height: 30px; }
	.mailmag .contInr .formArea dl dd input[type="text"] { width: 100%; font-size: 14px; line-height: 20px; }
	.mailmag.confirm .contInr .formArea dl dt { width: 100%; float: none; font-size: 14px; line-height: 30px; padding: 10px; }
	.mailmag.confirm .contInr .formArea dl dd { width: 100%; float: none; font-size: 14px; padding: 10px; }
	.mailmag.finish .contInr p { font-size: 14px; padding: 0 0 30px; }
	.mailmag .contInr .formArea .btnArea { display: block; }
	.mailmag .contInr .formArea .btnArea li { width: 80%; float: none; padding: 5px 0; }
	.mailmag .contInr .formArea .btnArea li a { padding: 5px; font-size: 14px; border-radius: 20px; }
	.mailmag .contInr .formArea .subBtnArea { padding: 20px 0 0; }
	.mailmag .contInr .formArea dl dd .checkbox-parts{ padding-left: 30px; position:relative; margin-right: 20px; }
	.mailmag .contInr .formArea dl dd .checkbox-parts::before{ content: ""; display: block; position: absolute; top: 4px; left: 0; width: 20px; height: 20px; border: 1px solid #CCC7C6; background: #fff; border-radius: 0; }
	.mailmag .contInr .formArea dl dd .checkbox-input:checked + .checkbox-parts{ color: #f48133; }
	.mailmag .contInr .formArea dl dd .checkbox-input:checked + .checkbox-parts::after{ content: ""; display: block; position: absolute; top: 5px; left: 6px; width: 6px; height: 12px; transform: rotate(40deg); border-bottom: 3px solid #f48133; border-right: 3px solid #f48133; }
	.campaign_form .contInr { width: 100%; padding: 30px 0 50px; }
	.campaign_form .contInr h2 { font-size: 20px; padding: 0 0 20px; }
	.campaign_form .contInr .disc { font-size: 14px; padding: 0 0 20px; }
	.campaign_form .contInr .formArea dl dt { width: 100%; float: none; font-size: 14px; line-height: 30px; padding: 10px; }
	.campaign_form .contInr .formArea dl dt.required:after { top: 15px; }
	.campaign_form .contInr .formArea dl dt.any:after { top: 15px; }
	.campaign_form .contInr .formArea dl dd { width: 100%; float: none; font-size: 14px; padding: 10px; }
	.campaign_form .contInr .formArea dl dd span { line-height: 30px; }
	.campaign_form .contInr .formArea dl dd input[type="text"] { width: 100%; font-size: 14px; line-height: 20px; }
	.campaign_form .contInr .formArea dl dd textarea { font-size: 14px; }
	.campaign_form.confirm .contInr .formArea dl dt { width: 100%; float: none; font-size: 14px; line-height: 30px; padding: 10px; }
	.campaign_form.confirm .contInr .formArea dl dd { width: 100%; float: none; font-size: 14px; padding: 10px; }
	.campaign_form.finish .contInr p { font-size: 14px; padding: 0 0 30px; }
	.campaign_form .contInr .formArea .btnArea { display: block; }
	.campaign_form .contInr .formArea .btnArea li { width: 80%; float: none; padding: 5px 0; }
	.campaign_form .contInr .formArea .btnArea li a { padding: 5px; font-size: 14px; border-radius: 20px; }
	.company h2 { font-size: 20px; }
	.company .about { padding: 30px 10px; }
	.company .about .contInr { padding: 30px 0; }
	.company .about table th { padding: 10px; }
	.company .about table td { padding: 10px; }
	.company .about table td .map { float: none; width: 100%; }
	.company .about table td dl.fBox { float: none; width: 100%; padding: 10px 0 0; }
	.company .greeting { padding: 30px 10px; }
	.company .greeting .contInr { padding: 30px 0; }
	.company .greeting .contInr h3 { font-size: 16px; line-height: 1.5; }
	.company .greeting .contInr p { font-size: 14px; line-height: 1.5; }
	.company .works { padding: 30px 0; }
	.company .works h3 { font-size: 20px; padding: 0 0 20px; }
	.company .works p { font-size: 14px; padding: 0 0 20px; }
	.company .works .linkBtn a { padding: 10px 30px; }
	.company .works .linkBtn a img { max-width: 100%; }
	.company .works .foods .rightCont { padding: 10px 20px; }
	.company .works .petfood .rightCont { padding: 10px 20px; }
	.company .works .delica .rightCont { padding: 10px 20px; }
	.company .works .recruit .contInr .linkBtn a { display: block; width: 100%; text-align: center; padding: 20px 50px; }
	.eo h2 { padding: 5px 10px; font-size: 20px; }
	.eo .contInrL p { font-size: 14px; }
	.eo .cont01 { padding: 40px 10px; }
	.eo .cont01 .contInrL { width: 50%; }
	.eo .cont01 .imgArea { width: 50%; }
	.eo .cont02 { padding: 40px 10px; }
	.eo .cont02 .contInrL { width: 50%; }
	.eo .cont02 .imgArea { width: 50%; }
	.eo .cont03 { padding: 40px 10px; }
	.eo .cont03 .contInrL { width: 50%; }
	.eo .cont03 .contInrR { width: 50%; }
	.eo .cont04 { padding: 0 10px 40px; }
	.faq .contInr h2 { font-size: 20px; padding: 0 0 20px; }
	.faq .contInr p { font-size: 14px; padding: 0 0 20px; }
	.faq .contInr .cont01 { padding: 5px 0; }
	.faq .contInr .cont02 { padding: 5px 0; }
	.faq .contInr .cont03 { padding: 5px 0; }
	.faq .contInr .cont04 { padding: 5px 0; }
	.faq .contInr .cont05 { padding: 5px 0; }
	.faq .contInr .cont06 { padding: 5px 0; }
	.faq .contInr .question dt { width: 36px; height: 36px; line-height: 36px; font-size: 16px; border-radius: 18px; }
	.faq .contInr .question dd { padding: 8px 0 8px 45px; font-size: 14px; line-height: 20px; }
	.faq .contInr .answer dt { width: 36px; height: 36px; line-height: 36px; font-size: 16px; border-radius: 18px; }
	.faq .contInr .answer dd { padding: 8px 0 8px 45px; font-size: 14px; line-height: 20px; }
	.faq .contInr .answer .case { padding: 5px 0 5px 45px; }
	.faq .contInr .cont01 .answer .caseImg { padding: 5px 0 5px 45px; }
	.faq .contInr .cont01 .answer .caseImg img { max-width: 100%; }
	.faq .contInr .cont02 .answer .case { padding: 5px 0 5px 20px; }
	.faq .contInr .cont01 .answer .case h3 { font-size: 14px; }
	.faq .contInr .cont01 .answer .case p { font-size: 14px; }
	.faq .contInr .cont02 .answer .case table th { font-size: 14px; font-weight: 500; }
	.faq .contInr .cont02 .answer .case table td { font-size: 14px; font-weight: 500; padding: 0 0 0 20px; }
	.privacy .contInr h2 { font-size: 20px; padding: 0 0 20px; }
	.privacy .contInr p { font-size: 14px; padding: 0 0 20px; }
	.privacy .contInr dl { padding: 10px 0; }
	.privacy .contInr dl dt { font-size: 14px; margin: 0 auto 10px; }
	.privacy .contInr dl dd { font-size: 14px; }
	.privacy .contInr table th { font-size: 14px; padding: 5px; }
	.privacy .contInr table td { font-size: 14px; padding: 5px; }
	.sitemap .contInr { padding: 40px 10px; }
	.sitemap .contInr h2 { font-size: 20px; }
	.sitemap .siteList .listInr p { font-size: 14px; }
	.sitemap .siteList .listInr ul li { font-size: 14px; }
	.ciao_camp .campInfo { padding: 50px 10px; }
	.ciao_camp .campInfo .hs02 { font-size: 20px; padding: 30px 0; margin: 0 auto 30px; }
	.ciao_camp .campInfo .hs02 span { font-size: 20px; }
	.ciao_camp .campInfo .infoInr { width: 100%; }
	.ciao_camp .campInfo .campDesc01 { padding: 0 0 30px; }
	.ciao_camp .campInfo .campDesc01 dt { font-size: 20px; }
	.ciao_camp .campInfo .campDesc01 dd p { font-size: 14px; }
	.ciao_camp .campInfo .contactBtn { padding: 0 0 30px; }
	.ciao_camp .campInfo table th { padding: 10px; }
	.ciao_camp .campInfo table td { padding: 10px; }
	.ciao_camp .topCatch .preContInr h2 .info01 { font-size: 30px; }
	.ciao_camp .topCatch .preContInr h2 .info02  { font-size: 20px; }
	.ciao_camp .topCatch .preContInr .listTit { font-size: 30px; }
	.ciao_camp .topCatch .preContInr .listDisc { font-size: 16px; }
	.ciao_camp .topCatch .preContInr .preTit h3 { float: none; font-size: 20px; }
	.ciao_camp .topCatch .preContInr .preTit p { float: none; width: 100%; padding: 10px 0; font-size: 16px; }
	.ciao_camp .topCatch .preContInr .preImg .preItem { width: 50%; margin: 0 auto; }
	.ciao_camp .topCatch .preContInr .preImg .preListBtn a { font-size: 14px; }
	.ciao_camp .topCatch .icon50 { width: 80px; }
	.ciao_camp .topCatch .icon50 img { max-width: 80px; }
	.ciao_camp .dateArea { text-shadow: rgba(0,0,0,0.5) 1px 1px 1px; }
	.ciao_camp .dateArea .titY { font-size: 20px; }
	.ciao_camp .dateArea .titW { font-size: 20px; }
	.ciao_camp .dateArea .infoS { font-size: 14px; }
	.ciao_camp .contInr { padding: 40px 10px; }
	.ciao_camp .contInr h2 { font-size: 20px; padding: 0 0 20px; }
	.ciao_camp .cont01 p { font-size: 16px; }
	.ciao_camp .cont01 .item img { width: 100%; max-width: 350px; }
	.ciao_camp .cont02 dl dt { width: 36px; height: 36px; line-height: 36px; font-size: 16px; border-radius: 18px; }
	.ciao_camp .cont02 dl dd { padding: 10px 0 10px 45px; font-size: 14px; line-height: 18px; }
	.ciao_camp .cont02 dl dd .link { font-size: 14px; }
	.ciao_camp .cont02 dl dd table th { padding: 10px; font-size: 14px; }
	.ciao_camp .cont02 dl dd table td { padding: 10px; font-size: 14px; }
	.ciao_camp .cont02 ul { margin: 20px auto 0; padding: 10px; }
	.ciao_camp .cont02 ul li { padding: 5px 10px; font-size: 14px; }
	.ciao_camp .cont03 ul li a { padding: 10px; font-size: 14px; }
	.ciao_camp .cont04 p { font-size: 14px; padding: 0 0 20px; }
	.ciao_camp .cont04 .example { padding: 0 50px 20px; }
	.ciao_camp .cont04 .example dl dd { font-size: 14px; }
	.ciao_camp .cont04 table { margin: 0 auto 20px; }
	.ciao_camp .cont04 table th { padding: 10px; font-size: 14px; }
	.ciao_camp .cont04 table td { padding: 10px; font-size: 14px; }
	.ciao_camp .cont04 ul { padding: 10px; }
	.ciao_camp .cont04 ul li { padding: 5px 10px; font-size: 14px; }
	.ciao_camp .cont05 p { font-size: 14px; padding: 0 0 20px; }
	.ciao_camp .cont05 h3 { padding: 5px 10px; font-size: 16px; }
	.ciao_camp .cont05 .item5_1 .itemBox { width: 33.33%; }
	.ciao_camp .cont05 .item2_1 .itemBox { width: 50%; }
	.ciao_camp .cont05 .item1_1 .itemBox { width: 50%; }
	.ciao_camp .cont05 .item1_2 { padding: 0 5px; width: 50%; margin: 0 auto; }
	.ciao_camp .cont05 .item1_3 { padding: 0 5px; width: 50%; }
	.ciao_camp .cont06 .telbox { padding: 20px 10px; }
	.ciao_camp .cont06 .telbox dt { font-size: 20px; }
	.ciao_camp .cont06 .telbox dt a { font-size: 20px; }
	.ciao_camp .cont06 .telbox dd { font-size: 14px; font-weight: 500; }
	.ciao_camp .listArea h2 { font-size: 20px; }
	.ciao_camp .listArea h3 { padding: 5px 10px; font-size: 16px; }
	.ciao_camp .listArea .listInr { padding: 30px 10px; }
	.ciao_camp .listArea .listInr .inrBox { padding: 20px 0; }
	.ciao_camp .listArea .listInr .itemBox { width: 33.33%; padding: 10px; }
	.ciao_camp .listArea .listInr .itemBox .newItem { top: 0; left: 0; }
	.ciao_camp .listArea .listInr .itemBox .finishItem { top: 0; left: 0; }
	.ciao_camp .listArea .listInr .itemBox dl dt { padding: 10px; border: 1px solid #eaeaea; }
	.ciao_camp .listArea .listInr .itemBox dl dt img { max-width: 120px; }
	.social .contInr { padding: 40px 10px; }
	.social .contInr h2 { font-size: 20px; }
	.social .socialCont .socialInr { border-bottom: 1px dotted #CCC7C6; margin: 0; }
	.social .socialCont .iconHead { font-size: 16px; padding: 10px 0 10px 35px; line-height: 25px; margin-bottom: 0; }
	.social .socialCont .facebook .iconHead { background-size: 25px 25px; }
	.social .socialCont .instagram .iconHead { background-size: 25px 25px; }
	.social .socialCont .twitter .iconHead { background-size: 25px 25px; }
	.social .socialCont .youtube .iconHead { background-size: 25px 25px; }
	.social .socialCont .thumb { width: 84px; }
	.social .socialCont dl { width: calc( 100% - 84px); padding: 0; }
	.social .socialCont dl .tit { font-size: 16px; }
	.social .socialCont dl .disc { font-size: 14px; }
	.social .socialCont dl .link { font-size: 14px; }
	.download .contInr { padding: 40px 10px; }
	.download .downloadCont01 h2 { font-size: 20px; }
	.download .downloadCont02 h2 { font-size: 20px; }
	.download .downloadCont03 h2 { font-size: 20px; }
	.download .downloadCont03 h3 { font-size: 16px; }
	.beauty .contInr { padding: 40px 10px; }
	.beauty .contInr h2 { font-size: 20px; }
	.beauty .contInr p { font-size: 14px; }
	.beauty .beautyCont01 ul { font-size: 0; }
	.beauty .beautyCont01 ul li { width: 140px; height: 140px; margin: 0 5px 10px; }
	.beauty .beautyCont01 ul li span { font-size: 13px; line-height: 20px; padding: 50px 0; }
	.beauty .beautyCont03 h3 { padding: 5px 10px; font-size: 16px; }
	.beauty .beautyCont03 .leftCont { float: none; width: 100%; padding: 0 10px 30px; }
	.beauty .beautyCont03 .rightCont { float: none; width: 100%; }
	.beauty .beautyCont03 .rightCont dl dt { width: 36px; height: 36px; line-height: 36px; font-size: 16px; border-radius: 18px; }
	.beauty .beautyCont03 .rightCont dl dd{ padding: 10px 0 10px 45px; font-size: 14px; line-height: 16px; }
	.beauty .beautyCont04 .attention { padding: 30px 00 ; }
	.beauty .beautyCont04 .attention span { font-size: 18px; }
	.beauty .beautyCont04 dl dt { font-size: 16px; }
	.beauty .beautyCont04 dl dd { font-size: 14px; }
	.beauty .beautyCont05 .inrCont01 .tit { font-size: 16px; }
	.beauty .beautyCont05 .inrCont02 .tit { font-size: 16px; }
	.beauty .beautyCont05 .inrCont03 .tit { font-size: 16px; }
	.beauty .beautyCont05 dl dd { font-size: 14px; }
	.gallery .contInr { padding: 40px 10px; }
	.gallery .contInr h2 { font-size: 20px; }
	.gallery .galleryCont .movieBtn dl dt { font-size: 18px; padding: 20px 0; }
	.gallery .galleryCont .movieBtn dl dd img { width: 75%; max-width: 300px; } 
	.gallery .galleryCont #catMovie h2 { font-size: 20px; }
	.gallery .galleryCont #dogMovie h2 { font-size: 20px; }
	.gallery .movieInr01 { padding: 0 10px 30px; }
	.gallery .movieInr01 h3 { font-size: 18px; }
	.gallery .contInr a { width: 33.33%; }
	.gallery .contInr dl { padding: 0 10px; }
	.gallery .contInr dl dd { font-size: 14px; }
	.voice .contInr { padding: 40px 10px; }
	.voice .voiceCont h2 { font-size: 20px; }
	.voice .voiceInr { padding: 30px 10px 0 10px; }
	.voice .voiceInr dl { padding: 30px; }
	.voice .voiceInr dl .newIcon { width: 60px; height: 60px; line-height: 60px; font-size: 14px; left: -10px; }
	.voice .voiceInr dl dt { font-size: 18px; padding: 0 0 20px; }
	.voice .voiceInr dl dt span { font-size: 14px; }
	.voice .voiceInr dl .message { padding: 20px 0 10px; }
	.voice .voiceInr dl .message p { font-size: 14px; }
	.voice .voiceInr dl .date{ font-size: 14px; padding: 20px 0 0; }
	footer .footSitemap .siteList { padding: 40px 10px; }
	footer .footSitemap .siteList .listInr { float: none; width: 100%; margin: 0; }
	footer .footSitemap .siteList .listInr dl { padding: 0 5px 20px; }
	footer .footSitemap .siteList .listInr dl.inrBox { padding-top: 0; }
	footer .footSitemap .siteList .listInr dl dt { padding: 5px 10px; border-bottom: 1px solid #CCC7C6; font-size: 14px; font-weight: bold; line-height: 20px; }
	footer .footSitemap .siteList .listInr dl dd { font-size: 13px; padding: 5px 10px; }
	footer .footSitemap .siteList .listInr dl dd:hover { padding: 5px 10px; }
	footer .footSitemap .siteList .listInr .inrBox.lang dd:hover { padding: 5px 10px; }
	footer .footCopy { width: 100%; }
	footer .footCopy .logo { width: 240px; }
	footer .footCopy .copyright { font-size: 11px; }
	.pagetop { bottom: 20px; right: 20px; }
	/* q_position start! */
		.q_position{padding:10px 0;}
		.q_position .main1200{width:100%;margin:0 auto;padding:0 20px;}
		.q_position_title{width:50%;float:left;font-size: 18px;color:#111;line-height: 25px;height:25px;font-weight: bold;border-left: 3px solid #f48133;padding-left: 10px;vertical-align: middle;}
		.q_position_main{width:50%;float:right;text-align: right;color:#444;line-height: 25px;height:25px;font-size: 13px;}
	/* q_position end! */
	.q_event_item_date{width:240px;float:left;padding:0 17px 15px;}
	.q_event_item_date_out{width:200px;height:40px;position: relative;border:2px solid #3c73ad;}
	.q_event_item_date_in{width:200px;height:40px;line-height: 40px;border:2px solid #3c73ad;color:#3c73ad; position: absolute;top:-12px;left:-12px;
		text-align: center;font-size: 17px;font-weight: bold;
	}
	.q_event_item_txt{width:calc(100% - 270px);float:right;padding:0 0 20px;}
	.q_event_item_txt_main{width:100%;font-size: 17px;line-height: 25px;}
	.q_event_img{width:100%;margin:20px auto;}
	.q_event_p{width:100%;margin:30px auto 0;}
	.q_event_p_top{margin:30px auto;}
	.q_event_p p{font-size: 18px;}
}
@media screen and (max-width:600px) {
	#container { padding-top: 80px; padding-bottom: 0; }
	.headInr { padding: 0 10px; }
	.headInr .logo { padding: 14px 0 13px; }
	.headInr .logo img { width: 125px; }
	.headInr .logo .pcShow { display: none; }
	.headInr .logo .spShow { display: block; }
	.headInr .menuBox { margin: 10px 0; }
	.headInr .menuBtn { top: 16px; right: 10px; width: 40px; height: 28px; border-top: 13px solid #fff; border-bottom: 13px solid #fff; }
	.headInr .menuBtn:before { width: 40px; top: -13px; }
	.headInr .menuBtn:after { width: 40px; bottom: -13px; }
	.headInr .gnav { top: 80px; }
	.headInr .gnav li > .subnav div a { width: 50%; box-sizing: border-box; }
	.top .content01 .pickup { padding: 30px 0; }
	.top .content01.content0011 .pickup  h2 img {max-width: 180px; }

	.q_about{width:100%;margin:0 auto;padding:35px 20px;}
	.q_about_l{width:100%;height:auto;padding:0;float:none;box-shadow: 0 0 30px #ddd;}
	.q_about_r{width:100%;float:none;margin:20px auto 0;}
	.q_about_p{width:100%;margin:5px auto 0;padding: 0 0 0 25px;line-height: 2;font-size: 13px;color:#000;}
	.q_about_p p{width:100%;margin:0 auto;line-height: 2;font-size: 13px;color:#000;text-align:justify;font-family: "黑体"}
	.q_about_p p span{color:#c50505;}
	/* q_number start! */
		.q_number{width:100%;margin:10px auto 0;padding:0;}
		.q_number_main{width:100%;margin:0 auto;padding:0;}
		.q_number_item{width:25%;float:left;padding:0 10px;text-align: center;}
		.q_number_icon{width:100%;margin:0 auto 5px;text-align: center;}
		.q_number_top{font-size: 23px;line-height:30px;color:#c50505;font-weight: bold;}
		.q_number_top .timer{color:#c50505;font-weight: bold;}
		.q_number_top .sub{font-size: 13px;vertical-align: text-top;font-weight: normal;color:#000;}
		.q_number_top .sup{font-size: 11px;vertical-align: text-bottom;font-weight: normal;color:#000;}
		.q_number_txt{width:100%;margin:5px auto 0;padding:0;font-size: 12px;color:#000;line-height: 20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	/* q_number end! */

	.q_product{margin:0 auto 30px;padding:0 20px;}
	.q_product_item{width:48%;float:left;margin:0 4% 20px 0;box-shadow: 0 0 10px #ddd;}
	.q_product_item:nth-of-type(3n){margin:0 4% 20px 0;}
	.q_product_item:nth-of-type(2n){margin:0 0 20px 0;}
	.q_product_item_txt{padding:15px 20px;}
	.q_product_item_txt h3 a{line-height: 25px;height:25px;font-size: 13px;}
	.q_product_item_txt .q_product_item_more a{font-size: 12px;}
	.q_product_item:hover{
		-moz-transform:scale(1,1);
		-ms-transform:scale(1,1);
		-o-transform:scale(1,1);
		-webkit-transform:scale(1,1);
		transform:scale(1,1);
	}


	.top .content01 .pickup h2 { padding: 0 0 20px; }
	.top .content01 .pickup h2 img { width: 225px;}
	.top .content01 .pickup{ padding: 0 20px;}
	.top .content01 .pickup .slide { padding: 0 5px; width:100%!important;margin:0 auto 15px;}
	.top .content01 .pickup li { padding: 5px; }
	.top .content02 { background: #FBBFC0; }
	.top .content02 .products { padding: 30px 0 0; }
	.top .content02 .products h2 { padding: 0 0 20px; }
	.top .content02 .products h2 img { width: 225px; height: 57px; }
	.top .content02 .products .productsInr { margin: 0 auto; }
	.top .content02 .products .productsInr dl.catfood { float: none; width: 100%; padding: 0 20px 20px; background: #FBBFC0; }
	.top .content02 .products .productsInr dl.dogfood { float: none; width: 100%; padding: 20px; background: #99D3C0; }
	.top .content02 .products .productsInr dl dt h3 { padding: 30px 0; }
	.top .content02 .products .productsInr dl dt h3 img { width: 100px; }
	.top .content03 { display: none; }
	.top .content03 .information { padding: 30px 20px; }
	.top .content03 .information h2 { padding: 0 0 20px; }
	.top .content03 .information h2 img { width: 225px; height: 57px; }
	.top .content03 .information .infoInr { padding: 0; }
	.top .content03 .information .infoInr .item .thumb { width: 100%; }
	.top .content03 .information .infoInr .item.columnR .thumb { float: none; }
	.top .content03 .information .infoInr .item.columnR .thumb::after { display: none; }
	.top .content03 .information .infoInr .item.columnR .txt-box { float: none; width: 100%; }
	.top .content03 .information .infoInr .item.columnL .thumb { float: none; }
	.top .content03 .information .infoInr .item.columnL .thumb::after { display: none; }
	.top .content03 .information .infoInr .item.columnL .txt-box { float: none; width: 100%; }
	.top .content03 .information .infoInr .txt-box .inner { position: static; width: 100%; }
	.top .content03 .information .infoInr .txt-box dl { position: static; top: 0; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
	.top .content03 .information .infoInr .txt-box dt { padding: 10px 0; }
	.top .content04 .topBnr { padding: 30px 10px 20px; }
	.top .content04 .topBnr h2 { padding: 0 0 20px; }
	.top .content04 .topBnr h2 img { width: 225px; height: 57px; }
	.top .content04 .topBnr ul li { width: 50%; }
	.bnrArea ul { padding: 40px 0; }
	.top .content05 .topics { padding: 25px 20px; }
	.top .content05 .topics h2 img{max-width: 180px;}
	.top .content05 .q_news_item>.topics {padding: 0 5%;}
	.q_news_list{width:100%;margin:0 auto;}
	.q_news_list .q_news_item{padding:15px 20px;}
	.q_news_list .q_news_item .q_news_item_img{width:100px;height:65px;float:left;}
	.q_news_list .q_news_item .q_mews_item_date {width:70px;height:65px;float:right;text-align: right;padding:20px 0 0;}
	.q_news_list .q_news_item .q_mews_item_date .q_mews_item_date_small {line-height: 15px;font-size: 12px;}
	.q_news_list .q_news_item .q_mews_item_date .q_mews_item_date_big {line-height: 25px;font-size: 15px;}
	.q_news_list .q_news_item .q_news_item_txt {width:calc(100% - 215px);height:65px;float:left;margin-left: 20px;}
	.q_news_list .q_news_item .q_news_item_txt h3 a{width:100%;height:25px;line-height: 25px;font-size: 15px;font-weight: normal;}
	.q_news_list .q_news_item .q_news_item_txt p{margin:5px auto 0;line-height: 20px;height:40px;text-align: justify;font-size: 12px;
		display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
	}
	.q_news_more a{padding:5px 30px;border-radius:10px;border:1px solid #333;font-size: 13px;}
	.top .content05 .topics dl dt:before { padding-top: 48px; }
	.top .content05 .topics dl dt h2 { position:static; padding: 0; margin-top: -43px; }
	.top .content05 .topics dl dt h2 img { width: 150px; height: 57px; }
	.top .content05 .topics dl dd { padding: 0 20px 10px; }
	.top .content05 .topics dl dd ul li { padding: 5px 0; line-height: 30px; border-bottom: 1px solid #CCC7C6; }
	.top .content05 .topics dl dd ul li a { display: block; color: #4B4443; line-height: 30px; font-size: 14px; font-weight: bold; text-decoration: none; }
	.top .content05 .topics dl dd ul li a .date { display: block; color: #4B4443; line-height: 30px; font-size: 14px; font-weight: 500; margin-right: 50px; }
	.top .content05 .topics .moreBtn { margin-top: 20px; }
	.top .content05 .topics .moreBtn a { width: 100%; padding: 5px 5px; border-radius: 20px; font-size: 14px; }
	.products.catfood .mainCatch { padding: 40px; }
	.products.dogfood .mainCatch { padding: 40px; }
	.products .mainCatch img { width: 200px; }
	.products .searchArea .searchInr { padding: 30px 10px; }
	.products .searchArea .searchInr .btnPro br { display: block; }
	.products .searchArea .searchInr .btnPro .btnMore a { padding: 10px; }
	.products .searchArea .searchInr .btnPro .btnDogfood a { padding: 10px; background-image: none; text-align: center; }
	.products .searchArea .searchInr .btnPro .btnCatfood a { padding: 10px; background-image: none; text-align: center; }
	.products .searchArea .searchInr .series li { width: 100%; margin: 0; }
	.products .searchArea .searchInr .series li:nth-child(2n) { margin: 0; }
	.products .searchArea .searchInr .series li:nth-child(3n) { margin: 0; }
	.products .searchArea .searchInr .series li a { padding: 10px; }
	.products .listArea .listInr .itemBox { width: 50%; padding: 10px; }
	.products .listArea .moreBtn a { width: 100%; padding: 5px 5px; border-radius: 20px; font-size: 14px; }
	.products .flavorBtn a { width: 100%; padding: 5px 5px; border-radius: 20px; font-size: 14px; }
	#search_wrap table tr td label { width: 100%; }
	#search_wrap table tr td label .checkbox-parts { margin: 0; }
	.detailsearchBtnDog a { width: 100%; padding: 5px 5px; border-radius: 20px; font-size: 14px; }
	.backBtn { margin-top: 20px; }
	.backBtn a { width: 100%; padding: 5px 5px; border-radius: 20px; font-size: 14px; }
	.products .detailCont { padding: 0 10px 30px; }
	.products .detailCont .mainArea .mainInr { padding: 0 0 20px; }
	.products .detailCont .mainArea .mainInr .leftCont { float: none; width: 100%; padding: 20px; }
	.products .detailCont .mainArea .mainInr .leftCont:before { padding-top: 0; }
	.products .detailCont .mainArea .mainInr .leftCont img { width: auto; max-width: 100%; position: static; }
	.products .detailCont .mainArea .mainInr .rightCont { width: 100%; float: none; padding: 10px 0; }
	.products .detailCont .mainArea .mainInr .rightCont h2 { padding: 0 0 10px; font-size: 18px; margin: 0; }
	.products .detailCont .mainArea .mainInr .rightCont h2 span { font-size: 20px; }
	.products .detailCont .mainArea .mainInr .rightCont p { padding: 0 0 10px; font-size: 14px; }
	.products .detailCont .mainArea .mainInr .rightCont ul li { font-size: 14px; line-height: 28px; }
	.products .detailCont .mainArea .inrBox { padding: 0 0 20px; }
	.products .detailCont .mainArea .itemBox { width: 50%; }
	.products .detailCont .mainArea .detailTable h3 { text-align: left; font-size: 18px; }
	.products .detailCont .mainArea .detailTable>.clear {padding:20px 0 10px; }
	.detailCont .sideCont dl dd a:hover { padding: 10px 10px 10px 30px; }
	.pagenation ul { padding: 10px 0 30px; }
	.topics .mainCatch { padding: 40px; }
	.topics .mainCatch img { width: 200px; }
	.topics .contInr { padding: 30px 10px; }
	.topics .contInr dl dt { float: none; width: 100%; padding: 0; text-align: left; }
	.topics .contInr dl dd { float: none; width: 100%; }
	.topics .contInr dl dd a { padding: 0; }
	.topics .detailCont { padding: 30px 10px; }
	.topics .detailCont .detailInr { padding: 0; }
	.topics .detailCont .detailInr p { font-size: 14px; }
	.contact .mainCatch { padding: 40px; }
	.contact .mainCatch img { width: 200px; }
	.contact .contInr01 { padding: 10px 0; }
	.contact .contInr01 .info h2 { font-size: 20px; padding: 0 0 10px; }
	.contact .contInr01 .info .faqBtn { width: 80%; margin: 0 auto; }
	.contact .contInr01 .info .faqBtn a { width: 100%; padding: 5px 5px; border-radius: 20px; font-size: 14px; }
	.contact .contInr02 { padding: 20px 10px; }
	.contact .contInr02 h2 { font-size: 20px; padding: 0 0 10px; }
	.contact .contInr02 .telArea { padding: 20px 10px; }
	.contact .contInr02 .telArea p { font-size: 15px; line-height: 1.2; padding: 0 0 20px; }
	.contact .contInr02 .telArea dl dt img { width: 35px; }
	.contact .contInr02 .telArea dl dd img { width: 220px; }
	.contact .contInr02 .telArea p.time { font-size: 12px; }
	.contact .contInr02 .telArea .attention { padding: 10px 0; }
	.contact .contInr03 h2 { font-size: 20px; padding: 0 0 10px; }
	.contact .contInr03 .formArea .formInr { padding: 0 0 20px; }
	.contact .contInr03 .formArea dl dd select { width: 60%; font-size: 14px; }
	.contact .contInr03 .formArea dl dd.mail input[type="text"] { font-size: 14px; }
	.contact .contInr03 .formArea dl dd.post .postNum01 { font-size: 14px; }
	.contact .contInr03 .formArea dl dd.post .postNum02 { font-size: 14px; }
	.contact .contInr03 .formArea dl dd.adress input[type="text"] { font-size: 14px; }
	.formArea .errorwrap { padding: 10px; }
	.formArea .errorwrap li { font-size: 13px; }
	.mailmag .mainCatch { padding: 40px; }
	.mailmag .mainCatch img { width: 200px; }
	.mailmag .contInr h2 { font-size: 20px; padding: 0 0 10px; }
	.mailmag .contInr .formArea .formInr { padding: 0 0 20px; }
	.mailmag .contInr .formArea dl dd select { width: 60%; font-size: 14px; }
	.mailmag .contInr .formArea dl dd.mail input[type="text"] { font-size: 14px; }
	.mailmag .contInr .formArea .subBtnArea li { width: 50%; padding: 5px 0; display: block; }
	.campaign_form .mainCatch { padding: 40px; }
	.campaign_form .mainCatch img { width: 200px; }
	.campaign_form .contInr h2 { font-size: 20px; padding: 0 0 10px; }
	.campaign_form .contInr .formArea .formInr { padding: 0 0 20px; }
	.campaign_form .contInr .formArea dl dd select { width: 60%; font-size: 14px; }
	.campaign_form .contInr .formArea dl dd.mail input[type="text"] { font-size: 14px; }
	.campaign_form .contInr .formArea dl dd.post .postNum01 { font-size: 14px; }
	.campaign_form .contInr .formArea dl dd.post .postNum02 { font-size: 14px; }
	.campaign_form .contInr .formArea dl dd.adress input[type="text"] { font-size: 14px; }
	.company .mainCatch { padding: 40px; }
	.company .mainCatch img { width: 200px; }
	.company .banner a { float: left; display: block; width: 48%; margin: 0 1% 10px; transition: all 0.3s ease; }
	.company .banner ul li { float: none; width: 100%; margin: 0; padding: 5px 0; }
	.company .about table td a { text-decoration: underline; }
	.company .works .foods .leftCont { float: none; width: 100%; padding: 0; }
	.company .works .foods .rightCont { float: none; width: 100%; padding: 10px 0; }
	.company .works .foods .rightCont img { width: 200px; }
	.company .works .petfood .leftCont { float: none; width: 100%; padding: 0; }
	.company .works .petfood .rightCont { float: none; width: 100%; padding: 10px 0; }
	.company .works .petfood .rightCont img { width: 200px; }
	.company .works .delica .leftCont { float: none; width: 100%; padding: 0; }
	.company .works .delica .rightCont { float: none; width: 100%; padding: 10px 0; }
	.company .works .delica .rightCont img { width: 200px; }
	.company .works .recruit .contInr .linkBtn a { padding: 10px 30px; }
	.eo .mainCatch { padding: 40px; }
	.eo .mainCatch img { width: 200px; }
	.eo h2 { font-size: 16px; }
	.eo .contInrL p { padding: 0 0 20px; }
	.eo .cont01 { padding: 30px 10px; }
	.eo .cont01 .imgArea { padding: 5px; }
	.eo .cont01 .imgArea img { width: 100%; }
	.eo .cont01 .attention dl { width: 50%; }
	.eo .cont01 .attention dt { font-size: 16px; }
	.eo .cont01 .attention .contDisc { width: 50%; }
	.eo .cont02 { padding: 30px 10px; }
	.eo .cont02 .imgArea { padding: 5px; }
	.eo .cont02 .imgArea img { width: 100%; }
	.eo .cont03 { padding: 30px 10px; }
	.eo .cont03 .contInrL { width: 100%; float: none; }
	.eo .cont03 .contInrR { width: 100%; float: none; }
	.eo .cont03 .attention dl { width: 100%; float: none; }
	.eo .cont03 .attention dt { font-size: 16px; }
	.eo .cont03 .contInrR .imgArea01 { padding: 5px; }
	.eo .cont03 .contInrR .imgArea02 { padding: 5px; }
	.eo .cont03 .attention .contDisc { width: 100%; float: none; }
	.eo .cont04 { padding: 30px 10px; }
	.eo .cont04 .attention dl { width: 50%; }
	.eo .cont04 .attention dt { font-size: 16px; }
	.eo .cont04 .attention .contDisc { width: 50%; }
	.eo .cont04 .imgArea img { width: 100%; }
	.faq .mainCatch { padding: 40px; }
	.faq .mainCatch img { width: 200px; }
	.faq .contInr { padding: 30px 10px; }
	.faq .contInr .cont04 .answer .case p img { width: 190px; }
	.faq .point { padding: 30px 10px; }
	.faq .contInr .cont06 .answer .case .point h3 { width: 100%; float: none; }
	.faq .contInr .cont06 .answer .case .point h3 img { width: 110px; }
	.faq .contInr .cont06 .answer .case .point p { width: 100%; float: none; font-size: 14px; padding: 0 10px 10px 10px; }
	.privacy .mainCatch { padding: 40px; }
	.privacy .mainCatch img { width: 200px; }
	.sitemap .mainCatch { padding: 40px; }
	.sitemap .mainCatch img { width: 200px; }
	.sitemap .contInr { padding: 30px 10px; }
	.sitemap .siteList .listInr { border-bottom: 1px solid #073190; padding: 20px 0 10px; }
	.sitemap .siteList .listInr p { float: none; width: 100%; padding: 0 0 10px; }
	.sitemap .siteList .listInr ul { float: none; width: 100%; }
	.sitemap .siteList .listInr ul li { width: 100%; }
	.ciao_camp .campInfo { padding: 30px 10px; }
	.ciao_camp .campInfo .hs02 { font-size: 18px; padding: 20px 0; }
	.ciao_camp .campInfo .hs02 span { font-size: 18px; }
	.ciao_camp .campInfo .campDesc01 dt { font-size: 18px; padding: 0 0 10px; }
	.ciao_camp .campInfo table th { font-size: 14px; padding: 5px; }
	.ciao_camp .campInfo table td { font-size: 14px; padding: 5px; }
	.ciao_camp .topCatch .presentCont { padding: 10px; }
	.ciao_camp .topCatch .preContInr h2 { padding: 20px 0 10px; }
	.ciao_camp .topCatch .preContInr h2 .info01 { font-size: 20px; }
	.ciao_camp .topCatch .preContInr h2 .info02 { font-size: 14px; }
	.ciao_camp .topCatch .preContInr .listTit { font-size: 20px; }
	.ciao_camp .topCatch .preContInr .listDisc { font-size: 14px; }
	.ciao_camp .topCatch .preContInr .presentA { padding: 0 0 10px; width: 100%; float: none; border: none; }
	.ciao_camp .topCatch .preContInr .presentB { padding: 0; width: 100%; float: none; }
	.ciao_camp .topCatch .preContInr .preTit h3 { padding: 5px 20px; line-height: 1.5; font-size: 16px; }
	.ciao_camp .topCatch .preContInr .preTit h3 span { font-size: 14px; }
	.ciao_camp .topCatch .preContInr .preTit p { font-size: 14px; }
	.ciao_camp .topCatch .preContInr .preTit p span { font-size: 12px; }
	.ciao_camp .topCatch .preContInr .preTit p span.info { font-size: 12px; }
	.ciao_camp .topCatch .preContInr .preImg .preItem { padding: 0 0 10px; }
	.ciao_camp .topCatch .preContInr .presentA .preImg img { max-width: 215px; }
	.ciao_camp .topCatch .preContInr .presentB .preImg img { max-width: 80px; }
	.ciao_camp .dateArea { padding: 10px; }
	.ciao_camp .dateArea .titY { font-size: 16px; }
	.ciao_camp .dateArea .titW { font-size: 16px; }
	.ciao_camp .contInr { padding: 30px 10px; }
	.ciao_camp .cont01 p { font-size: 14px; padding: 0 0 20px; }
	.ciao_camp .cont03 ul li { float: none; width: 100%; padding: 0 10px 10px; }
	.ciao_camp .cont04 .example { padding: 0 0 20px; }
	.ciao_camp .cont04 .example dl dt img { max-width: 125px; }
	.ciao_camp .cont05 .item5_1 .itemBox { width: 50%; }
	.ciao_camp .cont06 .telbox dt { font-size: 16px; }
	.ciao_camp .cont06 .telbox dt a { font-size: 16px; }
	.ciao_camp .cont06 .telbox dd { font-size: 12px; }
	.ciao_camp .listArea .listInr .itemBox { width: 50%; padding: 10px; }
	.ciao_camp .campaignBtn { margin-top: 20px; }
	.ciao_camp .campaignBtn a { width: 100%; padding: 5px 5px; border-radius: 20px; font-size: 14px; }
	.social .mainCatch { padding: 40px; }
	.social .mainCatch img { width: 200px; }
	.social .contInr { padding: 30px 10px; }
	.social .contInr h2 { font-size: 18px; padding: 0 0 20px; }
	.social .socialCont .socialInr a { padding: 10px 0; }
	.social .socialCont .thumb { float: none; width: 100%; text-align: center; padding: 0 0 10px; }
	.social .socialCont .thumb img { max-width: 150px; }
	.social .socialCont dl { width: 100%; }
	.download .mainCatch { padding: 40px; }
	.download .mainCatch img { width: 200px; }
	.download .contInr { padding: 30px 10px; }
	.download .downloadCont01 h2 { font-size: 18px; padding: 0 0 20px; }
	.download .downloadCont01 p { font-size: 14px; }
	.download .downloadCont02 h2 { font-size: 18px; margin: 0 auto 10px; padding: 0 0 10px; }
	.download .downloadCont03 h2 { font-size: 18px; padding: 0 0 20px; }
	.download .downloadCont02 .newList .catCal { width: 100%; padding: 0; margin: 0 auto 10px; }
	.download .downloadCont02 .newList .dogCal { width: 100%; padding: 0; margin: 0 auto 10px; }
	.download .downloadCont02 .newList .thumb { margin: 0 auto 5px; }
	.download .catCal a { width: 48%; margin: 0 1%; padding: 10px 0; }
	.download .catCal a.pcBtn { display: none; }
	.download .dogCal a { width: 48%; margin: 0 1%; padding: 10px 0; }
	.download .dogCal a.pcBtn { display: none; }
	.download .downloadCont03 .pastList .catCal { width: 100%; padding: 0; margin: 0 auto 10px; }
	.download .downloadCont03 .pastList .dogCal { width: 100%; padding: 0; margin: 0 auto 10px; }
	.download .downloadCont03 .pastList .thumb { margin: 0 auto 5px; }
	.beauty .contInr { padding: 30px 10px; }
	.beauty .contInr h2 { font-size: 18px; padding: 0 0 20px; }
	.beauty .beautyCont02 .productBtn { margin: 0 auto; padding: 20px 10px 0 10px; }
	.beauty .beautyCont02 .productBtn a { width: 100%; padding: 10px; }
	.beauty .beautyCont03 .leftCont table tr th { padding: 10px 5px; }
	.beauty .beautyCont03 .leftCont table tr td { padding: 10px 5px; }
	.beauty .beautyCont03 .leftCont table tr td.inrTit { text-align: left; }
	.beauty .beautyCont04 .attention span { font-size: 16px; }
	.beauty .beautyCont04 .leftCont { float: none; width: 100%; padding: 0 10px 30px; }
	.beauty .beautyCont04 .rightCont { float: none; width: 100%; }
	.beauty .beautyCont05 dl { float: none; width: 100%; margin: 0; padding: 0 10px 30px; }
	.gallery .mainCatch { padding: 40px; }
	.gallery .mainCatch img { width: 200px; }
	.gallery .contInr { padding: 30px 10px; }
	.gallery .contInr a { width: 50%; }
	.gallery .contInr h2 { font-size: 18px; padding: 0 0 20px; }
	.gallery .movieBtn { padding: 10px 0 0; }
	.gallery .galleryCont .movieBtn dl dt { font-size: 14px; line-height: 1.2; padding: 10px 0; }
	.gallery .galleryCont #catMovie h2 { font-size: 18px; padding: 5px 0; margin: 0 auto 10px; }
	.gallery .galleryCont #dogMovie h2 { font-size: 18px; padding: 5px 0; margin: 0 auto 10px; }
	.gallery .movieInr01 h3 { font-size: 16px; }
	.gallery .movieInr01 { padding: 0 5px 20px; }
	.gallery .contInr a { margin: 0 auto 10px; }
	.gallery .contInr dl { padding: 0 5px; }
	.gallery .contInr dl dd { font-size: 13px; line-height: 1.4; padding: 5px 0; }
	.voice .mainCatch { padding: 40px; }
	.voice .mainCatch img { width: 200px; }
	.voice .contInr { padding: 30px 10px; }
	.voice .contInr h2 { font-size: 18px; padding: 0 0 20px; }
	.voice .voiceCont p { font-size: 14px; }
	.voice .voiceInr dl { padding: 30px 10px; background: #FFF9EE url(../images/bg_voice.png) no-repeat; background-size: 100px 100px; background-position: right 10px bottom 10px; }
	footer .footSitemap .siteList { padding: 30px 0; }
	footer .footSitemap .siteList .siteBox { float: none; width: 100%; }
	footer .footSitemap .siteList .listInr dl dt { border-bottom: 1px solid #4B4443; margin-bottom: 0; }
	footer .footSitemap .siteList .listInr dl dd { padding: 10px; border-bottom: 1px solid #CCC7C6; }
	footer .footSitemap .siteList .listInr dl dd:hover { padding: 10px; }
	footer .footSitemap .siteList .listInr dl dd a { font-size: 12px; }
	footer .footSitemap .siteList .listInr .inrBox.lang dd:hover { padding: 10px; }
	footer .footCopy .logo { float: none; width: 100%; text-align: center; margin: 0 auto; }
	footer .footCopy .logo img { width: 200px; }
	footer .footCopy .copyright { float: none; font-size: 12px; text-align: center;letter-spacing: 0;}
	.pagetop { bottom: 20px; right: 15px; }
	.pagetop a { padding: 15px 13px 18px; border-radius: 50%; line-height: 0; }
	.pagetop a:hover { padding: 15px 13px 18px; }
	.pagetop a img { width: 15px; height: 8px; }
	/* q_position start! */
		.q_position{padding:10px 0;}
		.q_position .main1200{width:100%;margin:0 auto;padding:0 10px;}
		.q_position_title{display: none;}
		.q_position_main{width:100%;float:none;text-align: left;line-height: 25px;height:25px;font-size: 13px;}
	/* q_position end! */
	.q_event_item_date{width:120px;float:left;padding:0 15px 15px;}
	.q_event_item_date_out{width:90px;height:30px;position: relative;border:2px solid #3c73ad;}
	.q_event_item_date_in{width:90px;height:30px;line-height: 30px;border:2px solid #3c73ad;color:#3c73ad; position: absolute;top:-10px;left:-10px;
		text-align: center;font-size: 14px;font-weight: bold;
	}
	.q_event_item_txt{width:calc(100% - 130px);float:right;padding:0 0 20px;}
	.q_event_item_txt_main{width:100%;font-size: 14px;line-height: 20px;}
	.q_event_img{width:100%;margin:15px auto;}
	.q_event_p{width:100%;margin:20px auto 0;}
	.q_event_p_top{margin:30px auto;}
	.q_event_p p{font-size: 15px;}

}

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

	.q_about{width:100%;margin:0 auto;padding:25px 20px;}
	.q_about_l{width:100%;height:auto;float:none;box-shadow: 0 0 20px #ddd;}
	.q_about_r{width:100%;float:none;margin:20px auto 0;}
	.q_about_p{width:100%;margin:5px auto 0;padding: 0 0 0 25px;line-height: 2;font-size: 13px;color:#000;}
	.q_about_p p{width:100%;margin:0 auto;line-height: 2;font-size: 13px;color:#000;text-align:justify;font-family: "黑体"}
	.q_about_p p span{color:#c50505;}
	/* q_number start! */
		.q_number{width:100%;margin:10px auto 0;padding:0;}
		.q_number_main{width:100%;margin:0 auto;padding:0;}
		.q_number_item{width:25%;float:left;margin:10px auto;padding:0 5px;text-align: center;}
		.q_number_icon{width:100%;margin:0 auto 5px;text-align: center;}
		.q_number_icon img{width:35px;}
		.q_number_top{font-size: 21px;line-height:27px;color:#c50505;font-weight: bold;}
		.q_number_top .timer{color:#c50505;font-weight: bold;}
		.q_number_top .sub{font-size: 13px;vertical-align: text-top;font-weight: normal;color:#000;}
		.q_number_top .sup{font-size: 11px;vertical-align: text-bottom;font-weight: normal;color:#000;}
		.q_number_txt{width:100%;margin:5px auto 0;padding:0;font-size: 12px;color:#000;line-height: 20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	/* q_number end! */

}

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

	.q_about{width:100%;margin:0 auto;padding:25px 20px;}
	.q_about_l{width:100%;height:auto;float:none;box-shadow: 0 0 20px #ddd;}
	.q_about_r{width:100%;float:none;margin:20px auto 0;}
	.q_about_p{width:100%;margin:5px auto 0;padding: 0 0 0 25px;line-height: 2;font-size: 13px;color:#000;}
	.q_about_p p{width:100%;margin:0 auto;line-height: 2;font-size: 13px;color:#000;text-align:justify;font-family: "黑体"}
	.q_about_p p span{color:#c50505;}
	/* q_number start! */
		.q_number{width:100%;margin:10px auto 0;padding:0;}
		.q_number_main{width:100%;margin:0 auto;padding:0;}
		.q_number_item{width:25%;float:left;margin:10px auto;padding:0 5px;text-align: center;}
		.q_number_icon{width:100%;margin:0 auto 5px;text-align: center;}
		.q_number_icon img{width:35px;}
		.q_number_top{font-size: 18px;line-height:25px;color:#c50505;font-weight: bold;}
		.q_number_top .timer{color:#c50505;font-weight: bold;}
		.q_number_top .sub{font-size: 11px;vertical-align: text-top;font-weight: normal;color:#000;}
		.q_number_top .sup{font-size: 11px;vertical-align: text-bottom;font-weight: normal;color:#000;}
		.q_number_txt{width:100%;margin:5px auto 0;padding:0;font-size: 12px;color:#000;line-height: 20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	/* q_number end! */

}

ul.fm-ul{bottom:120px!important;right:40px!important;}
.fm-content span{color:#fff;}
.fm-ul-component .fm-li{bottom:150px!important;right:60px!important;}
.proBtn_language { display: inline-block; padding: 25px 15px; vertical-align: middle; }
.proBtn_language .lang{position: relative;border: 1px solid #bcbcbc;}
.proBtn_language .lang .bor{padding: 5px 40px 5px 30px;font-size: 14px;color: #4B4443;font-weight: bold;position: relative;width:100%;height:100%;}
.proBtn_language .lang .bor:after{content:"";position: absolute;top:9px;left:calc(100% - 25px); width: 15px;height: 15px;background: url('../images/jt.png') center center no-repeat;}
.proBtn_language .choose_lan{width:calc(100% + 2px);position: absolute;left:-1px;top:100%;padding:0;background-color: #fff;color:#555;border-top: 1px solid #bcbcbc;display: none;}
.proBtn_language .choose_lan >.li,.is-animation .proBtn_language .choose_lan>.li{padding:0;display: block;width:100%;}
.proBtn_language .choose_lan >.li{background-color: #63c4f0;position: relative;}
.proBtn_language .choose_lan >.li:nth-of-type(2){background-color: #39a9f0;}
.proBtn_language .choose_lan >.li:nth-of-type(3){background-color: #1280cd;}
.proBtn_language .choose_lan >.li>a{position: static;display:block;padding:0 10px;line-height: 36px;height: 36px;font-size: 14px;color: #222;
	font-weight: normal;text-decoration: none;outline: none;
}
.proBtn_language .choose_lan >.li>a span{line-height: 36px;color: #222;}
.proBtn_language .choose_lan >.li:hover>a span{color:#fff;}
.proBtn_language .choose_lan >.li>a:after{content:"";position: absolute;top:9px;left:calc(100% - 50px); width: 30px;height: 18px;
background: url('../images/china.png') center center no-repeat;z-index: 9;
}
.proBtn_language .choose_lan >.li:nth-of-type(1)>a:after{background: url('../images/china.png') center center no-repeat;}
.proBtn_language .choose_lan >.li:nth-of-type(2)>a:after{background: url('../images/japan.png') center center no-repeat;}
.proBtn_language .choose_lan >.li:nth-of-type(3)>a:after{background: url('../images/english.png') center center no-repeat;}
.proBtn_language:hover .choose_lan{display: block;}
@media(max-width: 600px){
	.headInr .gnav .proBtn_language{display: none;}
	.headInr .gnav .proBtn_language+li.proBtn{display: none;}
}


.q_footer_weixin{width:300px;position:fixed;left:50%;top:50%;margin-left: -150px;box-shadow:  0 0 30px #888;display: none;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
}
.q_footer_weixin_close{width:30px;height:30px;position: absolute;top:15px;right:15px;text-align: center;cursor: pointer;}