@charset "UTF-8";
/*----------------------------------------

	index CSS

	- common
	- s_repair
	- stepList
	- goodsBuy
	- goodsList
	- modal

-----------------------------------------*/

/*----------------------------------------
	common
-----------------------------------------*/
#header #fNav > ul li:first-child {
	display: block;
}
#headtitle {
	margin: 0;
}
#modal .modal_point {
	width: 100%;
	background-color: #fff;
	border-radius: 4px;
	padding: 30px 0;
}
#modal .modal_point #s_point.point01.body .con02 {
    margin-bottom: 45px;
}
#modal .modal_point #s_point.point01.body .con03 ,
#modal .modal_point #s_point.point01.body .con04 ,
#modal .modal_point #s_point.point01.body .con05 ,
#modal .modal_point #s_point.point01.body .con06 {
	display: none;
}
#modal .modal_point #s_point.point01.body .con06 {
	margin-bottom: 20px;
}
#modal .modal_point #s_point.point06.body .con02 .bdrGray:last-child {
	display: none;
}
#modal .modal_point #s_point.point01.bumper .con02 {
	margin-bottom: 35px;
}
#modal .modal_point #s_point.point01.bumper .con03 ,
#modal .modal_point #s_point.point01.bumper .con04 ,
#modal .modal_point #s_point.point01.bumper .con05 {
	display: none;
}
#modal .modal_point #s_point.point10.bumper .con02 {
	display: none;
}

/*----------------------------------------
	s_repair
-----------------------------------------*/
#s_repair .conHead .levelTab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
}
#s_repair .conHead .levelTab li {
	width: 100%;
	line-height: 1.3;
}
#s_repair .conHead .levelTab li p ,
#s_repair .conHead .levelTab li a {
	padding: 16px 0 10px;
}
#s_repair .conHead .levelTab li p {
	font-weight: bold;
	color: #0b004a;
}
#s_repair .conHead .levelTab li a {
	display: block;
	background-color: #f4f4f4;
}
#s_repair .conHead .levelTab li p span:first-child ,
#s_repair .conHead .levelTab li a span:first-child {
	display: block;
	width: 75px;
	height: 18px;
	margin: 0 auto 6px;
	padding: 5.5px 0;
	border-radius: 4px;
	font-size: 0;
	line-height: 1;
}
#s_repair .conHead .levelTab li p span:first-child {
	background-color: #e92020;
}
#s_repair .conHead .levelTab li a span:first-child {
	background-color: #bbb;
}
#s_repair .conHead .levelTab li p span:first-child img ,
#s_repair .conHead .levelTab li a span:first-child img {
	width: auto;
	height: 7px;
}
#s_repair .conHeadBox {
	margin: 20px 0;
}
#s_repair .conHeadBox .txt {
	margin-bottom: 15px;
}
#s_repair .conHeadBox .info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 10px;
	padding: 15px 10px 14px;
	border-radius: 4px;
	background-color: #d4ebff;
}
#s_repair .conHeadBox .info li {
	position: relative;
	box-flex: 1;
	width: 100%;
	padding: 28px 0 0;
	background: center top no-repeat;
	background-size: 23px auto;
	line-height: 1.3;
	text-align: center;
}
#s_repair .conHeadBox .info li:nth-child(1) {
	background-image: url(../img/c_conHead_i01.png);
}
#s_repair .conHeadBox .info li:nth-child(2) {
	background-image: url(../img/c_conHead_i02.png);
}
#s_repair .conHeadBox .info li:nth-child(3) {
	background-image: url(../img/c_conHead_i03.png);
}
#s_repair .conHeadBox .info li .kome {
	position: absolute;
	top: 6px;
	left: 50%;
	margin: 0 0 0 13px;
	font-style: normal;
	font-size: 0.95rem;
}
#s_repair .conBody .sideBox {
	padding: 0 0 40px;
	background-color: #f4f4f4;
}
#s_repair .conBody .sideBox > div > dl > dt {
	padding: 34px 0 0;
	margin: 0 0 18px;
}
#s_repair .conBody .sideBox .movieBox ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
#s_repair .conBody .sideBox .movieBox > ul > li {
	width: 105px;
	margin: 0 0 0 10px;
}
#s_repair .conBody .sideBox .movieBox > ul > li:nth-child(3n+1) {
	margin-left: 0;
}
#s_repair .conBody .sideBox .movieBox > ul > li:nth-child(n+4) {
	margin-top: 10px;
}
#s_repair .conBody .sideBox .movieBox > ul > li a {
	overflow: hidden;
	position: relative;
	display: block;
	border-radius: 4px;
}
#s_repair .conBody .sideBox .movieBox > ul > li a > p {
	position: absolute;
	top: 50%;
	width: 100%;
	padding: 0 0 40px;
	background: url(../img/c_yt_i01.png) center bottom 10px no-repeat;
	background-size: 31px auto;
	-webkit-transform: translate(0,-50%);
	    -ms-transform: translate(0,-50%);
	        transform: translate(0,-50%);
}
#s_repair .conBody .sideBox .listBox > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 0 auto;
	padding: 20px 0 0;
}
#s_repair .conBody .sideBox .listBox > ul::after{
	content: '';
	display: block;
	width: 105px;
}
#s_repair .conBody .sideBox .listBox > ul > li:nth-child(n+4) {
	margin-top: 10px;
}
#s_repair .conBody .sideBox .listBox > ul > li a {
	display: block;
	width: 105px;
}
#s_repair .conBody .sideBox .listBox > ul > li a figure {
	overflow: hidden;
	display: table;
	width: 105px;
	height: 105px;
	background-color: #fff;
	border-radius: 6px;
	text-align: center;
}
#s_repair .conBody .sideBox .listBox > ul > li a figure span {
	display: table-cell;
	vertical-align: middle;
	-webkit-transform: scale(1.4);
	    -ms-transform: scale(1.4);
	        transform: scale(1.4);
}
#s_repair .conBody .sideBox .listBox > ul > li a figure img {
	width: 100%;
	height: auto;
}
#s_repair .conBody .sideBox .listBox > ul > li a p {
	padding: 6px 0;
}
#s_repair .conBody .sideBox .btn03 {
	position: relative;
	display: table;
	width: 200px;
	height: 30px;
	margin: 0 auto;
}
#s_repair .conBody .sideBox .btn03 a {
	display: table-row;
}
#s_repair .conBody .sideBox .btn03 a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 6px;
	height: 6px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
}
#s_repair .conBody .sideBox .btn03 a:after {
	right: 10px;
	-webkit-transform: translate(0,-50%) rotate(45deg);
	    -ms-transform: translate(0,-50%) rotate(45deg);
	        transform: translate(0,-50%) rotate(45deg);
}
#s_repair .conBody .sideBox .btn03 a > span {
	display: table-cell;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #857fa4;
	border-radius: 3px;
}
#s_repair .conBody .sideBox .btnBox + p {
	margin-top: 8px;
	margin-bottom: 16px;
}
	
