@charset "shift_jis";

/* ======================================================
 * /common-files/css/gecard/gintama/gintama.css
 * ------------------------------------------------------
 * - header
 * - layout
 * - footer
 * - module
 * - component
 * - @media query:max-width: 750px
 * Clearfix
 * Opening Animation
====================================================== */
body {
	color: #fff;
	overflow-x: hidden;
}
/* header
------------------------------------------------------ */
#ope-header {
	width: 100%;
	padding: 7px 0 7px;
	background: #fff;
	position: relative;
	z-index: 2;
}
#ope-headerLogo {
	max-width: 1140px;
	margin: 0 auto;
}
/* mainVisual
	------------------------------------------------------ */
.mainVisual {
	position: relative;
	left: 50%;
	width: 1920px;
	transform: translateX(-50%);
	text-align: center;
}
.mainVisualText {
	font-size: 1.3rem;
	position: absolute;
	top: 343px;
	left: 362px;
}
/* layout
------------------------------------------------------ */
#mainContainer {
	width: 100%;
	margin-top: 0;
	position: relative;
	background: none;
}
#mainContainer::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #2f0b0d;
	z-index: -1;
}
#mainContainer::after {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/gecard/onepiece/img-files/pc_onepiece_bg01.jpg) no-repeat 50% center / cover;
	z-index: -1;
	opacity: 0;
	transition: all 0.3s ease-out;
}
#mainContainer.is-bgChange::after {
	opacity: 1;
}
#mainContents.full-bleed {
	width: 100%;
}
#ope-contentsWrap {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0 30px 68px;
	z-index: 2;
}
/* footer
------------------------------------------------------ */
#ope-footer {
	padding: 20px 0;
	font-size: 14px;
	font-size: 1.4rem;
	background: #000000;
	color: #fff;
}
#copyright {
	text-align: center;
}

