@charset "utf-8";

/* ------------------------------------------------------------------
     common
------------------------------------------------------------------ */
.feature_ {
	width: 100% !important;
}

/* ------------------------------------------------------------------
     section
------------------------------------------------------------------ */
.feature_ .contents_inner_ {
	width: 100% !important;
	padding: 0 0 0 !important;
	box-sizing: border-box;
/*	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;*/
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
/*	font-family: Avenir, 'Helvetica neue', Helvetica, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'ＭＳ Ｐゴシック', sans-serif;*/
	background-color: #fff4fa;
}
.feature_ .contents_inner_ img {
	width: 100%;
	height: auto;
}
.feature_ .contents_inner_ .section_ {
}
.feature_ .contents_inner_ .fleft_ {
	float: left;
	width: 50%;
	padding: 0 0 0 0;
	box-sizing: border-box;
}
.feature_ .contents_inner_ .fright_ {
	float: right;
	width: 50%;
	padding: 0 0 0 0;
	box-sizing: border-box;
}
.feature_ .contents_inner_ .br-320_ {
	display: none;
}
.feature_ .contents_inner_ .lhn_ {
	line-height: 0;
}
.feature_ .contents_inner_ .flex_ {
	display: flex;
}
.feature_ .contents_inner_ p.center_ {
	text-align: center !important;
}
.feature_ .contents_inner_ p.left_ {
	text-align: left !important;
}
.feature_ .contents_inner_ p.right_ {
	text-align: right !important;
}

.feature_ .contents_inner_ .box_ {
	width: 90.8450704vw;
	margin: 2.81690141vw auto 0;
	box-sizing: border-box;
}
.feature_ .contents_inner_ .line02_ {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.feature_ .contents_inner_ p.lead_ {
	font-size: 3.09859155vw;
	color: #595757;
	line-height: 2.25;
	text-align: center;
}
.feature_ .contents_inner_ p.item_ {
	font-size: 3.38028169vw;
	font-weight: bold;
	color: #595757;
	line-height: 1;
	text-align: left;
	margin-bottom: 5.63380282vw;
}
.feature_ .contents_inner_ p.txt_ {
	font-size: 3.16901408vw;
	color: #595757;
	line-height: 1.75;
	text-align: justify;
}
.feature_ .contents_inner_ p.price_ {
	font-size: 3.16901408vw;
	color: #595757;
	text-align: left;
	line-height: 1.75;
	margin-top: 5.63380282vw;
}

.feature_ .contents_inner_ .btn01_ {
	width: 38.8732394vw;
	margin: 5.63380282vw auto 0;
	line-height: 0;
}
.feature_ .contents_inner_ .btn02_ {
	margin: 0 0 0;
	text-align: center;
}
.feature_ .contents_inner_ .btn02_ a {
	color: #595757;
	text-decoration: npne;
	font-size: 12px;
}
.feature_ .contents_inner_ .btn03_ {
	margin: 2.81690141vw 0 0;
	text-align: center;
}
.feature_ .contents_inner_ .btn03_ a {
	color: #595757;
	text-decoration: npne;
	font-size: 12px;
}

@media screen and (max-width:320px){
	.feature_ .contents_inner_ .br-320_ {
		display: block;
	}
}

/* ------------------------------------------------------------------
     animation
------------------------------------------------------------------ */
.fuwa_ {
    opacity: 0;
    transform: translate(0, 50px);
    -webkit-transform: translate(0, 50px);
}
.fuwa2_ {
    opacity: 1.0;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transition: 1.5s;
}
.fadein_ {
    opacity: 0;
    transform: translate(0, 50px);
    -webkit-transform: translate(0, 50px);
    /*transition: all 300ms;*/
    transition: 1.5s;
}
.fadein_.scrollin_ {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0,0);
}

/* ------------------------------------------------------------------
     header_
------------------------------------------------------------------ */
.feature_ .contents_inner_ .header_ {
	width: 100%;
	padding: 14.7887324vw 0 0.84507042vw;
	background: url(/img/usr/feature/sl/2111sl_cardcapter_sakura/sp/2111sl_cardcapter_sakura_bg_header.png) top right no-repeat;
	background-size: 97.1830986vw 94.5070423vw;
	box-sizing: border-box;
}
.feature_ .contents_inner_ .header_ .title_ {
	width: 70.4225352vw;
	margin: 0 auto 14.084507vw;
}
.feature_ .contents_inner_ .header_ .line01_ {
	width: 100%;
	margin: 7.04225352vw auto 0;
}

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


/* ------------------------------------------------------------------
     section01
------------------------------------------------------------------ */
.feature_ .contents_inner_ #section01_ {
	width: 100%;
	margin: 0 auto 0;
	padding: 8.45070423vw 0 5.63380282vw 0;
	background-color: #f8e1f1;
	box-sizing: border-box;
}
.feature_ .contents_inner_ #section01_ .midashi_ {
	width: 57.3239437vw;
	margin: 0 auto 8.45070423vw;
	position: relative;
}
.feature_ .contents_inner_ #section01_ .img01_01_ {
	width: 100%;
	margin: 0 auto 0;
}

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

/* ------------------------------------------------------------------
     section02
------------------------------------------------------------------ */
.feature_ .contents_inner_ #section02_ {
	width: 100%;
	margin: 0 auto 0;
	padding: 8.45070423vw 0 5.63380282vw 0;
	background-color: #fcebf6;
	box-sizing: border-box;
	position: relative;
}
.feature_ .contents_inner_ #section02_ .midashi_ {
	width: 56.056338vw;
	margin: 0 auto 8.45070423vw;
	position: relative;
}
.feature_ .contents_inner_ #section02_ .img02_01_ {
	width: 100%;
	margin: 0 auto 0;
}