#s_repair .conBody .otherLv {
	padding: 36px 0 0;
}
#s_repair .conBody .otherLv > div > dl > dt {
	margin: 0 0 20px;
}
#s_repair .conBody .otherLv > div > dl > dd > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}
#s_repair .conBody .otherLv > div > dl > dd > ul li {
	width: 162px;
}
#s_repair .conBody .otherLv > div > dl > dd > ul li + li {
	margin: 0 0 0 10px;
}
#s_repair .conBody .otherLv > div > dl > dd > ul li a {
	overflow: hidden;
	position: relative;
	display: block;
	border-radius: 4px;
}
#s_repair .conBody .otherLv > div > dl > dd > ul li a figure > span {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 68px;
	height: 21px;
	padding: 5px 10px 6px;
	border-radius: 4px 0 4px 0;
	border-right: 1px solid rgba(255,255,255,0.3);
	border-bottom: 1px solid rgba(255,255,255,0.3);
	background-color: #e92020;
	text-align: center;
}
#s_repair .conBody .otherLv > div > dl > dd > ul li a figure > span img {
	width: auto;
	height: 10px;
}
#s_repair .conBody .otherLv > div > dl > dd > ul li a > p {
	padding: 8px 20px 18px 10px;
	background-color: #f4f4f4;
}
#s_repair .conBody .otherLv > div > dl > dd > ul li a > p:after {
	content: '';
	position: absolute;
	bottom: 12px;
	right: 12px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}

