@charset "shift_jis";

/* PC articles用CSS────────────────────────────────────────────── */
body {background:#FFF4F9;}

#articlesCSS {width:70%;margin:auto;border-right:1px solid #ddd;border-left:1px solid #ddd;background:#fff;}

#articlesCSS header {position:relative;padding:0.4em 0 0.6em 0;}
#articlesCSS header .headerTopMainCA {float:left;width:50%;padding-left:2%;}
#articlesCSS header .headerTopMainCA img {max-width:200px;max-height:51px;margin:0;}
#articlesCSS header .headerTopMainRA {position:absolute;top:50%;right:1%;width:150px;text-align:center;margin-top:-1.3em;}
#articlesCSS header .headerTopMainRA a {
	display:block;width:100%;
	color:#fff;font-size:100%;
	padding:0.3em 0;
	border-radius:6px;background:#444;
	box-shadow:			1px 1px 4px -2px rgba(74,74,74,0.5);
	-webkit-box-shadow:	1px 1px 4px -2px rgba(74,74,74,0.5);
	-moz-box-shadow:	1px 1px 4px -2px rgba(74,74,74,0.5);
}
#articlesCSS .twitterbtmbox {padding:0.6em 2% 0 2%;}

#articleNewInner {padding:0 3%;}
#articleNewInner dd {margin-left:2%;}
#articleNewInner hr {border:0;border-bottom:1px dashed #ccc;}
#articleNewInner p {margin:1em auto;padding:0 0.5em;}
#articleNewInner p span {color:#444;font-weight:bold;}
#articleNewInner h3 {
	color:#f33082;font-size:120%;
	text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,1px 1px 2px #fff,-1px 1px 2px #fff,1px -1px 2px #fff,-1px -1px 2px #fff,1px 1px 3px #fff,-1px 1px 3px #fff,1px -1px 3px #fff,-1px -1px 3px #fff,1px 1px 4px rgba(210,25,100,0.5);
}


/* 運営会社 */
#articleNewInner .companyGMaps {width:80%;margin:0 auto 1em auto;overflow:auto;}
#articleNewInner .companyGMaps iframe {width:100%;height:400px;height:50vh;border:0;}


/* おしごと図鑑 */
.articleNewJTSP {display:none;}
.articleNewJTPC {display:block;}
.articleNewJT table {width:100%;margin:auto;table-layout:fixed;}
.articleNewJT tr {border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;}
.articleNewJT .nJTimgTD {width:8%;padding:0.3em 0 0.3em 1%;}
.articleNewJT .nJTimgTD img {display:block;width:100%;height:auto;}
.articleNewJT .nJTlnkTD {width:25.33%;line-height:120%;}
.articleNewJT .nJTlnkTD a {position:relative;display:block;padding:0.6em 1.5em 0.6em 2%;}

