@charset "shift_jis";
@media screen and (max-width: 750px) {
/* ======================================================
 * /common-files/css/collabo/parts.css
 * ------------------------------------------------------
 * Clearfix
====================================================== */
#collabo .mainVisual {
	margin: 0 -10px;
	background: url(/collabo/img-files/collabo_com_bg01.gif) 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
					background-size: 100% 100%;
}
#collabo .mainVisual .visualInner {
	position: relative;
	padding: 15px 10px;
}
#collabo .mainVisual .visualInner .mainCard {
	position: static;
	text-align: center;
}
#collabo .mainVisual .visualInner .mainCard img {
	width: 162px;
	height: auto;
}
#collabo .mainVisual.double .visualInner .mainCard img {
	width: 274px;
}
#collabo .mainVisual .mainText,
#collabo .mainVisual.double .mainText {
	min-height: inherit;
	padding: 0;
	text-align: center;
}
#collabo .mainVisual .mainTitle {
	font-size: 15px;
	font-size: 1.5rem;
}
#collabo .mainVisual .mainLead {
	font-size: 20px;
	font-size: 2.0rem;
}
#collabo .mainVisual .mainLead > em {
	font-size: 32px;
	font-size: 3.2rem;
}
#collabo .mainVisual .collaboCVBtn {
	margin: -30px 25px 0;
}
#collabo .mainVisual .collaboCVBtn a {
	width: 100%;
	font-size: 15px;
	font-size: 1.5rem;
}
#collabo .mainVisual .collaboCPBtn a {
	width: 100%;
}
#collabo .mainVisual02 {
	margin: 0 -10px;
	background: url(/collabo/img-files/collabo_com_bg01.gif) 0 0 no-repeat;
	-webkit-background-size: 100% 100%;
					background-size: 100% 100%;
}
#collabo .mainVisual02 .visualInner {
	position: relative;
	padding: 15px 10px;
}
#collabo .mainVisual02 .mainText {
	min-height: inherit;
	padding: 0;
	text-align: center;
}
#collabo .mainVisual02 .mainTitle {
	font-size: 15px;
	font-size: 1.5rem;
}
/* ----- TEXT ----- */
#collabo .onlyservice {
	display: none;
}
#collabo .sp-txtNormal {
	font-size: 14px !important;
	font-size: 1.4rem;
}
#collabo [class*="collaboBalloon"] {
	text-align: center;
}
#collabo [class*="collaboBalloon"] .txt {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-bottom: 7px;
	padding: 8px 5px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
}
/*-----20180518アパホテル優待変更時追加-----*/
#collabo .txtSuper {
	font-size: 1.3rem;
}
#collabo .collaboBalloon_large .txt {
	font-size: 14px;
	font-size: 1.4rem;
}
#collabo [class*="collaboBalloon"] .txt:after {
	bottom: -7px;
	margin-left: -8px;
	border-top: 7px solid #ffffff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
#collabo .collaboBalloon03 {
	margin-top: 25px;
}
#collabo .collaboBalloon03 .txt:after {
	border-top-color: #fdf5d1;
}

#collabo [class*="collaboLead"] {
	font-size: 16px;
	font-size: 1.6rem;
}
#collabo .collaboLead02,
#collabo .collaboLead03,
#collabo .collaboLead04 {
	font-size: 14px;
	font-size: 1.4rem;
}
#collabo [class*="collaboLead"] > span {
	position: relative;
	display: inline-block;
	padding: 0 20px;
}
#collabo [class*="collaboLead"] > span:before,
#collabo [class*="collaboLead"] > span:after {
	position: absolute;
	display: block;
	width: 44px;
	height: 25px;
	top: inherit;
	bottom: 5px;
	margin-top: 0;
	-webkit-background-size: 44px 25px;
					background-size: 44px 25px;
	content: "";
}
#collabo .collaboSec02.type02 [class*="collaboLead"] > span {
	display: block;
}
#collabo .collaboSec02.type02 [class*="collaboLead"] > span:before,
#collabo .collaboSec02.type02 [class*="collaboLead"] > span:after {
	bottom: 20px;
}
#collabo .collaboSec02.type02 [class*="collaboLead"] > span:before {
	background-image: url(/collabo/img-files/collabo_com_ex05.png);
	left: -5px;
	transform: rotate(-90deg);
}
#collabo .collaboSec02.type02 [class*="collaboLead"] > span:after {
	background-image: url(/collabo/img-files/collabo_com_ex06.png);
	right: -5px;
	transform: rotate(90deg);
}
#collabo .collaboLead03 > em {
	font-size: 16px;
	font-size: 1.6rem;
}
#collabo [class*="collaboLead"] > span > em .int {
	font-size: 23px;
	font-size: 2.3rem;
}
#collabo .collaboLead04 > span {
	padding-left: 14px;
	padding-right: 14px;
}
#collabo .collaboLead04 > span:before,
#collabo .collaboLead04 > span:after {
	width: 10px;
	height: 14px;
	margin-top: -7px;
	-webkit-background-size: 10px 14px;
					background-size: 10px 14px;
}
#collabo .collaboHL01 {
	font-size: 16px;
	font-size: 1.6rem;
}
#collabo .underline{
	text-decoration: underline;
}
	
