@charset "utf-8";

/* --------------------
	リセット
-------------------- */

/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul,ol{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,embed,iframe,object,audio,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}
a{ text-decoration: none; }
a:hover{ opacity: 0.8; }

html{
	height: 100%;
}
body{
	height: 100%;
	font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.05em;
	font-size: 18px;
	line-height: 1.5;
	/*
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*/
}
.noto{ font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.mincho{
	font-family: "Times New Roman", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}





/* --------------------
common
-------------------- */
.cont{
	width: 960px;
	margin: 0 auto;
	padding: 50px 0;
	overflow: hidden;
	overflow: hidden;
}
.page_local .cont{
	width: 960px;
}
.ttl_style01{
	margin: 0 auto 50px;
	text-align: center;
}


/* --------------------
header
-------------------- */
.header{
	width: 100%;
	background: #611626;
	padding: 27px 0;
}
.header header{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 960px;
	margin: 0 auto;
}
.header .nav_global ul li{
	display: inline-block;
	margin-right: 3em;
}
.header .nav_global ul li a{
	display: block;
	padding: 0 0.25em;
	border-bottom: 1px solid #611626;
}
.header .nav_global ul li a:hover{
	border-bottom: 1px solid #fff;
	opacity: 1;
}
.header .nav_remote ul li{
	display: inline-block;
	margin-left: 1em;
}


/* --------------------
footer
-------------------- */
.footer{
	padding: 27px 0;
	background: #5f5b5f;
	text-align: center;
}
.footer p small{
	color: #fff;
	font-size: 16px;
	font-weight: lighter;
}



/* --------------------
top
-------------------- */
.page_top .cont{
	text-align: center;
}
.page_top .cont_mainvisual img{
	width: 100%;
	max-width: none;
	height: auto;
}
.page_top .cont_mainvisual .bx-wrapper{
	margin-bottom: 0;
	box-shadow: none;
	border: none;
}
.page_top .cont_lineup .btn_click{
	margin: 30px 0 0;
}
.page_top .cont_topics{
	background: #f4f3f3;
}
.page_top .cont_howto{
	background: url(../img/top/bg_newspaper.jpg) center bottom no-repeat;
	background-size: 100% auto;
}
.page_top .cont_howto .box_movie video,
.page_howto .cont_howto .box_movie video{
	max-width: 654px;
	height: auto;
}
.page_top .cont_instagram{
	background: #f4f3f3;
}
.page_top .cont_instagram .cont{
	width: 1130px;
}
.page_top .cont_instagram .lists_instagram{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page_top .cont_instagram .cont{
	padding-bottom: 45px;
}
.page_top .cont_instagram .lists_instagram li{
	margin: 0 0 35px 0;
	padding: 44px;
	background: #fff;
	text-align: center;
}
.page_top .cont_instagram .lists_instagram li:nth-of-type(3n){
	margin-right: 0;
}
.page_top .cont_instagram .lists_instagram img{
	max-width: 240px;
	max-height: 240px;
}

@media (max-width: 990px){
	.page_top .cont_instagram .cont{
		width: 980px;
	}
	.page_top .cont_instagram .cont{
		padding-bottom: 45px;
	}
	.page_top .cont_instagram .lists_instagram li{
		width: 33%;
		margin: 0 0 4px;
	}
}



/* --------------------
	product
-------------------- */
.page_product{
	background: url(../img/common/bg_paper.jpg) repeat;
}
.page_product .wrap_box_product{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
}
.page_product .wrap_box_product .box_left{
	width: 32%;
}
.page_product .box_left ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.page_product .box_left li .box_txt{
	margin: 15px 0 0;
}
.page_product .box_left .box_txt .btn_buy{
	margin: 15px 0 0;
}

.page_product .wrap_box_product .box_right{
	width: 55%;
}
.page_product .box_right .txt_catch{
	margin: 30px 0 20px;
}
.page_product .box_right .lists_step{
	margin: 0 0 40px;
}
.page_product .box_right .lists_step li{
	margin: 0 0 15px;
}



/* --------------------
	howto
-------------------- */
.page_howto{
	background: url(../img/common/bg_paper.jpg) repeat;
	text-align: center;
}
.page_howto .box_step{
	margin: 50px 0;
}
.page_howto .lists_scene li{
	margin: 0 0 15px;
}
.page_howto .lists_scene li:last-child{
	margin-bottom: 0;
}



/* --------------------
	company
-------------------- */
.page_company{
	background: url(../img/common/bg_newspaper.jpg) repeat;
	text-align: center;
	color: #424242;
}
.page_company .cont_company{
	padding-top: 50px;
}
.page_company .cont_company .cont{
	padding: 50px 80px;
	background: #fff;
}
.page_company .cont_company .ttl h2{
	margin: 0 auto 1em;
	font-size: 28px;
}
.page_company .box_company{
	padding: 35px 28px;
	border: 1px solid #000;
}
.page_company .box_company .lists_company dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto 10px;
}
.page_company .box_company .lists_company dt{
	width: 30%;
	padding-right: 20px;
	text-align: right;
}
.page_company .box_company .lists_company dd{
	width: 70%;
	text-align: left;
}
.page_company .box_map{
	margin: 50px 0 0;
}
.page_company .box_map iframe{
	width: 100%;
	height: 273px;
}
.page_company .cont_contact{
	margin: 50px auto;
	padding: 50px 80px;
	background: #fff;
	color: #424242;
}
.page_company .cont_contact p{
	margin: 0 0 40px;
}
.page_company .cont_contact p:last-child{
	margin-bottom: 0;
}
.page_company .cont_contact .box_info_contact{
	margin: 0 0 30px;
	padding: 30px;
	border: 1px solid #000;
}
.page_company .cont_contact a{
	color: #424242;
	text-decoration: underline;
}

/* modal */
#modal_win{
	position: relative;
	width: 960px;
	margin: 140px auto 20px;
	padding: 40px;
	background: #fff;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 1.5;
}
#modal_win .ttl{
	margin-bottom: 40px;
	font-size: 24px;
	text-align: center;
}
#modal_win .flex{
	display: flex;
	padding-top: 40px;
	justify-content: space-between;
}
#modal_win .flex .text{
	width: 420px;
}
#modal_win .flex .text p{
	padding-bottom: 1em;
}
#modal_win .mfp-close{
	display: none;
}
#modal_win .popup-modal-dismiss{
	position: absolute;
	top: -65px;
	right: 0;
	cursor: pointer;
}



/* --------------------
	coming soon
-------------------- */
.page_comingsoon{
	height: 100%;
	text-align: center;
	color: #424242;
}
.page_comingsoon .wrap_main{
	height: 100%;
	background: url(../img/common/bg_paper.jpg) repeat;
	overflow: hidden;
}
.page_comingsoon .cont_comingsoon{
	margin: 100px auto;
	padding: 50px;
	background: #fff;
}
.page_comingsoon .cont_comingsoon .link{
	margin: 40px 0 0;
}
.page_comingsoon .cont_comingsoon .link a{
	color: #424242;
	text-decoration: underline;
}