.articleNewJTtopimgbox {width:70%;max-width:240px;margin:0.6em auto;padding:1px;border:1px solid #ccc;}
.articleNewJTtopimgbox img {width:100%;}
.articleNewJTschbox {text-align:center;margin:0.6em 0;}
.articleNewJTschbox .mainCaptionSub {font-size:100%;text-align:left;margin-bottom:0.4em;}
.articleNewJTschbox a,
.articleNewJTschbox span.artNewJnow {display:inline-block;font-size:95%;margin:0.2em;padding:0.4em 1em;border-radius:6px;background:#ffeff7;}
.articleNewJTschbox span.artNewJnow {background:#f2f2f2;}
.articleNewJTschbox .articleNewJTschminiLNK a,
.articleNewJTschbox .articleNewJTschminiLNK span {min-width:6em;font-size:80%;margin:0.3em 0.2em;padding:0.6em 0.8em;}
.articleNewJTschbox .articleNewJTschboxTxt {width:94%;font-size:85%;text-align:left;margin:0.4em auto;}
.articleNewJTschbox .articleNewJTschboxTxt span {color:#f33082;font-weight:bold;}


#articleNewInner .joblistDataBox{background:#D3ECFF;border-radius:5px;padding:1em;margin:4% 0;border:none;}
#articleNewInner p.joblistDataBox_Title{margin:0 auto 0.5em;font-weight:bold;font-size:110%;color:#FF6699;letter-spacing:0.1em;}
#articleNewInner .joblistDataBox .joblistDataBoxS1,#articleNewInner .joblistDataBox .joblistDataBoxS2,#articleNewInner .joblistDataBox .joblistDataBoxS3{display:block;padding:0.5em;background:#ffffff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#articleNewInner .joblistDataBox .joblistDataBoxS1{margin-bottom:1em;}
#articleNewInner .joblistDataBox .joblistDataBoxS3{margin-top:1em;}
#articleNewInner .joblistDataBox .joblistDataBoxS1 p.joblistDataBox_Title{color:#F17D00;}
#articleNewInner .joblistDataBox .joblistDataBoxS3 p.joblistDataBox_Title{color:#BEA7FF;}
#articleNewInner .joblistDataBox .joblistDataBoxS3 span{background:#BEA7FF;color:#ffffff;display:inline-block;padding: 0 0.5em;margin-right:0.5em;}
#articleNewInner .joblistDataBox .joblistDataBoxS1 i{color:#FFC689;}
#articleNewInner .joblistDataBox .joblistDataBoxS2 i{color:#FFBFDE;}
#articleNewInner .joblistTable{width:100%;border-collapse: separate;border-spacing:3px;margin:4% 0;}
#articleNewInner .joblistTable th{width:25%;background:#FF93BE;color:#ffffff;text-align:center;font-weight:normal;}
#articleNewInner .joblistTable td{width:75%;background:#FFF4F7;padding:0.5em 1em;}
#articleNewInner .joblistTable i{color:#FDD001;}
#articleNewInner .jobContentsBox{margin:1em 0;}
#articleNewInner .jobContentsBox span.jobContents{display:block;float:left;margin-right:1%;margin-bottom:1%;width:24%;text-align:center;line-height:2em;border-radius:5px;}
#articleNewInner .jobContentsBox span.jobContentsOff{background:#eeeeee;color:#cccccc;}
#articleNewInner .jobContentsBox span.jobContentsOn{background:#74BDF2;color:#ffffff;}



/* ペットボーイ PET BOY CLUB */
#petboyclub .petboyclubContentbox {padding-bottom:1em;text-align:center;}
#petboyclub .postenv {position:relative;display:block;float:left;width:100%;text-align:left;margin:2%;padding:0;overflow:hidden;}
#petboyclub .postenv p {margin:0 0 0 23%;}
#petboyclub .postenv .thumbnail {position:absolute;top:2em;left:2%;width:20%;height:auto;overflow:hidden;}
#petboyclub .postenv .thumbnail img {width:100%;height:auto;}
#petboyclub .postenv .postenvTitle {display:block;color:#f33082;font-size:110%;font-weight:bold;line-height:130%;padding-bottom:0.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#petboyclub .postenv .postenvSubtit {display:block;color:#555;font-size:90%;padding-bottom:1.8em;height:120px;overflow:hidden;}
#petboyclub .postenv .postenvNextbtn {
	position:absolute;bottom:1em;right:2%;
	display:block;
	color:#f33082;font-size:95%;font-weight:normal;line-height:150%;
	text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,2px 2px 1px #fff,-2px -2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff,2px 2px 3px rgba(210,25,100,0.6);
	border:2px solid #FFA5CC;border-radius:8px;
	padding:0 0.6em 0 0.6em;
	background: #ffffff;
	box-shadow:2px 2px 4px -1px rgba(179,22,93,0.2);
	-webkit-box-shadow:2px 2px 4px -1px rgba(179,22,93,0.2);
	-moz-box-shadow:2px 2px 4px -1px rgba(179,22,93,0.2);
}
#petboyclub .postenv p .postenvNextbtn i {font-size:90%;}
#petboyclub .postenvPreTxt {padding:1em 2%;}

#petboyclub .petboyclubOpenBTN {
	position:relative;display:inline-block;
	color:#555;
	text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 3px rgba(0,0,0,0.4);
	margin:1em auto 0.4em auto;padding:0.4em 1.8em 0.4em 0.8em;
	border:1px solid #ddd;border-radius:3px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 20%, #f4f4f4 40%, #e0e0e0 65%, #f9f9f9 85%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(40%,#f4f4f4), color-stop(65%,#e0e0e0), color-stop(85%,#f9f9f9), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ffffff 20%,#f4f4f4 40%,#e0e0e0 65%,#f9f9f9 85%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 20%,#f4f4f4 40%,#e0e0e0 65%,#f9f9f9 85%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 20%,#f4f4f4 40%,#e0e0e0 65%,#f9f9f9 85%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ffffff 20%,#f4f4f4 40%,#e0e0e0 65%,#f9f9f9 85%,#ffffff 100%);
	box-shadow:			1px 1px 3px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:	1px 1px 3px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:	1px 1px 3px 1px rgba(0,0,0,0.1);
}
#petboyclub .petboyclubOpenBTN .petboyclubOpenBTNon {display:block;}
#petboyclub .petboyclubOpenBTN .petboyclubOpenBTNof {display:none;}
#petboyclub .GlayCaptionactive .petboyclubOpenBTNon {display:none;}
#petboyclub .GlayCaptionactive .petboyclubOpenBTNof {display:block;}
#petboyclub .petboyclubOpenBTN i {color:#777;text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 3px rgba(0,0,0,0.4);}
#petboyclub .petboyclubOpenBTN i.fa-chevron-right	{display:block;}
#petboyclub .petboyclubOpenBTN i.fa-chevron-down	{display:none;}
#petboyclub .GlayCaptionactive i.fa-chevron-right	{display:none;}
#petboyclub .GlayCaptionactive i.fa-chevron-down	{display:block;}
.petboyclubInImgCenterbox {width:100%;margin:1em auto;}
.petboyclubInImgCenterbox img {display:block;width:60%;max-width:400px;height:auto;margin:auto;}

.petboyclubShopData {width:80%;margin:1em auto;border:1px solid #ccc;}
.petboyclubShopData .petboyclubShopCap {color:#fff;padding:0.3em 0.5em;background:#555;}
.petboyclubShopData .petboyclubShopCOMNBox {padding:2px 0.6em;}
.petboyclubShopData .petboyclubShopCOMNBox2 {font-size:110%;border-bottom:1px solid #eee;background:#f8f8f8;}
.petboyclubShopData .petboyclubShopCOMNBox span {display:inline-block;margin:1px 0.5em 2px 0;}
.petboyclubShopData .petboyclubShopNM {color:#555;font-size:110%;font-weight:bold;}
.petboyclubShopData .petboyclubShopMT {color:#777;font-size:90%;}

.petboyclubInTable {text-align:left;margin:1em auto 1em 2em;}
.petboyclubInTable th {font-weight:normal;padding:0.5em;border:1px solid #FFC9E3;background:#FFF7FB;}
.petboyclubInTable td {padding:0.5em;border:1px solid #FFC9E3;background:#FFFCFD;}
.petboyclubInTable tr:nth-child(2n) th {background:#FFE5EE;}
.petboyclubInTable tr:nth-child(2n) td {background:#FFF2F6;}

#articleNewInner .ylife {color:#f69;}
#articleNewInner .petboyclubInitts {width:70%;margin:2em auto;padding:0.5em;border:1px solid #ccc;background:#fcfcfc;}

.petboyclubInImg3boxWarp {width:80%;margin:1em auto;}
.petboyclubInImg3box {position:relative;float:left;width:31.33%;margin:0 1%;}
.petboyclubInImg3box img {width:100%;}
.petboyclubInImg3box span {
	position:absolute;bottom:0;left:0;display:block;width:100%;color:#000;text-align:center;
	text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,1px 1px 2px #fff,-1px 1px 2px #fff,1px -1px 2px #fff,-1px -1px 2px #fff,1px 1px 3px #fff,-1px 1px 3px #fff,1px -1px 3px #fff,-1px -1px 3px #fff;
}
.petboyclubEventPage {margin:2em auto;text-align:center;}
.petboyclubEventPage span {color:#f33082;padding:0.2em 0.4em;border:1px solid #FF6DAF;border-left:8px solid #FF6DAF;background:#FFFCFD;}
.petboyclubEventPage a {color:#fff;padding:0.2em 1em;border:1px solid #FFC4DE;border-left:8px solid #FFC4DE;background:#FF6DAF;}
.petboyclubEventPage span,
.petboyclubEventPage a {
	display:inline-block;margin-right:0.5em;
	box-shadow:			2px 2px 3px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:	2px 2px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:	2px 2px 3px 0px rgba(0,0,0,0.1);
}
.petboyclubIttsColor {color:#587E9B;font-weight:bold;}
.petboyclubTukiColor {color:#A0905B;font-weight:bold;}
.petboyclubMumnColor {color:#5A9E6F;font-weight:bold;}

#articleNewInner .relatedPageCap {color:#f33082;font-size:110%;margin:1em auto;border-bottom:3px double #FFBCD7;}
#articleNewInner .relatedPageCap i {color:#FF93BE;}

#articleNewInner .relatedPageBox {margin-bottom:1em;}
#articleNewInner .relatedPageBox li {display:block;float:left;width:49%;margin:0.3em 0.5%;padding:0.3em;border:1px solid #FFD6E6;}
#articleNewInner .relatedPageBox a {position:relative;display:block;height:4.2em;line-height:1.4em;color:#555;font-size:90%;overflow:hidden;}
#articleNewInner .relatedPageBox .relatedPBliL {float:left;width:20%;}
#articleNewInner .relatedPageBox .relatedPBliR {float:left;width:80%;padding:0.2em 1.6em 0.2em 1%;}
#articleNewInner .relatedPageBox .relatedPBliL img {width:100%;}


/* カバーガール */
#articleNewInner .articleNewInnerlead {color:#888;}

#articleNewInner .coverGirlShopData {width:80%;margin:1em auto;border:1px solid #FFC6DD;}
#articleNewInner .coverGirlShopData .petboyclubShopCap {color:#fff;padding:0.3em 0.5em;background:#F961A0;}
#articleNewInner .coverGirlShopData .petboyclubShopCOMNBox {padding:2px 0.6em;}
#articleNewInner .coverGirlShopData .petboyclubShopCOMNBox2 {font-size:110%;border-bottom:1px solid #FFC6DD;background:#FFF9FB;}
#articleNewInner .coverGirlShopData .petboyclubShopCOMNBox span {display:inline-block;margin:1px 0.5em 2px 0;}
#articleNewInner .coverGirlShopData .petboyclubShopNM {color:#555;font-size:110%;font-weight:bold;}
#articleNewInner .coverGirlShopData .petboyclubShopMT {color:#777;font-size:90%;}
#articleNewInner .relatedPageBoxcoverGirl a {height:5.7em;line-height:1.4em;color:#555;font-size:90%;overflow:hidden;}
#articleNewInner .relatedPageBoxcoverGirl .relatedPBliRTit {color:#F961A0;font-weight:bold;}
#articleNewInner .relatedPageBoxcoverGirl .relatedPBliRDat {color:#888;font-size:90%;text-align:right;}
#articleNewInner .relatedPageBoxcoverGirl .relatedPBliL img {width:100%;margin-top:-10px;}


/* オススメ求人 */
.mRecommendedShopTitle {color:#f33082;font-size:110%;font-weight:bold;margin:1em auto;border-bottom:3px double #FFBCD7;}
.mRecommendedShopTitle i {color:#FF93BE;}
.mRecommendedShopLinkBtn {text-align:center;margin:0.6em;}
.mRecommendedShopLinkBtn a {
	position:relative;display:inline-block;
	color:#f33082;font-size:95%;font-weight:normal;line-height:150%;
	text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,2px 2px 1px #fff,-2px -2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff,2px 2px 3px rgba(210,25,100,0.6);
	border:2px solid #FFA5CC;border-radius:8px;
	padding:0.4em 1.6em 0.4em 0.8em;
	background: #ffffff;
	box-shadow:2px 2px 4px -1px rgba(179,22,93,0.2);
	-webkit-box-shadow:2px 2px 4px -1px rgba(179,22,93,0.2);
	-moz-box-shadow:2px 2px 4px -1px rgba(179,22,93,0.2);
}
.freeMagazineWarrper .mRecommendedShopLinkBtn {text-align:center;margin:2em 0;}
.freeMagazineWarrper .mRecommendedShopLinkBtn a {padding:0.4em 0.8em;}
/* ガールズニュース*/
#girlNewsU1,#girlNewsU2{display:none;}
#articleNewInner a.girlNewsMenu{
	line-height:2em;
	text-align:center;
	color:#F351AF;
	background:#ffffff;
	font-size:110%;
	height:2em;
	margin:1% 0;
	border:2px solid #FFA5CC;
	position:relative;
	text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 2px 2px 1px #fff, -2px -2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, 2px 0 1px #fff, 0 2px 1px #fff, -2px 0 1px #fff, 0 -2px 1px #fff, 2px 2px 3px rgba(210, 25, 100, 0.6);
}
#articleNewInner a.girlNewsMenu i{position:absolute;top:25%;right:1em;}

#articleNewInner div.category{color:#ffffff;text-align:center;display:inline-block;border-radius:5px;padding:0 1em;font-size:90%;margin-bottom:2%;}
#articleNewInner div.category01{background:#2B98FF;}
#articleNewInner div.category02{background:#FFC86B;}
#articleNewInner div.category03{background:#FC2880;}
/* 〜について*/
h2.startCaptionTop{margin-top:4%;}
#articleNewInner .startMainBox .startMiddleBoxR{width:50%;}
#articleNewInner .startMiddleBox{margin:4% 0;}
#articleNewInner .startMainBox img,
#articleNewInner .startBottomBox img{width:100%;}
#articleNewInner .startBottomBox{width:100%;}
#articleNewInner .startBottomBox .startBottomBoxL{display:block;float:left;width:75%;}
#articleNewInner .startBottomBox .startBottomBoxR{display:block;float:left;width:25%;}
/*サクセスインタビュー */
#articleNewInner h2{border-radius:0px;}
#articleNewInner .special_photo{width:60%;margin:0 auto;}
#articleNewInner .special_prof{margin:10% auto 6%;background:#FFF9FB;border:solid 1px #F961A0;border-radius:5px;padding:2%;}
#articleNewInner .special_prof dt{font-weight:bold;text-shadow: -1px 1px 0 rgba(255, 255, 255, 1);}
#articleNewInner dl.qa{clear:both;}
#articleNewInner dl.qa dt{color: #f69;}
#articleNewInner dl.qa dt,dl.qa dd{margin:1em 0;}

/*お店を紹介します */
#articleNewInner .Line_list{width:100%;margin:2% 0 0;padding:2% 0 4%;border-bottom:1px solid #ffd6e6;}
#articleNewInner .Line_list span.shokai_head{display:block;color: #F33082;font-weight: bold;margin-bottom:2%;}
#articleNewInner .Line_list span.shokai_head i,
#articleNewInner .interviewText i{color:#FFE719;}
#articleNewInner .Line_list .line_listL,
#articleNewInner .Line_list .line_listR{display:block;float:left;}
#articleNewInner .Line_list .line_listL{width:20%;margin-right:2%;}
#articleNewInner .Line_list .line_listR{width:78%;font-size:90%;color:#555;position:relative;}

/*  ゆかいライフ北海道版-販売店一覧-*/

#articleNewInner .hanbai_icon,
#articleNewInner div.hanbai_title{
	line-height:2.5em;
	font-weight:bold;
	text-align:center;
	text-shadow: -1px 1px 0 rgba(0, 0, 0, 0.2);
}
#articleNewInner .hanbai_icon{
	display:block;
	width:31.3333%;
	float:left;
	margin:1% 1%;
	color:#ffffff;
}
#articleNewInner a.hanbai_icon{background:#FDD6E6;}
#articleNewInner span.hanbai_icon{background:#F989B4;}
#articleNewInner div.hanbai_title{
	clear:both;
	margin-top:2%;
	color:#ffffff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+2,f33082+3,f33082+97,ffffff+98,ffffff+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 2%, #f33082 3%, #f33082 97%, #ffffff 98%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#ffffff), color-stop(3%,#f33082), color-stop(97%,#f33082), color-stop(98%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 2%,#f33082 3%,#f33082 97%,#ffffff 98%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 2%,#f33082 3%,#f33082 97%,#ffffff 98%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 2%,#f33082 3%,#f33082 97%,#ffffff 98%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 2%,#f33082 3%,#f33082 97%,#ffffff 98%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border-top:solid 2px #F33082;
	border-bottom:solid 2px #F33082;
}
#articleNewInner div.hanbai_title i{color:#FDFB94;}

/* スカウト登録キャンペーン */
#articleNewInner .gpMainImg {
	width: 100%;
	margin: 2% 0 0 0;
}
#articleNewInner .aboutCampaign {
	font-size: 108%;
	background-color: #ffeffc;
	padding-top: 1% !important;
	padding-bottom: 2% !important;
}
#articleNewInner .aboutCampaign .navTable th {
	padding-top: 14px;
}
#articleNewInner .getPrizeArea {
	width: 100%;
	background-color: #fff;
}
#articleNewInner .getPrize {
	margin-top: 2%;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: auto;
	width: 75%;
	text-align: center;
	border-radius: 8px;
	font-weight: bold;
	font-size: 20px;
	background: #ffff6f;
	padding: 10px 0;
	text-decoration: none;
}
#articleNewInner .getPrize a {
	color: #000;
	font-size: 110%;
}
#articleNewInner .aboutCampaign .navTable i {
	color: #fc2e67;
	padding: 0px 0px 0px 40px;
}
#articleNewInner .aboutCampaign .navTable .capTitle {
	margin-left: -10px;
	color: #000;
	font-size: 120%;
}
#articleNewInner .aboutCampaign .navTable .firstPoint {
	font-size: 130%;
}
#articleNewInner .aboutCampaign .navTable .fpWord {
	color: #000;
	font-weight: bold;
	font-size: 130%;
	margin-left: 7px;
}
#articleNewInner .aboutCampaign .navTable .flow {
	border-bottom: 1px dashed #000;
	margin-bottom: 4px;
}
#articleNewInner .aboutCampaign .navTable .flowRegistBtn {
	margin-top: 3%;
	margin-bottom: 3%;
	margin-left: auto;
	margin-right: auto;
	width: 70%;
}
#articleNewInner .aboutCampaign .navTable .registBtn {
	width: 100%;
}
#articleNewInner .aboutCampaign .navTable .bld {
	font-weight: bold;
}
#articleNewInner .aboutCampaign .navTable .areaStep {
	margin: 0px 0px 5%;
}
#articleNewInner .aboutCampaign .navTable .areaStep ul {
	margin-left: 5%;
}
#articleNewInner .aboutCampaign .navTable .areaStep ul li {
	list-style-type: disc;
}
#articleNewInner .aboutCampaign .areaBtnChallenge {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3%;
	margin-bottom: 3%;
}
#articleNewInner .aboutCampaign .BtnChallenge {
	width: 100%;
}
#articleNewInner .aboutCampaign .footRegistBtn {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	margin-bottom: 3%;
}
#articleNewInner .aboutCampaign .footRegistBtn .registBtn {
	width: 100%;
}
/* ノベルティ配布場所一覧 */
#articleNewInner .listHostClub {
	margin: 2% 0 0 0;
	padding: 2% 3% 0;
	border-top: 1px dashed #ccc;
}
#articleNewInner .topHost {
	border-top: 0;
}
#articleNewInner .listHostClub .itemLight{
	float: left;
}
#articleNewInner .listHostClub .itemRight{
	float: right;
}
#articleNewInner .listHostClub .itemColor{
	color: #f7459d;
	font-weight: bold;
}
#articleNewInner .listHostClub .type_host {
	background: #0bb1fe none repeat scroll 0% 0%;
}
#articleNewInner .listHostClub .shop_type {
	display: inline-block;
	color: #fff;
	padding: 0.3em 0.5em 0;
	border-radius: 12px;
	float: left;
	margin-top: -0.2em;
	margin-right: 0.5em;
}
#articleNewInner .listHostClub .hostArea,
#articleNewInner .listHostClub .nameArea,
#articleNewInner .shopInfo {
	padding: 4px 0;
	overflow: auto;
}
#articleNewInner .listHostClub .shopName {
	color: #5659ff;
	font-weight: bold;
	font-size: 150%;
}
#articleNewInner .shopInfo {
	background-color: #fffdd0;
	padding: 10px;
	margin: 0 0 6px 0;
	line-height: 1.6;
}
#articleNewInner .shopInfo .mPink {
	color: #f7459d;
}
#articleNewInner .shopInfo .mParam {
	color: #666;
}