/* ----- collaboWrap ----- */
#collabo .collaboWrap01 {
	margin: 25px -10px 0;
	padding: 10px;
}
#collabo .collaboWrap01.cb_inl_content {
	margin: 0;
	padding: 0;
}
/*-----surugayaモーダルここから------*/
#collabo .collaboWrap01.surugaya{
    width: 100%;
}
/*-----surugayaモーダルここまで------*/
#collabo .collaboWrap01.cb_inl_content .collaboHead01 {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* ----- collaboSection ----- */
#collabo .collaboSec01 {
	margin-top: 15px;
}
#collabo .collaboSec01 .collaboHead01 {
	font-size: 16px;
	font-size: 1.6rem;
}
#collabo .collaboSec01 .collaboHead01.sp-small {
	font-size: 13px;
	font-size: 1.3rem;
}
#collabo .collaboSec01 .collaboHead01:after {
	bottom: -15px;
	margin-left: -10px;
	border-top: 15px solid #966e23;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
#collabo .collaboSec01 .collaboHead01 > span {
	position: relative;
	display: inline-block;
	padding: 10px 46px;
}
#collabo .collaboSec01 .collaboHead01 > span.collaboHead01-note {
	display: block;
	position: static;
	margin: 0;
	padding-bottom: 10px;
}
#collabo .collaboSec01 .collaboHead01 > span:before,
#collabo .collaboSec01 .collaboHead01 > span:after {
	display: block;
	position: absolute;
	width: 32px;
	height: 21px;
	top: 50%;
	margin-top: -10px;
	content: "";
}
#collabo .collaboSec01 .collaboHead01 > span:before,
#collabo .collaboSec01 .collaboHead01 > span:after {
	background: url(/collabo/img-files/collabo_com_ex02.png) 0 0 no-repeat;
	-webkit-background-size: 32px 21px;
					background-size: 32px 21px;
}
#collabo .collaboSec01 .collaboInner {
	padding: 20px 10px 15px;
}

/*-----surugayaモーダルここから------*/
#collabo .collaboSec01 .collaboInner.surugayaModal {
	padding: 20px 20px 30px;
}
#collabo .collaboSec01 .collaboInner.surugayaModal .normalList01 + .normalList01 {
    margin: 0.5em 0 0 0;
}
/*-----surugayaモーダルここまで------*/

#collabo .collaboSec01.wCampaignSec .collaboHead01 {
	background: url(/collabo/img-files/sp_collabo_com_bg01.png) no-repeat top center;
	-webkit-background-size: 281px 100%;
					background-size: 281px 100%;
}
#collabo .collaboSec01.wCampaignSec .collaboHead01 .spOnly {
	padding: 0 15px;
}
#collabo .collaboSec01.wCampaignSec .collaboInner {
	margin-top: -25px;
	padding: 40px 10px 15px;
	border: 3px solid #a5001e;
}
#collabo .collaboSec01.wCampaignSec .wCampaignArea {
	margin-top: 15px;
}
#collabo .collaboSec01.wCampaignSec .wCampaignArea .wCamHead {
	width: 100%;
	padding: 10px 0 8px;
	font-size: 15px;
	font-size: 1.5rem;
	background-size: 100%;
}
#collabo .collaboSec01.wCampaignSec .wCampaignArea .wCamHead span sup {
	top: -1.0em;
}
#collabo .collaboSec01.wCampaignSec .wCampaignArea .wCamBox {
	width: 100%;
	margin: 15px auto 0;
}
#collabo .collaboSec01.wCampaignSec .wCampaignArea .wCamBox:last-child {
	padding-top: 20px;
	background: url(/collabo/img-files/collabo_com_bg03.gif) repeat-x;
}
#collabo .collaboSec01.wCampaignSec .wCampaignArea .wCamBox figure {
	margin-left: 0;
}
#collabo .collaboSec01.wCampaignSec .wCampaignArea .wCamBox .caption {
	text-align: left;
	margin-top: 5px;
}
#collabo .collaboSec01.wCampaignSec .wCampaignArea .wCamBox .caption .noteList01 {
	display: inline-block;
	margin-top: 0;
	font-size: 10px;
	font-size: 1.0rem;
}
#collabo .collaboSec01.wCampaignSec .privilegeDetail01 {
	margin-top: 5px;
	padding-top: 15px;
}