/*----------------------------------------
	stepList
-----------------------------------------*/
@-webkit-keyframes clipBount {
	/* http://bouncejs.com/#{s:[{T:"t",e:"B",d:1000,D:0,f:{x:0,y:0},t:{x:0,y:15},s:1,b:5}]} */
	0%     {-webkit-transform: translate(-50%,-15px);transform: translate(-50%,-15px)}
	4.6%   {-webkit-transform: translate(-50%,-7.398px);transform: translate(-50%,-7.398px);}
	9.11%  {-webkit-transform: translate(-50%,-0.024px);transform: translate(-50%,-0.024px);}
	12.51% {-webkit-transform: translate(-50%,-3.23px);transform: translate(-50%,-3.23px);}
	15.82% {-webkit-transform: translate(-50%,-4.137px);transform: translate(-50%,-4.137px);}
	21.62% {-webkit-transform: translate(-50%,-2.403px);transform: translate(-50%,-2.403px);}
	27.33% {-webkit-transform: translate(-50%,-0.018px);transform: translate(-50%,-0.018px);}
	34.03% {-webkit-transform: translate(-50%,-1.039px);transform: translate(-50%,-1.039px);}
	45.55% {-webkit-transform: translate(-50%,-0.007px);transform: translate(-50%,-0.007px);}
	52.15% {-webkit-transform: translate(-50%,-0.261px);transform: translate(-50%,-0.261px);}
	63.66% {-webkit-transform: translate(-50%,-0.001px);transform: translate(-50%,-0.001px);}
	70.37% {-webkit-transform: translate(-50%,-0.066px);transform: translate(-50%,-0.066px);}
	81.88% {-webkit-transform: translate(-50%,0px);transform: translate(-50%,0px);}
	88.59% {-webkit-transform: translate(-50%,-0.016px);transform: translate(-50%,-0.016px);}
	100%   {-webkit-transform: translate(-50%,0px);transform: translate(-50%,0px);}
}
#stepList  {
	overflow: hidden;
}
#stepList .step_nav {
	overflow: hidden;
	position: relative;
	height: 90px;
}
#stepList .step_nav .step_pn {
	position: absolute;
	top: 0;
	width: 35px;
	height: 100%;
}
#stepList .step_nav .step_prev {
	left: 0;
	background: url(../img/c_stepNav_bg01.png) right top repeat-y;
	background-size: 100px 100px;
}
#stepList .step_nav .step_next {
	right: 0;
	background: url(../img/c_stepNav_bg02.png) left top repeat-y;
	background-size: 100px 100px;
}
#stepList .step_nav .step_pn a {
	display: block;
	width: 100%;
	height: 100%;
}
#stepList .step_nav .step_pn.hide a {
	display: none;
}
#stepList .step_nav .step_pn a:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9px;
	height: 9px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
}
#stepList .step_nav .step_next a:after {
	-webkit-transform: translate(-50%,-50%) rotate(135deg);
	    -ms-transform: translate(-50%,-50%) rotate(135deg);
	        transform: translate(-50%,-50%) rotate(135deg);
}
#stepList .step_nav .step_prev a:after {
	-webkit-transform: translate(-50%,-50%) rotate(-45deg);
	    -ms-transform: translate(-50%,-50%) rotate(-45deg);
	        transform: translate(-50%,-50%) rotate(-45deg);
}
#stepList .step_nav > div {
	position: absolute;
	top: 0;
	overflow: hidden;
	width: 100%;
	height: 65px;
}
#stepList .step_nav > div ul {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	height: 82px;
	font-size: 0;
	-webkit-overflow-scrolling: touch;
}
#stepList .step_nav > div ul::-webkit-scrollbar {
	display: none;
}
#stepList .step_nav > div ul:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
#stepList .step_nav > div ul li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 52px;
}
#stepList .step_nav > div ul li:before {
	content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-top: 1px solid #fff;
    width: 100%;
}
#stepList .step_nav > div ul li:last-child::before {
	content: none;
}
#stepList .step_nav > div ul li.clip:after {
	content: '';
	position: absolute;
	top: -5px;
	left: 50%;
	width: 12px;
	height: 14px;
	background: url(../../cmn/img/c_cliplist01.png) 0 0 no-repeat;
	background-size: 12px auto;
	-webkit-transform: translate(-50%,0);
	    -ms-transform: translate(-50%,0);
	        transform: translate(-50%,0);
	-webkit-animation: clipBount 1000ms linear both;
    animation: clipBount 1000ms linear both;
}
#stepList .step_nav > div ul li.clip.on:after {
	top: -5px;
	width: 19px;
	height: 20px;
	background: url(../../cmn/img/c_cliplist03.png) 0 0 no-repeat;
	background-size: 19px auto;
}
#stepList .step_nav > div ul li.clip.on a span {
	display: none;
}
#stepList .step_nav > div ul li a {
	position: relative;
	display: table;
	width: 35px;
	height: 35px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 50%;
	text-align: center;
	text-decoration: none;
	-webkit-transition: height 0.2s cubic-bezier(.2,.09,.09,.99),  width 0.2s cubic-bezier(.2,.09,.09,.99);
	-o-transition: height 0.2s cubic-bezier(.2,.09,.09,.99),  width 0.2s cubic-bezier(.2,.09,.09,.99);
	transition: height 0.2s cubic-bezier(.2,.09,.09,.99),  width 0.2s cubic-bezier(.2,.09,.09,.99);
	color: #0b004a;
	font-size: 1.8rem;
    font-weight: bold;
}
#stepList .step_nav > div ul li p.start ,
#stepList .step_nav > div ul li p.end {
	font-size: 1.2rem;
}
#stepList .step_nav > div ul li.on p.start ,
#stepList .step_nav > div ul li.on p.end {
	font-size: 1.4rem;
}
#stepList .step_nav > div ul li a p {
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
}
#stepList .step_nav > div ul li.on a {
	width: 47px;
	height: 47px;
	background-color: #0b004a;
	color: #fff;
}
#stepList .step_btm {
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
}
#stepList .step_btm > p {
	display: table-cell;
	vertical-align: top;
}
#stepList .step_btm > p a {
	position: relative;
	display: table;
	width: 100%;
	height: 65px;
}
#stepList .step_btm > p a:after {
	content: '';
	position: absolute;
	top: 50%;
	width: 9px;
	height: 9px;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
}
#stepList .step_btm > .step_next a:after {
	right: 42px;
	-webkit-transform: translate(0,-50%) rotate(135deg);
	    -ms-transform: translate(0,-50%) rotate(135deg);
	        transform: translate(0,-50%) rotate(135deg);
}
#stepList .step_btm > .step_prev a:after {
	left: 42px;
	-webkit-transform: translate(0,-50%) rotate(-45deg);
	    -ms-transform: translate(0,-50%) rotate(-45deg);
	        transform: translate(0,-50%) rotate(-45deg);
}
#stepList .step_btm > p.hide a {
	display: none;
}
#stepList .step_btm > p a span {
	display: table-cell;
	vertical-align: middle;
}
#stepList .step_btm .step_prev {
	text-align: left;
}
#stepList .step_btm .step_prev a span {
	padding-left: 60px;
}
#stepList .step_btm .step_prev a:before {
	left: 36px;
	background-position: left top;
}
#stepList .step_btm .step_next {
	text-align: right;
	border-left: 1px solid #fff;
}
#stepList .step_btm .step_next a span {
	padding-right: 60px;
}
#stepList .step_btm .step_next a:before {
	right: 36px;
	background-position: right top;
}

