@charset "UTF-8";
/*
カラコン　HANABI 1Day UV
======================================================================　
*/
.hanabi_uv h1 { width: 100%; text-align: center; margin: 0 auto 40px auto; }
.hanabi_uv .dia { width: 100%; margin: 0 auto; margin: 0 auto 40px auto; text-align: center; }
.hanabi_uv .dia p { margin-bottom: 20px; font-size: 150%; }
.hanabi_uv .contents-column { width: 100%; margin-bottom: 40px; padding: 5% 3%; background: url(/themes/assist_theme_2022/mb/images/page/specialContent/I-1906_hanabi_uv/content_bg.jpg) repeat-y top center; margin-bottom: 30px; background-size: contain; }
.hanabi_uv .contents-column-inner { background: url(/themes/assist_theme_2022/mb/images/page/specialContent/I-1906_hanabi_uv/content_bg_inner.png) repeat top left; padding: 10px 3%; margin: 0 auto; }
.hanabi_uv .contents-column-inner .title-point { width: 98%; padding: 3% 0; font-size: 200%; font-weight: bold; text-align: center; border-bottom: dotted 3px #000000; margin: 0 auto 30px auto; filter: dropshadow(color=#FFF, offX=0, offY=-1) dropshadow(color=#FFF, offX=1, offY=0) dropshadow(color=#FFF, offX=0, offY=1) dropshadow(color=#FFF, offX=-1, offY=0); -webkit-text-stroke-color: #FFF; -webkit-text-stroke-width: 1px; line-height: normal; text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px; }

/*
UVカットのコンテンツ
*/
/*  ▽.uv_cut_header▽ */
.uv_cut_header { margin-bottom: 36px; }
.uv_cut_header .uv_cut_header--image { width: 100%; text-align: center; margin-bottom: 26px; }
.uv_cut_header .uv_cut_header--image img { width: 70%; }
.uv_cut_header .uv_cut_header--text { line-height: 1; text-align: center; }
.uv_cut_header .uv_cut_header--text .base_text { font-size: 24px; display: block; margin-bottom: 8px; }
.uv_cut_header .uv_cut_header--text .point_text { font-size: 34px; font-weight: bold; color: #D80000; }

/*  ▽.uv_cut_body▽ */
.uv_cut_body--headline { width: 100%; border-radius: 4px; margin-bottom: 30px; padding: 8px 0 6px 0; text-align: center; background: #DD5519; }
.uv_cut_body--headline .title { color: #FFFFFF; font-size: 24px; line-height: 1.0; font-weight: bold; }

.uv_cut_body--description { padding: 0 14px; margin-bottom: 38px; }
.uv_cut_body--description p { font-size: 20px; margin-bottom: 26px; line-height: 1.4; }
.uv_cut_body--description p:last-child { margin-bottom: 0; }
.uv_cut_body--description .point_text { color: #FF0000; }
.uv_cut_body--description .note { font-size: 16px; line-height: 1.2; }

.hanabi_uv .point-wrap { margin: 30px 0 0 0; width: 100%; }
.hanabi_uv .point-wrap h3 { width: 100%; margin: 10px auto 15px auto; padding: 20px 12px 20px 15px; background: url(/themes/assist_theme_2022/mb/images/page/specialContent/I-1612_hanabi/sub_title_bg.jpg) repeat top left; color: #FFFFFF; font-size: 21px; line-height: 1.4; font-weight: bold; }
.hanabi_uv .point-wrap .right-column { background: #242415; }
.hanabi_uv .point-wrap .right-column .text-column { margin-bottom: 0; line-height: 1.6; color: #fff; }
.hanabi_uv .point-wrap .right-column .appeal { text-align: center; font-size: 0.14rem; }
@media screen and (min-width: 600px) { .hanabi_uv .point-wrap .right-column .appeal { font-size: 0.16rem; } }
.hanabi_uv .point-wrap h5 { margin-bottom: 12px; text-align: center; color: #FF0004; font-size: 20px; font-weight: bold; filter: dropshadow(color=#FFF, offX=0, offY=-1) dropshadow(color=#FFF, offX=1, offY=0) dropshadow(color=#FFF, offX=0, offY=1) dropshadow(color=#FFF, offX=-1, offY=0); -webkit-text-stroke-color: #FFF; -webkit-text-stroke-width: 1px; text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px; }
.hanabi_uv .point-wrap .left-column .text-box { font-size: 16px; margin-left: 30px; line-height: 1.5; }
.hanabi_uv .point-wrap .left-column .text-box li { list-style: circle; list-style-position: outside; margin-bottom: 25px; font-size: 18px; }
.hanabi_uv .point-wrap .left-column .text-box .balloon { position: relative; display: inline-block; padding: 6px 15px; width: 245px; color: #FFF; line-height: 1.5; background: #329269; z-index: 0; list-style-type: none; }
.hanabi_uv .point-wrap .left-column .text-box .balloon::after { content: ""; position: absolute; top: -10px; left: 50%; margin-left: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #329269 transparent; }
.hanabi_uv .point-wrap .left-column .appeal-1day { margin: 0 auto; line-height: 1.6; font-size: 0.14rem; }
@media screen and (min-width: 600px) { .hanabi_uv .point-wrap .left-column .appeal-1day { font-size: 0.16rem; } }

.point-wrap_uv .right-column .appeal-hanabi-image01 { width: 100%; text-align: center; margin: 0 auto 10px auto; }
.point-wrap_uv .right-column .appeal-hanabi-image01 img { width: 90%; height: auto; }
.point-wrap_uv .right-column .appeal-hanabi-image02 { width: 100%; text-align: center; margin: 0 auto 10px auto; }
.point-wrap_uv .right-column .appeal-hanabi-image02 img { width: 90%; height: auto; }

/*
レンズ一覧
*/
.hanabi_uv--lens_list { /*	height: 461px;*/ padding: 50px 0 0; box-sizing: border-box; }

.hanabi_uv--lens_list img { max-width: 100%; }

.hanabi_uv--lens_list .clearfix { position: relative; overflow: hidden; }

.hanabi_uv--lens_list [class*=col-] { float: left; width: 33.333%; margin-bottom: 20px; }

.hanabi_uv--lens_list [class*=col-]:nth-child(2) { text-align: center; }

.hanabi_uv--lens_list [class*=col-]:nth-child(3) { text-align: right; }