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



a:hover{
	opacity: 1!important;
}

body {
	overflow-x: hidden;
 　　text-size-adjust: 100%;
 　　-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
 　　-ms-text-size-adjust: 100%;/*EgdeMobile*/
 　　-moz-text-size-adjust: 100%;/*firefox*/
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans", 'メイリオ', 'Meiryo',sans-serif;
}


body main {
  max-width: 100%;
 /* overflow-x: hidden;*/
}

body main .main-contents {
  overflow: hidden;
  background-color: #021e46;
	position: relative;
}

h1, h2, p{
font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans", 'メイリオ', 'Meiryo',sans-serif;
}

small{
	text-align: left;
	    margin: 4% auto 0 !important;
    line-height: 17px;
}

img{
	height: 100%;
}


hr{
	color: #d4d4d4!important;
}

p{
	font-size: 1.6rem;
	line-height: 28px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;

}

.mail-box .sub-text{
	font-size: 1.2rem;
}



.inner-block {
	margin: auto;
	    width: 90%;
}

.top-hr{
	    width: 90%;
    border-color: #A29C87;
    margin: 60px auto 4%;
}

.value {
    display: none;
}


.main_wrapper{
	/*margin: 0 4% 10%;*/
}

.hidden-view{
    display: none;
}








main{
	margin-top: 2%;
}

.fv .title{
    width: 72%;
    display: block;
    margin: 10% auto 6%;
}

.fv .date{
	    color: #051e46;
    padding: 1% 2%;
    text-align: center;
    background: #fff;
    display: inline;
    margin: 0 33%;
}