#stepList .step_main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#stepList .step_main > section {
	width: 100%;
	min-width: 320px;
	height: 100%;
	background-color: #fff;
}
#stepList .step_main > section .step_inner {
	padding: 10px 20px 1px;
	line-height: 1.7;
}
#stepList .step_main > section .step_inner h2 {
	position: relative;
	margin: -20px 0 16px;
	padding: 14px 50px;
	border: 2px solid #0b004a;
	border-radius: 6px;
	background-color: #fff;
	color: #0b004a;
	font-size: 2.0rem;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
}
#stepList .step_main > section:last-child .step_inner h2 {
	padding: 14px 20px;
}
#stepList .step_main > section .step_inner h2:before ,
#stepList .step_main > section .step_inner h2:after {
	content: '';
	position: absolute;
	left: 50%;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	-webkit-transform: translate(-50%,0);
	    -ms-transform: translate(-50%,0);
	        transform: translate(-50%,0);
}
#stepList .step_main > section .step_inner h2:before {
	top: -12px;
	border-bottom: 11px solid #0b004a;
}
#stepList .step_main > section .step_inner h2:after {
	top: -8px;
	border-bottom: 11px solid #fff;
}
#stepList .step_main > section .step_inner h2 .tit span {
	display: block;
}
#stepList .step_main > section .step_inner h2 .clipBox {
	position: absolute;
	top: 14px;
	right: 12px;
}
#stepList .step_main > section .step_inner h2 .clipBox .clipBtn {
	height: auto;
}
#stepList .step_main > section .step_inner h2 .clipBox .clipBtn a {
	display: block;
	padding: 4px;
}
#stepList .step_main > section .step_inner h2 .clipBox .clipBtn a > span::before {
	display: block;
	width: 20px;
	height: 21px;
	margin: 0;
	padding: 0;
}
#stepList .step_main > section .step_inner h2 .clipBox .clipBtn a > span::after {
	content: none;
}
#stepList .step_main > section .step_inner h2 .clipBox .clipInfo {
	position: absolute;
	top: -22px;
}
#stepList .step_main > section .step_inner h2 .clipBox .clipInfo a {
	position: relative;
	display: block;
	padding: 2px 0;
	width: 30px;
	background-color: #e92020;
	border-radius: 4px;
	font-size: 0;
	text-align: center;
}
#stepList .step_main > section .step_inner h2 .clipBox .clipInfo a:after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	border-top: 6px solid #e92020;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	-webkit-transform: translate(-50%,0);
	    -ms-transform: translate(-50%,0);
	        transform: translate(-50%,0);
}
#stepList .step_main > section .step_inner h2 .clipBox .clipInfo a img {
	width: auto;
	height: 10px;
}
#stepList .step_main > section .step_inner .box_start {
	padding: 0 0 50px;
}
#stepList .step_main > section .step_inner .box_start dl dt {
	margin: 0 0 4px;
}
#stepList .step_main > section .step_inner .box_start dl dd figure {
	position: relative;
}
#stepList .step_main > section .step_inner .box_start dl dd figure + figure {
	margin: 8px 0 0;
}
#stepList .step_main > section .step_inner .box_start dl dd figure:nth-child(2)::before {
	content: '';
	position: absolute;
	top: -30px;
	left: 50%;
	width: 51px;
	height: 71px;
	background: url(../../cmn/img/c_ba_ar01.png) center center no-repeat;
	background-size: 51px auto;
	-webkit-transform: translate(-50%,0);
	    -ms-transform: translate(-50%,0);
	        transform: translate(-50%,0);
}
#stepList .step_main > section .step_inner .box_start dl dd.ar01 figure:nth-child(2)::before {
	background-image: url(../../cmn/img/c_ba_ar02.png);
}
#stepList .step_main > section .step_inner .box_start dl dd figure figcaption {
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 78px;
	padding: 8px 0 4px;
	background-color: #fff;
	border-radius: 0 6px 0 0;
	line-height: 0;
	text-align: center;
}
#stepList .step_main > section .step_inner .box_start dl dd figure figcaption img {
	width: auto;
	height: 9px;
}
#stepList .step_main > section .step_inner .box_t01 {
	padding: 0 0 40px;
}
#stepList .step_main > section .step_inner .box_t01 figure {
	margin: 30px 0 0;
}
#stepList .step_main > section .step_inner .box_t01 + .box_t01 figure {
	margin: 0;
}
#stepList .step_main > section .step_inner .box_t01 p ,
#stepList .step_main > section .step_inner .box_t01 ul {
	margin-top: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
}
#stepList .step_main > section .step_inner .box_t01 ul li {
	padding-left: 1em;
	text-indent: -1em;
}
#stepList .step_main > section .step_inner .box_t01 ul li:before {
	content: '・';
	display: inline-block;
	vertical-align: top;
	width: 1em;
	padding-left: 0.2em;
	text-indent: 0em;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#stepList .step_main > section .step_inner .box_t01 .caution {
	padding: 60px 0 0;
	background: url(/sp/cmn/img/c_caution01.png) center 0 no-repeat;
	background-size: 56px auto;
}
#stepList .step_main > section .step_inner .box_t01 .cmn_btn01 {
	width: 200px;
	margin-top: 26px;
	font-size: 1.4rem;
}
#stepList .step_main > section .step_inner .box_t01 .cmn_btn01 + .cmn_btn01 {
	margin-top: 10px;
}
#stepList .step_main > section .step_inner .box_t01 .cmn_btn01 a[target="_blank"]:after {
	right: 6px;
	width: 12px;
	height: 12px;
	background: url(../../cmn/img/c_link_icon02.png) center center no-repeat;
	background-size: 12px 12px;
	border: none;
	transform: translate(0,-50%);
}
#stepList .step_main > section .step_inner .box_t01 .cmn_btn01 a {
	height: 35px;
}
#stepList .step_main > section .step_inner .box_t02 {
	position: relative;
	overflow: hidden;
	height: auto;
	margin: 0 -20px;
	padding: 24px 20px 0;
	background-color: #f4f4f4;
}
#stepList .step_main > section .step_inner .box_t02 > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 0 auto;
	padding: 20px 0;
}
#stepList .step_main > section .step_inner .box_t02 > ul::after{
	content: '';
	display: block;
	width: 105px;
}
#stepList .step_main > section .step_inner .box_t02 > ul > li:nth-child(n+4) {
	margin-top: 10px;
}
#stepList .step_main > section .step_inner .box_t02 > ul > li a {
	display: block;
	width: 105px;
}
#stepList .step_main > section .step_inner .box_t02 > ul > li a figure {
	overflow: hidden;
	display: table;
	width: 105px;
	height: 105px;
	background-color: #fff;
	border-radius: 6px;
	text-align: center;
}
#stepList .step_main > section .step_inner .box_t02 > ul > li a figure span {
	display: table-cell;
	vertical-align: middle;
	-webkit-transform: scale(1.4);
	    -ms-transform: scale(1.4);
	        transform: scale(1.4);
}
#stepList .step_main > section .step_inner .box_t02 > ul > li a figure img {
	width: 100%;
	height: auto;
}
#stepList .step_main > section .step_inner .box_t02 > ul > li a p {
	padding: 6px 0;
}
#stepList .step_main > section .step_inner .box_t02.on {
	height: auto;
}
#stepList .step_main > section .step_inner .box_t02 .boxOpen {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(rgba(255,255,255,1)), to(rgba(255,255,255,1)));
	background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1));
	background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1));
	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,1));
}
#stepList .step_main > section .step_inner .box_t02.on .boxOpen {
	display: none;
}
#stepList .step_main > section .step_inner .box_t02 .boxOpen:after {
	content: '';
	position: absolute;
	top: 0;
	width: 12px;
	height: 12px;
	left: 50%;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: translate(-50%,0) rotate(135deg);
	    -ms-transform: translate(-50%,0) rotate(135deg);
	        transform: translate(-50%,0) rotate(135deg);
}