/* module
------------------------------------------------------ */
.ope-cb-inline:after {
	display: none;
}
.ope-txtM {
	font-size: 18px;
	font-size: 1.8rem;
}
.ope-txtL {
	font-size: 20px;
	font-size: 2.0rem;
}
.ope-advanceText01{
	font-size: 20px;
	font-size: 2.0rem;
	color: #000;
}
.ope-advanceText02{
	font-size: 20px;
	font-size: 2.0rem;
}
.ope-section01 {
	margin-top: 118px;
}
.ope-section03 {
	margin-top: 38px;
}
.ope-inner01 {
	width: 535px;
	margin: 0 auto;
}
.ope-hdg02{
	margin-bottom: 25px;
}
.ope-hdg02 + * {
	margin-top: 0!important;
}
.ope-section03 h3{
	margin-bottom: 12px;
}
.ope-note01 {
	margin-top: 38px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
}
.ope-note01 li {
	position:relative;
	padding-left: 1.1em;
}
.ope-note01 li .ast{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.ope-note01 a{
	color: inherit;
}
.ope-note02 {
	margin-top: 38px;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.1;
}
.ope-note02 li {
	display: inline-block;
	position:relative;
	padding-left: 1.1em;
}
.ope-note02 li .ast{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.ope-btn01 {
	margin-top: 15px;
	text-align: center;
}
.ope-btn01 a {
	display: inline-block;
	background-color: #fff;
}
.ope-btn01 a img {
	transition-duration: 0.3s;
	transition-property: opacity;
}
.ope-btn01 a:hover img {
	opacity: 0.7
}
.ope-cardLuffyZoroSanji .ope-btn01 {
	margin-top: 101px;
}
.ope-cardChopper .ope-btn01 {
	margin-top: 89px;
}
.applyBtnChange {
	display: none;
}
.ope-btn02 {
	margin-top: 15px;
}
.ope-btn02 a {
	display: inline-block;
	min-width: 210px;
	-webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
					border-radius: 5px;
	overflow: hidden;
	padding-bottom: 3px;
	background: rgba(0,0,0,0.4);
	color: #333;
	text-decoration: none;
	text-align: center;
}
.ope-btn02 a:hover {
	margin-top: 2px;
	padding-bottom: 1px;
	color: #333;
}
.ope-btn02 a span {
	position: relative;
	display: block;
	padding: 15px 12px 12px;
	background: #fff;
	-webkit-border-radius: 0 0 5px 5px;
		 -moz-border-radius: 0 0 5px 5px;
					border-radius: 0 0 5px 5px;
}
.ope-btn02 a span:after {
	position: absolute;
	display: block;
	width: 21px;
	height: 21px;
	top: 50%;
	right: 12px;
	margin-top: -10px;
	background: url(/gecard/gintama/img-files/gintama_ic01.png) 0 0 no-repeat;
	content: "";
}
.ope-btn03 {
	margin-top: 30px;
	text-align: center;
}
.ope-btn03 a {
	position: relative;
	display: inline-block;
	width: 535px;
	padding: 28px 65px 25px;
	background: #fff;
	border-bottom: 3px solid rgba(4,0,0,0.4);
	color: #000;
	font-size: 20px; 
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}
.ope-btn03 a:after {
	position: absolute;
	display: block;
	width: 34px;
	height: 34px;
	top: 50%;
	right: 22px;
	margin-top: -17px;
	background: url(/gecard/onepiece/img-files/onepiece_ic02.png) 0 0 no-repeat;
	content: "";
}
.ope-btn03 a:hover {
	margin-top: 2px;
	border-bottom-width: 1px;
}
.ope-btn03 a.typeMerry {
	background-image: url("/gecard/onepiece/img-files/onepiece_bg06.png"),url("/gecard/onepiece/img-files/onepiece_bg08.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;
}
.ope-btn03 a.typeSunny {
	background-image: url("/gecard/onepiece/img-files/onepiece_bg07.png"),url("/gecard/onepiece/img-files/onepiece_bg09.png");
	background-repeat: no-repeat, no-repeat;
	background-position: left bottom, right bottom;
}
.ope-btn03[data-lines="2"] a {
	padding-top: 15px;
	padding-bottom: 14px;
}
.ope-btn03 a em {
	font-style: normal;
	font-size: 28px;
	font-size: 2.8rem;
}
.ope-btn04 {
	margin-top: 20px;
}
.ope-btn04 a {
	position: relative;
	display: inline-block;
	min-width: 698px;
	background: #fff;
	border-bottom: 3px solid #97a0a8;
	-webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
					border-radius: 5px;
	color: #a10d13;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
}
.ope-btn04 a:after {
	position: absolute;
	display: block;
	width: 38px;
	height: 38px;
	top: 50%;
	right: 16px;
	margin-top: -19px;
	background: url(/gecard/gintama/img-files/gintama_ic07.png) 0 0 no-repeat;
	content: "";
}
.ope-btn04 a:hover {
	margin-top: 2px;
	border-bottom-width: 1px;
}
.ope-btn04 a span {
	position: relative;
	display: block;
	padding: 14px 65px;
	border: 2px solid #a10d13;
	-webkit-border-radius: 5px 5px 4px 4px;
	-moz-border-radius: 5px 5px 4px 4px;
	border-radius: 5px 5px 4px 4px;
}
.ope-btn04 a span:before,
.ope-btn04 a span:after {
	position: absolute;
	display: block;
	width: 104px;
	height: 100%;
	top: 0;
	-webkit-border-radius: 5px 5px 4px 4px;
	-moz-border-radius: 5px 5px 4px 4px;
	border-radius: 5px 5px 4px 4px;
	content: "";
}
.ope-btn04 a span:before {
	left: 14px;
	background: url(/gecard/gintama/img-files/gintama_bg10.png) 0 50% repeat-y;
}
.ope-btn04 a span:after {
	right: 6px;
	background: url(/gecard/gintama/img-files/gintama_bg11.png) 0 50% repeat-y;
}
.ope-btn04 a em {
	font-style: normal;
	font-size: 25px;
	font-size: 2.5rem;
}

.ope-btn05 {
	margin-top: 20px;
	text-align: center;
}
.ope-btn05 a {
	display: inline-block;
	-webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
					border-radius: 5px;
	overflow: hidden;
	border:#e52f4f solid 1px;
	padding-bottom: 2px;
	background: #e52f4f;
}
.ope-btn05 a:hover {
	margin-top: 1px;
	padding-bottom: 1px;
}
.ope-btn05 a span {
	display: block;
	background: #fff;
	-webkit-border-radius: 0 0 5px 5px;
		 -moz-border-radius: 0 0 5px 5px;
					border-radius: 0 0 5px 5px;
}
.ope-btn05 a:hover img {
	opacity: 0.7;
}	

.ope-figure01 {
	margin-top: 70px;
	text-align: center;
}
.ope-catch01 {
	margin-top: 35px;
	text-align: center;
}
.ope-catch01.full-bleed {
	margin-top: 0;
}
.ope-catch01.full-bleed + * {
	margin-top: 0;
}
.ope-catch01.type02 {
	padding-bottom: 60px;
}
.ope-bgBox01 {
	position: relative;
	margin: 45px auto 0;
	padding: 25px 58px 15px;
	background: rgba(255,255,255,0.5);
	font-size: 16px;
	font-size: 1.6rem;
	color: #000;
	overflow: hidden;
}
.ope-bgBox01::before {
	content: '';
	position: absolute;
	bottom: -18px;
	left: 44px;
	width: 145px;
	height: 145px;
	background: url("/gecard/onepiece/img-files/onepiece_im16.png") no-repeat;
	opacity: 0.7;
	z-index: -1;
}
.ope-bgBox01::after {
	content: '';
	position: absolute;
	bottom: -18px;
	right: -36px;
	width: 279px;
	height: 131px;
	background: url("/gecard/onepiece/img-files/onepiece_im17.png") no-repeat;
	opacity: 0.7;
	z-index: -1;
}
.ope-bgBox01 .ope-bgBoxHdg {
	margin-bottom: 20px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}
.ope-bgBox01.type02 .ope-bgBoxHdg {
	margin-bottom: 15px;
	font-size: 20px;
}
.ope-list01 {
	margin-top: 22px;
}
.ope-list01 > li {
	position: relative;
	padding-left: 1.0em;
}
.ope-list01 > li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "・";
}
.ope-orderList {
	margin-top: 0;
}
.ope-orderList > li {
	position: relative;
	padding-left: 1em;
}
.ope-orderList > li .mark {
	position: absolute;
	top: 0;
	left: 0;
}
.ope-bgBox01 .noteList01{
	margin-top: 22px;
}
.ope-bgBox01 .noteList01 li{
	line-height: 1.8;
}
.ope-bgBox01 .txtLead {
	font-size: 1.8rem;
	font-weight: bold;
}
.ope-bgBox01 .ope-boxTel {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.ope-bgBoxHr {
	width: calc(100% + 10px);
	margin: 30px 0 30px -5px;
	height: 2px;
	background-image : linear-gradient(to right, #e92736, #e92736 2px, transparent 2px, transparent 8px);
	background-size: 8px 2px;
	background-position: left bottom;
	background-repeat: repeat-x;
}
.ope-balloon01 {
	margin-bottom: 16px;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
}
.ope-balloon01 > span {
	position: relative;
	display: inline-block;
	padding: 7px 18px;
	background: #a10d13;
	-webkit-border-radius: 1.4em;
	-moz-border-radius: 1.4em;
	border-radius: 1.4em;
	color: #fff;
	font-weight: bold;
}
.ope-balloon01 > span:after {
	position: absolute;
	display: block;
	bottom: -9px;
	left: 50%;
	margin-left: -5px;
	border-top: 9px solid #a10d13;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	content: "";
}
.ope-noteBox01 {
	width: 698px;
	margin: 20px auto 0;
	padding: 10px;
	background: #fff;
	border: 1px solid #a10d13;
}
.ope-noteBox01 > *:first-child {
	margin-top: 0 !important;
}
.ope-noteBox01 .noteList01 > li > .ast {
	display: inline;
	position: static;
}
.ope-noteBox02 {
	margin: 20px 0 0;
	font-size: 20px;
	font-size: 2.0rem;
	text-align: center;
}
.ope-noteBox02 > *:first-child {
	margin-top: 0 !important;
}
.ope-noteBox02 .noteList01 {
	display: inline-block;
	padding: 10px;
	background: #fff;
	border: 1px solid #a10d13;
	text-align: left;
}
.newmemverList ul > li{
	position: relative;
	padding-left: 1em;
}
.newmemverList ul > li .ast{
	position: absolute;
	top: 0;
	left: 0;
}
.ope-bnrLisrt{
	margin-top: 55px;
}
.ope-color01 {
	color: #e60012!important;
}
/* component
------------------------------------------------------ */
/* hero */
.ope-hero {
	width: 100%;
	height: 888px;
	background: url("/gecard/onepiece/img-files/pc_onepiece_bg11.jpg") no-repeat center / cover;
	overflow: hidden;
	margin-bottom: -200px;
}
.ope-heroInner{
	position: relative;
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}
.ope-hdg01 {
	padding: 70px 0 0;
	text-align: center;
	color: #ffffff;
	z-index: 2;
}
.ope-hdg01 h1 {
	opacity:0;
}
.ope-hdg01 h1.is-animation {
	animation-name:fadeUpAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	animation-delay: 2s;
}
.ope-hdgLead01 {
	margin-top: 18px;
}
.ope-hdg01 .txtNote01{
	margin-top: 15px;
	margin-left: 10px;
	text-shadow: 
		 1px  1px 1px #ffffff,
	-1px  1px 1px #ffffff,
	 1px -1px 1px #ffffff,
	-1px -1px 1px #ffffff,
	 1px  0px 1px #ffffff,
	 0px  1px 1px #ffffff,
	-1px  0px 1px #ffffff,
	 0px -1px 1px #ffffff;
	color: #000000;
}
.ope-heroImages .ope-heroShanks {
	position: absolute;
	left: -110px;
	bottom: -175px;
	opacity:0;
}
.ope-heroImages .ope-heroShanks.is-animation {
	animation-name:fadeInAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	animation-delay: 1s;
}
.ope-heroImages .ope-heroLuffy {
	position: absolute;
	right: 88px;
	bottom: -180px;
	opacity:0;
}
.ope-heroImages .ope-heroLuffy.is-animation {
	animation-name:fadeInAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	animation-delay: 1.5s;
}
.ope-heroNote {
	display: inline-block;
	position: relative;
	margin-top: 25px;
	padding-left: 1.1em;
	color: #000;
}
.ope-heroNote .ast {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/* news */
.newsBox {
	position: relative;
	margin: 40px auto 0;
	margin-top: 40px!important;
	width: 1180px;
	height: 120px;
	border: 1px solid #846b39;
	background: url("/gecard/onepiece/img-files/onepiece_bg03.png") no-repeat right 28px bottom -31px;
	background-color: #000000;
	overflow-y: hidden;
	z-index: 1;
}
.newsBox .newsHdg {
	margin: 0 4px;
	padding: 9px 4px 4px;
	border-bottom: 1px solid #846b39;
	font-size: 15px;
	font-size: 1.5rem;
}
.newsBox .content {
	overflow: auto;
	position: relative;
	padding: 0px;
	height: 82px;
}
.newsBox .contentbox {
	padding: 10px 4px 0;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}
.newsBox .contentbox li {
	display: table;
	margin-bottom: 10px;
}
.newsBox .contentbox li .date {
	display: table-cell;
	color: #ffffff;
	width: 120px;
	padding-left: 5px;
}
.newsBox .contentbox li .txt {
	display: table-cell;
}
.newsBox .contentbox li .txt a {
	color:#ffffff;
	text-decoration:underline;
}
.newsBox .mCSB_container {
	padding-right: 0px !important;
}
.newsBox .mCSB_inside > .mCSB_container{
	margin-right: 20px;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin: 10px 0;
}
.newsBox .mCS-my-theme.mCSB_scrollTools{
	width: 18px;
	background-color: inherit;
	padding: 0 3px;
	opacity: 1;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{
	width: 10px;
	background-color: #846b39;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { 
	width: 10px;
	margin: 0px 4px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #846b39;
}
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonUp,
.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonDown { 
	background-color:#000;
	width: 12px;
	height:10px;
	opacity: 1;
}
 .newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::before{
	width: 0;
	height: 0;
	border-bottom: 5px solid #846b39;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position:absolute;
	top: 2px;
	left: 1px;
	display: block;
	content: "";
} .newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::after{
	width: 0;
	height: 0;
	border-bottom: 5px solid #000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position:absolute;
	top: 4px;
	left: 1px;
	display: block;
	content: "";
}
.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::before{ 
	width: 0;
	height: 0;
	border-top: 5px solid #846b39;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position:absolute;
	bottom: 2px;
	left: 1px;
	display: block;
	content: "";
}
.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::after{ 
	width: 0;
	height: 0;
	border-top: 5px solid #000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position:absolute;
	bottom: 4px;
	left: 1px;
	display: block;
	content: "";
}
/* cardArea */
.ope-cardArea {
	width: 1180px;
	margin-top: 85px;
	margin-left: -20px;
}
.ope-cardArea .ope-cardAreaInner {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.ope-cardArea .ope-cardAreaInner >* {
	width: calc(50% - 20px);
	padding: 15px 15px 30px;
	text-align: center;
}
.ope-cardArea .ope-cardAreaInner >* .ope-cardTitle {
	margin-top: 6px;
}
.ope-cardArea .ope-cardAreaInner >* .ope-cardImage {
	margin-top: 13px;
}
.ope-cardArea .ope-cardAreaInner >* .ope-cardText {
	margin-top: 44px;
}
.ope-cardText02 {
	font-size: 3.4rem;
	font-weight: bold;
	margin-top: 103px;
}
.ope-cardArea .ope-cardAreaInner >* >:first-child.ope-cardTitle {
	margin-top: 33px;
}
.ope-cardArea .ope-cardAreaInner >:nth-of-type(n+3) {
	margin-top: 43px;
}
.ope-cardArea .ope-cardAreaInner >:nth-of-type(odd) {
	margin-right: 40px;
}
.ope-cardArea .ope-cardAreaInner >:nth-of-type(odd):last-of-type {
	margin-right: 0;
}
.ope-cardArea .ope-cardAreaInner > .ope-cardLuffyShanks {
	background: url("/gecard/onepiece/img-files/onepiece_bg12.jpg") no-repeat;
}
.ope-cardArea .ope-cardAreaInner > .ope-cardLuffyZoroSanji {
	background: url("/gecard/onepiece/img-files/onepiece_bg16.jpg") no-repeat;
}
.ope-cardArea .ope-cardAreaInner > .ope-cardMonogram {
	background: url("/gecard/onepiece/img-files/onepiece_bg13.jpg") no-repeat;
}
.ope-cardArea .ope-cardAreaInner > .ope-cardLuffyLaw {
	background: url("/gecard/onepiece/img-files/onepiece_bg14.jpg") no-repeat;
}
.ope-cardArea .ope-cardAreaInner > .ope-cardChopper {
	background: url("/gecard/onepiece/img-files/onepiece_bg15.jpg") no-repeat;
}
.ope-cardArea .ope-cardAreaInner > .ope-cardMonogram .ope-cardImage {
	margin-top: 15px;
}
.ope-cardArea .ope-cardAreaInner > .ope-cardLuffyZoroSanji .ope-cardImage {
	margin-top: 70px;
}
.ope-cardArea .ope-cardAreaInner > .ope-cardMonogram .ope-ope-cardText {
	margin-top: 60px;
}
/* privilege */
.ope-privilege {
	margin-top: 48px;
}
.ope-privilege + * {
	margin-top: 100px;
}
.ope-privilegeHdg01 {
	text-align: center;
}
.ope-privilegeCol {
	display: table;
	margin-top: 35px;
}
.ope-privilegeCol .col {
	display: table-cell;
	vertical-align: middle;
}
.ope-privilegeCol.type02 .col {
	display: table-cell;
	vertical-align: top;
}
.ope-privilegeCol .imgL {
	width: 585px;
	text-align: center;
}
.ope-privilegeCol .txt {
	width: calc(100% - 585px);
	font-size: 16px;
	font-size: 1.6rem;
}
.ope-privilegeCol .txt .noteList01 {
	line-height: 1.6;
}
.ope-privilegeCol.type02 .ope-privilegeTxt {
	font-size: 2.6rem;
	line-height: 1.4;
}
.ope-privilegeCol.type02 .ope-privilegeLead {
	margin-top: 10px;
	font-size: 3.2rem;
	font-weight: bold;
	line-height: 1.4;
}
.ope-privilegeCol.type02 .ope-privilegeLead02 {
	margin-top: 10px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.4;
}
.ope-privilegeHdg02 {
	font-weight: bold;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.1;
}
.ope-privilegeList{
	margin: 58px 0 42px;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.4;
}
.ope-tabContent.tab01 .ope-privilegeHdg02,.ope-tabContent.tab04 .ope-privilegeHdg02,.ope-tabContent.tab05 .ope-privilegeHdg02 { color: #fff; }
.ope-tabContent.tab02 .ope-privilegeHdg02 { color: #4f3300; }
.ope-tabContent.tab03 .ope-privilegeHdg02 { color: #000; }
.ope-privilegeReplica img,
.ope-privilegeGoods img {
	width: auto;
	height: 240px;
}
.ope-privilegeReplica {
	padding: 35px 0;
}
.ope-privilegeReplica img {
	height: 240px;
}
.ope-privilegeGoods img {
	height: 310px;
}
.ope-privilege .applyBtn {
	margin-top: 80px;
}
.ope-privilegeNote {
	margin-top: 5px;
	color: #fff;
	text-align: center;
}
.ope-tabContent.tab01 .ope-privilegeNote { color: #fff; }
.ope-tabContent.tab02 .ope-privilegeNote { color: #4f3300; }
.ope-tabContent.tab03 .ope-privilegeNote { color: #000; }
.ope-privilegeNote > li {
	display: inline-block;
}
/* flow */
.ope-flow > li {
	float: left;
	width: 260px;
	min-height: 259px;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #000;
	text-align: center;
}
.ope-flow > li + li { 
	margin-left: 33px;
}
.ope-flow > li.list01 {
	background-image: url(/gecard/onepiece/img-files/pc_onepiece_tx10.png);
}
.ope-flow > li.list02 {
	background-image: url(/gecard/onepiece/img-files/pc_onepiece_tx11.png);
}
.ope-flow > li.list03 {
	background-image: url(/gecard/onepiece/img-files/pc_onepiece_tx12.png);
}
.ope-flow > li.list04 {
	background-image: url(/gecard/onepiece/img-files/pc_onepiece_tx13.png);
}
.ope-flow > li a {
	color: inherit;
}
.ope-flow .ope-flowDesc dd {
	padding-top: 135px;
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
}
/* modal */
.ope-modalInlineWrapper {
	display: none;
}
#cboxClose {
	display: block;
	position: absolute;
	top: -30px !important;
	bottom: auto !important;
	right: -30px !important;
	background: url("/gecard/onepiece/img-files/onepiece_ic05.png") no-repeat 0 0 !important;
	width: 46px !important;
	height: 46px !important;
	text-indent: -9999px;
}
.ope-modalImage {
	margin-top: 15px;
	margin-bottom: 30px;
}

/* ----- newArea ----- */
.ope-newArea {
	position: relative;
	margin-top: 40px;
	text-align: center;
}
.ope-newButton {
	margin-top: 12px;
	margin-bottom: 21px;
}
.ope-newButton .ope-newButtonType {
	position: relative;
	display: block;
	width: 260px;
	min-height: 53px;
	padding: 14px 30px 10px 23px;
	margin: 0 auto;
	box-shadow: 0px 6px 14px -1px #333;
	background-color: #231815;
	color: #fff;
	font-size: 2rem;
	text-align: center;
	text-decoration: none;
	transition-duration: 0.3s;
	transition-property: box-shadow;
}
.ope-newButton .ope-newButtonType::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 11px;
	width: 10px;
	height: 16px;
	margin-top: -7px;
	background: url("/gecard/onepiece/img-files/onepiece_ic04.png") no-repeat;
}
.ope-newButton .ope-newButtonType:hover {
	box-shadow: none;
}
/* ----- image ----- */
.ope-image {
	margin-top: 80px;
}
/* ----- banner ----- */
.ope-banner {
	margin-top: 50px;
}
.ope-banner .ope-bannerFrame a {
	display: inline-block;
	background-color: #fff;
}
.ope-banner .ope-bannerFrame a img {
	transition-duration: 0.3s;
	transition-property: opacity;
}
.ope-banner .ope-bannerFrame a:hover img {
	opacity: 0.7;
}
.ope-banner .ope-bannerFrame figcaption {
	font-size: 1.2rem;
	color: #000;
	margin-top: 10px;
}
/* ----- text-indent ----- */
.text-indent {
	position: relative;
}
.text-indent > .indent {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
}
.text-indent[data-indent="1em"] { padding-left: 1em; }
.text-indent[data-indent="2em"] { padding-left: 2em; }
.text-indent[data-indent="3em"] { padding-left: 3em; }
.text-indent[data-indent="4em"] { padding-left: 4em; }
.text-indent[data-indent="5em"] { padding-left: 5em; }
.text-indent[data-indent="6em"] { padding-left: 6em; }
.text-indent[data-indent="7em"] { padding-left: 7em; }
.text-indent[data-indent="8em"] { padding-left: 8em; }
.text-indent[data-indent="9em"] { padding-left: 9em; }
.text-indent[data-indent="10em"] { padding-left: 10em; }
.text-indent[data-indent="1em"] > .indent { width: 1em; }
.text-indent[data-indent="2em"] > .indent { width: 2em; }
.text-indent[data-indent="3em"] > .indent { width: 3em; }
.text-indent[data-indent="4em"] > .indent { width: 4em; }
.text-indent[data-indent="5em"] > .indent { width: 5em; }
.text-indent[data-indent="6em"] > .indent { width: 6em; }
.text-indent[data-indent="7em"] > .indent { width: 7em; }
.text-indent[data-indent="8em"] > .indent { width: 8em; }
.text-indent[data-indent="9em"] > .indent { width: 9em; }
.text-indent[data-indent="10em"] > .indent { width: 10em; }

/* 入会特典2 */
.benefitsTxt{
	font-weight: bold;
	font-size: 25px;
	font-size: 2.5rem;
	text-align: center;
	margin-top: 25px;
}
.ope-inline{
	display: inline-block;
}
.btnLink01.txtSmall a {
	cursor: pointer;
}
.btnLink01.txtSmall a:after {
	right: 10px;
	height: 14px;
	width: 14px;
	margin-top: -7px;
	background-image: url(/common-files/img/com_close_ic01.png);
}
.ope-ModalInner {
	padding: 30px 55px;
}
@keyframes fadeInAnime{
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@keyframes fadeUpAnime{
	from {
		opacity: 0;
	transform: translateY(100px);
	}

	to {
		opacity: 1;
	transform: translateY(0);
	}
}
/* @media query:max-width: 750px
------------------------------------------------------ */
@media screen and (max-width: 750px) {
	body .snsArea {
		margin: 0 auto 40px;
	}
	/* header
	------------------------------------------------------ */
	#ope-header {
		padding: 6px 10px 5px;
	}
	#ope-headerLogo {
		width: 172px;
		margin: 0;
	}
	/* mainVisual
	------------------------------------------------------ */
	.mainVisual {
		width: 100%;
		text-align: center;
	}
	.mainVisualText {
	font-size: min(22px, calc((22 / 720) * 100vw));
	position: absolute;
	top: min(364px, calc((364 / 720) * 100vw));
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, 0);
	line-height: 1.3;
}
	/* layout
------------------------------------------------------ */
	#ope-contentsWrap {
		width: 100%;
		padding: 0 0 50px;
	}
	#mainContainer {
	position: relative;
	width: auto;
	background: none;
	}
	#mainContainer::after {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/gecard/onepiece/img-files/sp_onepiece_bg01.jpg) no-repeat bottom center / cover;
	z-index: -1;
	}
	/* footer
	------------------------------------------------------ */
	#ope-footer {
		padding: 8px 0;
	}
	#copyright {
		font-size: 8px;
		font-size: 0.8rem;
	}
	/* module
	------------------------------------------------------ */
	img.spOnly {
		display: inline-block !important;
	}
	.sp_mt0 {
			margin-top: 0 !important;
	}
	.ope-txtM {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.ope-txtL {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.ope-sp_txtM {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.ope-advanceText01{
		font-size: 13px;
		font-size: 1.3rem;
		color: #000;
	}
	.ope-advanceText02{
		font-size: 14px;
		font-size: 1.4rem;
	}
	.ope-section01 {
		margin-top: 52px;
	}
	.ope-section03 {
		margin-top: 30px;
	}
	.ope-inner01 {
		width: 100%;
		margin-left: -10px;
		margin-right: -10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.ope-inner02 {
		padding-left: 0;
		padding-right: 0;
	}
	.ope-hdg02 {
		margin: 0 -10px 25px;
	}
	.ope-section03 h3{
		margin-bottom: 15px;
	}
	.ope-btn01 {
		margin-top: 20px;
	}
	.ope-btn01 a:hover {
		transform: none;
	}
	.ope-btn01 a:hover img {
		opacity: 1.0;
	}
	.ope-cardLuffyZoroSanji .ope-btn01 {
		margin-top: 29px;
	}
	.ope-cardChopper .ope-btn01 {
		margin-top: 29px;
	}
	.ope-btn02 a {
		min-width: inherit;
	}
	.ope-btn02 a:hover {
		margin-top: 0;
		padding-bottom: 3px;
	}
	.ope-btn02 a span {
		padding: 7px 26px 6px;
	}
	.ope-btn02 a span:after {
		width: 10px;
		height: 10px;
		margin-top: -5px;
		-webkit-background-size: 10px 10px;
						background-size: 10px 10px;
	}
	.ope-btn03 {
		margin-top: 24px;
		padding: 0 10px;
	}
	.ope-btn03 a {
		width: 100%;
		padding: 15px 40px 13px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.ope-btn03 a:after {
		width: 15px;
		height: 15px;
		top: 50%;
		right: 20px;
		margin-top: -7px;
		-webkit-background-size: 15px 15px;
						background-size: 15px 15px;
	}
	.ope-btn03 a:hover {
		margin-top: 0;
		border-bottom-width: 2px;
	}
	.ope-btn03 a.typeMerry {
		-webkit-background-size: auto 49px, auto 48px;
		background-size: auto 49px, auto 48px ;
	}
	.ope-btn03 a.typeSunny {
		-webkit-background-size: auto 52px, auto 47px;
		background-size: auto 52px, auto 47px;
	}
	.ope-btn03[data-lines="2"] a {
		padding-top: 8px;
		padding-bottom: 6px;
	}
	.ope-btn03 a em {
		font-size: 17px;
		font-size: 1.7rem;
	}
	.ope-btn04 {
		margin-top: 10px;
	}
	.ope-btn04 a {
		display: block;
		min-width: inherit;
		font-size: 11px;
		font-size: 1.1rem;
	}
	.ope-btn04 a:after {
		width: 19px;
		height: 19px;
		right: 8px;
		margin-top: -9px;
		-webkit-background-size: 19px 19px;
						background-size: 19px 19px;
	}
	.ope-btn04 a:hover {
		margin-top: 0;
		border-bottom-width: 3px;
	}
	.ope-btn04 a span {
		padding: 7px 30px;
	}
	.ope-btn04 a span:before,
	.ope-btn04 a span:after {
		width: 52px;
		height: 100%;
	}
	.ope-btn04 a span:before {
		left: 7px;
		-webkit-background-size: 52px 50px;
						background-size: 52px 50px;
	}
	.ope-btn04 a span:after {
		right: 3px;
		-webkit-background-size: 52px 50px;
						background-size: 52px 50px;
	}
	.ope-btn04 a em {
		font-size: 14px;
		font-size: 1.4rem;
	}

	.ope-btn05 {
		margin-top: 18px;
	}
	.ope-btn05 a:hover {
		margin-top: 1px;
		padding-bottom: 1px;
	}
	.ope-btn05 a:hover img {
		opacity: 1.0;
	}



	.ope-note01 {
		margin-top: 5px;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.4;
	}
	.ope-note01 li + li{
		margin-top: 5px;
	}
	.ope-note02 {
		margin-top: 19px;
		font-size: 2rem;
		font-weight: bold;
		line-height: 1.1;
	}
	.ope-note02 li {
		display: inline-block;
		position:relative;
		padding-left: 1.1em;
	}
	.ope-note02 li .ast{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
	.ope-figure01 {
		margin-top: 20px;
	}
	.ope-catch01 {
		margin-top: 10px;
	}
	.ope-catch01.full-bleed {
		margin: 0 -10px 0;
	}
	.ope-bgBox01 {
		position: relative;
		margin: 25px auto 0;
		padding: 15px 9px;
		width: 100%;
		-webkit-background-size: 400px auto;
						background-size: 400px auto;
		border-bottom-width: 1px;
		font-size: 13px;
		font-size: 1.3rem;
		overflow: hidden
	}
	.ope-bgBox01 .ope-bgBoxHdg {
		margin-bottom: 10px;
		font-size: 15px;
		font-size: 1.5rem;
	}
	.ope-bgBox01.type02 .ope-bgBoxHdg {
		margin-bottom: 10px;
		font-size: 13px;
		font-size: 1.3rem;
	}
		.ope-bgBox01::before {
		content: '';
		position: absolute;
		bottom: -11px;
		left: 11px;
		width: 102px;
		height: 102px;
		background: url("/gecard/onepiece/img-files/onepiece_im16.png") no-repeat top / contain;
		opacity: 0.7
	}
	.ope-bgBox01::after {
		content: '';
		position: absolute;
		bottom: -9px;
		right: -2px;
		width: 139px;
		height: 65px;
		background: url("/gecard/onepiece/img-files/onepiece_im17.png") no-repeat top / contain;
		opacity: 0.7;
		z-index: -1;
	}
	.ope-bgBox01 .txtLead {
		font-size: 1.6rem;
	}
	.ope-boxImage {
		margin: 0 5%;
	}
	.ope-bgBoxHr {
		width: 100%;
		margin: 20px 0;
		height: 2px;
		background-image : linear-gradient(to right, #e92736, #e92736 2px, transparent 2px, transparent 8px);
		background-size: 8px 2px;
		background-position: left bottom;
		background-repeat: repeat-x;
	}
	.ope-list01 {
		margin-top: 8px;
	}
	.ope-list01 > li {
		margin-top: 4px;
	}
	.ope-orderList {
		margin-top: 0;
	}
	.ope-orderList > li {
		position: relative;
		padding-left: 1em;
	}
	.ope-orderList > li .mark {
		left: 0;
	}
	.ope-bgBox01 .noteList01{
		margin-top: 8px;
	}
	.ope-bgBox01 .noteList01 li{
		line-height: 1.4;
	}
	.ope-balloon01 {
		margin-bottom: 16px;
		font-size: 13px;
		font-size: 1.3rem;
	}
	.ope-balloon01 > span {
		display: inline-block;
		padding: 4px 10px;
	}
	.ope-balloon01 > span:after {
		bottom: -7px;
		left: 50%;
		margin-left: -4px;
		border-top: 7px solid #a10d13;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
	}
	.ope-noteBox01 {
		width: 100%;
		text-align: left;
	}
	.ope-noteBox01 .noteList01 > li > .ast {
		display: block;
		position: absolute;
	}
	.ope-noteBox02 {
		margin: 10px 0 0;
		font-size: 15px;
		font-size: 1.5rem;
	}
	.ope-bnrLisrt {
		margin-top: 50px;
	}
/* component
------------------------------------------------------ */
	/* hero */
	.ope-hero {
		width: 100vw;
		margin-left: -10px;
		height: auto;
		background: url("/gecard/onepiece/img-files/sp_onepiece_bg11.jpg") no-repeat center / cover;
		overflow: hidden;
		margin-bottom: 0;
	}
	.ope-heroInner{
		position: relative;
		width: auto;
		height: auto;
		margin: 0 auto;
	}
	.ope-hdg01 {
		padding: 54% 0 27%;
		text-align: center;
		color: #ffffff;
		z-index: 2;
	}
	.ope-hdg01 h1 {
		animation-name:fadeUpAnime;
		animation-duration:1s;
		animation-fill-mode:forwards;
		animation-delay: 2s;
		opacity:0;
	}
	.ope-hdgLead01 {
		margin-top: 0;
		margin-right: 5%;
	}
	.ope-hdg01 .ope-heroNote{
		margin-top: 9px;
		margin-left: 0;
		text-shadow: 
			 1px  1px 1px #000,
		-1px  1px 1px #000,
		 1px -1px 1px #000,
		-1px -1px 1px #000,
		 1px  0px 1px #000,
		 0px  1px 1px #000,
		-1px  0px 1px #000,
		 0px -1px 1px #000;
		color: #fff;
	}
	.ope-heroImages {
		position: absolute;
		left: 0;
		top: 0;
		display: flex;
		width: 100%;
		height: 100%;
	}
	.ope-heroImages .ope-heroShanks {
		position: relative;
		width: 50%;
		height: 100%;
		left: auto;
		bottom: auto;
		animation-name:fadeInAnime;
		animation-duration:1s;
		animation-fill-mode:forwards;
		animation-delay: 1s;
		opacity:0;
		overflow: hidden
	}
	.ope-heroImages .ope-heroShanks img {
		position: absolute;
		bottom: -4px;
		right: 0;
	}
	.ope-heroImages .ope-heroLuffy {
		position: relative;
		width: 50%;
		height: 100%;
		right: auto;
		bottom: auto;
		animation-name:fadeInAnime;
		animation-duration:1s;
		animation-fill-mode:forwards;
		animation-delay: 1.5s;
		opacity:0;
		overflow: hidden;
	}
	.ope-heroImages .ope-heroLuffy img {
		position: absolute;
		bottom: -4px;
		left: 0;
	}
	.ope-heroNote {
		display: inline-block;
		position: relative;
		text-align: left;
		padding-left: 13px;
		font-size: 1.1rem;
		color: #000;
	}
	.ope-heroNote .ast {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}
	.ope-heroWrap{
		position: relative;
		text-align: left;
		margin-right: 34%;
		margin-left: 8px;
		z-index: 1;
	}
	/* news */
	.newsBox{
		width: calc(100vw - 20px);
		height: 65px;
		margin-top: 13px!important;
		margin-bottom: 53px;
		background-size: 73px auto;
		background-position: right 16px bottom -11px;
	}
	.newsBox .newsHdg {
		margin: 0 2px;
		padding: 5px 3px 5px;
		font-size: 11px;
		line-height: 1;
	}
	.newsBox .newsHdg img{
		width: 50px;
	}
	.newsBox .content {
		padding: 0px;
		height: calc(100% - 22px);
	}
	.newsBox .contentbox {
		padding: 3px 4px;
		font-size: 10px;
		font-size: 1rem;
		line-height: 1.3;
	}
	.newsBox .contentbox li {
		margin-bottom: 5px;
	}
	.newsBox .contentbox li .date {
		width: 70px;
		padding-left: 2px;
	}
	.newsBox .mCSB_inside > .mCSB_container{
		margin-right: 15px;
	}
	.mCSB_scrollTools a+.mCSB_draggerContainer{
		margin: 11px 0;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools{
		width: 18px;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_dragger{
		min-height: 9px !important;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { 
		width: 12px;
		margin: 0 3px;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonUp,
	.newsBox .mCS-my-theme.mCSB_scrollTools .mCSB_buttonDown { 
		width: 12px;
		height:11px;
	}
	 .newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::before{
		border-bottom: 5px solid #846b39;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		position:absolute;
		top: 4px;
		left: -2px;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonUp::after{
		border-bottom: 5px solid #000;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		position:absolute;
		top: 6px;
		left: -2px;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::before{ 
		border-top: 5px solid #846b39;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		position:absolute;
		bottom: 2px;
		left: -2px;
	}
	.newsBox .mCS-my-theme.mCSB_scrollTools a.mCSB_buttonDown::after{ 
		border-top: 5px solid #000;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		position:absolute;
		bottom: 4px;
		left: -2px;
	}

	/* cardArea */
	.ope-cardArea {
		width: 100vw;
		margin-top: 0;
		margin-left: -10px;
	}
	.ope-cardArea .ope-cardAreaInner {
		display: block;
	}
	.ope-cardArea .ope-cardAreaInner >* {
		width: auto;
		padding: 29px 15px 45px;
		text-align: center;
	}
	.ope-cardArea .ope-cardAreaInner >:nth-of-type(odd) {
		margin-right: 0;
	}
	.ope-cardArea .ope-cardAreaInner >:nth-of-type(odd):last-of-type {
		margin-right: 0;
	}
	.ope-cardArea .ope-cardAreaInner >* .ope-newCard {
		margin: 0 34%;
	}
	.ope-cardArea .ope-cardAreaInner >* .ope-cardTitle {
		margin-top: 5px;
	}
	.ope-cardArea .ope-cardAreaInner >* .ope-cardImage {
		margin: 18px 7% 0;
	}
	.ope-cardArea .ope-cardAreaInner >* .ope-cardText {
		margin: 24px 3% 0;
	}
	.ope-cardText02 {
		font-size: 2.1rem;
		margin-top: 26px;
	}
	.ope-cardArea .ope-cardAreaInner >* >:first-child.ope-cardTitle {
		margin-top: 10px;
	}
	.ope-cardArea .ope-cardAreaInner >:nth-of-type(n+3) {
		margin-top: 0;
	}
	.ope-cardArea .ope-cardAreaInner > .ope-cardLuffyZoroSanji {
		background: url("/gecard/onepiece/img-files/onepiece_bg16.jpg") no-repeat top center / cover;
	}
	.ope-cardArea .ope-cardAreaInner > .ope-cardLuffyShanks {
		background: url("/gecard/onepiece/img-files/onepiece_bg12.jpg") no-repeat top center / cover;
	}
	.ope-cardArea .ope-cardAreaInner > .ope-cardMonogram {
		background: url("/gecard/onepiece/img-files/onepiece_bg13.jpg") no-repeat top center / cover;
	}
	.ope-cardArea .ope-cardAreaInner > .ope-cardLuffyLaw {
		background: url("/gecard/onepiece/img-files/onepiece_bg14.jpg") no-repeat top center / cover;
	}
	.ope-cardArea .ope-cardAreaInner > .ope-cardChopper {
		background: url("/gecard/onepiece/img-files/onepiece_bg15.jpg") no-repeat top center / cover;
	}
	.ope-cardArea .ope-cardAreaInner > .ope-cardLuffyShanks .ope-cardImage {
		margin-top: 2px;
		margin-right: 20%;
		margin-left: 20%;
	}
	.ope-cardArea .ope-cardAreaInner > .ope-cardMonogram .ope-cardTitle {
		margin: 13px 14% 0;
	}
	.ope-cardArea .ope-cardAreaInner > .ope-cardChopper .ope-cardTitle {
		margin: 5px 74px 0;
	}
	.ope-cardArea .ope-cardAreaInner > .ope-cardLuffyLaw .ope-cardTitle {
		margin: 10px 14% 0;
	}
	.ope-cardArea .ope-cardAreaInner > .ope-cardLuffyLaw .ope-cardTitle {
		margin: 10px 22% 0;
	}
	.ope-cardArea .ope-cardAreaInner > .ope-cardMonogram .ope-cardImage {
		margin-top: 9px;
	}
	.ope-cardArea .ope-cardAreaInner > .ope-cardLuffyZoroSanji .ope-cardImage {
		margin-top: 24px;
	}
	.ope-cardArea .ope-cardAreaInner > .ope-cardMonogram .ope-ope-cardText {
		margin-top: 60px;
	}

	/* privilege */
	.ope-privilege {
		margin-top: 50px;
	}
	.ope-privilege + * {
		margin-top: 55px;
	}
	.ope-privilegeHdg01 {
		margin: 0 5%;
		padding: 0 5px;
		background-position: 0 56px;
		-webkit-background-size: 21px 21px;
						background-size: 21px 21px;
	}
	.ope-privilegeCol,
	.ope-privilegeCol.type02 {
		display: block;
		margin-top: 20px;
	}
	.ope-privilegeCol .col,
	.ope-privilegeCol.type02 .col {
		display: block;
	}
	.ope-privilegeCol .imgL,
	.ope-privilegeCol.type02 .imgL {
		width: 100%;
		max-width: 330px;
		margin: 0 auto;
		text-align: center;
	}
	.ope-privilegeCol .txt,
	.ope-privilegeCol.type02 .txt {
		width: 306px;
		margin: 0 auto;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.ope-privilegeCol .txt .noteList01,
	.ope-privilegeCol.type02 .noteList01 {
		line-height: 1.5;
	}
	.ope-privilegeCol.type02 .ope-privilegeTxt {
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.4;
	}
	.ope-privilegeCol.type02 .ope-privilegeLead {
		margin-top: 10px;
		text-align: center;
		font-size: 2rem;
		font-weight: bold;
		line-height: 1.4;
	}
	.ope-privilegeCol.type02 .ope-privilegeLead02 {
		margin-top: 10px;
		text-align: center;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.4;
	}
	.ope-privilegeHdg02 {
		display: block;
		margin: 10px 0 8px;
		font-size: 20px;
		font-size: 2.0rem;
	}
	.ope-privilegeHdg02 > span {
		display: inline;
	}
	.ope-privilegeList{
		margin: 25px 0 22px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	.ope-privilegeReplica {
		padding: 0;
	}
	.ope-privilegeReplica img,
	.ope-privilegeGoods img {
		width: auto;
		height: 135px;
	}
	.ope-privilegeGoods img {
		height: 215px;
	}
	.ope-privilege .applyBtn {
		margin-top: 25px;
	}
	.ope-section01 .colLayout.spLayout > .col{
		margin-top: 8px;
	}
	/* flow */
	.ope-inner01 .ope-flow {
		margin-top: 0;
		margin-bottom: 15px;
		padding: 0 10px;
	}
	.ope-flow > li {
		position: relative;
		float: none;
		width: 100%;
		min-height: inherit;
		padding-top: 0;
		background: none !important;
		color: #fff;
	}
	.ope-flow > li + li {
		margin-top: 17px;
		margin-left: 0;
	}
	.ope-flow > li a {
		color: inherit;
	}
	.ope-flow > li + li:after {
		position: absolute;
		content: "";
		width: 18px;
		height: 9px;
		top: -15px;
		right: 50%;
		margin-right: -9px;
		background: url(/gecard/onepiece/img-files/onepiece_ic03.png) 0 0 no-repeat;
		-webkit-background-size: 18px auto;
						background-size: 18px auto;
	}
	.ope-flow > li .num {
		display: none;
	}
	.ope-flow .ope-flowDesc {
		display: table;
		width: 100%;
		height: 76px;
		margin-top: 0;
	}
	.ope-flow .ope-flowDesc dt {
		display: table-cell !important;
		width: 28%;
		height: auto;
		padding: 0;
		background-size: 100px auto !important;
		background-repeat: no-repeat;
		background-position: 0 50%;
		vertical-align: middle;
	}
	.ope-flow .ope-flowDesc dt span {
		display: inline;
	}
	.ope-flow .ope-flowDesc dd {
		display: table-cell;
		width: 72%;
		padding: 0 0 0 10px;
		vertical-align: middle;
		font-size: 13px;
		font-size: 1.3rem;
		text-align: left;
		z-index: -1;
	}
	/* modal */
	.ope-modalInlineWrapper {
		display: none;
	}
	#colorbox, #cboxWrapper, #cboxContent {
		overflow: visible!important;
	}
	#colorbox #cboxLoadedContent {
		overflow: auto!important;
	}
	#cboxClose {
		display: block;
		position: absolute;
		top: -15px !important;
		bottom: auto !important;
		right: -15px !important;
		background: url("/gecard/onepiece/img-files/onepiece_ic05.png") no-repeat 0 0 / contain!important;
		background-size: 40px auto;
		width: 23px !important;
		height: 23px !important;
		text-indent: -9999px;
	}
	.ope-modalImage {
		margin-top: 15px;
		margin-bottom: 30px;
	}
	.ope-ModalInner .cb_close a:after {
		right: 10px;
		height: 14px;
		width: 14px;
		margin-top: -7px;
		background-image: url(/common-files/img/sp_com_close_ic01.png);
		background-size: 14px 14px;
	}
	.ope-ModalInner {
		padding: 20px 15px;
	}
	/* ----- newArea ----- */
	.ope-newArea {
		position: relative;
		margin-top: 40px;
		text-align: center;
	}
	.ope-newButton {
		margin-top: 18px;
	}
	.ope-newButton .ope-newButtonType {
		position: relative;
		display: block;
		width: 45.5vw;
		min-height: 11vw;
		padding: calc(24 * 100vw / 750) 20px calc(20 * 100vw / 750) 14px;
		box-shadow: 0px 6px 14px -1px #333;
		background-color: #231815;
		color: #fff;
		font-size: calc(26 * 100vw / 750);
		text-align: center;
		text-decoration: none;
	}
	.ope-newButton .ope-newButtonType::before {
		content: '';
		position: absolute;
		top: 50%;
		right: calc(14 * 100vw / 750);
		width: calc(12 * 100vw / 750);
		height: calc(20 * 100vw / 750);
		margin-top: calc(-10 * 100vw / 750);
		background: url("/gecard/onepiece/img-files/onepiece_ic04.png") no-repeat top / contain;
	}
	.ope-newButton .ope-newButtonType:hover {
		box-shadow: 0px 6px 14px -1px #333;
	}
	.ope-image {
		margin-top: 20px;
	}
	/* ----- banner ----- */
	.ope-banner .ope-bannerFrame a {
		display: inline-block;
		width: 79%;
		background-color: #fff;
	}
	.ope-banner {
		margin-top: 25px;
	}
	.ope-banner .ope-bannerFrame a:hover {
		opacity: 1;
	}
	.ope-banner .ope-bannerFrame figcaption {
		font-size: 1rem;
		color: #000;
		margin-top: 10px;
	}
}



/* Cleafix
------------------------------------------------------ */
.ope-hero:after,
.ope-tabList:after,
.ope-flow:after {
	display: block;
	clear: both;
	content: "";
}

@media screen and (max-width: 750px) {
	#op-cover .op-background {
		-webkit-background-size: 107px auto;
						background-size: 107px auto;
	}
	#op-visual {
		padding-top: 20px;
		height: 100vh;
	}
	#op-logo img {
		width: 280px;
	}
	#op-visual .op-card {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 280px;
		margin-left: -140px;
		margin-top: -88px;
	}
	#zOutPoint {
		top: 22%;
		left: 53%;
	}
	/* 入会特典2 */
	.benefitsTxt{
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.4;
		margin-top: 25px;
	}
	.txtNote01.ope-inline{
		display: inline-block;
		font-size: 12px;
		font-size: 1.2rem;
	}
}