#collabo .collaboSec02 {
	margin: 20px -10px 0;
}
#collabo .collaboSec02 + .collaboSec02 {
	margin-top: 25px;
}
#collabo .collaboSec02 .collaboHead02 {
	padding: 8px 4px;
	font-size: 14px;
	font-size: 1.4rem;
}
#collabo .collaboSec02 .collaboInner {
	padding: 15px 10px 20px;
}

#collabo .collaboSec03 {
	margin-top: 20px;
}
#collabo .collaboSec03 .collaboHead03 {
	font-size: 16px;
	font-size: 1.6rem;
}
#collabo .collaboSec03 > .collaboInner {
	padding: 15px 10px;
}
#collabo .collaboSec03 + .collaboSec03 {
	margin-top: 15px;
}
#collabo .collaboSec03 .colLayout.spLayout > .col {
	margin-top: 30px;
}
#collabo .collaboSec03 .colLayout.spLayout > .col:first-child {
	margin-top: 0;
}
#collabo .collaboSec03 .colLayout.spLayout > .col.swap-baseElm {
	margin-top: 15px;
}
#collabo .collaboShopLogo01 {
	width: 182px;
	margin: 5px auto 0;
}
#collabo .collaboSec04 .collaboHead04 {
	margin-bottom: 15px;
	font-size: 24px;
	font-size: 2.4rem;
}
#collabo .collaboSec04 .collaboHead04 {
	position: relative;
	padding: 0;
}
#collabo .collaboSec04 .collaboHead04::before,
#collabo .collaboSec04 .collaboHead04::after {
	content: "";
	display: none;
	position: absolute;
	top: 0;
	width: 103px;
	height: 48px;
}
/* ----- collaboBlock ----- */
#collabo .collaboBlock01 + .collaboBlock01 {
	margin-top: 15px;
	padding-top: 14px;
}


/* ----- colLayout ----- */
#collabo .collaboSec02 .colLayout.collaboCol.col2 > .col {
	width: 100%;
	margin-right: 0;
}
#collabo .colLayout.webchanelCol > .col.webchanelLogo {
	width: 100%;
	padding-top: 0;
}
#collabo .colLayout.webchanelCol > .col.webchanelTxt {
	width: 100%;
}
/* ----- cardImage ----- */
#collabo .collaboCardImage02 {
	max-width: 320px;
	width: auto;
	margin: 20px auto;
}
/* ----- privilege ----- */
#collabo .privilegeLeadWrap .privilegeLeadSub {
	width: 100%;
	margin-right: 0;
	margin-bottom: 5px;
	font-size: 12px;
	font-size: 1.2rem;
	float: none;
}
#collabo .privilegeLeadWrap .privilegeLeadSub + * {
	overflow: hidden;
}
#collabo .privilegeLead01 {
	font-size: 15px;
	font-size: 1.5rem;
	text-align: left;
}
#collabo .privilegeLead01.hasIcon01 .text {
	padding: 10px 0 10px 80px;
}
#collabo .privilegeLead01.hasIcon01 .text:after {
	top: 10px;
	left: 0;
	width: 76px;
	height: 76px;
	background: url(/collabo/img-files/sp_collabo_com_ic02.png) 0 0 no-repeat;
	-webkit-background-size: 76px 76px;
					background-size: 76px 76px;
}
#collabo .privilegeLead02 {
	margin-bottom: 10px;
	font-size: 14px;
	font-size: 1.4rem;
}
#collabo .privilegeLead03,
#collabo .privilegeLead04,
#collabo .privilegeLead05,
#collabo .privilegeLead06 {
	font-size: 14px;
	font-size: 1.4rem;
}
#collabo .privilegeLead05 + .privilegeLead05 {
	margin-top: 20px;
}
#collabo .privilegeLead01 > em,
#collabo .privilegeLead02 > em,
#collabo .privilegeLead01 > .text > em,
#collabo .privilegeLead02 > .text > em,
#collabo .privilegeLead03 > em .int,
#collabo .privilegeLead04 > em .int,
#collabo .privilegeLead05 > em .int,
#collabo .privilegeLead06 > em .int {
	font-size: 20px;
	font-size: 2.0rem;
}
#collabo .privilegeLead01 > em .int,
#collabo .privilegeLead02 > em .int,
#collabo .privilegeLead01 > .text > em .int,
#collabo .privilegeLead02 > .text > em .int {
	font-size: 24px;
	font-size: 2.4rem;
}
#collabo .limitedIcon01 {
	padding: 0 0 0 70px;
}
#collabo .limitedIcon01 .icon {
	width: 68px;
	height: 57px;
	margin-top: -34px;
}
#collabo .privilegeDetail01 {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #cccccc;
}