/*----------------------------------------
	goodsBuy
-----------------------------------------*/
#goodsBuy {
	display: none;
	position: fixed;
	left: 32px;
	bottom: 10px;
	z-index: 2000;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
#goodsBuy > div > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 310px;
	padding: 8px 0;
	border: 1px solid #fff;
	border-radius: 4px;
	background-color: #ff6825;
	color: #fff;
	font-weight: bold;
}
#goodsBuy > div > a figure {
	width: 50px;
}
#goodsBuy > div > a p {
	padding: 0 10px;
	line-height: 1.4;
}
#goodsBuy .b_close > a {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 18px;
	height: 18px;
	border-radius: 4px;
	background-color: rgba(255,255,255,0.5);
}
#goodsBuy .b_close > a::before ,
#goodsBuy .b_close > a::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	margin: -1px 0 0 -6px;
	border-bottom: 1px solid #000;
}
#goodsBuy .b_close > a::before {
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
#goodsBuy .b_close > a::after {
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
/*ab test*/
/*橙*/
#goodsBuy.ab1>div>a {}
/*青*/
#goodsBuy.ab2>div>a {
	background-color: #0b004a;
}

/*----------------------------------------
	goodsList
-----------------------------------------*/
#goodsList {
	padding: 30px 0 0;
}
#goodsList ul {
	margin: 0 0 10px;
}
#goodsList ul li {
	padding: 19px 0;
	border-bottom: 1px solid #ddd;
}
#goodsList ul li dl dt {
	margin: 0 0 6px;
}
#goodsList ul li dl dt + dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
#goodsList ul li dl dt + dd figure {
	overflow: hidden;
	display: table;
	width: 85px;
	height: 85px;
	margin: 0 10px 0 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-align: center;
}
#goodsList ul li dl dt + dd figure span {
	display: table-cell;
	vertical-align: middle;
	-webkit-transform: scale(1.4);
	    -ms-transform: scale(1.4);
	        transform: scale(1.4);
}
#goodsList ul li dl dt + dd + dd {
	margin: 10px 0 0;
}
#goodsList .clipBtn {
	margin: 0 0 24px;
}
#goodsList .clipBtn a > span::after {
	content: 'リストをクリップ';
}
#goodsList .clipBtn.on a > span::after {
	content: 'クリップ中';
}
#goodsList .btn01 {
	display: table;
	width: 150px;
	margin: 0 auto;
	height: 30px;
}
#goodsList .btn01 a {
	display: table-row;
}
#goodsList .btn01 a > span {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	padding: 0 16px;
	border: 1px solid #857fa4;
	border-radius: 4px;
}
#goodsList .btn01 a > span:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 6px;
	height: 6px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
}
#goodsList .btn01 a > span:after {
	left: 10px;
	-webkit-transform: translate(0,-50%) rotate(-135deg);
	    -ms-transform: translate(0,-50%) rotate(-135deg);
	        transform: translate(0,-50%) rotate(-135deg);
}
/*----------------------------------------
	modal
-----------------------------------------*/
@-webkit-keyframes slideLeftIn {
	0% {-webkit-transform: translateX(20px);transform: translateX(20px);}
	100% {-webkit-transform: translateX(0px);transform: translateX(0px);}
}
@keyframes slideLeftIn {
	0% {-webkit-transform: translateX(20px);transform: translateX(20px);}
	100% {-webkit-transform: translateX(0px);transform: translateX(0px);}
}
@-webkit-keyframes slideRightIn {
	0% {-webkit-transform: translateX(-20px);transform: translateX(-20px);}
	100% {-webkit-transform: translateX(0px);transform: translateX(0px);}
}
@keyframes slideRightIn {
	0% {-webkit-transform: translateX(-20px);transform: translateX(-20px);}
	100% {-webkit-transform: translateX(0px);transform: translateX(0px);}
}
@-webkit-keyframes slideLeftOut {
	0% {-webkit-transform: translateX(0px);transform: translateX(0px);}
	100% {-webkit-transform: translateX(-20px);transform: translateX(-20px);}
}
@keyframes slideLeftOut {
	0% {-webkit-transform: translateX(0px);transform: translateX(0px);}
	100% {-webkit-transform: translateX(-20px);transform: translateX(-20px);}
}
@-webkit-keyframes slideRightOut {
	0% {-webkit-transform: translateX(0px);transform: translateX(0px);}
	100% {-webkit-transform: translateX(20px);transform: translateX(20px);}
}
@keyframes slideRightOut {
	0% {-webkit-transform: translateX(0px);transform: translateX(0px);}
	100% {-webkit-transform: translateX(20px);transform: translateX(20px);}
}
@-webkit-keyframes horizontal {
    0% { -webkit-transform:translateX( -10px); transform:translateX( -10px); }
  100% { -webkit-transform:translateX(  10px); transform:translateX(  10px); }
}
@keyframes horizontal {
    0% { -webkit-transform:translateX( -10px); transform:translateX( -10px); }
  100% { -webkit-transform:translateX(  10px); transform:translateX(  10px); }
}
@-webkit-keyframes vertical {
    0% { -webkit-transform:translateY( -5px); transform:translateY( -5px); }
  100% { -webkit-transform:translateY(  0); transform:translateY(  0); }
}
@keyframes vertical {
    0% { -webkit-transform:translateY( -5px); transform:translateY( -5px); }
  100% { -webkit-transform:translateY(  0); transform:translateY(  0); }
}

