@charset "utf-8";

/*=====================================

common.css

=====================================*/




/*-------------------------------------
 txt
-------------------------------------*/
.leadTxt {
	padding: 0 12px;
	font-size: 18px;
	font-weight: bold;
}



/*-------------------------------------
 img
-------------------------------------*/
.imgL {
	float: left;
	max-width: 50%;
	padding: 0 20px 10px 0;
	text-align: center;
}
.imgR {
	float: right;
	max-width: 50%;
	padding: 0 0 10px 20px;
	text-align: center;
}
.imgC {
	padding: 10px 0 20px 0;
	text-align: center;
}

.imgL .caption,
.imgR .caption,
.imgC .caption {
	padding: 5px 0 0 0;
	font-size: 12px;
}






/*-------------------------------------
 common
-------------------------------------*/
.fltL { float: left !important; }
.fltR { float: right !important; }
.alignL { text-align: left !important; }
.alignR { text-align: right !important; }
.alignC { text-align: center !important; }
.valignT { vertical-align: top !important; }
.valignM { vertical-align: middle !important; }
.valignB { vertical-align: bottom !important; }
.bold { font-weight: bold !important; }
.fontS { font-size: 0.8em !important; }
.fontM { font-size: 1em !important; }
.fontL { font-size: 1.2em !important; }
.fontXL { font-size: 1.5em !important; }
.fontXXL { font-size: 2em !important; }
.color01 { color: #9d0000; }
.sup {
	font-size: 0.8em;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
.sub {
	font-size: 0.8em;
	vertical-align: bottom;
	position: relative;
	top: 0.1em;
}

.w10p { width: 10%; }
.w20p { width: 20%; }
.w25p { width: 25%; }
.w30p { width: 30%; }
.w33p { width: 33.333%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w75p { width: 75%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w600 { width: 600px; }


.mgnT0 { margin-top:0px !important; }
.mgnT5 { margin-top:5px !important; }
.mgnT10 { margin-top:10px !important; }
.mgnT15 { margin-top:15px !important; }
.mgnT20 { margin-top:20px !important; }
.mgnT25 { margin-top:25px !important; }
.mgnT30 { margin-top:30px !important; }
.mgnT35 { margin-top:35px !important; }
.mgnT40 { margin-top:40px !important; }
.mgnT50 { margin-top:50px !important; }
.mgnT60 { margin-top:60px !important; }
.mgnT5em { margin-top:5em !important; }

.mgnB0 { margin-bottom:0px !important; }
.mgnB5 { margin-bottom:5px !important; }
.mgnB10 { margin-bottom:10px !important; }
.mgnB15 { margin-bottom:15px !important; }
.mgnB20 { margin-bottom:20px !important; }
.mgnB25 { margin-bottom:25px !important; }
.mgnB30 { margin-bottom:30px !important; }
.mgnB35 { margin-bottom:35px !important; }
.mgnB40 { margin-bottom:40px !important; }
.mgnB50 { margin-bottom:50px !important; }
.mgnB60 { margin-bottom:60px !important; }
.mgnB5em { margin-bottom:5em !important; }

.mgnL0 { margin-left:0px !important; }
.mgnL5 { margin-left:5px !important; }
.mgnL10 { margin-left:10px !important; }
.mgnL15 { margin-left:15px !important; }
.mgnL20 { margin-left:20px !important; }
.mgnL25 { margin-left:25px !important; }
.mgnL30 { margin-left:30px !important; }
.mgnL35 { margin-left:35px !important; }
.mgnL40 { margin-left:40px !important; }
.mgnL50 { margin-left:50px !important; }
.mgnL60 { margin-left:60px !important; }

.mgnR0 { margin-right:0px !important; }
.mgnR5 { margin-right:5px !important; }
.mgnR10 { margin-right:10px !important; }
.mgnR15 { margin-right:15px !important; }
.mgnR20 { margin-right:20px !important; }
.mgnR25 { margin-right:25px !important; }
.mgnR30 { margin-right:30px !important; }
.mgnR35 { margin-right:35px !important; }
.mgnR40 { margin-right:40px !important; }
.mgnR50 { margin-right:50px !important; }
.mgnR60 { margin-right:60px !important; }

.pdg0 { padding:0px !important; }
.pdg5 { padding:5px !important; }
.pdg10 { padding:10px !important; }
.pdg15 { padding:15px !important; }
.pdg20 { padding:20px !important; }
.pdg25 { padding:25px !important; }
.pdg30 { padding:30px !important; }
.pdg35 { padding:35px !important; }
.pdg40 { padding:40px !important; }
.pdg50 { padding:50px !important; }
.pdg60 { padding:60px !important; }

.pdgT0 { padding-top:0px !important; }
.pdgT5 { padding-top:5px !important; }
.pdgT10 { padding-top:10px !important; }
.pdgT15 { padding-top:15px !important; }
.pdgT20 { padding-top:20px !important; }
.pdgT25 { padding-top:25px !important; }
.pdgT30 { padding-top:30px !important; }
.pdgT35 { padding-top:35px !important; }
.pdgT40 { padding-top:40px !important; }
.pdgT50 { padding-top:50px !important; }
.pdgT60 { padding-top:60px !important; }

.pdgB0 { padding-bottom:0px !important; }
.pdgB5 { padding-bottom:5px !important; }
.pdgB10 { padding-bottom:10px !important; }
.pdgB15 { padding-bottom:15px !important; }
.pdgB20 { padding-bottom:20px !important; }
.pdgB25 { padding-bottom:25px !important; }
.pdgB30 { padding-bottom:30px !important; }
.pdgB35 { padding-bottom:35px !important; }
.pdgB40 { padding-bottom:40px !important; }
.pdgB50 { padding-bottom:50px !important; }
.pdgB60 { padding-bottom:60px !important; }

.pdgL0 { padding-left:0px !important; }
.pdgL5 { padding-left:5px !important; }
.pdgL10 { padding-left:10px !important; }
.pdgL15 { padding-left:15px !important; }
.pdgL20 { padding-left:20px !important; }
.pdgL25 { padding-left:25px !important; }
.pdgL30 { padding-left:30px !important; }
.pdgL35 { padding-left:35px !important; }
.pdgL40 { padding-left:40px !important; }
.pdgL50 { padding-left:50px !important; }
.pdgL60 { padding-left:60px !important; }

.pdgR0 { padding-right:0px !important; }
.pdgR5 { padding-right:5px !important; }
.pdgR10 { padding-right:10px !important; }
.pdgR15 { padding-right:15px !important; }
.pdgR20 { padding-right:20px !important; }
.pdgR25 { padding-right:25px !important; }
.pdgR30 { padding-right:30px !important; }
.pdgR35 { padding-right:35px !important; }
.pdgR40 { padding-right:40px !important; }
.pdgR50 { padding-right:50px !important; }
.pdgR60 { padding-right:60px !important; }


.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-table;
	min-height:1%;
}
/* \*/
html .clearfix{
	* height:1%;
}
.clearfix{
	display:block;
}
/* */


/*-------------------------------------------------------------------
 Slider
-------------------------------------------------------------------*/
.slick-loading .slick-list
{
    /*background: #fff url('../images/ajax-loader.gif') center center no-repeat;*/
}
.slick-slider .slick-list {
    opacity: 0;
    position: absolute;
}
.slick-slider.slick-initialized {
    background: none;
}
.slick-slider.slick-initialized .slick-list {
    opacity: 1;
    position: relative;
    transition: opacity 0.2s ease-in;
}

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.prArea .slick-slide img{
	width:243px;
	height:auto;
}

.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Arrows */
.slick-prev,
.slick-next
{
    background-repeat: no-repeat;
    bottom: 0;
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    transition: opacity 0.2s linear 0s;
    width: 40px;
	background:transparent no-repeat center center;
	border:none;
	text-indent:-9999px;
	overflow:hidden;
	z-index: 1;

}
.slick-prev {
    background-image: url("/common/images/slide_brand_prev.png");
	left: 0;
}
.slick-next {
    background-image: url("/common/images/slide_brand_next.png");
	right: 0;
}


/* Dots */
.slick-dotted.slick-slider
{

}

.slick-dots
{
    position: absolute;
	bottom: 17px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    border-radius: 9px;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin: 0 13px;
    padding: 0;
    position: relative;
    width: 12px;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    color: #DCDCDC;
    content: "隨ｳ・ｽ";
    font-size: 27px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: 0.8;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
}
.slick-dots li.slick-active button:before
{
    color: #9f6160;
    opacity: 1;
}














/*-------------------------------------------------------------------
 Media Queries
-------------------------------------------------------------------*/

/* SP layout
-------------------------------------------------------------------*/
@media screen and (max-width: 767px) {





}







/* PC layout
-------------------------------------------------------------------*/
@media screen and (min-width: 768px) {

.cardList03 .card a,
.cardList05 .card a,
.linkList01 ul li a {
	transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
}
.cardList03 .card a:hover,
.cardList05 .card a:hover,
.linkList01 ul li a:hover {
	opacity: 0.8;
}




}