/* CSS Document */

.ns_toparea{
}

.ns_toparea_hd{
    position: relative;
}
.ns_toparea_vector{
    position: absolute;
	top: 0;
	left: 0;
}
.ns_toparea_txt{
}
.ns_toparea_txt h1{
	font-size: 1.9rem;
	text-align: center;
	padding: 50px 0 45px;
	color: #606060;
}
.ns_toparea_txt p{
	font-size: 1.3rem;
	padding-bottom: 30px;
	padding-left: 6.66%;
	padding-right: 6.66%;
	color: #333333;
	max-width: 630px;
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
	.ns_toparea{
	}
	.ns_toparea_txt{
		padding-left: 7.26%;
		padding-right: 7.26%;
	}
	.ns_toparea_txt h1{
	}
	.ns_toparea_txt p{
		padding-left: 0;
		padding-right: 0;
	}
	.ns_toparea .ns_page_link{
		max-width: 650px;
		margin: 0 auto;
		padding-top: 70px;
		display: flex;
	}
	.ns_page_link li{
		width: 25%;
		text-align: center;
		position: relative;
		padding-bottom: 15px;
	}
	.ns_page_link li::before,
	.ns_page_link li::after{
		content: '';
		display: block;
		height: 1px;
		width: 45px;
		background-color: #707070;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.ns_page_link li::before{
		-webkit-transform: rotate(-25deg);
			  transform: rotate(-25deg);
		left: 41px;
	}
	.ns_page_link li::after{
		-webkit-transform: rotate(25deg);
			  transform: rotate(25deg);
		right: 41px;
	}
	.ns_page_link li small{
		display: block;
		font-size: 1.1rem;
	}
	.ns_page_link li span{
		font-size: 1.7rem;
	}
}


/* ns_toparea End ---------------------------------*/

/* ns_about -------------------------------------*/
.ns_about{
	padding-top: 20px;
    padding-right:6.66%;
    padding-left:6.66%;
}
.ns_about h2{
    font-size: 2.8rem;
    text-align: center;
	color: #333333;
	padding-bottom: 15px;
}
.ns_about h2 small{
    font-size: 1.5rem;
    display: block;
	color: #333333;
}
.ns_about_txt{
	max-width: 630px;
	margin: 0 auto;
}
.ns_about_txt p{
    font-size: 1.3rem;
	padding-top: 30px;
	color: #333333;
}
@media screen and (min-width: 768px) {
	.ns_about{
		padding-top: 100px;
	}
}
/* ns_about End ---------------------------------*/

/* ns_aplly -------------------------------------*/
.ns_apply{
	padding-top: 50px;
    padding-right:6.66%;
    padding-left:6.66%;
}
.ns_apply h2{
    font-size: 2.8rem;
    text-align: center;
	color: #333333;
	padding-bottom: 15px;
}
.ns_apply h2 small{
    font-size: 1.5rem;
    display: block;
	color: #333333;
}
.ns_apply_txt{
	max-width: 630px;
	margin: 0 auto;
}
.ns_apply_txt p{
    font-size: 1.3rem;
	padding-top: 30px;
	color: #333333;
}
.ns_apply_txt ul li{
}
.ns_apply_txt ul li:before{
	content: '・';
	color: #333333;
}
@media screen and (min-width: 768px) {
	.ns_apply{
		padding-top: 100px;
	}
}
/* ns_about End ---------------------------------*/