/*----------------------------------------
	modal_level
-----------------------------------------*/
#modal .modal_level {
	width: 335px;
}
#modal .modal_level > div {
	position: relative;
	padding: 18px 0;
	background-color: #fff;
	border-radius: 4px;
}
#modal .modal_level > div h2 {
	margin: 0 0 8px;
	line-height: 1.4;
}
#modal .modal_level > div:after {
	content: '';
	position: absolute;
	bottom: -14px;
	left: 50%;
	margin: 0 0 0 -9px;
	border-top: 15px solid #fff;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	
}
#modal .modal_level .iBox01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 0 auto;
	padding: 20px 0 0;
}
#modal .modal_level .iBox01 > li {
	margin: 0 0 10px;
}
#modal .modal_level .iBox01 > li a {
	overflow: hidden;
	display: block;
	width: 163px;
	border-radius: 4px;
	background-color: #fff;
}
#modal .modal_level .iBox01 > li a > span {
	display: block;
	padding: 9px 0;
	background-color: #e92020;
	font-size: 0;
	text-align: center;
}
#modal .modal_level .iBox01 > li a > span img {
	width: auto;
	height: 11px;
}
#modal .modal_level .iBox01 > li a figure {
	text-align: center;
}
#modal .modal_level .iBox01 > li a figure img {
	width: 100%;
	height: auto;
}
#modal .modal_level .iBox01 > li a p {
	padding: 6px 0 10px;
}
#modal .modal_level .iBox01 > li a p > span {
	display: block;
	width: 85px;
	margin: 2px auto 0;
	font-size: 0;
}

