/* Y'S GEAR : /cookie/css/cookie.css */


.contentsWidth *,
.contentsWidth *::before, 
.contentsWidth *::after {
	box-sizing: border-box;
}


/*======================================================================*
 *  [ Common ] 
 *======================================================================*/

.commonWrap { font-weight: 500; }
.commonWrap, 
.commonWrap p, 
.commonWrap ul, 
.commonWrap ol, 
.commonWrap table { font-size: 1.4rem; }

/* [ a ] */
.commonWrap p a,
.commonWrap table a { color: #363A90; text-decoration: underline; }
.commonWrap p a:hover, .commonWrap p a:active,
.commonWrap table a:hover, .commonWrap table a:active { text-decoration: none; }
.commonWrap a.textBold { text-decoration: none; }
.commonWrap a.textBold:hover, .commonWrap a.textBold:active { text-decoration: underline; }

/* [ sup ] */
.commonWrap sup {
	font-size: .5em;
	vertical-align: super;
}

/* [ dl ] */
.commonWrap dt {
	color: #363A90;
	font-weight: bold;
}
.commonWrap dd { margin-top: 5px; }
.commonWrap dd + dt { margin-top: 15px; }

/* [ table ] */
.commonWrap table span  { display: inline-block; }

/* [ commonNotes ] */
.commonNotes { font-size: calc(1em - 0.1rem) !important; }

/* [ commonLinkBox ] */
.commonLinkBox li { margin: 5px 0; }

/* [ commonList ] */
h3 + .commonList { margin-top: 0; }
table .commonList {
	margin-top: 0;
	margin-bottom: 0;
}
table .commonList > li { margin-top: 5px; }
.commonList ul {
	margin-left: 3em;
}
.commonList ul li { margin: 10px 0 0 -1em; }
.commonList ul li:before {
	color: #999;
	content: "● ";
}

/* [ Swipe ] */
.swipeText { display: none; }
.swipeWrap .commonTable { width: 100%; }


@media screen and (max-width: 568px) {
	/* [ Swipe ] */
	.swipeText {
		display: block;
		margin-top: 20px !important;
		text-align: center;
	}
	.swipeText span {
		display: inline-block;
		padding: 5px 10px;
		border-radius: 5px;
		background: #EBEBF4;
		color: #363A90;
		font-size: 1.4rem;
		line-height: 1;
	}
	.swipeWrap {
		position: relative;
		overflow-x: scroll;
	}
	.swipeWrap .commonTable {
		width: 680px !important;
		margin: 0;
	}
} /* */


/*======================================================================*
 *  [ Cookieの種類 ] 
 *======================================================================*/

#ot-sdk-cookie-policy h4.ot-sdk-cookie-policy-group {
	margin: 20px 0 10px !important;
}


#ot-sdk-cookie-policy table,
#ot-sdk-cookie-policy table * {
	box-sizing: border-box;
	line-heiht: 1.4;
}
#ot-sdk-cookie-policy table {
	margin: 15px 0 !important;
}
#ot-sdk-cookie-policy table span { display: inline; }
#ot-sdk-cookie-policy table tr *:nth-child(1) { width: 28%; }
#ot-sdk-cookie-policy table tr *:nth-child(2) { width: 28%; }
#ot-sdk-cookie-policy table tr *:nth-child(3) { width: 22%; }
#ot-sdk-cookie-policy table tr *:nth-child(4) { width: 22%; }
#ot-sdk-cookie-policy table thead { background: #f5f5f5; }
#ot-sdk-cookie-policy table thead th { vertical-align: middle; }
#ot-sdk-cookie-policy table tbody tr:nth-child(even) { background: #f5f5f5; }

@media screen and (max-width: 568px) {
	#ot-sdk-cookie-policy .ot-sdk-container { padding: 0 !important; }
	#ot-sdk-cookie-policy table thead { display: none; }
	#ot-sdk-cookie-policy table,
	#ot-sdk-cookie-policy table tbody,
	#ot-sdk-cookie-policy table tr,
	#ot-sdk-cookie-policy table td { display: block; }
	#ot-sdk-cookie-policy table { border: 1px solid #E1E1E1 !important; }
	#ot-sdk-cookie-policy table tr + tr { border-top: 1px solid #E1E1E1 !important; }
	#ot-sdk-cookie-policy table td {
		width: 100% !important;
		border-bottom: none;
	}
	#ot-sdk-cookie-policy table td::before {
		display: block;
		font-weight: bold;
	}
	#ot-sdk-cookie-policy table td:nth-child(1)::before { content: "Cookie サブグループ"; }
	#ot-sdk-cookie-policy table td:nth-child(2)::before { content: "Cookie"; }
	#ot-sdk-cookie-policy table td:nth-child(3)::before { content: "使用されている Cookie"; }
	#ot-sdk-cookie-policy table td:nth-child(4)::before { content: "ライフスパン"; }
	#ot-sdk-cookie-policy table tbody tr:nth-child(odd)  { background: #f5f5f5; }
	#ot-sdk-cookie-policy table tbody tr:nth-child(even) { background: #fff; }
} /* */