/* ------------------------------------------------------------------
     section03
------------------------------------------------------------------ */
.feature_ .contents_inner_ #section03_ {
	width: 100%;
	margin: 0 auto 0;
	padding: 8.45070423vw 0 5.63380282vw 0;
	background-color: #fff4fa;
	box-sizing: border-box;
	position: relative;
}
.feature_ .contents_inner_ #section03_ .midashi_ {
	width: 25.6338028vw;
	margin: 0 auto 8.45070423vw;
	position: relative;
}
.feature_ .contents_inner_ #section03_ .img03_01_ {
	width: 100%;
	position: relative;
}
.feature_ .contents_inner_ #section03_ .img03_01_01_ {
	width: 90.8450704vw;
	margin: 0 auto 0;
}
.feature_ .contents_inner_ #section03_ .img03_02_ {
	width: 100%;
	position: relative;
}
.feature_ .contents_inner_ #section03_ .img03_02_01_ {
	width: 90.8450704vw;
	margin: 0 auto 0;
}
.feature_ .contents_inner_ #section03_ .img03_03_ {
	width: 100%;
	position: relative;
}
.feature_ .contents_inner_ #section03_ .img03_03_01_ {
	width: 90.8450704vw;
	margin: 0 auto 0;
}
.feature_ .contents_inner_ #section03_ .absolute_ {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

/* ------------------------------------------------------------------
     section04
------------------------------------------------------------------ */
.feature_ .contents_inner_ #section04_ {
	width: 100%;
	margin: 0 auto 0;
	padding: 8.45070423vw 0 5.63380282vw 0;
	background-color: #fbe7f4;
	box-sizing: border-box;
}
.feature_ .contents_inner_ #section04_ .midashi_ {
	width: 33.3802817vw;
	margin: 0 auto 8.45070423vw;
	position: relative;
}
.feature_ .contents_inner_ #section04_ .img04_01_ {
	width: 63.3802817vw;
	margin: 0 auto 0;
}

/* ------------------------------------------------------------------
     section05
------------------------------------------------------------------ */
.feature_ .contents_inner_ #section05_ {
	width: 100%;
	margin: 0 auto 0;
	padding: 5.63380282vw 0 0 0;
	background-color: #fff4fa;
	box-sizing: border-box;
}
.feature_ .contents_inner_ #section05_ .box_ {
	margin: 0 auto 0;
	padding: 5.63380282vw 3.52112676vw 4.22535211vw;
	border: 1px solid #b5a889;
	background-color: #fff;
}
.feature_ .contents_inner_ #section05_ .midashi_ {
	width: 26.4788732vw;
	margin: 0 auto 4.22535211vw;
	position: relative;
}
.feature_ .contents_inner_ #section05_ .fleft_,
.feature_ .contents_inner_ #section05_ .fright_ {
	width: 40.8450704vw;
	margin-top: 2.81690141vw;
}
.feature_ .contents_inner_ #section05_ .box02_ {
	width: 100%;
	margin-top: 2.81690141vw;
}


/* ------------------------------------------------------------------
     footer
------------------------------------------------------------------ */
.feature_ .footer_ {
	width: 100%;
	margin: 0 auto 0;
	padding: 9.8591549vw 0 0;
	box-sizing: border-box;
}
.feature_ .contents_inner_ .footer_ p.attention_ {
	font-family: Avenir, 'Helvetica neue', Helvetica, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'ＭＳ Ｐゴシック', sans-serif;
	text-align: center;
	color: #595757;
	font-size: 10px;
	padding: 15px 0 0;
}
.feature_ .contents_inner_ .footer_ a.footer_link_ {
	display: block;
	font-size: 12px;
	color: #604c3f;
	text-align: center;
	text-decoration: underline;
	margin-top: 15px;
}
.feature_ .contents_inner_ .footer_ .box_sns_ {
	text-align: center;
	margin-top: 20px;
}
.feature_ .contents_inner_ .footer_ .box_sns_ li {
	display: inline-block;
	padding: 0 15px;
}
.feature_ .contents_inner_ .footer_ .box_sns_ li img {
	width: 26px;
}
.feature_ .contents_inner_ .footer_ .txt_copy_ {
	font-family: Avenir, 'Helvetica neue', Helvetica, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'ＭＳ Ｐゴシック', sans-serif;
	text-align: center;
	color: #595757;
	font-size: 10px;
	padding: 5px 0 15px;
}

.feature_ .contents_inner_ .footer_ #goto_pagetop_ {
	position: fixed;
	right: 4px;
	bottom: 4px;
	display: none;
	z-index: 9090;
}

@media screen and (max-width:320px){
	.feature_ .footer_ p.footer_txt_ {
		font-size: 10px;
	}
	.feature_ .contents_inner_ .footer_ p.txt_footer_ {
		font-size: 10px;
	}
	.feature_ .contents_inner_ .footer_ p.txt_footer02_ {
		font-size: 10px;
	}
	.feature_ .contents_inner_ .footer_ .txt_copy_ {
		font-size: 10px;
	}
}

/* ------------------------------------------------------------------
     clearfix
------------------------------------------------------------------ */
.feature_ .contents_inner_ .clearfix_,
.feature_ .contents_inner_ .section_,
.feature_ .contents_inner_ .section_inner_ {
	zoom: 1;
}
.feature_ .contents_inner_ .clearfix_:after,
.feature_ .contents_inner_ .section_:after,
.feature_ .contents_inner_ .section_inner_:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.feature_ .contents_inner_ .clear_ {
	clear: both;
	display: block;
}