.fv .text h2 {
    color: #fff;
    width: 90%;
    margin: 6% auto 10%;
    text-align: center;
    line-height: 3.2rem;
    font-size: 1.6rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.fv .image {
   width: 70%;
    display: block;
    margin: 8% auto;
}

.fv ul{
	    display: flex;
	margin: 0 auto 8%;
    width: 90%;
}

.fv li .image{
	width: 90%;
}


.contents01{
	    background: #fff;
    padding: 4%;
}


.contents01 .main-title h2{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    font-size: 2.4rem;
}

.contents01 .main-title{
	     background: #051e46;
    padding: 8% 4%;
    color: #EDECDA;
    border-radius: 5px;
    margin: 6% 0 8%;
	    text-align: center;
}

.contents01 .main-title p {
    font-size: 1.4rem;
    line-height: 2rem;
    margin: 4% 0 0;
    text-align: center;
    font-weight: 500;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.contents01 .lunar_horoscope .title{
	text-align: center;
    color: #001E43;
    font-size: 2.4rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 6% 0;
}

.contents01 .lunar_horoscope .title span{
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
    font-weight: 600;
    font-size: 1.6rem;
}

.contents01 .lunar_horoscope picture{
    margin: 6% 0 12%;
    display: block;
}


.contents02{
    padding: 4%;
}


.contents02 .main-title h2{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    font-size: 2.4rem;
}

.contents02 .main-title{
	     background: #EDECDA;
    padding: 8% 4%;
    color: #051e46;
    border-radius: 5px;
    margin: 6% 0 8%;
	    text-align: center;
}
.contents02 .main-title .date{
border-top: 1px solid;
    border-bottom: 1px solid;
    margin-bottom: 7%;
	    margin-top: 0;
}
.contents02 .main-title p{
    margin: 7% 0 0;
}

.contents02 .menu {
   display: flex;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0;
}

.contents02 .menu li{
	flex: 0 0 33.33%;
}


.contents02 .lunar_horoscope .name{
	    color: #fff;
    text-align: center;
    margin: 12% 0 0;
    font-family: 'Lexend Peta', "Hiragino Kaku Gothic ProN", "Hiragino Sans", 'メイリオ', 'Meiryo', sans-serif;
    font-size: 2.4rem;
}
.contents02 .lunar_horoscope .name span{
	font-size: 1.6rem;
}

.contents02 .lunar_horoscope picture{
	    display: block;
    width: 48%;
    margin: 4% auto;
}



.contents02 .menu .title span{
	    font-size: 1.6rem;
}

.contents02 .menu ul{
	display: flex;
    width: 94%;
    margin: 0 auto 10%;
}

.contents02 .lunar_horoscope .title{
    color: #fff;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    font-size: 2.4rem;
	    margin: 6% 0;
	}

.contents02 .lunar_horoscope .text{
        color: #fff;
    margin: 4% 4% 6%;
    border-bottom: 0.5px solid;
    padding-bottom: 10%;
}

.contents02 .lunar_horoscope .lastparts {
 border-bottom: none;
}

.contents03{
	    background: #fff;
    padding: 8% 4%;
    border-top: 1px solid;
}

.contents03 .name{
	      display: flex;
    border-top: 1px solid;
    padding: 6% 0 4%;
}

.contents03 .name .image{
width: 30%;
}
.contents03 .name p  span{
font-size: 1.4rem;
}

.contents03 .name p{
    margin: auto 0 auto 2%;
	font-size: 1.8rem;
	}

.contents03 .text{
font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 2%;
    border-bottom: 1px solid;
    padding-bottom: 6%;
	} 

.contents04{
	    padding: 4%;
    background-image: url(https://jurlique-japan.com/column/2026_fortune/vol1/img/farm_back.jpg);
    background-size: cover;
}

.contents04 .text{
	    text-align: center;
    margin: 0 auto 6%;
}

.contents04 h2{
   text-align: center;
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin: 12% 0 6%;
}


.contents04 .realtime {
       background: #fff;
    padding: 10% 6% 4%;
}

.contents04 .section_title {
        width: 90%;
    margin: 0;
    position: relative;
    padding-left: 20px;
}

.contents04 .section_title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 52%;
    transform: translateY(-50%);
    width: 6px;
    height: 42px;
	background-color: #C4620E;}
.contents04 .sub-product .name {
    margin: 2% 0;
    font-size: 1.4rem;
}


.contents04 .section_title .main{
	    font-size: 2rem;
}

.contents05 {
	    background: #fff;
    padding: 8% 4% 12%;
}

.contents06{
	padding: 5%;
    background: #fff;
}




/*メニュー*/
	
	
	
	
	.mail-box{
		width: 100%;
    margin: 0 auto 18%;
	}
	
	.mail-box .title-text{
	    font-size: 18px;
    margin-bottom: 21px;
    border-bottom: 1px dotted #808080;
    padding-bottom: 14px;
	}
	
	.mail-box .text{
		border: 1px solid #808080;
    padding: 13px;
    width: 100%;
    margin-bottom: 12px;
    color: #808080;
    background: #ffffff;
	}
	
	.mail-box .privacyPolicyAgreed{
	margin-right: 5px;
	}
	
	.mail-box .sub-text{
	  line-height: 16px;
	}
	.mail-box .submit{
	background: #3a3a3a;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    border-radius: 5px;
    margin-top: 17px;
	}

main {
	background: linear-gradient(0deg, #010D1C 0%, #001E43 40%, #001E43 80%) no-repeat #010D1C;
 
  overflow: hidden;
}


#starry_sky {
     width: 100%;
    height: auto;
    position: fixed;
}

.star {
  background-color: white;
  position: relative;
  border-radius: 50%;
  animation-name: twinkle;
  animation-iteration-count: infinite;
}


@keyframes twinkle {
  50% {
    transform: scale(0.2);   
  }
} 

@media screen and (min-width: 481px) {
	/* ------------------481px以上に適用されるCSS（タブレット）------------------- */
	
/*common*/
	body{
		max-width: inherit;
	}
	main{
		    min-width: 481px!important;
	}
	
}
	



@media screen and (min-width: 960px) {
		/* --------------------------------960px以上に適用されるCSS（PC）-------------------------------- */
h1, h2, p{

    font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans", 'メイリオ', 'Meiryo',sans-serif;
}
h1 small{
	text-align: left;
	}
	main{   
		background-image: url(../img/bg.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
	}
	p{
		font-size: 1.6rem;
	}
	
	
	.name {
        margin: 2% 0 4%;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}
	
.fv .text .title {
    width: 74%;
	}
	
	
.main-contents {
    margin: auto;
    max-width: 470px;
   /* filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 10%));*/
    flex: 1;
	background: #fff;
}
	
	.lead .lead_text {
		font-size: 20px;}
	.contents07 .text {
    font-size: 1.4rem;

	}
	
	.contents07 .profile .name p {
    margin: auto;
    font-size: 2rem;
	}

	
	.fv .lead_text {
    font-size: 1.6rem;
    line-height: 28px;
		
	}
	
	.contents01 .point picture {
    border-radius: 5px;
    margin: 2% auto;
    display: block;
    width: 90%;
}
	
	.contents02 .product .main-title {
    text-align: center;
    font-size: 2.4rem;
    line-height: 3.2rem;
	}
	
	.contents03 .kit-main .product_name .bigname{
		    font-size: 2rem;
    margin-bottom: 4%;
	}
	
	
	
	.contents01 .point .title {
    font-size: 2.2rem;
	}
	
	.contents02 .menu .title {
    margin: 10% 0;
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 3.2rem;
}
	
	.title {
    text-align: center;
    font-size: 1.8rem;
	}
	
	.price {
    font-size: 30px;
	}
	
	.contents05 small{
		
	text-align: center;
	}
	
	/*メニュー*/
	
	.under-box{
		display: flex;
	}
	   .under-box .official {
        width: 240px;
        margin: 0 0 40px 0;
        border: 0;
        height: 60px;
    }
	
	.under-box .mail-box{
		width: 65%;
    margin: 0 auto 5%;
	}
	
	.under-box .mail-box .title-text{
	    font-size: 18px;
    margin-bottom: 21px;
    border-bottom: 1px dotted #808080;
    padding-bottom: 14px;
	}
	
	.under-box .mail-box .text{
		border: 1px solid #808080;
    padding: 13px;
    width: 100%;
    margin-bottom: 12px;
    color: #808080;
    background: #ffffff;
	}
	
	.under-box .mail-box .privacyPolicyAgreed{
	margin-right: 5px;
	}
	
	.under-box .mail-box .sub-text{
	  line-height: 16px;
		        font-size: 12px;
	}
	.under-box .mail-box .submit{
	background: #3a3a3a;
    width: 30%;
    text-align: center;
    color: #fff;
    padding: 14px;
    font-size: 14px;
    border-radius: 5px;
    margin-top: 17px;
	}
}