#collabo .privilegeCol01 {
	display: block;
	width: 100%;
}
#collabo .privilegeCol01.type02 {
	display: table;
	width: 100%;
}
#collabo .privilegeCol01 + .privilegeCol01,
#collabo .privilegeCol01 + [class*="collaboBalloon"] {
	margin-top: 15px;
	padding-top: 14px;
}
#collabo .privilegeCol01 + .privilegeCol01.noBdt {
	margin-top: 20px;
	padding-top: 0;
	border-top: none;
}
#collabo .privilegeCol01 > .col,
#collabo .privilegeCol01 .privilegeIcon {
	display: block;
	width: 100%;
}
#collabo .privilegeCol01.type02 > .col {
	display: table-cell;
	width: 60.2%;
}
#collabo .privilegeCol01.type02 > .col .privilegeLead01 {
	text-align: left!important;
}
#collabo .privilegeLead01 .leadEX {
	font-size: 2.4rem;
}
#collabo .privilegeCol01.type02 .privilegeIcon {
	display: table-cell;
	width: 39.8%;
}
#collabo .privilegeCol01.clmTwo + * {
	margin-top: 10px;
}
#collabo .privilegeCol01.clmTwo > .col {
	display: table-cell;
	width: 71%;
}
#collabo .privilegeCol01.clmTwo > .col > p {
	margin-bottom: 0;
}
#collabo .privilegeCol01.clmTwo .privilegeIcon {
	display: table-cell;
	width: 29%;
}
#collabo .privilegeCol01 .privilegeIcon {
	margin-top: 8px;
}
#collabo .privilegeCol01 .privilegeIcon.type-bonus img {
	width: 144px;
}
#collabo .privilegeCol01 .privilegeIcon.type-off img {
	width: 94px;
}
#collabo .privilegeCol01 .privilegeIcon.type-present img {
	width: 182px;
}
#collabo .privilegeCol01 .privilegeIcon.type-coupon img {
	width: 142px;
}
#collabo .privilegeCol01 .txtMideum01 {
	font-size: 14px !important;
	font-size: 1.4rem !important;
}
#collabo .privilegeCol02:before {
	display: none;
}
#collabo .privilegeCol02.colLayout.col2 > .col {
	width: 100%;
	margin-right: 0;
}
#collabo .privilegeCol02.colLayout.col2 > .col + .col {
	position: relative;
	margin-top: 60px;
}
#collabo .privilegeCol02.colLayout.col2 > .col + .col:before {
	position: absolute;
	width: 28px;
	display: block;
	height: 17px;
	top: -40px;
	left: 50%;
	margin-top: 0;
	margin-left: -14px;
	background: url(/collabo/img-files/sp_collabo_com_tx01.gif) 0 0 no-repeat;
	-webkit-background-size: 28px 17px;
					background-size: 28px 17px;
	content: "";
}
#collabo .privilegeBox01 .privilegeTtl {
	display: block;
	padding: 4px;
	font-size: 14px;
	font-size: 1.4rem;
}
#collabo .privilegeBox01 .privilegeTtl > p {
	display: block;
}
#collabo .privilegeBox01 .privilegeTtl > p > em {
	font-size: 18px;
	font-size: 1.8rem;
}
#collabo .privilegeBox01 .privilegeText {
	display: block;
	padding: 10px 8px;
}
#collabo .privilegeBox01 .privilegeText .lead {
	display: block;
	width: 100%;
}
#collabo .privilegeBox01 .privilegeText [class*="icon-"] {
	display: block;
	width: 100%;
	margin-top: 5px;
}
#collabo .privilegeBox01 .privilegeText .icon-coupon img {
	width: 52px;
}
#collabo .privilegeBox01 .privilegeText .icon-coupon02 img {
	width: 150px;
}
#collabo .privilegeBox01 .privilegeText .icon-point img {
	width: 75px;
}
	