/*----------------------------------------
	modal_used
-----------------------------------------*/
#modal .modal_used {}
#modal .modal_used .slideBox > li {
	display: none;
	width: 335px;
	padding: 0 25px 30px;
	background-color: #fff;
	border-radius: 4px;
}
#modal .modal_used .slideBox > li.leftIn {
	-webkit-transform: translateX(0px);
	    -ms-transform: translateX(0px);
	        transform: translateX(0px);
	-webkit-animation: 500ms slideLeftIn cubic-bezier(0.215, 0.61, 0.355, 1);
	        animation: 500ms slideLeftIn cubic-bezier(0.215, 0.61, 0.355, 1);
}
#modal .modal_used .slideBox > li.leftOut {
	-webkit-transform: translateX(-20px);
	    -ms-transform: translateX(-20px);
	        transform: translateX(-20px);
	-webkit-animation: 500ms slideLeftOut cubic-bezier(0.215, 0.61, 0.355, 1);
	        animation: 500ms slideLeftOut cubic-bezier(0.215, 0.61, 0.355, 1);
}
#modal .modal_used .slideBox > li.rightIn {
	-webkit-transform: translateX(0px);
	    -ms-transform: translateX(0px);
	        transform: translateX(0px);
	-webkit-animation: 500ms slideRightIn cubic-bezier(0.215, 0.61, 0.355, 1);
	        animation: 500ms slideRightIn cubic-bezier(0.215, 0.61, 0.355, 1);
}
#modal .modal_used .slideBox > li.rightOut {
	-webkit-transform: translateX(-20px);
	    -ms-transform: translateX(-20px);
	        transform: translateX(-20px);
	-webkit-animation: 500ms slideRightOut cubic-bezier(0.215, 0.61, 0.355, 1);
	        animation: 500ms slideRightOut cubic-bezier(0.215, 0.61, 0.355, 1);
}
#modal .modal_used .slideBox > li .num {
	height: 26px;
	margin: 0 -10px;
	padding: 12px 0 0;
}
#modal .modal_used .slideBox > li h2 {
	line-height: 1.2;
}
#modal .modal_used .slideBox > li div {
	position: relative;
}
#modal .modal_used .slideBox > li div figure {
	width: 285px;
	margin: 0 auto;
}
#modal .modal_used .slideBox > li div span {
	position: absolute;
	width: 100%;
}
#modal .modal_used .slideBox > li .pnBtn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 18px 0 0;
}
#modal .modal_used .slideBox > li .pnBtn a {
	display: block;
	width: 75px;
	margin: 0 5px;
	padding: 4px 0;
	border-radius: 4px;
}
#modal .modal_used .slideBox > li .pnBtn .prev a {
	background-color: #eee;
}
#modal .modal_used .slideBox > li .pnBtn .next a ,
#modal .modal_used .slideBox > li .pnBtn .end a {
	background-color: #e92020;
	color: #fff;
}
#modal .modal_used .slideBox > li:first-child {
	display: block;
}
#modal .modal_used .slideBox > li:nth-child(1){}
#modal .modal_used .slideBox > li:nth-child(1) h2 {
	height: 40px;
}
#modal .modal_used .slideBox > li:nth-child(1) div span {
	top: 70px;
	height: 75px;
	background: url(../img/c_modal02_i01.png) center top no-repeat;
	background-size: 80px 75px;
	-webkit-animation: horizontal 1s ease-in-out infinite alternate;
	animation: horizontal 1s ease-in-out infinite alternate;
}
#modal .modal_used .slideBox > li:nth-child(1) div figure {
	margin-bottom: 18px;
}
#modal .modal_used .slideBox > li:nth-child(2){}
#modal .modal_used .slideBox > li:nth-child(2) h2 {
	height: 34px;
}
#modal .modal_used .slideBox > li:nth-child(2) div figure {
	margin-bottom: 52px;
}
#modal .modal_used .slideBox > li:nth-child(2) div span {
	top: 50px;
	height: 75px;
	background: url(../img/c_modal02_i01.png) center top no-repeat;
	background-size: 80px 75px;
	-webkit-animation: horizontal 1s ease-in-out infinite alternate;
	animation: horizontal 1s ease-in-out infinite alternate;
}
#modal .modal_used .slideBox > li:nth-child(3){}
#modal .modal_used .slideBox > li:nth-child(3) h2 {
	height: 35px;
}
#modal .modal_used .slideBox > li:nth-child(3) div figure {
	margin-bottom: 32px;
}
#modal .modal_used .slideBox > li:nth-child(3) div span {
	top: 100px;
	right: 10px;
	width: 52px;
	height: 75px;
	background: url(../img/c_modal02_i02.png) center top no-repeat;
	background-size: 52px 75px;
	-webkit-animation: vertical 1s ease-in-out infinite alternate;
	animation: vertical 1s ease-in-out infinite alternate;
}

