@charset "utf-8";

/** Override **/

.pj-page { min-width:320px; }
.pj-contents { margin-top:0; }

@media screen and ( max-width:800px ) {}
@media screen and ( max-width:667px ) {}

/** sc-contents **/

.sc-contents *::before,
.sc-contents *::after,
.sc-contents * { box-sizing:inherit;    }
.sc-contents   { box-sizing:border-box; }

.sc-contents {
	margin:auto;
	padding:0;
	position:relative;
}
.sc-contents__header { position:relative; }
.sc-contents__body   { position:relative; }
.sc-contents__footer {
	padding-top:40px;
	padding-bottom:40px;
	background-color:#000;
	position:relative;
}

.sc-contents a {
	text-decoration:none;/*
	color:#000;*/
}
.sc-contents a[href*="mailto:"] { color:#000; }

@media screen and ( max-width:800px ) {}
@media screen and ( max-width:667px ) {}

/** sc-title **/

.sc-title {
	margin:auto;
	position:relative;
	display:block;
	text-align:center;
}
.sc-title > * {
	width:100%;
	height:auto;
	vertical-align:top;
}

@media screen and ( max-width:800px ) {}
@media screen and ( max-width:667px ) {}

/** sc-section **/

.sc-section {
	padding-top:4.0em;
	padding-bottom:4.0em;
	position:relative;
	display:block;
	color:#000;
}
.sc-section__inner {
	margin-left:auto;
	margin-right:auto;
	padding-left:calc( 50 / 1300 * 100% );
	padding-right:calc( 50 / 1300 * 100% );
	display:block;
	max-width:1300px;
}
.sc-section__body + .sc-section__head { margin-top:3.0em; }
.sc-section__head {
	margin-bottom:2.0em;
	position:relative;
	display:block;
	text-align:center;
	font-family:serif;
}
.sc-section__head > h2,
.sc-section__head > p {
	margin-top:0;
	margin-bottom:0;
	font-weight:bold;
}
.sc-section__head > h2 { font-size:3.0rem; }
.sc-section__body {
	position:relative;
	display:block;
}

.sc-section--paper { background:#EFE3CF url( "../img/index/bg_paper.jpg" ) top center / 100% auto repeat-y; }
.sc-section--wood { background:#291810 url( "../img/index/bg_wood.jpg" ) top center / 100% auto repeat-y; }
.sc-section--brown-light { background-color:#A7906E; }
.sc-section--brown-dark  { background-color:#6D5A39; }
.sc-section--brown-dark .sc-section__head { color:#FFF; }

@media screen and ( max-width:800px ) {
	.sc-section {
		padding-top:40px;
		padding-bottom:40px;
	}
	.sc-section__body + .sc-section__head { margin-top:30px; }
	.sc-section__head { margin-bottom:20px; }
	.sc-section__head > h2 { font-size:2.0rem; }
}
@media screen and ( max-width:667px ) {
	.sc-section__inner {
		padding-left:1.5em;
		padding-right:1.5em;
	}
}

/** sc-button **/

.sc-button {
	padding:0.5em 1.0em;
	border-radius:10px;
	background:linear-gradient( to right, #1758F1, #2797E9 );
	box-shadow:1px 1px 10px rgba( 0, 0, 0, 0.3 );
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	line-height:1.3;
	font-family:serif;
	font-weight:bold;
	font-size:2.0rem;
	color:#FFF;
}
.sc-button:hover {
	color:#FFF;
	opacity:0.9;
}

@media screen and ( max-width:800px ) {
	.sc-button { font-size:1.8rem; }
}
@media screen and ( max-width:667px ) {
	.sc-button { font-size:1.6rem; }
}

/** sc-updateInfo **/

.sc-update { background-color:#F0E8CF; }
.sc-update__board {
	margin:0 auto;
	padding:8px;
	border:1px solid #94856C;
	display:block;
	max-width:880px;
}
.sc-update__info {
	position:relative;
	display:block;
	overflow:hidden;
	text-align:center;
	line-height:1.5;
	font-family:serif;
	font-weight:bold;
}
.sc-update__info::before {
	background-image:
		linear-gradient( to right,  #533F26, #533F26 4px, transparent 4px, transparent 6px ),
		linear-gradient( to right,  #533F26, #533F26 4px, transparent 4px, transparent 6px ),
		linear-gradient( to bottom, #533F26, #533F26 4px, transparent 4px, transparent 6px ),
		linear-gradient( to bottom, #533F26, #533F26 4px, transparent 4px, transparent 6px );
	background-size:6px 1px, 6px 1px, 1px 6px, 1px 6px;
	background-position:left top, left bottom, left top, right top;
	background-repeat:repeat-x, repeat-x, repeat-y, repeat-y;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	content: "";
}

@media screen and ( max-width:667px ) {
	div.last_info { font-size:1rem; width: 90%; margin-left: auto; margin-right: auto; }
}




@media screen and ( max-width:800px ) {}
@media screen and ( max-width:667px ) {}

/** sc-intro **/

.sc-intro {}
.sc-intro .sc-section__body { font-size:1.8rem; }
.sc-intro__title { margin:0 auto; }
.sc-intro__more {
	margin-top:2.0em;
	display:flex;
	justify-content:center;
	align-items:center;
	font-family:serif;
}
.sc-intro__more > p {
	margin-top:0;
	margin-bottom:0;
	line-height:1.5;
}
.sc-intro__more > :first-child {
	margin-right:1.0em;
	border-radius:2.0em;
	background-color:#A28854;
	display:flex;
	justify-content:center;
	align-items:center;
	flex:none;
	width:4.0em;
	height:4.0em;
	font-size:2.0rem;
	color:#FFF;
}

@media screen and ( max-width:800px ) {
	.sc-intro__title { max-width:480px; }
	.sc-intro__more {
		display:block;
		text-align:center;
	}
	.sc-intro__more > :first-child { margin:1.0em auto; }
}
@media screen and ( max-width:667px ) {
	.sc-intro .sc-section__body { font-size:1.6rem; }
}
@media screen and ( max-width:420px ) {
	.sc-intro .sc-section__body { font-size:1.4rem; }
}

/** sc-flow **/

.sc-flow {}
.sc-flow__title {
	margin:0 auto;
	max-width:240px;
}

@media screen and ( max-width:800px ) {
	.sc-flow__title { max-width:200px; }
}
@media screen and ( max-width:667px ) {
	.sc-flow__title { max-width:160px; }
	.sc-flow .bs-grid\@Sp--col1.bs-grid--gap_M > :nth-child(n+2) { padding-top:2.0em; }
}

/** sc-flowStepCard **/

.sc-flowStepCard {
	margin-left:calc( 20 / 620 * 100% );
	padding:40px;
	background:#EFE3CF url( "../img/index/bg_paper.jpg" ) top center / 100% auto repeat-y;
	position:relative;
	display:block;
	font-family:serif;
}
.sc-flowStepCard__head {
	position:relative;
	display:flex;
}
.sc-flowStepCard__body {
	position:relative;
	display:block;
}
.sc-flowStepCard__head > h3 {
	margin:0 calc( 20 / 600 * 100% ) 0 calc( 20 / 620 * -100% - 40px );
	display:block;
	width:calc( 210 / 600 * 100% );
	min-width:110px;
	max-width:210px;
	flex:none;
}
.sc-flowStepCard__head > p {
	margin:0;
	display:block;
	line-height:1.5;
	font-size:2.4rem;
}
.sc-flowStepCard__body > p {
	line-height:1.5;
	font-size:1.8rem;
}
.sc-flowStepCard__notice {
	margin-top:1.5em;
	padding:0.5em 1.0em 1.0em;
	border:2px solid #000;
	border-radius:10px;
}
.sc-flowStepCard__notice .bs-list { margin:0 auto; }

@media screen and ( min-width:801px ) and ( max-width:1000px ) {
	.sc-flowStepCard__head > h3 { min-width:100px; }
	.sc-flowStepCard__head > p { font-size:2.0rem; }
	.sc-flowStepCard__body > p { font-size:1.6rem; }
}
@media screen and ( max-width:800px ) {
	.sc-flowStepCard {
		margin-left:calc( 20 / 800 * 100% );
		padding:30px;
	}
	.sc-flowStepCard__head > h3 {
		margin:0 calc( 20 / 780 * 100% ) 0 calc( 20 / 800 * -100% - 30px );
		width:calc( 210 / 780 * 100% );
	}
	.sc-flowStepCard__head > p { font-size:2.1rem; }
	.sc-flowStepCard__body > p { font-size:1.6rem; }
}
@media screen and ( max-width:667px ) {
	.sc-flowStepCard__head > p { font-size:1.8rem; }
	.sc-flowStepCard__body > p { font-size:1.5rem; }
}

/** sc-flowTweetExample **/

.sc-flowTweetExample {
	margin:0 auto;
	position:relative;
	display:block;
	max-width:320px;
}

@media screen and ( max-width:800px ) {}
@media screen and ( max-width:667px ) {}

/** sc-prize **/

.sc-prize {}

@media screen and ( max-width:800px ) {}
@media screen and ( max-width:667px ) {}

/** sc-monthlyPrize **/

.sc-monthlyPrize {
	margin:0 auto;
	padding:0 calc( 104 / 1080 * 100% );
	background:url( "../img/index/prize_monthly_bg.png" ) bottom center / contain no-repeat;
	position:relative;
	display:block;
	max-width:1080px;
}
.sc-monthlyPrize__title {
	margin:0 auto;
	max-width:240px;
}
.sc-monthlyPrize__image {
	margin:0 auto;
	position:relative;
	display:block;
	max-width:620px;
}

@media screen and ( max-width:800px ) {
	.sc-monthlyPrize__title { max-width:200px; }
	.sc-monthlyPrize__image { max-width:540px; }
}
@media screen and ( max-width:667px ) {
	.sc-monthlyPrize__title { max-width:160px; }
}

/** sc-cowboyPrize **/

.sc-monthlyPrize + .sc-cowboyPrize { margin-top:3.0em; }
.sc-cowboyPrize {
	margin:0 auto;
	position:relative;
	display:block;
	max-width:960px;
}
.sc-cowboyPrize .sc-section__head {
	margin-bottom:0;
	display:flex;
	justify-content:center;
	align-items:flex-end;
}
.sc-cowboyPrize .sc-section__head::before,
.sc-cowboyPrize .sc-section__head::after {
	border:solid #AD9565;
	display:block;
	flex:1;
	height:37px;
	content:"";
}
.sc-cowboyPrize .sc-section__head::before {
	border-width:2px 0 0 2px;
	border-radius:10px 0 0 0;
}
.sc-cowboyPrize .sc-section__head::after {
	border-width:2px 2px 0 0;
	border-radius:0 10px 0 0;
}
.sc-cowboyPrize .sc-section__body {
	padding:2.0em;
	border:solid #AD9565;
	border-width:0 2px 2px;
	border-radius:0 0 10px 10px;
}
.sc-cowboyPrize__title {}
.sc-cowboyPrize__image {
	margin:0 auto;
	position:relative;
	display:block;
	max-width:620px;
}

@media screen and ( max-width:800px ) {
	.sc-cowboyPrize .sc-section__head::before,
	.sc-cowboyPrize .sc-section__head::after { height:28px; }
	.sc-cowboyPrize .sc-section__body {
		padding-left:1.0em;
		padding-right:1.0em;
	}
	.sc-cowboyPrize__title { max-width:270px; }
	.sc-cowboyPrize__image { max-width:540px; }
}
@media screen and ( max-width:667px ) {
	.sc-cowboyPrize .sc-section__head::before,
	.sc-cowboyPrize .sc-section__head::after { height:21px; }
	.sc-cowboyPrize__title { max-width:200px; }
}

/** sc-period **/

.sc-period {
	text-align:center;
	font-family:serif;
	color:#FFF;
}
.sc-period__date {}
.sc-period__date > em { font-size:125%; }
.sc-period .sc-section__body .bs-list {
	margin-left:auto;
	margin-right:auto;
}
.sc-period .sc-section__body .bs-list--custom { text-align:left; }

@media screen and ( max-width:800px ) {}
@media screen and ( max-width:667px ) {}

/** sc-panel **/

.sc-panel {
	padding:30px 20px;
	position:relative;
	display:block;
	background-color:#FFF;
}
.sc-panel__head {
	margin:0 auto 20px;
	position:relative;
	display:block;
	text-align:center;
	font-family:serif;
	font-size:2.4rem;
}
.sc-panel__body {
	position:relative;
	display:block;
}
.sc-panel__body > :first-child { margin-top:0; }
.sc-panel__body > :last-child { margin-bottom:0; }

@media screen and ( min-width:1200px ) {
	.sc-panel { padding:30px 60px; }
}
@media screen and ( min-width:801px ) {
	.sc-accordion\@Tablet-lt .sc-panel__body { overflow-y:auto; }
	.sc-accordion\@Tablet-lt .sc-panel__body > * { padding-right:1.0em; }
	
	.sc-accordion\@Tablet-lt [id="accordion1"] ~ .sc-panel__body { height:30.0em; }
	.sc-accordion\@Tablet-lt [id="accordion2"] ~ .sc-panel__body { height:30.0em; }
}
@media screen and ( max-width:800px ) {
	.sc-panel { padding:20px 10px; }
	
	.sc-accordion\@Tablet-lt { padding:0; }
	.sc-accordion\@Tablet-lt .sc-panel__head {
		margin-bottom:0;
		background-color:#000;
		color:#FFF;
		font-size:1.8rem;
	}
	.sc-accordion\@Tablet-lt .sc-panel__head .sc-accordion\@Tablet-lt__label { padding:0.8em 10px; }
	.sc-accordion\@Tablet-lt .sc-panel__head::after {
		margin:auto 0;
		background:url( "../img/index/icon_angle_down_white.png" ) center center / contain no-repeat;
		position:absolute;
		top:0;
		bottom:0;
		right:10px;
		display:block;
		width:1.0em;
		height:1.0em;
		content:"";
	}
	.sc-accordion\@Tablet-lt__input:checked ~ .sc-panel__head::after { transform:rotateZ( 180deg ); }
	.sc-accordion\@Tablet-lt .sc-panel__body { padding:20px 10px; }
}
@media screen and ( max-width:667px ) {}

/** sc-accordion@Tablet-lt **/

.sc-accordion\@Tablet-lt {}
.sc-accordion\@Tablet-lt__input { display:none; }
.sc-accordion\@Tablet-lt__label {
	display:block;
	pointer-events:none;
}
.sc-accordion\@Tablet-lt__content {}

@media screen and ( max-width:800px ) {
	.sc-accordion\@Tablet-lt__label {
		cursor:pointer;
		pointer-events:auto;
	}
	.sc-accordion\@Tablet-lt__content { display:none; }
	.sc-accordion\@Tablet-lt__input:checked ~ .sc-accordion\@Tablet-lt__content { display:block; }
}


/** 商品画像下のコメント**/

    .font_sizeM_pc { font-size: 20px; text-align: center;}

 .br_sp { display:none; }
@media screen and ( max-width:667px ) {
    .br_pc { display:none; }
    .br_sp { display:block; }
    .font_sizeM_pc { font-size: 16px; text-align: left;}
}