/*----JQキャンペーン20180421追加ここから------*/
#collabo .privilegeBox01 .privilegeTtl.jqCampaign02 > p{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.campaignText {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
/*-----JQキャンペーン20180421追加ここまで------*/
/*ここから*/
#collabo .privilegeBox02 .privilegeTtl {
	display: block;
	padding: 2px;
	font-size: 14px;
	font-size: 1.4rem;
}
#collabo .privilegeBox02 .privilegeTtl > p {
	display: block;
}
#collabo .privilegeBox02 .privilegeTtl > p > em {
	font-size: 16px;
	font-size: 1.6rem;
}
#collabo .privilegeBox02 .privilegeText {
	display: block;
	padding: 10px 8px;
}
#collabo .privilegeBox02 .privilegeText .lead {
	display: block;
	width: 100%;
}
#collabo .privilegeBox02 .privilegeText [class*="icon-"] {
	display: block;
	width: 100%;
	margin-top: 5px;
}
#collabo .privilegeBox02 .privilegeText .icon-coupon img {
	width: 52px;
}
#collabo .privilegeBox02 .privilegeText .icon-coupon02 img {
	width: 150px;
}
#collabo .privilegeBox02 .privilegeText .icon-point img {
	width: 75px;
}	
/*ここまで*/	
	

#collabo .privilegeList01 > li,
#collabo .privilegeList02 > li {
	left: 0;
}
#collabo .privilegeList01 > li + li {
	margin-top: 60px;
	margin-left: 0;
}
#collabo .privilegeList01.icon-small > li + li {
	margin-top: 30px;
}
#collabo .privilegeList01 > li + li:before,
#collabo .privilegeList01 > li + li:after {
	top: -30px;
	left: 50%;
}
#collabo .privilegeList01.icon-small > li + li:before,
#collabo .privilegeList01.icon-small > li + li:after {
	top: -17px;
	left: 50%;
}
#collabo .privilegeList01 > li + li:before,
#collabo .privilegeList01.icon-small > li + li:before {
	width: 24px;
	height: 6px;
	margin-top: 0;
	margin-left: -12px;
}
#collabo .privilegeList01 > li + li:after,
#collabo .privilegeList01.icon-small > li + li:after {
	width: 6px;
	height: 24px;
	margin-top: -9px;
	margin-left: -3px;
}
#collabo .privilegeList02 > li {
	text-align: center;
}
#collabo .privilegeList02 > li .noteList01 {
	text-align: left;
}
#collabo .privilegeList02 > li:first-child,
#collabo .privilegeList02 > li:nth-child(2),
#collabo .privilegeList02 > li:nth-child(3) {
	width: 100%;
	padding-top: 0;
}
#collabo .privilegeList02 > li:nth-child(2),
#collabo .privilegeList02 > li:nth-child(3) {
	margin-top: 50px;
	margin-left: 0;
}
#collabo .privilegeList02 > li:nth-child(2):before,
#collabo .privilegeList02 > li:nth-child(2):after {
	top: -34px;
	left: 50%;
}
#collabo .privilegeList02 > li:nth-child(2):before {
	width: 24px;
	height: 6px;
	margin-top: 0;
	margin-left: -12px;
}
#collabo .privilegeList02 > li:nth-child(2):after {
	width: 6px;
	height: 24px;
	margin-top: -9px;
	margin-left: -3px;
}
#collabo .privilegeList02 > li:nth-child(3):before,
#collabo .privilegeList02 > li:nth-child(3):after {
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	content: "";
}
#collabo .privilegeList02 > li:nth-child(3):before {
	width: 12px;
	height: 13px;
	margin-top: -40px;
	margin-left: -6px;
	background: #805f20;
}
#collabo .privilegeList02 > li:nth-child(3):after {
	width: 0;
	height: 0;
	margin-top: -27px;
	margin-left: -12px;
	border-top: 16px solid #805f20;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: none;
}
#collabo .privilegeArw01 {
	display: block;
	margin: 5px auto;
	width: 25px;
	height: 35px;
}
#collabo .privilegeArw01:before,
#collabo .privilegeArw01:after {
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	content: "";
}
#collabo .privilegeArw01:before {
	width: 12px;
	height: 18px;
	margin-top: 0;
	margin-left: -6px;
}
#collabo .privilegeArw01:after {
	top: inherit;
	right: inherit;
	bottom: 0;
	margin-top: 0;
	margin-left: -12px;
	border-top: 17px solid #805f20;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: none;
}