/* ユカイネットを初めてご利用の方に */
#articleNewInner .start{margin:8% 0 4%;}
#articleNewInner .start div.start_StepBox{display:inline-block;margin:6% 0;width:100%;}
#articleNewInner .start p.starttext{display:inline-block;margin:4% 0;}
#articleNewInner  div.captureImg80,
#articleNewInner  div.captureImg60{margin:6% auto;}
#articleNewInner  div.captureImg80{width:80%;max-width:300px;}
#articleNewInner  div.captureImg60{width:60%;max-width:250px;}
#articleNewInner .start span.ykpink{color:#f058ce;font-weight:bold;}
#articleNewInner .start_MypageFunctionBox{border:solid 1px #c5c5c5;border-radius:5px;margin:8% 0;}
#articleNewInner .start_MypageFunctionBox span,
#articleNewInner .start_MypageFunctionBox a{display:block;font-weight:bold;}
#articleNewInner .start_MypageFunctionBox span.start_MypageFunctionTop{
	text-align:center;
	font-size:130%;
	color:#1b196b;
	background:#8feaf8;
	line-height:2em;
	text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 3px rgba(89, 159, 170, 0.9);
}
#articleNewInner .start_MypageFunctionBox span.start_MypageFunctionBottom a{color:#FC2E60;line-height:2.5em;border-bottom:1px solid #c5c5c5;position:relative;}
#articleNewInner .start_MypageFunctionBox span.start_MypageFunctionBottom a i{position:absolute;bottom:25%;right:1em;color:#585656;}
#articleNewInner div.start_textBox{background:#fff1fc;padding:2% 4%;font-weight:bold;}


