@charset "utf-8";
/*--------------------------------------
	copyright :
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
/*@import url(https://unpkg.com/aos@next/dist/aos.css);*/
@import url(../_plugin/OwlCarousel/assets/owl.carousel.min.css);
@import url(../_plugin/OwlCarousel/assets/owl.theme.default.css);
/*@import url(../_plugin/lightGallery/css/lightgallery.min.css);*/
@import url(common_parts.css);
@import url(common.css);


/* index ==============================*/
section { position: relative; }
section h2 { margin-bottom: 3rem; font-size: 3.6rem; }
section .item_wrap { background: rgba(255,255,255,0.7); }
section .item_wrap h2 { margin-bottom: 1rem; padding: 1rem 2rem; font-size: 2rem; border-top: 1px solid #000; border-bottom: 1px solid #000; }
section .item_wrap p { margin-bottom: 2rem; line-height: 1.5; }
section .sec_menu { display: flex; flex-wrap: wrap; }
section .sec_menu a { position: relative; display: block; padding: 1rem 0 1rem 1.5em; font-size: 1.5rem; color: #000; border: 1px solid #000; border-radius: 4px; vertical-align: middle; transition: 0s; }
section .sec_menu a::before { position: absolute; left: 1rem; content: "\f054"; padding-right: 0.5em; font-family: "Font Awesome 5 Pro"; }
section .sec_menu a:hover { background: rgba(255,255,255,0.7); }
section .sec_menu li { width: calc( (99.999% - 2rem) / 3 ); margin-bottom: 2rem; }
section .sec_menu li:not(:nth-of-type(3n)) { margin-right: 1rem; }
.bx-controls-direction { display: none; }
@media screen and ( min-width: 481px ) {
	section .sec_menu li { width: calc( (99.999% - 2rem) / 2 ); margin-bottom: 2rem; }
	section .sec_menu li:not(:nth-of-type(3n)) { margin-right: 0; }
	section .sec_menu li:not(:nth-of-type(even)) { margin-right: 2rem; }
	.bx-controls-direction { display: none; }
}
@media screen and ( min-width: 1025px ) {
	section .item_wrap { background: none; }
}

/* mv ----------*/
#mv .bx-loading { display: none; }
#mv .img_box { position: relative; }
#mv .text_box { width: 85%; margin: auto; position: absolute; top: 50%; left: 50%; color: #fff; transform: translate(-50%, -50%);  }
#mv .text_box h2 { font-size: 4.7rem; line-height: 1.5; text-align: center; }
#mv .text_box p { margin: 0; font-weight: bold; line-height: 1.5; }
#mv .box_01 .text_box h2 { border-bottom: 1px solid #fff; }
#mv .box_01 .text_box p { margin-top: 3rem; font-size: 2rem; }
#mv .box_02 .text_box h2 { font-size: 4.5rem; }
#mv .box_02 .text_box h2 span { font-size: 3.5rem; vertical-align: baseline; }
#mv .box_03 .text_box p { font-size: 3.5rem; }
#mv .box_03 .text_box strong { display: block; margin-top: 1rem; font-size: 4rem; }
#mv .owl-dots { position: absolute; bottom: 1rem; width: 100%; text-align: center; }
#mv .owl-dots button { width: 1.5rem; height: 1.5rem; border: 1px solid #fff; border-radius: 50%; cursor: pointer; }
#mv .owl-dots button:not(:nth-last-of-type(1)) { margin-right: 1rem; }
#mv .owl-dots button.active { background: #fff; }
#mv .owl-dots button span { width: 1.5rem; height: 1.5rem; }

@media screen and ( min-width: 769px ) {
	#mv .text_box { left: auto; transform: translateY(-50%); width: auto; }
	#mv .box_01 .text_box { left: 10%; }
	#mv .box_02 .text_box { left: 5%; }
	#mv .box_03 .text_box { right: 10%; }
}

/* main  ----------*/
/* hina_doll */
#hina_doll { height: 550px; background: url(../_data/_img/index/index_img01.jpg)no-repeat right; background-position: 70%; }
#hina_doll .item_wrap { position: absolute; bottom: 0; left: 0; width: 100%; padding: 2rem 1rem 0; }
@media screen and ( min-width: 481px ) {
	#hina_doll .item_wrap { padding: 2rem; }
}
@media screen and ( min-width: 651px ) {
	#hina_doll .item_wrap { top: 50%; bottom: auto; left: 65px; max-width: 370px; transform: translateY(-50%); padding: 2rem 1rem; }
}

/* may_doll */
#may_doll { height: 550px; background: url(../_data/_img/index/index_img02.jpg)no-repeat left; background-position: 25%; }
#may_doll .item_wrap { position: absolute; bottom: 0; left: 0; width: 100%; padding: 2rem 1rem 0; }
@media screen and ( min-width: 481px ) {
	#may_doll .item_wrap { padding: 2rem; }
}
@media screen and ( min-width: 651px ) {
	#may_doll .item_wrap { position: absolute; top: 50%; bottom: auto; left: auto; right: 65px; max-width: 370px; padding: 2rem; transform: translateY(-50%); }
}

/* season_gift */
#season_gift { height: 550px; background: url(../_data/_img/index/index_img03.jpg)no-repeat left; background-position: 30%; }
#season_gift .item_wrap { position: absolute; bottom: 0; left: 0; width: 100%; padding: 2rem 1rem 0; }
@media screen and ( min-width: 481px ) {
	#season_gift .item_wrap { padding: 2rem; }
}
@media screen and ( min-width: 651px ) {
	#season_gift .item_wrap { position: absolute; top: 50%; right: 65px; left: auto; bottom: auto; width: 100%; max-width: 370px; padding: 2rem; transform: translateY(-50%); }
}
@media screen and ( min-width: 769px ) {
	#season_gift .item_wrap { right: 0; max-width: 300px; }
	#season_gift .sec_menu { display: block; }
}