/* ----- collaboAnc ----- */
#collabo .collaboAncBox {
	margin: 20px 0 0;
}
#collabo .collaboAncBox .collaboAncList {
}
#collabo .collaboAncBox .collaboAncList > li {
	float: none;
	width: 100%;
	margin-left: 0;
}
#collabo .collaboAncBox .collaboAncList.grid03 > li {
	float: none;
	width: 100%;
	margin-left: 0;
}
#collabo .collaboAncBox .collaboAncList > li + li {
	margin-top: 8px;
}
#collabo .collaboAncBox .collaboAncList > li a {
	position: relative;
	display: block;
	padding: 15px 38px 15px 20px;
	background-image: none;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
}
#collabo .collaboAncBox .collaboAncList > li a:after {
	position: absolute;
	display: block;
	width: 15px;
	height: 9px;
	top: 50%;
	right: 17px;
	margin-top: -4px;
	background: url(/collabo/img-files/sp_collabo_com_ic01.png) 0 0 no-repeat;
	-webkit-background-size: 15px 9px;
					background-size: 15px 9px;
	content: "";
}
#collabo .collaboAncBox .collaboAncList > li a:hover {
	margin-top: 0;
	border-bottom-width: 3px;
}
#collabo .collaboAncBox .collaboAncList > li a span {
	padding-top: 0;
	padding: 5px 0 5px 36px;
	background-position: 0 50%;
}
#collabo .collaboAncBox .collaboAncList > li.type01 a span { -webkit-background-size: 22px 27px; background-size: 22px 27px; }
#collabo .collaboAncBox .collaboAncList > li.type02 a span { -webkit-background-size: 26px 26px; background-size: 26px 26px; }
#collabo .collaboAncBox .collaboAncList > li.type03 a span { -webkit-background-size: 20px 29px; background-size: 20px 29px; }
#collabo .collaboAncBox .collaboAncList > li.type04 a span { -webkit-background-size: 24px 21px; background-size: 24px 21px; }

/* ----- allianceLayout01 ----- */
#collabo .allianceLayout01 {
	margin: 20px 0 0;
}
#collabo .allianceLayout01 > .allianceCol {
	float: none;
	margin: 10px 0 0 0;
	padding: 2px 2px 15px;
}
#collabo .allianceLayout01 > .allianceCol.grid1,
#collabo .allianceLayout01 > .allianceCol.grid1-2 {
	width: 100%;
}
#collabo .allianceLayout01 > .allianceCol.grid2 {
	width: 100%;
}
#collabo .allianceLayout01 > .allianceCol.grid3 {
	width: 100%;
	clear: left;
}

#collabo .allianceLayout01 > .allianceCol [class*="collaboBalloon"] {
	margin: 0 0 16px;
}
#collabo .allianceLayout01 [class*="collaboBalloon"] .txt {
	display: block;
	margin-bottom: 16px;
	padding: 10px;
	font-size: 14px;
	font-size: 1.4rem;
}
#collabo .allianceLayout01 [class*="collaboBalloon"] .txt:after {
	border-top-color: #faf6d8;
}
#collabo .collaboBalloon02 .txt {
	padding: 10px;
	font-size: 16px;
	font-size: 1.6rem;
}
#collabo .collaboBalloon02 .txt > em {
	font-size: 18px;
	font-size: 1.8rem;
}
#collabo .allianceBlock {
	padding: 0 6px;
	text-align: left;
}
#collabo .allianceInner01,
#collabo .allianceInner02 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 6px;
	padding-right: 6px;
}
#collabo .allianceLayout02 {
	display: block;
	margin: 15px 0 0;
}
#collabo .allianceLayout02 > .col,
#collabo .allianceLayout02.colSizeL > .col,
#collabo .allianceLayout02.colSizeM > .col,
#collabo .allianceCol.grid3 .allianceLayout02.colSizeM > .col,
#collabo .allianceCol.grid1-2 .allianceLayout02.colSizeM > .col {
	float: left;
	width: 49%;
	margin: 0;
	margin-left: 2%;
}
#collabo .allianceCol.grid3 .allianceLayout02.colSizeL > .col:nth-child(3n+1),
#collabo .allianceCol.grid3 .allianceLayout02.colSizeM > .col:nth-child(5n+1),
#collabo .allianceCol.grid2 .allianceLayout02.colSizeM > .col:nth-child(3n+1),
#collabo .allianceCol.grid1 .allianceLayout02.colSizeM > .col:nth-child(2n+1),
#collabo .allianceCol.grid1-2 .allianceLayout02.colSizeM > .col:nth-child(2n+1) {
	clear: none;
}
#collabo .allianceCol.grid3 .allianceLayout02.colSizeL > .col:nth-child(2n+1),
#collabo .allianceCol.grid3 .allianceLayout02.colSizeM > .col:nth-child(2n+1),
#collabo .allianceCol.grid2 .allianceLayout02.colSizeM > .col:nth-child(2n+1),
#collabo .allianceCol.grid1 .allianceLayout02.colSizeM > .col:nth-child(2n+1),
#collabo .allianceCol.grid1-2 .allianceLayout02.colSizeM > .col:nth-child(2n+1) {
	clear: left;
	margin-left: 0;
}
#collabo .allianceCol.grid3 .allianceLayout02.colSizeL > .col:nth-child(n+3),
#collabo .allianceCol.grid3 .allianceLayout02.colSizeM > .col:nth-child(n+3),
#collabo .allianceCol.grid2 .allianceLayout02.colSizeM > .col:nth-child(n+3),
#collabo .allianceCol.grid1 .allianceLayout02.colSizeM > .col:nth-child(n+3),
#collabo .allianceCol.grid1-2 .allianceLayout02.colSizeM > .col:nth-child(n+3) {
	margin-top: 2%;
}
#collabo .allianceLayout02 .allianceLogo {
	display: table;
	width: 100%;
	height: 120px;
	padding: 10px;
}
#collabo .allianceLayout02 .col.new .allianceLogo:after {
	font-size: 8px;
	font-size: 0.8em;
}
#collabo .allianceLayout02 .col.jq .allianceLogo:after {
	top: 2px;
	left: 2px;
	font-size: 8px;
	font-size: 0.8em;
}
#collabo .allianceLayout02 .allianceLogo figure {
	display: table-cell;
	width: 100%;
	height: 100px;
	vertical-align: middle;
	text-align: center;
}
#collabo .allianceLayout02 .allianceLogo figure img {
	width: auto;
	max-height: 100px;
}
#collabo .allianceLayout02 .allianceText {
	padding: 10px 8px;
	background: #f7f7f7;
	font-weight: bold;
}