/*----------------------------------------
	modal_cbuy
-----------------------------------------*/
#modal .modal_cbuy {
	width: 335px;
	padding: 22px 15px 30px;
	background-color: #fff;
	border-radius: 4px;
}
#modal .modal_cbuy h2 {
	margin: 0 0 14px;
}
#modal .modal_cbuy .detailBox {
	background-color: #f4f4f4;
	margin: 0 0 30px;
	padding: 6px 0;
	border-radius: 4px;
}
#modal .modal_cbuy .detailBox li + li {
	border-top: 1px solid #fff;
}
#modal .modal_cbuy .detailBox dl {
	display: table;
}
#modal .modal_cbuy .detailBox dl dt ,
#modal .modal_cbuy .detailBox dl dd {
	display: table-cell;
	vertical-align: top;
	padding: 11px 0;
}
#modal .modal_cbuy .detailBox dl dt {
	width: 10em;
	padding-left: 20px;
}
#modal .modal_cbuy .detailBox dl dd {
	padding-right: 20px;
}
#modal .modal_cbuy .btnBox {
	margin-bottom: 16px;
}

/*----------------------------------------
	modal_share
-----------------------------------------*/
#modal .modal_share {
	width: 255px;
	padding: 26px 0 40px;
	background-color: #fff;
	border-radius: 4px;
}
#modal .modal_share > h2 {
	margin: 0 0 18px;
}
#modal .modal_share > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	width: 120px;
	margin: 0 auto 6px;
}
#modal .modal_share > ul li {
	width: 50px;
	margin: 0 0 20px;
}
#modal .modal_share > p {
	margin: 0 0 10px;
}
#modal .modal_share > div {
	overflow: auto;
	width: 165px;
	margin: 0 auto;
	padding: 10px;
	background-color: #f4f4f4;
}
#modal .modal_share > div > p {
	white-space: nowrap;
	cursor: pointer;
}