/* SP articles用CSS────────────────────────────────────────────── */
@media screen and (max-width:600px){
	#articlesCSS {width:100%;margin:auto;border:none;}
	#articlesCSS #topflxnew {font-size:90%;}
	
	#articlesCSS header {position:relative;}
	#articlesCSS header .headerTopMainCA {float:left;width:46%;}
	#articlesCSS header .headerTopMainCA img {width:92%;margin:0;}
	#articlesCSS header .headerTopMainRA {right:2%;width:30%;margin-top:-0.6em;}
	#articlesCSS header .headerTopMainRA a {width:100%;font-size:85%;}

	#articleNewInner {padding:0 2%;}

	/* SP 運営会社 */
	#articleNewInner .companyGMaps {width:95%;}
	#articleNewInner .companyGMaps iframe {width:100%;height:200px;height:50vh;border:0;}

	/* おしごと図鑑 */
	.articleNewJTSP {display:block;}
	.articleNewJTPC {display:none;}

	.articleNewJT table {width:100%;margin:auto;table-layout:fixed;}
	.articleNewJT tr {border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;}
	.articleNewJT .nJTimgTD {width:25%;padding:0.3em 0 0.3em 1%;}
	.articleNewJT .nJTimgTD img {display:block;width:100%;height:auto;}
	.articleNewJT .nJTlnkTD {width:75%;line-height:120%;}
	.articleNewJT .nJTlnkTD a {position:relative;display:block;padding:0.6em 1.5em 0.6em 2%;}
	.articleNewJTschbox a,
	.articleNewJTschbox span.artNewJnow {font-size:80%;}
	.articleNewJTschbox .articleNewJTschminiLNK a,
	.articleNewJTschbox .articleNewJTschminiLNK span {font-size:70%;}

	/* ペットボーイ PET BOY CLUB */
	#petboyclub .postenv {float:none;width:100%;margin:0.6em 0 0 0;padding:0.6em 1%;border-top:1px dashed #ccc;border-left:none;border-right:none;border-bottom:none;}
	#petboyclub .postenv p {margin:0 0 0 33%;}
	#petboyclub .postenv .thumbnail {top:2.5em;width:30%;height:200px;height:15vh;overflow:hidden;}
	#petboyclub .postenv .thumbnail img {width:100%;height:auto;}
	#petboyclub .postenv .postenvSubtit {height:auto;min-height:8em;}
	#petboyclub .postenv .postenvNextbtn {position:absolute;bottom:0.1em;right:1%;}
	#petboyclub .postenvBDRTOPnon {border-top:none;}
	.petboyclubInImgCenterbox {width:100%;margin:1em auto;}
	.petboyclubInImgCenterbox img {width:80%;max-width:300px;}
	.petboyclubShopData {width:96%;margin:1em auto;border:1px solid #ccc;}
	.petboyclubInTable {width:96%;text-align:left;margin:1em auto;}
	#articleNewInner .petboyclubInitts {width:98%;margin:2em auto;padding:0.3em;border:1px solid #ccc;background:#fcfcfc;}
	.petboyclubInImg3boxWarp {width:96%;margin:1em auto;}
	.petboyclubInImg3box {position:relative;float:left;width:32.33%;margin:0 0.5%;}
	.petboyclubEventPage span,.petboyclubEventPage a {margin-bottom:0.5em;}
	.petboyclubInImg3boxWarpSP .petboyclubInImg3box {position:relative;float:none;width:80%;margin:1em auto;}
	#articleNewInner .relatedPageCap {margin:1em auto 0 auto;}
	#articleNewInner .relatedPageBox li {display:block;float:none;width:100%;margin:0.3em 0;padding:0.3em 0;border:none;border-bottom:1px solid #FFD6E6;}

	/* カバーガール */
	#articleNewInner .coverGirlShopData {width:96%;margin:1em auto;border:1px solid #FFC6DD;}
	#articleNewInner .relatedPageBoxcoverGirl .relatedPBliL img {width:100%;margin-top:-4px;}
}