/* ----- collaboPointUse ----- */
#collabo .collaboPointList01 {
	margin: 20px 0 0 0;
}
#collabo .collaboPointList01 > li {
	float: left;
	width: 23.5%;
	margin: 0 0 0 2%;
}
#collabo .collaboPointList01 > li:nth-child(4n+1) {
	margin-left: 0;
}
#collabo .collaboPointList01 > li:nth-child(n+5) {
	margin-top: 2%;
}

#collabo .collaboShoppingLead {
	margin-top: 20px;
	padding: 15px 20px 10px;
}
#collabo .collaboShoppingLead > .lead,
#collabo .collaboShoppingLead > .fig {
	display: block;
	vertical-align: middle;
}
#collabo .collaboShoppingLead > .lead {
	width: 100%;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}
#collabo .collaboShoppingLead > .fig {
	width: 100%;
	margin-top: 10px;
	padding-left: 0;
}

/* ----- colLayout ----- */
#collabo .collaboSec02.type03 .colLayout.collaboCol .collaboBalloon02 .txt,
#collabo .collaboSec02.type04 .colLayout.collaboCol .collaboBalloon02 .txt {
	font-size: 16px;
	font-size: 1.6rem;
}
#collabo .collaboSec02.type03 .colLayout.collaboCol .colInner,
#collabo .collaboSec02.type04 .colLayout.collaboCol .colInner,
#collabo .collaboSec02.type04 .colLayout.collaboCol .colInner02 {
	padding: 8px 10px 15px;
}
#collabo .collaboSec02.type03 .colLayout.collaboCol .secureFig02 {
	width: auto;
	margin: 10px 0 0;
	text-align: center;
}
#collabo .collaboSafetyCol > .col {
	width: 49%;
	margin-right: 2%;
	text-align: center;
}
#collabo .collaboSafetyCol.col2 > .col {
	margin-right: 1.25%;
	padding-right: 1.25%;
}
#collabo .collaboSafetyCol .collaboSafetyDesc {
	margin-top: 10px;
}
#collabo .collaboSafetyCol .collaboSafetyDesc > dt {
	font-size: 12px;
	font-size: 1.2rem;
}
#collabo .collaboSafetyCol .collaboSafetyDesc > dd {
	font-size: 10px;
	font-size: 1.0rem;
}

/* ----- collaboFigLayout ----- */
#collabo .collaboFigLayout01 {
	display: block;
}
#collabo .collaboFigLayout01 .txt,
#collabo .collaboFigLayout01 .fig {
	display: block;
	width: 100%;
}
#collabo .collaboFigLayout01 .txt {
	text-align: center;
}
#collabo .collaboFigLayout01 .fig {
	margin-top: 10px;
	padding-left: 0;
}