/* ns_recommend -------------------------------------*/
.ns_recommend{
	padding-top: 50px;
}
.ns_recommend h2{
    font-size: 2.8rem;
    text-align: center;
    padding-right:6.66%;
    padding-left:6.66%;
	padding-bottom: 45px;
	color: #333333;
}
.ns_recommend h2 small{
    font-size: 1.5rem;
    display: block;
	color: #333333;
}
.ns_recommend h2 span{
	padding-top: 10px;
    font-size: 1.1rem;
    display: block;
	color: #333333;
	font-family: "Yu Gothic Pr6N M", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;;
    font-weight: initial;
}
.ns_recommend_list{
	width: 100%;
}
.ns_recommend_item h3{
	font-size: 1.5rem;
	text-align: center;
	padding: 50px 0 45px;
	color: #333333;
}
.ns_recommend_item p{
    font-size: 1.3rem;
	color: #333333;
    padding-right:6.66%;
    padding-left:6.66%;
	max-width: 630px;
	margin: 0 auto;
}
.ns_recommend_item .item_title{
    border-bottom: #707070 1px solid;
	padding: 25px 0 0 0 ;
	width: 50px;
	margin: 0 auto;
    font-size: 1.5rem;
	text-align: center;
}
.ns_recommend_item .item_price{
	padding: 25px 0 0 0 ;
    font-size: 1.5rem;
	color: #333333;
	text-align: center;
}
.item_price span{
	color: #FF0000;
}
.item_thum{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 6.66% 50px;
	text-align: center;
	max-width: 430px;
	margin: 0 auto;
}
.item_thum li{
	width:  50%;
	padding-bottom: 20px;
	max-width: 160px;
}
.item_thum li img{
	max-width: 100px;
}
.thum_name{
    padding:0;
	width: 100%;
    font-size: 1.3rem;
	color: #333333;
	display: block;
}
@media screen and (min-width: 768px) {
	.ns_recommend{
		padding-left: 7.26%;
		padding-right: 7.26%;
		padding-top: 100px;
	}
	.ns_recommend_inner{
		max-width: 1200px;
		margin: 0 auto;
	}
	.ns_recommend_list{
		display: flex;
		align-items: center;
		padding-bottom: 80px;
	}
	.ns_recommend_list:nth-child(even) {
		flex-flow: row-reverse;
	}
	.ns_recommend_list a {
		width: 50%;
	}
	.ns_recommend_item {
		width: 50%;
	}
	.ns_recommend_item h3{
		font-size: 1.5rem;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.ns_recommend_item p{
		font-size: 0.93vw;
		padding-right:0;
		padding-left:0;
		width: 75%;
		max-width: 420px;
		margin: 0 auto;
	}
	.ns_recommend_item .item_title{
		width: 50px;
		font-size: 1.5rem;
		text-align: center;
	}
	.ns_recommend_item .item_price{
		width: 100%;
		max-width: initial;
		text-align: center;
		font-size: 1.07vw;
	}
	.item_thum{
		padding:10px 0 0 0;
		max-width: 320px;
		margin: 0 auto;
		text-align: center;
	}
	.item_thum li{
		padding-bottom: 10px;
	}	
	.item_thum li a img{
		max-width: 100px;
	}
	.item_thum .thum_name{
		font-size: 0.93vw;
	}
}
@media screen and (min-width: 1400px) {
	.ns_recommend_item h3{
		font-size: 1.5rem;
	}
	.ns_recommend_item p{
		font-size: 1.3rem;
	}
	.ns_recommend_item .item_price{
		font-size: 1.5rem;
	}
	.item_thum .thum_name{
		font-size: 1.3rem;
	}
}
/* ns_about End ---------------------------------*/

/* ns_shop -------------------------------------*/
.ns_shop{
	padding-bottom: 50px;
}
.ns_shop h2{
    font-size: 2.8rem;
    text-align: center;
    padding-right:6.66%;
    padding-left:6.66%;
	padding-bottom: 45px;
	color: #333333;
}
.ns_shop_list h3{
    font-size: 1.5rem;
    text-align: center;
	padding: 50px 0 45px;
	color: #333333;
}
.shop_info {
	color: #333333;
    padding-right:6.66%;
    padding-left:6.66%;
	padding-bottom: 25px;
}
.shop_info li {
    padding-bottom: 25px;
	font-size: 1.3rem;
}
.shop_info .hd {
    padding-right: 8px;
    margin-right: 8px;
    position: relative;
}
.shop_info .hd::after{
	content: '';
	display: block;
	width: 1px;
	height: 12px;
	background-color: #333333;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
@media screen and (min-width: 768px) {
	.ns_shop{
		padding: 20px 7.26% 100px;
	}
	.ns_shop_inner{
		display: flex;
		align-items: center;
		max-width: 1200px;
		margin: 0 auto;
	}
	.ns_shop_list{
		width: 50%;
	}
	.ns_shop_list h3{
		padding-top: 0;
	}
	.intro_btn{
		padding-right:6.66%;
		padding-left:6.66%;
	}
}
/* ns_shop End ---------------------------------*/

/* mailmagazin_area --------------------------- */
.mailmagazin_area{
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #F7F7F7;
    padding-left: 6.66%;
    padding-right: 6.66%;
}
.mailmagazin_area_inner{
    margin: 0 auto;
}
.mailmagazin_area h2{
    text-align: center;
    font-size: 2.8rem;
    padding-bottom: 30px;
}
.mailmagazin_area_txt{
	max-width: 360px;
	margin: 0 auto;
    padding-bottom: 30px;
}
.mm_form{
    max-width: 400px;
    margin: 0 auto;
}
.mm_form_item dt{
    font-size: 1.5rem;
    color: #707070;
}
.mm_form_item dd{
    padding-bottom: 30px;
}
.mm_form_item dd input{
    border: none;
    border-bottom: #ADADAD 1px solid;
}
.form_name{
    display: flex;
    justify-content: space-between;
}
.form_name input{
    width: 46.81%;
}

.form_policy{
    padding-bottom: 30px;
}
.form_policy label{
    position: relative;
    right: -10px;
    top: 1px;
}
.form_join input{
    font-size: 1.8rem;
    color: #707070;
    background-color: transparent;
}
.form_join input:hover{
    opacity: 1;
    background-color:#ECECEC;
}

@media screen and (min-width: 768px) {
    .mailmagazin_area{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .mailmagazin_area h2{
        font-size: 3rem;
    }
    .mailmagazin_area_txt{
		max-width: initial;
        text-align: center;
    }
}
/* mailmagazin_area End ----------------------- */