

body { -webkit-text-size-adjust: 100%;}


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

　#header

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

#header {background: transparent;  -webkit-transition: all 0.7s ease; transition: all 0.7s ease;}
#header.fixed { background: #fefefe;}

#header h1.logo a {background: url("../images/common/logo2020_hover.png") center center no-repeat; background-size:115px 29px;}
#header h1.logo a:before {background: url("../images/common/logo2020.png") center center no-repeat; background-size:115px 29px;}
#header h1.logo a:after {background: #fefefe;}

#header.fixed h1.logo a {background: url("../images/common/logo2020.png") center center no-repeat; background-size:115px 29px;}
#header.fixed h1.logo a:before {background: url("../images/common/logo2020_hover.png") center center no-repeat; background-size:115px 29px;}
#header.fixed h1.logo a:after {background: #111;}

#header .sf-menu { color: #fefefe;}
#header.fixed .sf-menu { color: #111;}
#header .sf-mega {color: #111;}
.sf-menu li a:before { border-color: #fefefe; }
#header.fixed .sf-menu li a:before { border-color: #111;  }

#header .navArea ul.list_series li{ color: #111;}
#header .navSubArea .sf-inset li{ color: #111;}
#header .langArea .sf-menu li ul li{ color: #111;}

@media only screen and (max-width: 960px) {
#header { background: #fefefe; }
#header h1.logo a { background: url("../images/common/logo2020.png") center center no-repeat;background-size:115px 29px;}
#header h1.logo a:before { background: url("../images/common/logo2020_hover.png") center center no-repeat;background-size:115px 29px; }
#header h1.logo a:after { background: #111;}
}

/*#scrollUp {-webkit-transform: translate(100px, 0px);transform: translate(100px, 0px);}*/

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

　.panel

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

.panel { position: fixed; bottom: 15px; right:15px; padding:22px 35px 22px 20px; z-index: 7;}
.panel:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: "";background: #fefefe; border: #111 1px solid; opacity: .95; z-index: -1;-webkit-border-radius: 3px;border-radius: 3px;}
.panel .close_btn_panel { position: absolute;top:0;right: 0;width: 35px;height: 35px;font-size: 0;text-align: center;z-index: 5;cursor: pointer;}
.panel .close_btn_panel:before {position: absolute;top: 0;right: 0;bottom: 0;left: 0;font-family: 'themify'; content: "\e646";font-size: 12px;z-index: 0;line-height: 35px;}
.panel a { display: block;font-size: 13px; font-family: 'Shippori Mincho B1', serif; font-weight: 500;line-height: 1.7; letter-spacing: 0.025em;}
.panel a:hover { cursor: pointer;}
.panel a .t_sub { display: block; font-family: 'courier_prime_sansregular'; font-weight: normal; letter-spacing: 0em; text-transform: uppercase; text-indent: .55em}
.panel a span.name_store{ color: #fe831f;font-size: 13px; font-family: 'Libre Baskerville', serif;font-weight: 500; letter-spacing: 0.02em; position: relative; z-index: 0; -webkit-transition: all 0.3s ease;transition: all 0.3s ease; }
.panel a span.name_store:after { position: absolute; top: -2px; right: .5em; left: .5em; bottom: -2px; content: "";border-bottom: #fe831f 1px solid; z-index: -1;-webkit-transition: all 0.3s ease;transition: all 0.3s ease; }

@media only screen and (min-width: 901px) {
.panel a:hover span.name_store{ color: #fefefe;}
.panel a:hover span.name_store:after { background: #fe831f; }
}
@media only screen and (max-width: 960px) {
.panel { bottom: 0; right:0; left: 0; padding:22px 20px 22px 20px; z-index: 7;}
.panel:after {border: none; border-top: #111 1px solid; -webkit-border-radius: 0;border-radius: 0; }
.panel a { text-align: center;}
.panel a .t_sub { margin: 0 3px 0 0; display: inline-block; text-indent: 0;}
.panel a span.name_store:after { bottom: -1px;}
}
@media only screen and (max-width: 738px) {
.panel { padding:18px 35px 18px 5%; }
.panel .close_btn_panel:before {font-size: 14px;}
.panel a { display: block;font-size: 13px;line-height: 1.5; text-align: left;}
}
@media only screen and (max-width: 640px) {
.panel { padding:15px 35px 20px 5%; }
.panel a { line-height: 1.4;}
.panel a .t_sub { display: block;text-indent: .55em}
}


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

　#page_lovepsychedelico

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

#page_lovepsychedelico {position: relative; z-index: 0;}

@media only screen and (max-width: 738px) {
#page_lovepsychedelico { padding: 0;  }
}

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

　.t_section_en

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

#page_lovepsychedelico .t_section_en { font-size: 35px; font-family: 'Libre Baskerville', serif; font-weight: 400; letter-spacing: 0.1em; line-height:1; }

@media only screen and (max-width: 960px) {	
#page_lovepsychedelico .t_section_en { font-size: 30px; }
}
@media only screen and (max-width: 738px) {
#page_lovepsychedelico .t_section_en { font-size: 27px;}
}
@media only screen and (max-width: 560px) {
#page_lovepsychedelico .t_section_en { font-size: 25px;}
}



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

　#breadcrumb

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

#breadcrumb { margin: 0; padding: 2.5vw 5% 0;padding: 40px 5%; z-index:1; /*background: #202020;*/}
#breadcrumb:after { position: absolute; bottom: 0; left: 5%; right: 5%; height: 0; content: ""; border-bottom: #333 1px solid; z-index: 0;}
#breadcrumb li { /*color: #f0f0f0; background: #202020; */font-feature-settings : "palt" 1; font-weight:700; position: relative; z-index: 0;}
#breadcrumb li:after { position: absolute; top: 50%; left: 100%; width: 10px; height: 0; content: ""; border-top: #555 1px solid; z-index: -1;}

@media only screen and (max-width: 960px) {	
#breadcrumb {padding: 35px 5%; }
#breadcrumb li a:hover { color: #111;}
}
@media only screen and (max-width: 738px) {
#breadcrumb {padding: 35px 5%; border-bottom: none;  }
}
@media only screen and (max-width: 640px) {
#breadcrumb {padding: 25px 5%; border-bottom: none;  }
#breadcrumb:after { left: 0; right: 0; }
}

/* .scroll_position */
.scroll_position {padding: 60px 0 0 ; margin: -60px 0 0;}

@media only screen and (max-width: 738px) {
.scroll_position {padding: 50px 0 0 ; margin: -50px 0 0;}
}



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

　.block_mv

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

.block_mv { height: 100vh; min-height: 100%; position: relative; z-index: 2; overflow: hidden; }

/* .inner_area */
.block_mv .inner_area { position: absolute; top: 0; left: 0; bottom: 0;right: 0;background: #101010;z-index: 0;}

.block_mv .visual { position: absolute;top: 0; bottom: 0; right: 0; width: 100%; background: url("../images/lp/lovepsychedelico/2022_09_12_bros0038___.jpg") top center; background-size: cover; z-index: 1;}

/* .logo_area */
.block_mv .logo_area {position: absolute; bottom: 5.25vw; left: 0; right: 0; text-align: center;width: 100%; color: #fefefe; z-index: 3;}
.block_mv .logo_area .t_ttl_series {font-size: 13px; font-family: 'Libre Baskerville', serif;font-weight: 700;letter-spacing: 0.05em;line-height: 1;}
.block_mv .logo_area .img_logo {margin: 15px auto 0; display: block; width: 38%;}

.block_mv .shadow { position: absolute; bottom: 0; right: 0; left: 0; height: 16.5vw; z-index: 2; 
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(7,4,4,0.25) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(7,4,4,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(7,4,4,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

@media only screen and (max-width: 960px) {
.block_mv .inner_area { top: 60px; }
.block_mv .visual {top: 10vw; bottom: 15vw; right: 5%; width: auto; left: 5%; background: url("../images/lp/lovepsychedelico/2022_09_12_bros0038___.jpg") top center; background-size: cover; }
.block_mv .logo_area { bottom: 10vw;}
.block_mv .logo_area .t_ttl_series {font-size: 13px;}
.block_mv .logo_area .img_logo {margin: 15px auto 0; display: block; width: 65%;}
.block_mv .shadow { display: none}
}
@media only screen and (max-width: 640px) {
.block_mv .visual { top: 15vw; bottom: 35vw; right: 2.5%; width: auto; left: 2.5%; }   
}
@media only screen and (max-width: 560px) {
.block_mv .visual { top: 10vw; bottom: 35vw; right: 2.5%; width: auto; left: 2.5%; }    
.block_mv .logo_area { bottom: 12.5vw;}
.block_mv .logo_area .t_ttl_series {font-size: 13px;}
.block_mv .logo_area .img_logo {margin: 12px auto 0; display: block; width: 80%;}
}

/* ----- .mainvisual ----- */
.mainvisual{height: calc(var(--vh, 1vh) * 100);}

@media only screen and (max-width: 738px) {
.mainvisual{height: calc(var(--vh, 1vh) * 100); min-height: 100vw; }
}
@media only screen and (max-width: 640px) {
.mainvisual{height: calc(var(--vh, 1vh) * 100);}
}





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

　.block_about_20th

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

.block_about_lovepsychedelico { padding:100px 0 110px; position: relative; z-index: 0; overflow: hidden;}

@media only screen and (max-width: 960px) {
.block_about_lovepsychedelico { padding:  90px 0; }
}
@media only screen and (max-width: 738px) {
.block_about_lovepsychedelico { padding: 80px 0; }
}
@media only screen and (max-width: 640px) {
.block_about_lovepsychedelico { padding: 70px 0; }
}

/* .ttl_area */
.block_about_lovepsychedelico .ttl_area { padding: 0 12% 0 13%; text-align: center;}

/* .txt_area */
.block_about_lovepsychedelico .txt_area { margin: 65px 0 0; padding: 0 12% 0 13%; font-size: 0;}
.block_about_lovepsychedelico .txt_area p { font-size: 30px; font-size: 25px; font-family: 'Shippori Mincho B1', serif; font-weight: 400; line-height: 1.8; line-height: 2; letter-spacing: 0.05em;}
.block_about_lovepsychedelico .txt_area p+p {margin: 1.5em 0 0;}
.block_about_lovepsychedelico .txt_area p .t_small { font-size: 0.85em; vertical-align: 0;}

@media only screen and (max-width: 960px) {
.block_about_lovepsychedelico .ttl_area { padding: 0 10%;}
.block_about_lovepsychedelico .ttl_area .img_ttl { /*max-width: 550px;*/}
.block_about_lovepsychedelico .ttl_area .t_model_jp { margin: 40px 0 0; font-size: 18px;}
.block_about_lovepsychedelico .ttl_area .t_series {margin: 20px 0 0;font-size: 36px;}
.block_about_lovepsychedelico .txt_area { margin: 55px 0 0; padding: 0 10% 0 11%; font-size: 0;}
.block_about_lovepsychedelico .txt_area p {font-size: 2.75vw; line-height: 1.9; letter-spacing: 0.05em;}
.block_about_lovepsychedelico .txt_area p+p {margin: 1.25em 0 0;}
}
@media only screen and (max-width: 738px) {
.block_about_lovepsychedelico .ttl_area { padding: 0 6.5%;}
.block_about_lovepsychedelico .ttl_area .t_model_jp { margin: 35px 0 0; font-size: 18px;}
.block_about_lovepsychedelico .ttl_area .t_series {margin: 20px 0 0;font-size: 32px;}    
.block_about_lovepsychedelico .txt_area { margin: 40px 0 0; padding: 0 6.5%;}
.block_about_lovepsychedelico .txt_area p {font-size: 3.5vw; }
}
@media only screen and (max-width: 640px) {
/*.block_about_lovepsychedelico .ttl_area { padding: 0 9%;}*/
.block_about_lovepsychedelico .ttl_area .img_ttl { max-width: 550px;}
.block_about_lovepsychedelico .ttl_area .t_model_jp { margin: 35px 0 0; font-size: 16px;}
.block_about_lovepsychedelico .ttl_area .t_series {margin: 18px 0 0;font-size: 27px;}
.block_about_lovepsychedelico .txt_area { margin: 35px 0 0; }
.block_about_lovepsychedelico .txt_area p {font-size: 4.25vw; line-height: 1.9; letter-spacing: 0.035em;}
}
@media only screen and (max-width: 414px) {
.block_about_lovepsychedelico .ttl_area .t_series {margin: 18px 0 0;font-size: 25px;}
.block_about_lovepsychedelico .txt_area p {font-size: 4.5vw; line-height: 1.9; letter-spacing: 0.035em;}
}




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

　.block_product_lovepsychedelico

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

.block_product_lovepsychedelico {padding: 100px 5%;  position: relative ;z-index: 0;}
.block_product_lovepsychedelico:after { position: absolute; top: 0; right: 5%; left: 5%; height: 0; content: ""; border-top: #111 1px solid; z-index: 0;}

@media only screen and (max-width: 960px) {
.block_product_lovepsychedelico { padding:  90px 5%; }
}
@media only screen and (max-width: 738px) {
.block_product_lovepsychedelico { padding: 80px 5%; }
}
@media only screen and (max-width: 640px) {
.block_product_lovepsychedelico { padding: 70px 5%; }
}

/* .headline_20th */
.block_product_lovepsychedelico .headline_20th {text-align: center}

/* .product_list */
.block_product_lovepsychedelico .product_list { margin: 100px 0 0;}

/* .product_box */
.block_product_lovepsychedelico .product_box { position: relative; z-index: 0; }
.block_product_lovepsychedelico .product_box+.product_box { margin: 100px 0 0; }

/* .visual_area */
.block_product_lovepsychedelico .product_box .visual_area { position: absolute; top: 0; left: 0; width: 42.5%;}
/* .txt_area */
.block_product_lovepsychedelico .product_box .txt_area { float: right; width: 45%; margin: 0 3.5% 0 0; padding: 0; position: relative;z-index: 0;}

@media only screen and (max-width: 960px) {
.block_product_lovepsychedelico .product_list { margin: 70px 0 0;}
.block_product_lovepsychedelico .product_box+.product_box { margin: 90px 0 0; }
.block_product_lovepsychedelico .product_box .visual_area { position: relative; top: auto; left: auto; margin: 0 auto; width: 85%; z-index: 1;}
.block_product_lovepsychedelico .product_box .txt_area { float: none; width: 100%; margin: 35px 0 0; padding: 0; position: relative;z-index: 0;}
}
@media only screen and (max-width: 738px) {
.block_product_lovepsychedelico .product_list { margin: 60px 0 0;}
.block_product_lovepsychedelico .product_box+.product_box { margin: 75px 0 0; }
.block_product_lovepsychedelico .product_box .visual_area { width: 100%; }
.block_product_lovepsychedelico .product_box .txt_area { margin: 0; }
}
@media only screen and (max-width: 640px) {
.block_product_lovepsychedelico .product_list { margin: 50px 0 0;}
.block_product_lovepsychedelico .product_box+.product_box { margin: 70px 0 0; }
}

/* .name_area */
.block_product_lovepsychedelico .product_box .name_area { position: absolute; top: 0; right: -2.5%; width: 120px; height: 120px; border: #111 1px dashed;-webkit-border-radius:100%;border-radius:100%; z-index: 2;}
.block_product_lovepsychedelico .product_box .t_name_model { position: absolute; top: 52.5%; left: 0; right: 0; font-size: 20px; font-family: 'Libre Baskerville', serif;font-weight: 400;letter-spacing: 0.05em;line-height: 1.1; text-align: center;-webkit-transform: translate(0, -50%); transform: translate(0, -50%);}
.block_product_lovepsychedelico .product_box .t_name_model span { display: block; font-size: .9em; font-style: italic; letter-spacing: 0.02em}

/* .name_area_sp */
.block_product_lovepsychedelico .product_box .name_area_sp {display: none;}

@media only screen and (max-width: 960px) {
.block_product_lovepsychedelico .product_box .name_area {display: none;}
.block_product_lovepsychedelico .product_box .name_area_sp { position: absolute; top: auto; bottom: -6.5vw; right: -1vw; width: 120px; height: 120px; border: #111 1px dashed;-webkit-border-radius:100%;border-radius:100%; display: block; z-index: 1; background: #fefefe;}
}
@media only screen and (max-width: 640px) {
.block_product_lovepsychedelico .product_box .name_area_sp { bottom: -11vw; right: -2vw; width: 110px; height: 110px;}
.block_product_lovepsychedelico .product_box .t_name_model { font-size: 18px;}
}


/* .item_area */
.block_product_lovepsychedelico .product_box .item_area { margin: 80px 0 0; text-align: center;}
.block_product_lovepsychedelico .product_box .thumb_area { position: relative; z-index: 0;}
.block_product_lovepsychedelico .product_box .name { margin: 15px 0 0; font-size: 13px;font-family: 'Libre Baskerville', serif;font-weight: 400;letter-spacing: 1px; line-height:1.8;}
.block_product_lovepsychedelico .product_box .no { margin: 5px 0 0; font-size: 20px;font-family: 'courier_prime_sansregular'; font-weight: normal;line-height:1.5;letter-spacing: 1px;}
.block_product_lovepsychedelico .product_box .t_name_sub { margin: 3px 0 0; font-size: 12px;font-family: 'courier_prime_sansregular'; font-weight: normal;line-height: 1.4; letter-spacing: 0.025em;}
.block_product_lovepsychedelico .product_box h4.size { margin: 8px 0 0; font-size: 11px; font-weight: 500; line-height: 1.8; letter-spacing: 2px;}

/* .descroption_area */
.block_product_lovepsychedelico .product_box .descroption_area {margin: 15px 0 0;}
.block_product_lovepsychedelico .product_box .descroption_area p { font-size: 15px; line-height: 2;}
.block_product_lovepsychedelico .product_box .descroption_area .t_copy { font-size: 18px; font-family: 'Shippori Mincho B1', serif; font-weight: 600; line-height: 1.8;letter-spacing: 0.05em; text-align: center;}
.block_product_lovepsychedelico .product_box .descroption_area p+p { margin: 1em 0 0;}

/* .material_area */
.block_product_lovepsychedelico .product_box .material_area { margin: 35px 0 0; padding: 30px 0; text-align: center; border-top: #111 1px dotted;border-bottom: #111 1px dotted;}
.block_product_lovepsychedelico .product_box .material_area dl.list_material { display:block; line-height: 1.9; font-size: 0; letter-spacing: 0.05em; text-align: left;}
.block_product_lovepsychedelico .product_box .material_area dl.list_material div {display: inline-block; width: 45%;}
.block_product_lovepsychedelico .product_box .material_area dl.list_material div+div { width: 27.5%}
.block_product_lovepsychedelico .product_box .material_area dl.list_material dt {display: block; font-size: 12px;font-family: 'Libre Baskerville';font-weight: 400;letter-spacing: .025em; line-height: 1;}
.block_product_lovepsychedelico .product_box .material_area dl.list_material dt span { border: #111 1px solid; padding: 2px 6px 1px;}
.block_product_lovepsychedelico .product_box .material_area dl.list_material dd {display: block; margin: 15px 0 0; font-size: 13px; font-weight: 370; line-height: 1.8; letter-spacing: .075em;}
.block_product_lovepsychedelico .product_box .material_area dl.list_material dd .t_tax { font-size: .8em;vertical-align: 0;}

@media only screen and (max-width: 960px) {
.block_product_lovepsychedelico .product_box .item_area { margin: 40px 0 0;text-align: center; position: relative; z-index: 0;}
.block_product_lovepsychedelico .product_box .thumb_area { width: 70%; margin: 0 auto; }
.block_product_lovepsychedelico .product_box .descroption_area {padding: 0 2.5%;}
.block_product_lovepsychedelico .product_box .descroption_area p { font-size: 15px; line-height: 2;}
.block_product_lovepsychedelico .product_box .descroption_area .t_copy { margin-bottom: 20px; font-size: 20px; }
.block_product_lovepsychedelico .product_box .descroption_area p+p { margin: 1em 0 0;}
.block_product_lovepsychedelico .product_box .material_area { margin: 35px 2.5% 0; padding: 30px 0 25px;}
}
@media only screen and (max-width: 738px) {
.block_product_lovepsychedelico .product_box .item_area { margin: 30px 0 0;}
.block_product_lovepsychedelico .product_box .thumb_area {  width: 85%;}
.block_product_lovepsychedelico .product_box .name { margin: 15px 0 0; font-size: 12px;}
.block_product_lovepsychedelico .product_box .no { margin: 3px 0 0; font-size: 18px;}
.block_product_lovepsychedelico .product_box .descroption_area {margin: 10px 0 0;}
.block_product_lovepsychedelico .product_box .descroption_area p { font-size: 15.5px; line-height: 1.9;}
.block_product_lovepsychedelico .product_box .descroption_area .t_copy { font-size: 18px; line-height: 1.8;}
.block_product_lovepsychedelico .product_box .material_area { margin: 35px 2.5% 0; padding: 25px 0 25px;}
.block_product_lovepsychedelico .product_box .material_area dl.list_material dd {display: block; margin: 12px 0 0;font-size: 14px;}
}
@media only screen and (max-width: 640px) {
.block_product_lovepsychedelico .product_box .item_area { margin: 30px 0 0;}
.block_product_lovepsychedelico .product_box .thumb_area { width: 90%;}
.block_product_lovepsychedelico .product_box .name { margin: 10px 0 0; font-size: 12px;}
.block_product_lovepsychedelico .product_box .no { margin: 3px 0 0; font-size: 16px;}
.block_product_lovepsychedelico .product_box .descroption_area {margin: 13px 0 0;}
.block_product_lovepsychedelico .product_box .descroption_area p { line-height: 1.85; }
.block_product_lovepsychedelico .product_box .material_area { margin: 35px 2.5% 0; padding: 25px 0 20px;}
.block_product_lovepsychedelico .product_box .material_area dl.list_material {text-align: center;}
.block_product_lovepsychedelico .product_box .material_area dl.list_material div {display: inline-block; width: 100%;}
.block_product_lovepsychedelico .product_box .material_area dl.list_material div+div { margin:20px 0 0; width: 50%}
.block_product_lovepsychedelico .product_box .material_area dl.list_material dt { font-size: 11px;}
.block_product_lovepsychedelico .product_box .material_area dl.list_material dt span { padding: 2px 5px 1px;}
.block_product_lovepsychedelico .product_box .material_area dl.list_material dd { margin: 10px 0 0; line-height: 1.65; letter-spacing: .05em;}
}
@media only screen and (max-width: 414px) {
.block_product_lovepsychedelico .product_box .descroption_area .t_copy { font-size: 17px; line-height: 1.8;letter-spacing: 0.035em; } 
}
@media only screen and (max-width: 320px) {
 .block_product_lovepsychedelico .product_box .descroption_area .t_copy { font-size: 16px; line-height: 1.85;}    
}

/* .linkArea */
.block_product_lovepsychedelico .linkArea { margin: 40px -1.5% 0; font-size: 0; text-align: center;}
/* .btn_lpd */
.btn_lpd { display: inline-block; margin:0 1.5%; width:47%; color: #fefefe; background: #111; border:#111 2px solid; text-decoration: none;  line-height: 55px;text-align: center; position: relative; z-index:1; overflow: hidden; font-size: 15px;font-family: 'courier_prime_sansregular'; font-weight: normal; letter-spacing: 0;}
.btn_lpd:before { position:absolute; top:0; right:10px; bottom:0; font-size:1em; font-family:themify;content:"\e649";font-weight:normal; z-index:1; }
.btn_lpd:after { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; display: block; background: #fefefe; content: ""; z-index: -1; -webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transition:transform .5s ease;transition:transform .5s ease}
.btn_lpd_border {background: #fefefe; color: #111;font-size: 16px;}
.btn_lpd_border:before { right: auto; left: 15px;content:"\e62f";}
.btn_lpd_border:after { background: #111; }

@media (min-width: 961px) and (hover: hover) {
.btn_lpd:hover { color: #111;}
.btn_lpd:hover:after { -webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);transform:scale(1,1)}
.btn_lpd_border:hover { color: #fefefe;}
}
@media only screen and (max-width: 960px) {
.block_product_lovepsychedelico .linkArea { margin: 40px -1.5% 0;padding: 0 2.5%;}
}
@media only screen and (max-width: 738px) {
.block_product_lovepsychedelico .linkArea { margin: 35px -1.5% 0;padding: 0 2.5%;}
.btn_lpd { margin:0 1.5%; width:47%; line-height: 50px; overflow: hidden; font-size: 15px;}
.btn_lpd:before { right: 8px; font-size: .8em;}
.btn_lpd_border {font-size: 15px;}
.btn_lpd_border:before { right: auto; left: 12px; font-size: .9em;}
}
@media only screen and (max-width: 640px) {
.block_product_lovepsychedelico .linkArea { margin: 30px -1.5% 0;padding: 0 2.5%;}
.btn_lpd { padding: 0 .5em 0 0; font-size: 15px; line-height: 46px;}
.btn_lpd_border { padding: 0 0 0 .4em; font-size: 15px;}
}


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

　.block_profile

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

.block_profile { padding: 100px 5%; position: relative ;z-index: 0;}
.block_profile:after { position: absolute; top: 0; right: 5%; left: 5%; height: 0; content: ""; border-top: #111 1px solid; z-index: 0;}

@media only screen and (max-width: 960px) {
.block_profile { padding: 90px 5%; }
}
@media only screen and (max-width: 738px) {
.block_profile { padding: 80px 5%; }
}
@media only screen and (max-width: 640px) {
.block_profile { padding: 70px 5%; }
}



/* .headline_20th */
.block_profile .headline {margin: 0; text-align: left;}

/* .profile_area */
.block_profile .profile_area { margin: 90px 0 0; position: relative; z-index: 0;}

/* .img_area */
.block_profile .profile_area .img_area { float:left; width: 35%;}

@media only screen and (max-width: 960px) {
.block_profile .headline { text-align: center;}
.block_profile .profile_area  { margin: 70px 0 0; }
.block_profile .profile_area .img_area { float:none; width: 100%;}
}
@media only screen and (max-width: 738px) {
.block_profile .profile_area  { margin: 60px 0 0;}
}
@media only screen and (max-width: 640px) {
.block_profile .profile_area  { margin: 50px 0 0;}
}


/* .txt_area */
.block_profile .profile_area .txt_area { float: right; margin: 0 2.5% 0 0; padding:0 0; width: 53.5%; position: relative; z-index: 0;}
.block_profile .profile_area .txt_area .logo_lovepsychedelico { position: absolute; top: -120px; right: 0%; width: 100px; height: 100px; z-index: 0;}
.block_profile .profile_area .txt_area .t_copy { font-size: 30px;font-family: 'Libre Baskerville', serif;font-weight: 400; line-height: 1; letter-spacing: 0.05em; }
.block_profile .profile_area .txt_area .logo_txt { width: 65%; max-width: 350px;}
.block_profile .profile_area .txt_area .t_detail { margin:  40px 0 0; font-size: 14px; /*font-family: 'Shippori Mincho B1', serif;*/ line-height: 2;}
.block_profile .profile_area .txt_area .t_detail+.t_detail {margin: 1.5em 0 0;}

@media only screen and (max-width: 960px) {
.block_profile .profile_area .txt_area { float: none; margin: 55px 0 0; padding:0 2.5%; width: 100%;}
.block_profile .profile_area .txt_area .logo_lovepsychedelico { display: none;}
.block_profile .profile_area .txt_area .logo_txt { width: 65%; margin: 0 auto; display: block; max-width: 450px;}
.block_profile .profile_area .txt_area .t_detail { margin: 40px 0 0; font-size: 14px; text-align: left;}
}
@media only screen and (max-width: 738px) {
.block_profile .profile_area .txt_area { margin: 45px 0 0; padding: 0 2.5%;}
.block_profile .profile_area .txt_area .logo_txt { width: 70%;  max-width: 400px;}
.block_profile .profile_area .txt_area .t_detail { margin:  30px 0 0; font-size: 14.5px; line-height: 1.9;}
.block_profile .profile_area .txt_area .t_detail+.t_detail {margin: 1.25em 0 0;}
}
@media only screen and (max-width: 640px) {
.block_profile .profile_area .txt_area { margin: 35px 0 0;}
.block_profile .profile_area .txt_area .logo_txt { width: 77.5%; max-width: 360px;}
.block_profile .profile_area .txt_area .t_detail { margin: 25px 0 0; line-height: 1.85;}
}




/* .information_area */
.block_profile .information_area { margin: 0; position: relative; z-index: 0;}

/* .live_area */
.live_area { float: left; width: 35%; margin: 55px 0 0; padding: 45px 3%; border: #111 1px dotted;}
.live_area .img_live_area { margin: 35px 0 0;}
.live_area .detail_area {margin: 20px 0 0;}
.live_area .t_copy {  font-size: 15px;font-family: 'Shippori Mincho B1', serif;font-weight: 500;line-height: 1.7;letter-spacing: 0.025em;}
.live_area .btn_area { text-align: center;}

/* .release_area */
.block_profile .release_area { float: right; width: 53.5%;margin: 55px 2.5% 0 0; padding: 45px 0 0; border-top: #111 1px dotted;}
.block_profile .t_ttl_en_small { font-size: 18px; font-family: 'Libre Baskerville', serif; font-weight: 400; letter-spacing: 0.1em; line-height:1; }
/* .release_box */
.release_area .release_box {margin: 35px 0 0; position: relative ;z-index: 0;}
.release_area .release_box .jk_area {float: left; width: 35%;}
.release_area .release_box .ttl_area {position: absolute; top: 47.5%; right: 0; width: 55%; z-index: 0; text-align: left;-webkit-transform:translate(0, -50%);transform:translate(0, -50%); line-height: 0;}
.release_area .release_box .ttl_area .t_sub { display: inline-block; padding: 4px 4px 3px; border: #111 1px solid;font-size: 12px;font-family: 'Libre Baskerville', serif; font-weight: 400; letter-spacing: 0.025em;line-height: 1; vertical-align: 0;}
.release_area .release_box .ttl_area .t_ttl_cd { margin:14px 0 0;font-size: 30px; font-family: 'Libre Baskerville', serif; font-weight: 400; letter-spacing: 0.015em; line-height:1; position: relative; z-index: 0;}
.release_area .release_box .t_date { margin: 17px 0 0; font-size: 14px; font-family: 'courier_prime_sansregular';font-weight: normal; letter-spacing: 0; line-height: 1;}

/* .detail_area */
.release_area .detail_area {margin: 35px 0 0;}
/* .list_cd */
.list_cd { margin: 0; padding: 0; font-size: 14px; line-height: 1.65; letter-spacing: 0.05em;  }
.list_cd div { margin: 0; position: relative; z-index: 0; overflow: hidden;}
.list_cd div+div {margin: 15px 0 0;}
.list_cd dt {display: block; width: 50px;border: #111 1px solid; text-align: center; line-height: 20px; font-size: 13px; }
.list_cd dd {display: block; margin: 7px 0 0;}
.list_cd dd .t_small { margin: 0 0 0 -.35em; font-size: 0.85em; vertical-align: 0;}
.list_cd dd .t_tax { margin: 0 0 0 -.35em; font-size: 0.75em; vertical-align: 0;}

/* .t_ttl_category */
.release_area .t_ttl_category { margin: 0; padding: 0 0 0 1.25em; font-size: 14px; font-weight: 600; line-height: 1;position: relative; z-index: 0; }
.release_area .t_ttl_category:before { position: absolute; top: 0; left: 0; content: "▼";}

/* .lp_area */
.release_area .lp_area {margin: 22px 0 0;}
.list_lp { margin: 12px 0 0; padding: 0; font-size: 14px;  line-height: 1.7; letter-spacing: 0.025em;  }
.list_lp div { margin: 0; position: relative; z-index: 0; overflow: hidden;}
.list_lp div+div {margin: 3px 0 0;}
.list_lp dt {float: left; width: 65px;}
.list_lp dd { padding: 0 0 0 65px;}
.list_lp dd .t_small { margin: 0 0 0 -.15em; font-size: 0.9em; vertical-align: 0;}

/* .cd_area */
.release_area .cd_area {margin: 22px 0 0;}
ul.list_songs { margin: 12px 0 0; padding: 0; list-style: none; font-size: 0; line-height: 0;}
ul.list_songs li {display: inline-block; margin: 0 10px 0 0; font-size: 14px;line-height: 1.7; letter-spacing: 0.025em;  }
ul.list_songs li:after { content: "/"; margin: 0 0 0 10px; color: #999;}
ul.list_songs li:last-child:after { content: ""}

/* .t_by */
.release_area .t_by { margin: 15px 0 0; font-size: 14px; font-family: 'courier_prime_sansregular';font-weight: normal;  line-height: 1.7; letter-spacing: 0;}
.release_area .t_by+.t_by {margin: 0;}

@media only screen and (max-width: 960px) {
.live_area { float: none; width: 100%; margin: 60px 0 0; padding: 60px 5%; border: #111 1px dotted;}
.live_area .img_live_area { margin: 50px 0 0; text-align: center;}
.live_area .img_live_area img { width: 80%; max-width: 400px;}
.live_area .detail_area {margin: 25px 0 0; padding: 0 7.5%;}
.live_area .t_copy {  font-size: 15px;line-height: 2;letter-spacing: 0.05em;}
.block_profile .release_area { float: none; width: 100%; margin: 60px 0 0; padding: 0; border: none;}
.block_profile .t_ttl_en_small { font-size: 25px; text-align: center}
.release_area .release_box {margin: 60px 0 0;}
.release_area .release_box .jk_area {float: left; width: 50%;}
.release_area .release_box .ttl_area { top: 49.5%; width: 40%; }
.release_area .release_box .ttl_area .t_ttl_cd { font-size: 26px; }
.release_area .detail_area {margin: 45px 0 0; padding: 0 5%;}
ul.list_songs li {margin: 0 7px 0 0;}
ul.list_songs li:after {margin: 0 0 0 7px;}
}
@media only screen and (max-width: 738px) {
.live_area {margin: 55px 0 0; padding: 55px 5%; }
.live_area .img_live_area { margin: 40px 0 0;}
.live_area .img_live_area img { width: 80%; max-width: 350px;}
.live_area .detail_area {margin: 20px 0 0; padding: 0 5%;}
.live_area .t_copy {  font-size: 18px;line-height: 1.9;letter-spacing: 0.025em;}
.block_profile .release_area { margin: 55px 0 0;}
.block_profile .t_ttl_en_small { font-size: 20px;}
.release_area .release_box {margin: 40px 0 0; position: relative ;z-index: 0;}
.release_area .release_box .ttl_area .t_ttl_cd { margin:14px 0 0;font-size: 25px; }
.release_area .detail_area {margin: 30px 0 0; padding: 0 2.5%;}
.release_area .lp_area {margin: 20px 0 0;}
.release_area .cd_area {margin: 20px 0 0;}
}
@media only screen and (max-width: 640px) {
.block_profile .t_ttl_en_small { font-size: 20px;}
.live_area {margin: 55px 0 0; padding: 50px 5%; }
.live_area .img_live_area { margin: 35px 0 0;}
.live_area .img_live_area img { width: 80%;}
.live_area .detail_area {margin: 20px 0 0; padding: 0 2.5%;}
.live_area .t_copy {  font-size: 16px;line-height: 1.85;}
.release_area .release_box {margin: 40px 0 0; }
.release_area .release_box .jk_area {float: none; width: 100%;}
.release_area .release_box .ttl_area { margin: 30px 0 0; position: static; width: 100%;-webkit-transform:translate(0,0);transform:translate(0, 0); text-align: center;}
.release_area .release_box .ttl_area .t_sub {padding: 4px 4px 3px; font-size: 11px;}
.release_area .release_box .ttl_area .t_ttl_cd { margin:14px 0 0;font-size: 25px;}
.release_area .release_box .t_date { margin: 15px 0 0; font-size: 13px; }
.release_area .detail_area {margin: 30px 0 0; padding: 0 2.5%;}
.release_area .lp_area {margin: 20px 0 0;}
.release_area .cd_area {margin: 20px 0 0;}
.list_lp div+div {margin: 0;}
ul.list_songs { margin: 12px 0 0; }
ul.list_songs li {display: block; margin: 0; line-height: 1.75;}
ul.list_songs li:after { display: none}
}
@media only screen and (max-width: 414px) {
.live_area .t_copy {  font-size: 15px;line-height: 1.85;} 
}



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

　.btn_lovepsychedelico

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

.btn_area {margin: 20px 0 0;}
@media only screen and (max-width:960px) {
.btn_area {margin: 30px 0 0; text-align: center;}
}
@media only screen and (max-width:738px) {
.btn_area {margin: 25px 0 0; }
}

/* .btn_lovepsychedelico */
.btn_lovepsychedelico { display: inline-block; padding: 0 0 0 25px; border-bottom: #111 1px solid; font-size: 15px;font-family: 'courier_prime_sansregular'; font-weight: normal;letter-spacing: 0; line-height: 32px; position: relative;z-index: 0;}
.btn_lovepsychedelico:before { position: absolute; top: 0; left: 0; font-family:themify;content:"\e62f";}

@media (min-width: 961px) and (hover: hover) {
.btn_lovepsychedelico:hover { color: #fafafa;background: #111;}
}
@media only screen and (max-width:738px) {
.btn_lovepsychedelico {padding: 0 0 0 22px;font-size: 14px; line-height: 30px;}
.btn_lovepsychedelico:before { font-size: .9em; vertical-align: 0;}
}