/* ----- applyArticle ----- */
#collabo .applyArticle01 {
	margin-top: 30px;
	padding: 10px 10px 15px;
}
#collabo .applyArticle01 .applyInner {
	width: 100%;
}
#collabo .applyHeading01 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
#collabo .applyHeading01 .applyText01 {
	font-size: 14px;
	font-size: 1.4rem;
}
#collabo .forUserBox {
	margin-top: 10px;
	padding: 10px 14px;
}
#collabo .forUserBox .forUserLogo {
	float: none;
	width: 52px;
	margin: 0 auto 5px;
}
#collabo .forUserBox .forUserLead {
	margin-bottom: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: left;
}
/* ----- endBox ----- */
#collabo.end .mainVisual .visualInner {
    padding-top:15px;
}
#collabo.end .endText{
	display:table-cell; 
	width:100%;
	height: 100%; 
	vertical-align: middle; 
	text-align:center;
	font-size:2.2rem;
	font-weight:bold;
}

/* ----- collaboContactBox ----- */
#collabo .collaboContactBox01 {
	width: 100%;
}
#collabo .collaboContactBox01 .collaboContactHead {
	padding: 5px;
	background: #a5001e;
	font-size: 14px;
	font-size: 1.4rem;
}
#collabo .collaboContactBox01 .collaboContactHead .time {
	font-size: 12px;
	font-size: 1.2rem;
}
#collabo .collaboContactBox01 .collaboContactInner {
	padding: 10px;
}
#collabo .collaboContactBox01 .collaboContactInner > p {
	float: none;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}
#collabo .collaboContactBox01 .collaboContactInner > p + p {
	margin-top: 10px;
	margin-left: 0;
}
#collabo .collaboContactBox01 .collaboContactInner .area {
	margin-top: 0;
	font-size: 12px;
	font-size: 1.2rem;
}

#collabo .bdTop {
	margin-top: 30px;
	padding-top: 15px;
}
#collabo #footer{
	margin-top: 0;
	margin-bottom: 65px;
}
#collabo #pageContainer{
	padding-bottom: 0!important;
}
/*--------toggle----------20190927追記-----------------*/
#collabo .toggleTrigger {
padding: 10px 32px;
font-size: 15px;
font-size: 1.5rem;
}
#collabo .toggleTrigger:after {
right: 10px;
width: 26px;
height: 26px;
background: url(/common-files/img/com_toggle_ic01.png) 0 0 / 26px 26px no-repeat;
}
#collabo .toggleTrigger.open:after {
background: url(/common-files/img/com_toggle_ic02.png) 0 0 / 26px 26px no-repeat;
}
/* acl */
#collabo.acl .toggleTrigger:after ,
#collabo.acl .toggleTrigger.open:after {
	content: none;
	}
	
#collabo.acl .limitedTxt{
	text-align: left;
	font-size: 13px;
	font-size: 1.3rem;
}
#collabo.acl .tamaruTxt{
	padding: 10px;
	margin-top: 10px!important;
	border: 2px dashed #a5001e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2;
}

/* ---------- 扉ページタブ ---------- */ 
.tabBox01.collabotab .tabLayout01{
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0;
    margin-right: -7px;
    margin-left: -7px;
}
.tabBox01.collabotab .tabLayout01.col2 li:last-child{
    margin-right: 0;
}
.tabBox01.collabotab .tabLayout01,
.tabBox01.collabotab .tabLayout01 li{
    border: none;
}
.tabBox01.collabotab .tabLayout01 li{
    width: calc((100% - 5px)/2) !important;
    margin-right: 5px!important;
}
.tabBox01.collabotab .tabLayout01 li:last-child{
    margin-right: 0!important;
}
.tabBox01.collabotab .tabLayout01 li a:link,
.tabBox01.collabotab .tabLayout01 li a:visited,
.tabBox01.collabotab .tabLayout01 li a:hover,
.tabBox01.collabotab .tabLayout01 li a:active,
.tabBox01.collabotab .tabLayout01 li a:focus,
.tabBox01.collabotab .tabLayout01 li a{
    color: #595959;
    text-align: center;
    text-decoration: none;
    background: #cfcfcf;
    border: 2px solid #7d7d7d!important;
    padding: 7px 5px 7px;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}
.tabBox01.collabotab .tabLayout01 li.active a{
    color: #a5011e;
    background: #ffffff;
    border-bottom: 2px solid #ffffff!important;
}
.tabBox01.collabotab .tabContents01{
    padding-top: 25px;
    margin-top: -2px;
    margin-left: -10px;
    margin-right: -10px;
    border-top: 2px solid #7d7d7d;
}
.tabBox01.collabotab .cardLink{
    margin-right: 10px;
    margin-left: 10px;
}
/* Clearfix
------------------------------------------------------ */

}