@media screen and (max-width: 699px){

/* ----------base---------- */
html{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	overflow-x: hidden;
	font-size: 62.5%;
}
 body{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background-color: #fff;
	color: #333; 
 	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana , sans-serif;
	font-weight: 400;
	font-size: 1.6rem;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;	
}
img{
	border: none; 
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
a{
	outline: none;
	transition: 0.3s;
}
a:link,
a:visited{
	color: #333;
	text-decoration: none;
 	transition: 0.3s;
}
a:hover,
a:active{
	color: #000;
	text-decoration: none;
}
.clear{
	clear: both;
}
.en{
	font-family: 'Ropa Sans', sans-serif;
}

h1,h2,h3,h4,h5{
	clear: both;
	margin: 0;
	padding: 0;
}

.space{
	display: block;
	height: 100px;
	width: 1px;
}


/* ----------loading---------- */
.loadingWrap{
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20001;
}
.loadingWrap img{
	width: 180px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -90px;
	margin-left: -90px;
}



/* ----------pagescroll---------- */
.pagescroll {
	position: fixed;
	bottom: 14px;
	right: 10px;
	z-index: 11;
}
.pagescroll a{
	display: block;
	font-size: 1rem;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	width: 30px;
	height: 30px;
	background-color: #E60012;
 	transition: 0.3s;
}
.pagescroll a:hover{
	background-color: #eee;
	color: #E60012;
	transform: translate(0,-5px);
}






 /* ----------header---------- */
.header{
	clear: both;
	width: 100%;
	height: 50px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: 110;
	transition: 0.3s;
	position: absolute;
	top: 0;
}
.page .header,
.single .header,
.archive .header{
	height: 50px;
	overflow: hidden;
}
.header .inner{
	height: 50px;
	overflow: hidden;
}


 /* -----title----- */
.header .title{
	width: 100px;
}
.header .title h1{
	display: block;
	width: 100%;
	height: 50px;
	overflow: hidden;
}
.header .title h1 a{
	transition: 0.3s;
}
.header .title h1 a:hover{
	opacity: 0.5;
}



 /* --navi-- */
.header .navi{
	display: none;
}




/* ----------footer---------- */
.footer{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 6;
	position: relative;
	background-color: #222;
	border-top: 1px solid #ccc;
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
}
.footer .inner{
	width: 94%;
	margin: 0 auto;
	padding: 30px 0;
}
.footer a{
	color: #fff;
}
.footer a:hover{
	text-decoration: underline;
}


/* -----links----- */
.footer .links{
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
.footer .links .sub a{
	margin: 0 0 0 10px;
}
.footer .links .sns{
}
.footer .links .sns a img{
	width: 30px;
	margin: 10px;
	transition: 0.3s;
}
.footer .links a img:hover{
	opacity: 0.6;
	transform: translate(0,-2px);
}
.footer .links .banner{
	margin: 0 auto 15px;
}
.footer .links .banner a img{
	height: 40px;
	transition: 0.3s;
}


/* -----info----- */
.footer .info{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
.footer .info h1{
	width: 100px;	
	margin: 0 auto;
	padding: 0;
}
.footer .info h1 a img{
	transition: 0.3s;
}
.footer .info h1 a img:hover{
	opacity: 0.6;
	transform: translate(0,-2px);
}
.footer .info p{
	margin: 0;
	padding: 0;
}
.footer .info p.copyright{
	margin: 30px auto;
	font-size: 1.1rem;
}







/* -------section------- */

.section{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 60px 0;
	box-sizing: border-box;
	position: relative;
}
.section .inner{
	clear: both;
	width: 94%;
	margin: 0 auto;
	padding: 0;
	position: relative;	
}




/* ------index------ */

/* --intro-- */
.intro{
	width: 100%;
	aspect-ratio: 6 / 10;
	height: auto;
	position: relative;
	z-index: 10;
	overflow: hidden;
	margin: 50px 0 0;
}
.intro.img{
	height: calc(100% - 50px);
}
/* .intro.mov{
	height: calc(100% - 50px);
} */
.intro.mov{
	aspect-ratio: 6 / 10;
	height: auto;
}
.intro #slider{
	position: absolute;
	top: 0;
}
.intro video{
	width: 100%;
}
/* .intro video{
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    min-width:100%;
    min-height:100%;
    width: auto;
    z-index: -100;
    background-position:center center;
    overflow: hidden;
} */

.intro.youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.intro.youtube iframe{
 	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	box-sizing: border-box;
}

.intro .pc{
	display: none;
}

/* copy */
.intro .copy{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
   	z-index: 12;
	width: 94%;
	margin: 0 auto;
	padding: 0;
	position: relative;	
	color: #fff;
	text-align: center;
}
.intro .copy a img{
	transition: 0.3s;
}
.intro .copy a img:hover{
	transform: scale(1.08);
}


.intro .copy a{
	color: #fff;
	display: block;
}
.intro .copy a:hover{
	color: #eee;
	transform: scale(1.08);
}
.intro .copy h1{
	font-size: 4.4rem;
	font-family: 'EB Garamond', serif;
	margin: 0 0 25px;
	line-height: 1.2;
	padding-bottom: 25px;
	background-image: url(../img/ordersuits/line.png);
	background-position: center bottom;
	background-repeat: no-repeat;
    filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.5)); 
}
.intro .copy h2{
	font-size: 2rem;
	font-family: YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.5)); 
}
.intro .copy p{
	font-size: 1.4rem;
}
.intro .copy .btns{
	width: 90%;
	margin: 50px auto 0;
}




/* -----notice----- */
.section.notice{
	margin: 0;
	padding: 60px 0 0;
}
.notice .inner{
	width: 96%;
	margin: 0 auto;
	border: 3px solid red;
	padding: 20px;
	box-sizing: border-box;
	font-size: 1.4rem;
}
.notice .inner h2{
	text-align: center;
	font-size: 2.4rem;
	padding: 0 0 10px;
	padding: 0;
	color: red;
	font-family: YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.notice .inner a{
	text-decoration: underline;
}
.notice .inner a:hover{
	color: red;
}




/* -----mag----- */
.section.mag{
	width: 100%;
	margin: -7px 0 0;
	padding: 40px 20px;
	background-color: #001F43;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	font-size: 1.4rem;
}
.section.mag .rss h2{
	font-size: 3rem;
	font-family: 'Cardo', serif;
	font-weight: 400;
}

.section.mag .topics{
	width: 100%;
	margin: 20px auto;
	display: flex;
	flex-wrap: wrap;
}
.section.mag .topics .topic{
	position: relative;
	width: 48%;
	margin: 1%;
	border: 1px solid #fff;
	box-sizing: border-box;
	cursor: pointer;
	transition: 0.3s;
	background-color: #fff;
	text-align: left;
}
.section.mag .topics .topic .clip{
	width: 100%;
	height: 150px;
	overflow: hidden;
	background-color: #ccc;
}
.section.mag .topics .topic img{
	object-fit: cover;
	width: 100%;
	height: 150px;
	transition: 0.6s;
}
.section.mag .topics .topic .txt{
	box-sizing: border-box;
	padding: 10px 15px;
}
.section.mag .topics .topic h3{
	font-size: 1.6rem;
	line-height: 1.4;
	color: #333;
}
.section.mag .topics .topic .txt .date{
	font-size: 1.2rem;
	margin: 5px 0 0;
	color: #333;
}
.section.mag .topics .topic .txt a{
	color: #333;
}
.section.mag .topics .topic .txt p{
	font-size: 1.3rem;
	color: #999;
}
.section.mag .topics .topic:hover{
	background-color: #fafafa;
}
.section.mag .topics .topic:hover:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent #E60012 transparent transparent;
  border-width: 20px 20px 0 20px;	
}
.section.mag .topics .topic .clip img:hover{
	transform: scale(1.08);	
}


.section.mag  a.more{
	display: inline-block;
	font-family: 'Ropa Sans', sans-serif;
	padding: 0 15px;
	margin: 30px auto 0;
	color: #001F43;
	background-color: #fff;
}
.section.mag  a.more:hover{
	background-color: #001F43;
	color: #fff;
}

.section.mag p a{
	color: #eee;
	font-size: 90%;
}
.section.mag p a:hover{
	color: #999;
}





/* -----campaign----- */
.section.campaign{
	margin-top: 50px;
}
.section.campaign .campaigns{
	width: 100%;
	margin: 0;
	background-image: url(../img/comm/bg_campaign.png);
	background-position: left 50px top -15px;
	background-repeat: no-repeat;
	background-size: 100%;
}
.section.campaign .campaigns .title{
	text-align: center;
}
.section.campaign .campaigns .title h2{
	font-family: 'Ropa Sans', sans-serif;
	font-size: 2.6rem;
}
.section.campaign .campaigns .title h2 a:hover{
	color: #E60012;
}
.section.campaign .campaigns .list{
	width: 94%;
	margin: 20px auto 0;
}
.section.campaign .campaigns .list ul{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.section.campaign .campaigns .list ul li{
	cursor: pointer;
	transition: 0.3s;
	position: relative;
}
.section.campaign .campaigns .list ul li:hover{
}
.section.campaign .campaigns .list ul li .clip{
	width: 155px;
	height: 150px;
	overflow: hidden;
	background-color: rgba(0,0,0,0.3);
}
.section.campaign .campaigns .list ul li .clip img{
	display: block;
	width: 155px;
	height: 150px;
	object-fit: cover;
	overflow: hidden;
	transition: 0.3s;
}
.section.campaign .campaigns .list ul li:hover .clip img{
	transform: scale(1.1);
}
.section.campaign .campaigns .list ul li span{
	background-color: #E60012;
	color: #fff;
	font-family: 'Ropa Sans', sans-serif;
	padding: 0 10px;
	position: absolute;
	top: 135px;
	left: 0px;
}
.section.campaign .campaigns .list ul li p{
	text-align: left;
	width: 150px;
	margin: 15px 0;
	font-size: 1.2rem;
}

.page-slug-campaign .contents .topics{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.page-slug-campaign .contents .topics .topic{
	position: relative;
	width: 48%;
	margin: 1%;
	border: 1px solid #ddd;
	box-sizing: border-box;
	cursor: pointer;
	transition: 0.3s;
}
.page-slug-campaign .contents .topics .topic .clip{
	width: 100%;
	height: 150px;
	overflow: hidden;
	background-color: rgba(0,0,0,0.3);
}
.page-slug-campaign .contents .topics .topic img{
	object-fit: cover;
	width: 100%;
	height: 150px;
	transition: 0.6s;
}
.page-slug-campaign .contents .topics .topic .txt{
	box-sizing: border-box;
	padding: 10px 15px;
}
.page-slug-campaign .contents .topics .topic h3{
	font-size: 1.6rem;
	line-height: 1.4;
}
.page-slug-campaign .contents .topics .topic .txt .date{
	font-size: 1.2rem;
	margin: 5px 0 0;
}
.page-slug-campaign .contents .topics .topic .txt p{
	font-size: 1.3rem;
	color: #999;
}
.page-slug-campaign .contents .topics .topic:hover{
	background-color: #fafafa;
}
.page-slug-campaign .contents .topics .topic:hover:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent #E60012 transparent transparent;
  border-width: 20px 20px 0 20px;	
}
.page-slug-campaign .contents .topics .topic .clip img:hover{
	transform: scale(1.08);	
}

.page-slug-campaign .contents .pagination{	
	clear: both;
	width: 100%;
	margin: 20px auto;
	display: flex;
	align-items: stretch;
	justify-content: center;
	text-align: center;
	font-size: 1.6rem;
}
.page-slug-campaign .contents .pagination a{
	width: 20px;
	padding: 5px;
	color: #666;
	background-color: #fff;
	border: 1px solid #ccc;
	transition: 0.3s ease;
	text-decoration: none;
	margin: 0 2px;
}
.page-slug-campaign .contents .pagination a:hover{
	color: #fff;
	background-color: #E60012;
	border: 1px solid #E60012;
}
.page-slug-campaign .contents .pagination span{
	width: 20px;
	padding: 5px;
	color: #222;
	background-color: #fff;
	transition: 0.3s ease;
	text-decoration: none;
	margin: 0 1px;
}
.page-slug-campaign .contents .pagination span.current{
	color: #fff;
	background-color: #999;
}
.page-slug-campaign .contents .pagination a.next,
.page-slug-campaign .contents .pagination a.prev{
	color: #666;
	font-weight: bold;
	border: 1px solid #ccc;
}
.page-slug-campaign .contents .pagination a.next:hover,
.page-slug-campaign .contents .pagpaginationination a.prev:hover{
	color: #fff;
	border: 1px solid #E60012;
}



/* -----ordersuits----- */
.section.ordersuits{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
}

.section.ordersuits h1{
	font-family: YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;	
	font-size: 3rem;
}	
.section.ordersuits h1 span{
	font-size: 2.4rem;
}
.section.ordersuits h2{
	font-family: YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;	
	font-size: 2.2rem;
	position: relative;
	display: inline-block;
	z-index: 100;
	padding: 0 5px;
}
.section.ordersuits h2:after{
	content: "";
	width: 100%;
	border-bottom: 20px solid #000;
	position: absolute;
	bottom: -5px;
	left: 0;
	z-index: -1;
}
.section.ordersuits .first{
	width: 98%;
	margin: 0 auto;
	padding: 15px;
	box-sizing: border-box;
}
.section.ordersuits .first p{
	text-align: left;
	font-size: 1.3rem;
}
.section.ordersuits p span{
	display: block;
}

.section.ordersuits .second{
	width: 100%;
	height: 280px;
	box-sizing: border-box;
	background-image: url(../img/comm/bg_ordersuits01.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	color: #fff;
	margin: 0 auto;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.section.ordersuits .third{
	width: 100%;
	height: 280px;
	box-sizing: border-box;
	background-image: url(../img/comm/bg_ordersuits02.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	color: #fff;
	margin: 0 auto;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.section.ordersuits .second p,
.section.ordersuits .third p{
	text-align: left;
}
.section.ordersuits .btn{
	width: 100%;
	margin: -60px auto 0;
}
.section.ordersuits .btn img{
	display: block;
	background-color: #2C1D19;	
	transition: 0.3s;
	margin: 0 auto 20px;
	width: 90%;
	max-width: 680px;
}
.section.ordersuits .btn img:hover{
	background-color: #000;
	box-shadow: 0 1px 8px rgba(0,0,0,0.3);
}





/* -----feed----- */
.section.feed{
	width: 100%;
	position: relative;
	margin: 30px 0 0;
	padding: 0;
	background-color: #eee;
}


.section.feed .inner .instgram{
	width: 100%;
	margin: 0;
	padding: 30px 0;
	background-color: #eee;
	box-sizing: border-box;
	text-align: center;
}
.section.feed .inner .instgram h2{
	font-size: 2.6rem;
	font-family: 'Ropa Sans', sans-serif;
	margin: 0 0 20px;
}





/* ----------- page contents ---------- */

/* --pagetitle-- */
.pagetitle{
	width: 100%;
	height: 200px;
	position: relative;
	background-image: url(../img/page/bg_page.png);
	background-repeat: no-repeat;
	background-position: bottom right -500px;
}
.pagetitle .inner{
	width: 94%;
	max-width: ;
	margin: 0 auto;
	padding: 80px 0 0;
	box-sizing: border-box;
}

/* ptitle */
.pagetitle .inner .ptitle{
	float: left;
	z-index: -1;
}
.pagetitle .inner .ptitle h1{
	font-size: 3rem;
	font-family: 'Ropa Sans', sans-serif;
	margin: 0;
	padding: 0;
}
.pagetitle .inner .ptitle h2{
	font-size: 1.5rem;
	margin: 0;
	padding: 0 0 15px;
	display: inline-block;
	border-bottom: 1px solid #000;
}

/* pankuzu */
.pagetitle .inner .pankuzu{
	width: 100%;
	text-align: right;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 1rem;
	margin-top: -20px;
	text-shadow: 0 2px 1px #fff;
	z-index: 100;
	position: relative;
}
.pagetitle .inner .pankuzu a{
	color: #999;
}
.pagetitle .inner .pankuzu a:hover{
	color: #E60012;
}
.pagetitle .inner .pankuzu a:after{
	content: ">";
	margin: 0 3px;
}



/* --contents-- */
.contents{
	overflow-x: hidden;
}
.contents .inner{
	margin: -70px auto 0;
	padding: 0;
}

.contents a{
	color: #666;
	text-decoration: underline;
}
.contents a:hover{
	color: #E60012;
	text-decoration: underline;
}

.contents h1{
	text-align: center;
	font-size: 2.4rem;
	margin: 150px 0 50px;
	padding: 0;
}

.page .contents table{
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 80px;
	box-sizing: border-box;
}
.page .contents table th{
	font-weight: normal;
	text-align: left;
	display: block;
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #eee;
	background-color: #fafafa;
	box-sizing: border-box;
	position: relative;
}
.page .contents table td{
	display: block;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	font-size: 90%;
	position: relative;
}

.single .contents table{
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 80px;
	box-sizing: border-box;
}
.single .contents table th{
	font-weight: normal;
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #eee;
	background-color: #fafafa;
	box-sizing: border-box;
	position: relative;
}
.single .contents table td{
	padding: 10px;
	box-sizing: border-box;
	font-size: 90%;
	position: relative;
}

.contents .link_btn{
	margin: 0 auto;
	text-align: center
}
.contents .link_btn a{
	display: block;
	width: 280px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	background-color: #E60012;
	margin: 15px auto;
	font-size: 1.6rem;
	font-weight: bold;
	transition: 0.6s;
}
.contents .link_btn a:hover{
	transform: translate(0,-2px);
	background-color: #000;
}

.contents table .required{
	background-color: #E60012;
	color: #fff;
	font-size: 1.2rem;
	padding: 0 5px;
	display: inline-block;
	margin: 0 0 0 5px;
	position: absolute;
	top: 12px;
	right: 7px;
}
.contents table input[type=text],
.contents table input[type=tel],
.contents table input[type=email],
.contents table input[type=number],
.contents table select,
.contents table textarea{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	background-color: #eee;
	border: none;
	font-size: 1.6rem;
	margin: 5px 0;
}
.contents table input[type=number]{
	width: 200px;
}
::placeholder{
  color: #ccc;
}

.contents .btn_area{
	margin: 0 auto;
	text-align: center;
}
.contents .btn_area p{
	vertical-align: middle;
}
.contents .btn_area p{
	vertical-align: middle;
}
.contents .btn_area a{
	color: #00A0E9;
}
.contents .btn_area a:hover{
	color: #ccc;
}
.contents .btn_area input[type=submit],
.contents .btn_area input[type=reset]{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 280px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	font-weight: bold;
	font-size: 1.6rem;
	border: none;
	transition: 0.3s;
}
.contents .btn_area input[type=submit]:disabled{
	opacity: 0.5;
	cursor: not-allowed;
}
.contents .btn_area input[type=submit]{
	background-color: #E60012;
	color: #fff;
	cursor: pointer;
}
.contents .btn_area input[type=submit]:hover{
	transform: translate(0,-2px);	
	background-color: #000;
}




/* --archive（blog）-- */
.page-slug-blog .contents,
.archive .contents{
}
.page-slug-blog .contents .inner,
.archive .contents .inner{
	position: relative;
}
.page-slug-blog .contents .inner h1,
.archive .contents .inner h1{
	top: -100px;
	position: relative;
	margin-bottom: -50px;
}

.page-slug-blog .contents .topics,
.archive .contents .topics{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.page-slug-blog .contents .topics .topic,
.archive .contents .topics .topic{
	position: relative;
	width: 48%;
	margin: 1%;
	border: 1px solid #ddd;
	box-sizing: border-box;
	cursor: pointer;
	transition: 0.3s;
}
.page-slug-blog .contents .topics .topic .clip,
.archive .contents .topics .topic .clip{
	width: 100%;
	height: 150px;
	overflow: hidden;
	background-color: rgba(0,0,0,0.3);
}
.page-slug-blog .contents .topics .topic img,
.archive .contents .topics .topic .clip img{
	object-fit: cover;
	width: 100%;
	height: 150px;
	transition: 0.6s;
}
.page-slug-blog .contents .topics .topic .txt,
.archive .contents .topics .topic .txt{
	box-sizing: border-box;
	padding: 10px 15px;
}
.page-slug-blog .contents .topics .topic h3,
.archive .contents .topics .topic .txt h3{
	font-size: 1.6rem;
	line-height: 1.4;
}
.page-slug-blog .contents .topics .topic .txt .date,
.archive .contents .topics .topic .txt .date{
	font-size: 1.2rem;
	margin: 5px 0 0;
}
.page-slug-blog .contents .topics .topic .txt p,
.archive .contents .topics .topic .txt p{
	font-size: 1.3rem;
	color: #999;
}
.page-slug-blog .contents .topics .topic:hover,
.archive .contents .topics .topic:hover{
	background-color: #fafafa;
}
.page-slug-blog .contents .topics .topic:hover:after,
.archive .contents .topics .topic:hover:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent #E60012 transparent transparent;
  border-width: 20px 20px 0 20px;	
}
.page-slug-blog .contents .topics .topic .clip img:hover,
.archive .contents .topics .topic:hover .clip img:hover{
	transform: scale(1.08);	
}

.page-slug-blog .contents .pagination,
.archive .contents .pagination{	
	clear: both;
	width: 100%;
	margin: 20px auto;
	display: flex;
	align-items: stretch;
	justify-content: center;
	text-align: center;
	font-size: 1.6rem;
}
.page-slug-blog .contents .pagination a,
.archive .contents .pagination a{
	width: 20px;
	padding: 5px;
	color: #666;
	background-color: #fff;
	border: 1px solid #ccc;
	transition: 0.3s ease;
	text-decoration: none;
	margin: 0 2px;
}
.page-slug-blog .contents .pagination a:hover,
.archive .contents .pagination a:hover{
	color: #fff;
	background-color: #E60012;
	border: 1px solid #E60012;
}
.page-slug-blog .contents .pagination span,
.archive .contents .pagination span{
	width: 20px;
	padding: 5px;
	color: #ccc;
	background-color: #fff;
	transition: 0.3s ease;
	text-decoration: none;
	margin: 0 1px;
}
.page-slug-blog .contents .pagination span.current,
.archive .contents .pagination span.current{
	color: #fff;
	background-color: #222;
}
.page-slug-blog .contents .pagination a.next,
.page-slug-blog .contents .pagination a.prev,
.archive .contents .pagination a.next,
.archive .contents .pagination a.prev{
	color: #666;
	font-weight: bold;
	border: 1px solid #ccc;
}
.page-slug-blog .contents .pagination a.next:hover,
.page-slug-blog .contents .pagpaginationination a.prev:hover,
.archive .contents .pagination a.next:hover,
.archive .contents .pagination a.prev:hover{
	color: #fff;
	border: 1px solid #E60012;
}

/* --category link-- */
.category-link{
	margin: 10px auto 30px;
}
.category-link ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	font-family: 'Ropa Sans', sans-serif;
}
.category-link ul li{
	flex-grow: 1;
}
.category-link ul li a{
	display: block;
	font-family: 'Ropa Sans', sans-serif;
	padding: 3px 9px;
	color: #001040;
	border: 1px solid #001040;
	font-size: 1.2rem;
	margin: 1px;
	text-decoration: none;
	text-align: center;
}
.category-link ul li a:hover{
	background-color: #001040;
	color: #fff;
	text-decoration: none;
}

/* --current link-- */
.category-link .current a{
	background-color: #001040;
	color: #fff;
	text-decoration: none;
}

/* --single-- */
.single .contents{
}
.single .contents .inner{
}
.single .contents .detail{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

/* side */
.single .contents .detail .side{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.single .contents .detail .side div{
	margin: 0 0 20px;
	background-color: #fafafa;
	padding: 10px 5px;
	box-sizing: border-box;
}
.single .contents .detail .side div.recent,
.single .contents .detail .side div.tag{
	width: 100%;
}
.single .contents .detail .side div.category,
.single .contents .detail .side div.archive{
	width: 100%;
}
.single .contents .detail .side h3{
	text-align: center;
	margin: 0;
	padding: 0 0 5px;
	font-size: 1.5rem;
}
.single .contents .detail .side ul{
	margin: 0;
	padding: 0 5px;
	font-size: 1.3rem;
	list-style: none;
	background-color: #fff;
}
.single .contents .detail .side .recent ul li{
	border-bottom: 1px dotted #ddd;
	padding: 10px 0;
}
.single .contents .detail .side ul li a{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* category */
.single .contents .detail .side .category-list__item a{
	display: block;
	color: #fff;
	background-color: #222;
	padding: 5px 8px;
	margin: 2px 1px;
 	transition: 0.3s ease;
 	text-decoration: none;
 	font-size: 1.3rem;
 	border-radius: 2px;
}
.single .contents .detail .side .category-list__item a:hover{
	background-color: #E60012;
}

/* tag */
.single .contents .detail .side .tag a{
	display: inline-block;
	color: #fff;
	background-color: #222;
	padding: 2px 5px;
	margin: 2px 1px;
 	transition: 0.3s ease;
 	text-decoration: none;
 	font-size: 1.2rem;
 	border-radius: 2px;
}
.single .contents .detail .side .tag a:hover,
.single .contents .detail .side .tag a:active,
.single .contents .detail .side .tag a:focus{
	background-color: #E60012;
}

/* select */
.single .contents .detail .side select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	margin: 10px auto;
	border: none;
	font-size: 1.4rem;
	padding: 10px;
	color: #fff;
	background-color: #222;
	background-image: url(../img/page/icon_arrow.png);
	background-position: right 15px center; 	
	background-repeat: no-repeat;	
	width: 100%;
	margin: 0 auto;
	border-radius: 2px;
}








/* main */
.single .contents .detail .main{
	width: 100%;
}
.single .contents .detail .main h1{
	font-size: 2rem;
	text-align: left;
	margin: 35px 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
	z-index: 10;
	position: relative;
}
.single .contents .detail .main .item{
	padding: 10px;
	font-size: 1.3rem;
	background-color: #fafafa;	
}
.single .contents .detail .main .item span{
	margin: 0 15px 0 0;
}
.single .contents .detail .main .txt{
	padding: 0;
	margin: 30px 5px;
}


.single .contents .detail .main .pager{	
	clear: both;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px auto;
}
.single .contents .detail .main .pager a{
	box-sizing: border-box;
	border: 0;
	width: 100%;
	font-size: 1.2rem;
	color: #666;
	text-decoration: none;
}
.single .contents .detail .main .pager a:hover{
	color: #fff;
}
.single .contents .detail .main .pager .prev,
.single .contents .detail .main .pager .back,
.single .contents .detail .main .pager .next{
	border: 1px solid #ddd;
	box-sizing: border-box;
	cursor: pointer;
	transition: 0.3s ease;
}
.single .contents .detail .main .pager .prev:hover,
.single .contents .detail .main .pager .back:hover,
.single .contents .detail .main .pager .next:hover{
	background-color: #222;
}
.single .contents .detail .main .pager .prev:hover a,
.single .contents .detail .main .pager .back:hover a,
.single .contents .detail .main .pager .next:hover a{
	color: #fff;
}
.single .contents .detail .main .pager .back,
.single .contents .detail .main .pager .prev,
.single .contents .detail .main .pager .next{
	width: 33%;
	text-align: center;
	line-height: 36px;
}





/* wp */
.aligncenter{
	display: block;
	margin: 20px auto;
}
.alignleft{
	display: block;
	margin: 20px 20px 20px 0;
	float: left;	
}
.alignright{
	display: block;
	margin: 20px 0 20px 20px;
	float: right;	
}

.wp-caption {
	width: auto;
	display: inline-block;
	border: 1px solid #ddd;
	padding: 15px;
	margin: 20px auto;
	text-align: center;
	box-sizing: border-box;
}
.wp-caption img {
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 1.2rem;
	padding: 5px 0 0;
	margin: 0;
}



/* ------- campaign ------- */
.empty{
	text-align: center;
	font-weight: bold;
	padding: 50px 0;
}

.single-campaign{
		background-color: #fafafa;
}
.single-campaign .contents{
	margin: 0;
	padding: 0;
	width: 100%;
}
.single-campaign .contents .narrow{
	width: 94%;
	margin: 70px auto 0;
	padding: 0;
	padding: 20px;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.single-campaign .contents .wide{
	width: 100%;
	margin: 35px 0 0;
	padding: 0;
	background-color: #fff;
}

.single-campaign .link_btn{
	margin-top: 50px;
	text-align: center
}
.single-campaign .link_btn a{
	display: block;
	width: 280px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	background-color: #E60012;
	margin: 15px auto;
	font-size: 1.6rem;
	font-weight: bold;
	transition: 0.6s;
}
.single-campaign .link_btn a:hover{
	transform: translate(0,-2px);
	background-color: #000;
}



/* ------- freshers ------- */
.freshers{
	overflow: hidden;
	width: 100%;
}


/* campaign */
.freshers .campaign{
	width: 90%;
	text-align: center;
	margin: 0 auto;
	padding: 50px 0;
}
.freshers .campaign a img{
	transition: 0.3s;
}
.freshers .campaign a img:hover{
	opacity: 0.7;
}


/* cover */
.freshers .cover{
	width: 100%;
	height: 340px;
	background-color: #ccc;
	background-image: url(../img/freshers/image.jpg);
	background-position: top right -90px;
	background-repeat: no-repeat;
	background-size: cover;
	margin: -1px 0 50px;
	position: relative;
}
.freshers .cover .banner{
	position: absolute;
	width: 280px;
	bottom: 5%;
	left: 50%;
	margin-left: -140px;
}
.freshers .cover .banner img.pc{
	display: none;
}


/* anchor */
.freshers .anchor{
	text-align: center;
	margin: 0 auto;
	font-size: 1.4rem;
	font-weight: bold;
	display: flex;
}
.freshers .anchor a{
	display: inline-block;
	width: 45%;
	height: 40px;
	line-height: 40px;
	border: 3px solid #ccc;
	box-sizing: border-box:
	transition: 0.3s;
	margin: 0 auto;
	text-decoration: none;
}
.freshers .anchor a:hover{
	color: #fff;
}
.freshers .anchor a.m:hover{
	background-color: #3176C3;
}
.freshers .anchor a.l:hover{
	background-color: #DD0168;
}



/* ---features--- */
.freshers .features{
	padding: 50px 0 0;
	margin: 0;
}
.freshers .features h1{
	margin: 0 auto;
	width: 98%;
	font-size: 3rem;
	line-height: 1.4;
	padding: 60px 0;
	text-align: center;
	background-position: top 80px right;
	background-repeat: no-repeat;
	background-size: 120px;
	text-shadow: 2px 2px 2px #fff;
}
.freshers .features h1 span{
	display: block;
}
	
/* feature */
.freshers .feature{
	width: 100%;
	margin: 0 0 50px;
	line-height: 1.5;
	overflow-x: hidden;
}

.freshers .feature .tokuten{
	font-size: 2rem;
	font-style: italic;
	font-weight: bold;
	display: block;
	position: relative;
	margin: 0 0 15px;
}
.freshers .feature .tokuten:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 90px;
	display: inline-block;
	width: 70%;
	height: 1px;
	background-color: #000;
}	
.freshers .feature .xlarge{
	font-size: 2.6rem;
	padding: 0 5px;
	margin: 10px 0 0;
	position: relative;
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center;
}
.freshers .feature .large{
	font-size: 2rem;
	padding: 0 5px;
	position: relative;
	color: #fff;
	margin: 0 0 15px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}
.freshers .feature .large_w{
	font-size: 2rem;
	font-weight: bold;
}
.freshers .feature .middle{
	font-size: 1.8rem;
	position: relative;
	display: block;
}
.freshers .feature .bold{
	font-size: 1.5rem;
	position: relative;
	display: inline-block:
	margin: 10px 0;
}
.freshers .feature .middium{
	font-size: 1.5rem;
	position: relative;
	display: inline-block:
	margin: 10px 0;
}
.freshers .feature p{
	margin: 5px 0;
}


/* layers */
.freshers .feature .layers{
	clear:both;
	margin: 0 auto 25px;
	position: relative;
}
.freshers .feature .layers .left{
	width: 100%;
	background-color: #000;
	z-index: 10;
	color: #fff;
	padding: 20px;
	box-sizing: border-box;
}

/* boxs */
.freshers .feature .boxs{
	margin: 0 auto;
	clear: both;
	background-color: #000;
	box-sizing: border-box;
}
.freshers .feature .boxs.second{
	margin: 0 auto 35px;
}
.freshers .feature .boxs.third{
	margin: 0px auto;
}
.freshers .feature .boxs .left{
	width: 100%;
	color: #fff;
	box-sizing: border-box;
}
.freshers .feature .boxs .right{
	width: 100%;
	text-align: center;
	position: relative;
}



/* select */
.freshers .select{
	clear:both;
	margin: 0 auto;
	width: 100%;
	position: relative;
}
.freshers .select .inner{
	width: 94%;
	margin: 10px auto;
}
.freshers .select h2{
	font-size: 2.4rem;
	text-align: center;
}
.freshers .select h2 span{
	display: block;
	font-size: 1.6rem;	
	border: 2px solid #000;
	padding: 5px 10px;
	margin: 5px 0 0;
}

.freshers .select .wrap{
	width: 100%;
	overflow: auto;
}
.freshers .select .sets{
	width: 100%;
	display: flex;	
	flex-wrap: wrap;
	flex-direction: column;
	margin: 10px auto;
	font-size: 1.4rem;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}
.freshers .select .sets .set{
	width: 100%;
	margin: 0 auto;
}
.freshers .select .sets .set h3{
	color: #fff;
	background-color: #000;
	padding: 5px 0;
	margin: 20px auto 0;
	width: 100%;
	position: relative;
}
.freshers .select .sets .set h3:after{
	content: '';
	position: absolute;
	top: 150px;
	right: 0;
	left: -5%;
	display: inline-block;
	width: 110%;
	height: 300px;
	background-color: #eee;
	z-index: -2;	
}
.freshers .select .sets .set .number{
	text-align: right;
	width: 96%;
	font-size: 2.6rem;
	font-family: 'Ropa Sans', sans-serif;
	position: relative;
}
.freshers .select .sets .set .number:after{
	content: '';
	position: absolute;
	top: 45px;
	right: 0;
	display: inline-block;
	width: 1px;
	height: 60px;
	background-color: #333;
}
.freshers .select .sets .set .number i{
	font-size: 2rem;
	margin: 0 5px;
}
.freshers .select .sets .set img{
	width: 100%;
	max-width: 300px;
	position: relative;
	margin-bottom: -25px;
}
.freshers .select .sets .set p span{
	display: block;
}
.freshers .select .sets .set table{
	width: 90%;
	min-width: 300px;
	max-width: 500px;
	margin: 0 auto;
	border: 0;
}
.freshers .select .sets .set table th{
	width: 65px;
	font-size: 1.6rem;
	font-weight: bold;
	font-style: italic;
	padding: 5px 0;
	background-color: transparent;
	border: 0;
	border: 0;
}
.freshers .select .sets .set table th span{
	background-color: #000;
	color: #fff;
	width: 60px;
	height: 28px;
	line-height: 28px;
	display: block;
}
.freshers .select .sets .set table td{
	width: calc(100% - 65px);
	text-align: left;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 0;
	border: 0;
}	
.freshers .select .sets .set table td.red{
	color: #E30B16;
}

.freshers .select .sets .set .price{
	color: #fff;
	background-color: #E30B16;
	width: 90%;
	min-width: 300px;
	max-width: 500px;
	margin: 10px auto;
	font-size: 1.6rem;
	text-align: center;
}
.freshers .select .sets .set .price big{
	font-size: 2rem;	
	font-weight: bold;
	margin: 0 0 0 5px;
}
.freshers .select .sets .set .price big span{
	font-size: 1.2rem;	
	font-weight: normal;
}

.freshers .select .attention{
	width: 90%;
	min-width: 300px;
	max-width: 500px;
	border-top: 1px dotted #999;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0;
	font-size: 1.3rem;
}


/* gallerys */
.freshers .gallerys{
	width: 100%;
	height: 260px;
	margin: 40px 0 -60px;
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.freshers .gallerys ul{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	overflow: hidden;
}


/* mens */
.freshers .features.mens h1{
	background-image: url(../img/freshers/bg_mens.png);
}
.freshers .features.mens .feature{
	background-color: rgba(48,118,195,0.1);
}
.freshers .features.mens .xlarge{
	background-color: #1A3355;
}		
.freshers .features.mens .large{
	background-color: #1A3355;
}
.freshers .mens .feature .layers .left{
    background-color: #3176C3;
}
.freshers .mens .feature .boxs{
	background-color: #3176C3;
}
.freshers .mens .feature .boxs .left{
	padding: 20px;
}
.freshers .mens .feature .boxs.second .right img{
	margin: 0 auto;
}
.freshers .mens .feature .boxs.third .right img{
	margin: 0 0 10px auto;
	display: block;
}
.freshers .mens .select h2 span{
	color: #3076C4;
	border: 2px solid #3076C4;
}
.freshers .mens .select .sets .set h3{
	font-size: 1.5rem;
    background-color: #3176C3;
}
.freshers .mens .select .sets .set table th span{
    background-color: #1A3355;
    text-align: center;
}


/* ladies */
.freshers .features.ladies h1{
	background-image: url(../img/freshers/bg_ladies.png);
}
.freshers .features.ladies .feature{
	background-color: rgba(220,2,105,0.1);
}
.freshers .features.ladies .xlarge{
	background-color: #770037;
}
.freshers .features.ladies .large{
	background-color: #770037;
}
.freshers .features.ladies .middle{
}
.freshers .ladies .feature .layers .left{
    background-color: #DD0168;
}
.freshers .ladies .feature .boxs{
	background-color: #DE0269;
}
.freshers .ladies .feature .boxs .left{
	padding: 20px;
}
.freshers .ladies .feature .boxs.second .right img{
	margin: 0 auto;
}
.freshers .ladies .feature .boxs.third .right img{
	margin: 0 auto 10xp;
}
.freshers .ladies .select h2 span{
	color: #DE0269;
	border: 2px solid #DD0168;
}
.freshers .ladies .select .sets .set h3{
    background-color: #DD0168;
}
.freshers .ladies .select .sets .set table th span{
    background-color: #770037;
    text-align: center;
}
.freshers .ladies .select .sets .set img{
	position: relative;
	transform: scale(1.17);
}
.freshers .ladies .select .sets .set img.left{
	margin: 20px 0 10px -45px;
}
.freshers .ladies .select .sets .set img.center{
	margin: 20px 0 -20px 15px;	
}
.freshers .ladies .select .sets .set img.right{
	margin: 20px 0 -20px -25px;	
}






/* ------------ ordersuits ---------- */
.ordersuit{
	margin: -10px 0 -60px;
}

/* cover */
.ordersuit .cover{
	width: 100%;
	height: 300px;
	background-color: #ccc;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 0 50px;
	display: flex;
	align-items: center;
}
.ordersuit.order .cover{
	background-image: url(../img/ordersuits/cover_order.jpg);
}
.ordersuit.howto .cover{
	background-image: url(../img/ordersuits/cover_howto.jpg);
}
.ordersuit.stylegallery .cover{
	background-image: url(../img/ordersuits/cover_gallery.jpg);
}

.ordersuit .cover .banner{
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
.ordersuit .cover .banner h1{
	font-size: 4.4rem;
	font-family: 'EB Garamond', serif;
	margin: 0 0 25px;
	line-height: 1.2;
	padding-bottom: 25px;
	background-image: url(../img/ordersuits/line.png);
	background-position: center bottom;
	background-repeat: no-repeat;
    filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.5)); 
}
.ordersuit .cover .banner h2{
	font-size: 2rem;
	font-family: YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.5)); 
}
.ordersuit .cover .banner p{
	font-size: 1.4rem;
}

/* yoko */
.ordersuit .yoko{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.ordersuit .yoko h2{
	font-size: 2rem;
}
.ordersuit .yoko br{
	display: none;
}

/* tate */
.ordersuit .tate{
	color: #fff;
	position: relative;
	margin: 0 0 30px;
}
.ordersuit .tate .photo{
	width: 96%;
	position: relative;
	margin: 0 auto; 
	padding: 0;
	z-index: 10;
}
.ordersuit .tate .photo .wide{
	width: 100%;
	margin: 0:
	padding: 0;
}
.ordersuit .tate .photo .wide img{
	width: 100%;
	margin: 0:
	padding: 0;
	display: block;
}
.ordersuit .tate .photo .wide p{
	font-size: 2.4rem;
	font-weight: bold;
	background-color: #000;
	padding: 5px 10px;
	display: block;
	box-sizing: border-box;
	text-align: left;
	margin: 0;
}
.ordersuit .tate .photo .wide p br{
	display: none;
}
.ordersuit .tate .photo .txt{
	width: 100%;	
	padding: 10px;
	margin: 0;
	line-height: 1.4;
	box-sizing: border-box;
	background-color: #4E4B4A;
}


/* tate2 */
.ordersuit .tate2{
	color: #fff;
	position: relative;
	margin: 0 0 30px;
}
.ordersuit .tate2 .photo{
	width: 96%;
	position: relative;
	margin: 0 auto; 
	padding: 0;
	z-index: 10;
}
.ordersuit .tate2 .photo .wide{
	width: 100%;
	margin: 0:
	padding: 0;
}
.ordersuit .tate2 .photo .wide img{
	width: 100%;
	margin: 0:
	padding: 0;
	display: block;
}
.ordersuit .tate2 .photo .wide p{
	font-size: 2.8rem;
	font-weight: bold;
	background-color: #000;
	padding: 5px 10px;
	display: block;
	box-sizing: border-box;
	text-align: left;
	margin: 0;
}
.ordersuit .tate2 .photo .wide p br{
	display: none;
}
.ordersuit .tate2 .photo .txt{
	width: 100%;	
	padding: 10px;
	margin: 0;
	line-height: 1.4;
	box-sizing: border-box;
	background-color: #4E4B4A;
}
.ordersuit .tate2 .bg{
}

/* gallerys */
.ordersuit .gallerys{
	text-align: center;
	position: relative;
	z-index: 50;
	margin: 80px 0;
}
.ordersuit .gallerys ul{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ordersuit .gallerys ul img{
	display: block;
}
.ordersuit .gallerys h1{
	font-family: 'Ropa Sans', sans-serif;
	font-size: 3rem;
	margin: 0 0 20px;
}
.ordersuit .gallerys  a.more{
	display: inline-block;
	font-family: 'Ropa Sans', sans-serif;
	padding: 0 15px;
	color: #001040;
	border: 3px solid #001040;
	font-size: 1.4rem;
	margin: 30px auto 0;
}
.ordersuit .gallerys a.more:hover{
	background-color: #001040;
	color: #fff;
}


/* ps */
.ordersuit .ps{
	width: 100%;
	text-align: center;
	position: relative;
	padding:  0 0 20px;
}
.ordersuit .ps .inner{
	display: flex;
	display: inline-flex;
	justify-content: space-between;
}
.ordersuit .ps .inner div{
	width: 49%;
}


/* price */
.ordersuit .price{
	text-align: center;
	position: relative;
	padding: 20px 0 40px;
}
.ordersuit .price h1{
	font-family: 'Ropa Sans', sans-serif;
	font-size: 3rem;
	border-bottom: 5px solid #000;
}
.ordersuit .price table{
	width: 100%;
	border-collapse: collapse;
	margin: 30px 0;
	border-top: 1px solid #eee;
}
.ordersuit .price table th{
	text-align: left;
	width: 100%;
	display: block;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}
.ordersuit .price table th small{
	display: block;
}
.ordersuit .price table td{
	text-align: right;
	width: 100%;
	display: block;
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
	position: relative;
}
.ordersuit .price table .point{
	color: #E60012;
	font-weight: bold;
}
.ordersuit .price p.right{
	font-size: 1.3rem;
	text-align: left;
}




/* fabrics */
.ordersuit .fabrics{
	text-align: center;
	position: relative;
	padding: 30px 0 0;
}
.ordersuit .fabrics h1{
	font-family: 'Ropa Sans', sans-serif;
	font-size: 3rem;
	border-bottom: 5px solid #000;
	margin: 0 0 30px;
}
.ordersuit .fabrics h3{
	text-align: left;
	margin: 0 0 20px;
}
.ordersuit .fabrics h3 br{
	display: none;
}
.ordersuit .fabrics p{
	text-align: left;
	font-size: 1.4rem;
}

.ordersuit .fabrics .samples{
	margin: 30px auto 20px;
	display: flex;
	flex-wrap: wrap;
}
.ordersuit .fabrics .samples .sample{
	width: 48%;
	font-size: 1.2rem;
	margin: 0 auto 60px;
	position: relative;
	align-items: stretch;
}
.ordersuit .fabrics .samples .sample h4{
	font-size: 1.4rem;	
	text-align: left;
	height: 33px;
	margin-top: 6px;
}
.ordersuit .fabrics .samples .sample .info{
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: -20px;
	display: flex;
	justify-content: space-between;
	font-size: 1.3rem
}
.ordersuit .fabrics .samples .sample .info .made{
	font-size: 1.2rem;
	color: #fff;
	background-color: #000;
	line-height: 20px;
	width: 60px;
}
.ordersuit .fabrics .samples .sample .info .jpy{
	font-weight: bold;
}
.ordersuit .fabrics p.right{
	font-size: 1.3rem;
	text-align: left;
}


/* banners */
.ordersuit .banners{
	text-align: center;
	position: relative;
	padding: 70px 0 20px;
	margin: 50px 0 0;
	background-color: #eee;
}
.ordersuit.stylegallery .banners{
	background-color: #fafafa;
}
.ordersuit .banners .offset{
	position: absolute;
	top: -20px;
	left: 0;
	font-size: 3rem;
	font-family: 'Ropa Sans', sans-serif;
	font-weight: bold;
	width: 100%;
}

.ordersuit .banners .banner{
	width: 96%;
	margin: 0 auto;
	display: flex;
	display: inline-flex;
	justify-content: flex-end;
}
.ordersuit .banners .banner img{
	width: 80%;
}
.ordersuit .banners a img{
	transition: 0.3s;
}
.ordersuit .banners a img:hover{
	transform: translate(0,-3px);
}


/* flow */
.ordersuit .flow{
	position: relative;
	padding: 30px 0;
	margin: 0;
	color: #fff;
	background-color: #111;
}
.ordersuit .flow h1{
	text-align: center;
	font-size: 2.4rem;
} 

.ordersuit .flow .steps{
	width: 96%;
	margin: 30px auto 0;
	display: flex;
	flex-wrap: wrap;
}
.ordersuit .flow .steps .step{
	width: 50%;
	margin: 0 0 10px;
}
.ordersuit .flow .steps .step h3{ 
	font-size: 1.6rem;
	font-weight: bold;
	background-color: #344773;
	padding: 5px;
	margin: 0;
}
.ordersuit .flow .steps .step img{
	max-width: 95%;
	margin: 0 auto 5px;
	display: block;
}
.ordersuit .flow .steps .step img.start{
}
.ordersuit .flow .steps .step img.end{
}
.ordersuit .flow .steps .step p{
	margin: 10px;
	font-size: 1.3rem;
}







/* otheritems */
.ordersuit .otheritems{
	text-align: center;
	position: relative;
	padding: 30px 0 0;
}
.ordersuit .otheritems h1{
	font-family: 'Ropa Sans', sans-serif;
	font-size: 3rem;
	border-bottom: 5px solid #000;
	margin: 0 0 20px;
}
.ordersuit .otheritems h3{
	text-align: left;
}
.ordersuit .otheritems h3 br{
	display: none;
}
.ordersuit .otheritems .item{
	margin: 40px auto;
}
.ordersuit .otheritems .item.reverse{
}
.ordersuit .otheritems .item .kind{
	width: 100%;
}
.ordersuit .otheritems .item .kind h2{
	font-size: 2.4rem;
	margin: 10px auto 20px;
}
.ordersuit .otheritems .item .kind h4{
	display: flex;
	align-items: center;
}
.ordersuit .otheritems .item .kind h4 img{
	height: 40px;
}
.ordersuit .otheritems .item .kind h4:before,
.ordersuit .otheritems .item .kind h4:after {
	content: "";
	flex-grow: 1;
	height: 5px;
	background: #111;
	display: block;
}
.ordersuit .otheritems .item .kind h4:before {
	margin-right: 15px;
}
.ordersuit .otheritems .item .kind h4:after {
	margin-left: 15px;
}
.ordersuit .otheritems .item .photo{
	width: 100%;
}
.ordersuit .otheritems .item .photo img{
	display: block;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

.ordersuit .otheritems .item .desc{
	width: 100%;
	position: relative;
	margin: 20px 0 0;
}
.ordersuit .otheritems .item .desc p{
	text-align: left;	
	font-size: 1.4rem;
}
.ordersuit .otheritems .item .desc strong{
	font-size: 1.6rem;
}
.ordersuit .otheritems .item .desc img{
	display: block;
	margin: 10px auto 20px;
}

.ordersuit .otheritems .item .desc .detail{
	display: flex;
	align-items: flex-end;
}
.ordersuit .otheritems .item .desc .detail p{
	font-size: 1.3rem;
	margin: 0;
}
.ordersuit .otheritems .item .desc .detail img{
	width: 40%;
	margin: 0 10px 0 0;
}






/* ------------ howto ---------- */
.ordersuit.howto .inner{
	clear: both;
	margin: 0 auto;
	padding: 0;
	position: relative;		
}

.ordersuit .hope{
	color: #fff;
	background-color: #344773;
	padding: 15px;
	box-sizing: border-box;
	margin: 0 0 40px;
	font-size: 1.4rem;
}
.ordersuit .hope h1{
	font-family: YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 2.4rem;
	padding: 0 0 15px;
	margin: 0 0 20px;
	border-bottom: 5px solid #fff;
}
.ordersuit .hope h1 br{
	display: none;	
}

.ordersuit .step{
	margin: 0 0 60px;
	border-top: 5px solid #000;
}
.ordersuit .step img{
	display: block;
	margin: 20px 0;
}	
.ordersuit .step h1{
	text-align: center;
	font-family: 'Ropa Sans', sans-serif;
	font-size: 4rem;
	margin: 20px 0 0;
}
.ordersuit .step h2{
	font-family: YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 2.2rem;
	font-weight: normal;
	padding: 2px 5px;
	color: #fff;
	background-color: #000;
	display: inline;
	line-height: 1.4;
}
.ordersuit .step h3{
	text-align: center;
	font-size: 2rem;
	font-weight: normal;
	margin: 0 0 20px;
}
.ordersuit .step h4{
	margin: 30px 0 0;
}
.ordersuit .step .narrow{
	width: 90%;
	margin: 20px auto;
}
.ordersuit .step .column{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 1.3rem;
	margin: 50px auto;
}
.ordersuit .step .column img{
	display: block;
	margin: 5px 0;
}	
.ordersuit .step .column.double div{
	width: 49%;
}
.ordersuit .step .column.triple div{
	width: 49%;
}
.ordersuit .step .column.double.fix{
	margin-top: 0;
}
.ordersuit .step .column.double.fix img{
	margin-top: 3%;
}
.ordersuit .step .gallerys{
	text-align: center;
	position: relative;
	z-index: 10;
	margin: 30px 0;
}
.ordersuit .step .gallerys ul{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ordersuit .step .gallerys ul img{
	display: block;
	margin: 10px auto;
}
.ordersuit .step .gallerys p{
	text-align: left;
	font-size: 1.3rem;
}






/* ------------ stylegallery ---------- */
.ordersuit.stylegallery{
	background-color: #ECECEC;
	margin-bottom: -60px;
}

.ordersuit.stylegallery .box{
	clear: both;
	width: 94%;
	margin: 0 auto;
	position: relative;
	padding: 60px 0;
}
.ordersuit.stylegallery .box.last{
	padding-bottom:  0;	
}
.stylegallery .box:before {
}
.ordersuit.stylegallery .color{
	width: 100%;
	color: #fff;
	background-color: #344773;
	margin: 0 0 60px;
	padding: 60px 0 0;
}

.ordersuit .hr{
	border: none;
	display: block;
	margin: 0 auto;
	padding: 0 0 40px;
	clear: both;
	width: 94%;
	margin: 0 auto;
	position: relative;
	height: 5px;
	background-image: url(../img/ordersuits/border.png);
	background-position: center top;
	background-repeat: repeat-x;
}


/*  desc */
.ordersuit .box .desc{
	clear: both;
	font-size: 1.4rem;
}
.ordersuit .box .desc .explain{
    color: #000;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	width: 100%;
	z-index: 10;
}

.ordersuit .box .desc .explain h1{
	font-size: 5rem;
	font-weight: bold;
	font-family: 'EB Garamond', serif;
	text-align: center;
	margin: -45px 0 0;
	padding: 0;
	line-height: 1;
}
.ordersuit .box .desc .explain h2{
	font-size: 3rem;	
	font-family: 'Londrina Outline', cursive;
	border-bottom: 3px solid #000;
	text-align: center;
	padding: 0 0 10px;
	margin: 10px 0;
	text-transform: uppercase;
}
.ordersuit .box .desc .explain h3{
	font-size: 1.6rem;
}

/*  image */
.ordersuit .box .desc .image{
	width: 100%;
	font-size: 1.2rem;
	z-index: 1;
}
.ordersuit .box .desc .image img{
	width: 100%;
}



/*  detail */
.ordersuit .box .detail{
	font-size: 1.3rem;	
	position: relative;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-around;
	z-index: 10;
	margin: 50px 0 0;
}
.ordersuit .box .detail .length{
	width: 38%;
	position: relative;
}
.ordersuit .box .detail .length img{
	margin-top: -50px;
}
.ordersuit .box .detail .side{
	width: 58%;
	position: relative;
}
.ordersuit .box .detail strong{
	display: inline-block;
	font-size: 1.6rem;	
	font-family: 'EB Garamond', serif;
	font-style: italic;
	text-transform: capitalize;
	width: 80px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	background-color: #000;
	text-align: center;
	position: absolute;
	top: 40px;
	right: -40px;
}

.ordersuit .color .detail{
	display: block;
}
.ordersuit .color .detail .length{
	width: 100%;
	margin: -30px 0 0;
	position: relative;
}
.ordersuit .color .detail .length img{
	width: 100%;
	max-width: 200px;
	display: block;
	margin: 15px auto 0;
}



/*  desc change */
.ordersuit .box.change .desc{
	clear: both;
	font-size: 1.4rem;
}
.ordersuit .box.change .desc .explain{
    color: #000;
	background-color: #fff;
	padding: 30px;
	box-sizing: border-box;
	width: 100%;
	z-index: 10;
}


/*  image */
.ordersuit .box.change .desc .image{
	width: 100%;
	font-size: 1.2rem;
	z-index: 1;
}

/*  detail */
.ordersuit .box.change .detail{
	font-size: 1.3rem;	
	position: relative;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-around;
	z-index: 30;
	margin: 50px 0 0;
}
.ordersuit .box.change .detail strong{
	display: inline-block;
	font-size: 1.6rem;	
	font-family: 'EB Garamond', serif;
	font-style: italic;
	text-transform: capitalize;
	width: 80px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	background-color: #000;
	text-align: center;
	position: absolute;
	top: 40px;
	right: -40px;
}

/*  detail2 */
.ordersuit.stylegallery .detail2{
	font-size: 1.3rem;	
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 20px 0 -20px;
}
.ordersuit.stylegallery .detail2 div{
	width: 48%;
	margin: 1%;
}





/* ------- queenbees ------- */
.queenbees{
	overflow: hidden;
}

/* cover */
.queenbees .cover{
	width: 100%;
	background-color: #000;
	background-image: url(../img/queenbees/bg-all.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0;
}
.queenbees .cover .member{
	width: 100%;
	margin: 0 auto;
	background-image: url(../img/queenbees/member-all.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 96%;
	position: relative;
	text-align: center;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.queenbees .cover .member img{
	width: 80%;
	margin: 35% 0 5%;
}

/* desc */
.queenbees .desc{
	width: 96%;
	margin: 50px auto;
	text-align: center;
}
.queenbees .desc h1{
	font-size: 2.4rem;
	margin: 0
}
.queenbees .desc h2{
	font-size: 2rem;
	margin: 40px auto;
	font-family: YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;	
	font-weight: 600;
	width: 94%;
	text-align: left;
}
.queenbees .desc p{
	width: 94%;
	text-align: left;
	margin: 30px auto;
}
.queenbees .desc br{
	display: none;
}



/* style */
.queenbees .style{
	width: 100%;
	height: 500px;
	background-color: #eee;
	background-image: url(../img/queenbees/bg-style.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 0 1px;
	position: relative;
}
.queenbees .style .inner{
	position: absolute;
	bottom: 15%;
	left: 2.5%;
}
.queenbees .style .box{
	background-color: rgba(255,255,255,0.8);
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}
.queenbees .style .box h2{
	font-size: 2.4rem;
}
.queenbees .style .box p{
	font-size: 1.4rem;
}



/* stretch */
.queenbees .stretch{
	width: 100%;
	margin: 0 auto 100px;
	height: 550px;
	position: relative;
	background-image: url(../img/queenbees/bg-stretch.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.queenbees .stretch .inner{
	display: flex;
	align-items: flex-end;
	height: 550px;
}	
.queenbees .stretch .box{
	width: 100%;
	padding: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
	background-color: rgba(255,255,255,0.8);
}
.queenbees .stretch h2{
	font-size: 2.4rem;
}
.queenbees .stretch p{
	font-size: 1.4rem;
}
.queenbees .stretch .mark{
	position: absolute;
	width: 80px;
	right: 25px;
	bottom: -35px;
}



/* players */
.queenbees .players{
	width: 100%;
	background-color: #333;
	background-image: url(../img/queenbees/bg-players.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 0 60px;
	padding: 30px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	text-align: center;
}
.queenbees .players .inner{
	width: 100% !important;
}
.queenbees .players h1{
	color: #fff;
	font-size: 2.8rem;
	font-family: 'Ropa Sans', sans-serif;
	font-weight: 400;
	margin-top: 100px;
}

.queenbees .players .players-list{
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0 0;
	width: 100%;
}

.queenbees .players .players-list .player{
	width: 32%;
	margin: 0 0 1% 1%;
	overflow: hidden;
	background-color: #FDED00;
	position: relative;
	cursor: pointer;
}
.queenbees .players .players-list .player:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.queenbees .players .players-list .player a {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}
.queenbees .players .players-list .player img{
	width: 98%;
	margin-top: 15px;
}
.queenbees .players .players-list .player .caption {
	width: 100%;
	height: 100%;
	visibility: hidden;
	color: #fff;
	top: 0;
	left: 0;
	position: absolute;
	text-align: center;
	transition: all 0.3s step-end;
	font-family: 'Ropa Sans', sans-serif;
}
.queenbees .players .players-list .player:hover .caption {
	visibility: visible;
    display: flex;
    justify-content: center;
    align-items: center;
}
.queenbees .players .players-list .player .caption p {
	color: #fff;
	opacity:	 0;	
	font-size: 1.4rem;
}
.queenbees .players .players-list .player:hover .caption p {
	opacity:	1;	
}
.queenbees .players .players-list .player .mask1,
.queenbees .players .players-list .player .mask2 {
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	background-color:	rgba(0,0,0,0.4);
	transition:	all 0.3s ease;
}
.queenbees .players .players-list .player .mask1 {
	top: -50%;	
}
.queenbees .players .players-list .player:hover .mask1 {
	top: 0;
}
.queenbees .players .players-list .player .mask2 {
	bottom:	 -50%;
}
.queenbees .players .players-list .player:hover .mask2 {
	bottom: 0;	
}

.queenbees .modal-box{
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    display: none;
    z-index: 7777;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    background: #FDED00;
    overflow: hidden;
}
.queenbees .profile{
	position: relative;
}
.queenbees .profile .photo{
	width: 100%;
	height: 100vh;
	padding: 15px;
	box-sizing: border-box;
	text-align: center;
	z-index: 1;
}
.queenbees .profile .photo img{
	max-width: 80%;
}
.queenbees .profile .name{
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
    text-align: left;
	position: absolute;
	bottom: 0;
	z-index: 10;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
}

.queenbees .profile h2{
	font-size: 2rem;
	font-weight: 400;
	margin: 0;
}
.queenbees .profile h3{
	font-size: 1.7rem;
	font-weight: 400;
	margin: 0;
	display: inline;
}
.queenbees .profile h4{
	font-size: 1.2rem;
	font-weight: 400;
	margin: 0 0 0 10px;
	display: inline;
}
.queenbees .profile p{
	font-size: 1.3rem;
	margin: 10px 0 0 0;
	padding: 0;
}

.queenbees .modal-close{
    color: #000;
    width: 50px;
    line-height: 50px;
    display: block;
    font-size: 30px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    text-decoration: none;
}
.queenbees .modal-close:hover{
	background-color: #000;
	color: #FDED00;
    text-decoration: none;
}

.queenbees .modal-bg {
    z-index: 6666;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
}
.queenbees .link-area {
    position: absolute;
    top: 40%;
    right: 0;
    overflow: hidden;
    width: 100%;
}
.queenbees .link-area ul{
   display: flex;
   justify-content: space-between;
   list-style: none;
   padding: 0;
   margin: 0;
}
.queenbees .link-area ul a{
    text-decoration: none;
    display: block;
    color: #000;
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 30px;
    text-align: center;
	cursor: pointer;
}
.queenbees .link-area ul a:hover{
	background-color: #000;
	color: #FDED00;
}


/* movie */
.queenbees .movie{
	text-align: center;
	padding-bottom: 60px;
	position: relative;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	display: block;
}
.queenbees .movie .yt{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin: 0;
	overflow: hidden;
	height: 0;
}
.queenbees .movie .yt iframe{
 	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/* official */
.queenbees .official{
	text-align: center;
	width: 94%;
	padding-bottom: 60px;
	margin: 0 auto;
}
.queenbees .official a{
	transition: 0.3s;
}
.queenbees .official a:hover{
	opacity: 0.6;
}

/* top */
.queenbees-banner{
	width: 90%;
	text-align: center;
	margin: 0 auto -50px;	
}
.queenbees-banner img{
	transition: 0.3s;
}
.queenbees-banner img:hover{
	opacity: 0.7;
}




/* ------- 3set-sale ------- */
.set-sale{
	padding-bottom: 30px;
}

/* cover */
.set-sale .cover{
	width: 100%;
	background-color: #999;
	margin: 50px 0 50px;
}
.set-sale .cover img{
	display: block;
	margin: 0 auto;
}



/* desc */
.set-sale .desc{
	width: 96%;
	margin: 30px auto;
	text-align: center;
}
.set-sale .desc h1{
	font-size: 2.4rem;
	margin: 0
}
.set-sale .desc h2{
	font-size: 2rem;
	margin: 20px auto;
	font-family: YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;	
	font-weight: 600;
	width: 94%;
	text-align: left;
}
.set-sale .desc p{
	width: 94%;
	text-align: left;
	margin: 30px auto;
}
.set-sale  .desc br{
	display: none;
}


.set-sale ul{
	width: 90%;
	box-sizing: border-box;
	margin: 30px auto;
	padding: 0 0 0 20px;
	font-size: 1.3rem;
}


/* select */
.set-sale .select{
	clear:both;
	margin: 50px auto 0;
	width: 100%;
	position: relative;
}
.set-sale .select .inner{
	width: 94%;
	margin: 10px auto;
}
.set-sale .select h2{
	font-size: 2.4rem;
	text-align: center;
}
.set-sale .select h2 span{
	display: block;
	font-size: 1.6rem;	
	border: 2px solid #000;
	padding: 5px 10px;
	margin: 5px 0 0;
}

.set-sale .select .wrap{
	width: 100%;
	overflow: auto;
}
.set-sale .select .sets{
	width: 100%;
	display: flex;	
	flex-wrap: wrap;
	flex-direction: column;
	margin: 10px auto;
	font-size: 1.4rem;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}
.set-sale .select .sets .set{
	width: 100%;
	margin: 0 auto;
}
.set-sale .select .sets .set h3{
	color: #fff;
	background-color: #000;
	padding: 5px 0;
	margin: 20px auto 0;
	width: 100%;
	position: relative;
}
.set-sale .select .sets .set h3:after{
	content: '';
	position: absolute;
	top: 150px;
	right: 0;
	left: -5%;
	display: inline-block;
	width: 110%;
	height: 300px;
	background-color: #eee;
	z-index: 0;	
}
.set-sale .select .sets .set .number{
	text-align: right;
	width: 96%;
	font-size: 2.6rem;
	font-family: 'Ropa Sans', sans-serif;
	position: relative;
}
.set-sale .select .sets .set .number:after{
	content: '';
	position: absolute;
	top: 45px;
	right: 0;
	display: inline-block;
	width: 1px;
	height: 60px;
	background-color: #333;
}
.set-sale .select .sets .set .number i{
	font-size: 2rem;
	margin: 0 5px;
}
.set-sale .select .sets .set img{
	width: 100%;
	max-width: 300px;
	position: relative;
}
.set-sale .select .sets .set p span{
	display: block;
}

.set-sale .select .sets .set .price{
	color: #fff;
	background-color: #E30B16;
	width: 90%;
	min-width: 300px;
	max-width: 500px;
	margin: 10px auto;
	font-size: 1.6rem;
	text-align: center;
}
.set-sale .select .sets .set .price big{
	font-size: 2rem;	
	font-weight: bold;
	margin: 0 0 0 5px;
}
.set-sale .select .sets .set .price big span{
	font-size: 1.2rem;	
	font-weight: normal;
}

.set-sale .select .attention{
	width: 90%;
	min-width: 300px;
	max-width: 500px;
	border-top: 1px dotted #999;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0;
	font-size: 1.3rem;
}
.set-sale .select .pricetitle{
	text-align: right;
	margin: 0 auto;
	font-size: 1.4rem;
}

/* total */
.set-sale .total{
font-weight: bold;
	margin: 25px 0;
	text-align: center;
	font-size: 1.8rem;
}
.set-sale .total strong{
	color: #E30B16;
	font-size: 3rem;
	margin: 0 5px;
}
.set-sale .total small{
	color: #E30B16;
	font-size: 1.8rem;
}


/* price */
.set-sale .price .scroll-t{
	width: 100%;
	overflow-y: scroll;
	padding: 10px;
	background-color: #fafafa;
}

.set-sale .price{
	width: 96%;
	margin: -75px auto 50px;		
}
.set-sale .price h1{
	text-align: center;
	font-size: 2.4rem;
	margin: 150px 0 50px;
	padding: 0;
}
.set-sale .price table{
	white-space: nowrap;
	width: 100%;
	border-collapse: collapse;
	margin: 0 ;
	box-sizing: border-box;
}
.set-sale .price table th{
	font-weight: normal;
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #eee !important;
	box-sizing: border-box;
	position: relative;
}
.set-sale .price table td{
	border-bottom: 1px solid #eee !important;
	padding: 10px;
	box-sizing: border-box;
	font-size: 90%;
	position: relative;
}




/* ------------ ladiesorder ---------- */
.ladiesorder{
	margin: -10px 0 -60px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.6;
	font-size: 1.5rem;
}

/* cover */
.ladiesorder .cover{
	width: 100%;
	height: 300px;
	margin: 0 0 50px;
	background-color: #666;
	display: flex;
	align-items: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/ladiesorder/ladies_cover.jpg);
}
.ladiesorder .cover .banner{
	margin: 0 auto;
	text-align: center;
	color: #fff;
	width: 700px;
}
.ladiesorder .cover .banner h1{
	font-size: 4.4rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	margin: 10px 0 25px;
	line-height: 1.2;
}
.ladiesorder .cover .banner h2{
	font-size: 2rem;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
.ladiesorder .cover .banner p{
	width: 90%;
	margin: 0 auto;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
.ladiesorder .cover .banner p br{
	display: none;
}


/* stylegallery */
.ladiesorder .stylegallery{
	width: 92%;
	margin: 0 auto;
}
.ladiesorder .stylegallery h1{
	font-size: 2.2rem;
	font-weight: 700;
	color: #836550;
	text-align: center;
	margin-bottom: 30px;	
}

.ladiesorder .style{
	width: 100%;
	margin: 30px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.ladiesorder .style img{
	display: block;
	background-color: #eee;
	margin: 0 auto 10px;
}
.ladiesorder .style .en{
	font-family: 'Montserrat', sans-serif;
	font-size: 5vw;
	font-weight: 200;
	color: #baaeba;
	transform: rotate(-10deg);
	text-align: center;
	margin: 60% auto 0;
}
.ladiesorder .style img{
	border-radius: 10px;
}
.ladiesorder .style .left{
	width: 49%;
	display: flex;
	flex-direction: column-reverse;
}
.ladiesorder .style .center{
	width: 49%;
	padding-top: 20%;
}
.ladiesorder .style .right{
	width: 49%;
	margin-top: -30%;
}
.ladiesorder .style .bottom{
	width: 48%;
}

.ladiesorder .flex{
}
.ladiesorder .flex .info{
	width: 100%;
	margin-right: auto;
}
.ladiesorder .flex .price{
	width: 100%;
	margin-left: auto;
}
.ladiesorder .flex .info h2{
	font-size: 1.6rem;
	font-weight: 700;
	color: #836550;
}
.ladiesorder .flex .info h2 br{
	display: none;
}
.ladiesorder .flex .price table{
	width: 100%;
 	border-collapse: collapse;
	border-left: 1px solid #836550;
	border-right: 1px solid #836550;
	border-bottom: 1px solid #836550;
}
.ladiesorder .flex .price table th{
	width: 100%;
	display: block;
	color: #fff;
	background-color: #836550;
	font-size: 1.8rem;
	font-weight: 400;
	padding: 5px 0;
}
.ladiesorder .flex .price table td{
	width: 100%;
	display: block;
	padding: 15px;
	box-sizing: border-box;
}
.ladiesorder .flex .price table td ul{
	margin: 0;
	padding: 0 0 0 25px;
}
.ladiesorder .flex .price table td li{
	margin: 3px 0;
}
.ladiesorder .flex .price table td p{
	font-size: 1.2rem;
}

/* flow */
.ladiesorder .flow{
	background-color: #f1f0ec;
	padding: 40px 0;
	margin: 40px 0;
}
.ladiesorder .flow .inner{
	width: 92%;
}
.ladiesorder .flow h1{
	font-size: 3rem;
	font-weight: 400;
	text-align: center;
}

.ladiesorder .flow .step{
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;	
}
.ladiesorder .flow .step:after{
	content: "";
	border-top: 16px solid #f4ca79;
 	border-right: 16px solid transparent;
 	border-left: 16px solid transparent;	
 	position: absolute;
 	bottom: -30px;
 	left: calc(50% - 8px);
}
.ladiesorder .flow .step.non:after{
	border-top: 16px solid transparent;
}

.ladiesorder .flow .step .text{
	width: 100%;
	position: relative;
	z-index: 5;
}
.ladiesorder .flow .step .image{
	width: 100%;
	position: relative;
	z-index: 0;
	text-align: center;
}

.ladiesorder .flow .step h2{
	font-family: 'Montserrat', sans-serif;
	font-size: 9rem;
	font-weight: 100;
	color: #fff;
	position: relative;
	z-index: 1;	
	margin: 0;
	padding: 0;
}
.ladiesorder .flow .step h3{
	font-size: 2.2rem;
	font-weight: 400;
	color: #836550;
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
	top: -60px;
}
.ladiesorder .flow .step p{
	background-color: #fff;
	box-sizing: border-box;
	padding: 25px;
	width: 95%;
	position: relative;
	z-index: 10;
	top: -45px;
	left: 5%;
	margin: 0 0 -30px;
}
.ladiesorder .flow .step p:before{
	content:"";
	background-color: #f4ca79;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	left: -10px;
	z-index: 20;
}
.ladiesorder .flow .step .image img{
	width: 95%;
	margin: 0 0 0 5%;

}


/* voice */
.ladiesorder .voice{
	width: 92%;
	margin: 0 auto;
	padding: 40px 0;
}
.ladiesorder .voice h1{
	font-family: 'Montserrat', sans-serif;
	font-size: 3rem;
	font-weight: 100; 
	color: #836550;
	text-align: center;
	padding: 10px 0;
	border-bottom: 1px solid #836550;
}

.ladiesorder .voice .border-top{
	border: 1px solid #836550;
	border-bottom: 0;
	padding-bottom: 20px;
}
.ladiesorder .voice .border{
	border: 1px solid #836550;
	border-top: 0;
	border-bottom: 0;
	padding: 0px 30px 30px;
	box-sizing: border-box;
}
.ladiesorder .voice .border-bottom{
	border: 1px solid #836550;
	padding: 30px;
}

.ladiesorder .voice .border-top p{
	width: 90%;
	text-align: left;
	padding: 20px 0;
	margin: 0 auto;
}

.ladiesorder .voice h2{
	color: #7c1d7e;
	font-size: 1.8rem;
	font-weight: 500;
	position: relative;
}
.ladiesorder .voice h2 span{
	display: inline-block;
	background-color: #7c1e7e;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.8rem;
	font-weight: 200;
	text-align: center;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 50%;
	margin-right: 8px;
}

.ladiesorder .voice .border p{
	margin: 20px auto 60px;
}

.ladiesorder .voice .border .flex{
}
.ladiesorder .voice .border .flex .txt{
}
.ladiesorder .voice .border .flex .img{
	text-align: center;
	margin: -20px 0 50px;
}

.ladiesorder .voice .photos{
	display: flex;	
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto 35px;
}
.ladiesorder .voice .photos div{
	text-align: center;
	width: 48%;
}
.ladiesorder .voice .photos div p{
	text-align: left;
	font-size: 1.3rem;
	line-height: 1.4;
	margin: 0 0 10px;
}
.ladiesorder .voice .photos div p br{
	display: none;
}

.ladiesorder .voice .mov{
	margin: 30px 0 0;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.ladiesorder .voice .mov iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.ladiesorder .voice .border-bottom .flex{
}
.ladiesorder .voice .border-bottom .flex .img{
	text-align: center;
}
.ladiesorder .voice .border-bottom .flex .img img{
	max-width: 180px;
	margin: 0 auto;
}
.ladiesorder .voice .border-bottom .flex .text{
}
.ladiesorder .voice .border-bottom .flex .text hr{
	border-top: none;
	background-color: #836550;
	height: 1px;
	margin: 20px auto;
}
.ladiesorder .voice .border-bottom .flex .text a:hover{
	color: #836550;
	text-decoration: underline;
}



/* ------- freshers-column ------- */
.freshers-column{
}

/* cover */
.freshers-column .cover{
	width: 100%;
	height: 50vh;
	background-color: #ccc;
	background-image: url(../img/freshers-column/image.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 50px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.freshers-column .cover .copy{
	width: 90%;
	margin: 0 auto;
    animation: fade 1.8s ease 0s 1 normal;
}
@keyframes fade {
    0% { opacity: 0;}
    30% { opacity: 0;}
    100% { opacity: 1;}
}

/* yell */
.yell{
	width: 100%;
	padding: 20px 20px 60px;
	margin: -60px 0 0;
	box-sizing: border-box;
	background-image: url(../img/freshers-column/bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100%;
}
.yell .inner{
	font-size: 1.6rem;
	line-height: 1.8;
	margin: 0 auto;
}
.yell .inner strong{
	font-size: 1.8rem;
}
.yell .inner big{
	font-size: 2.2rem;
	margin: 0 5px;
}
.yell .inner span{
	display: block;
}

/* voice-area */
.freshers-column .voice-area{
	padding: 80px 0 0;
	background-image: url(../img/freshers-column/freshersvoice2.png);
	background-position: center top;
	background-repeat: no-repeat;	
	background-size: 80%;
}
.freshers-column .voice{
	width: 96%;
	margin: 0 auto;
}
.freshers-column .voice.reverse{
	flex-direction: row-reverse;
}
.freshers-column .voice .photo{
	width: 90%;
	text-align: center;
}
.freshers-column .voice .photo img{
	max-width: 160px;
}
.freshers-column .voice .txt{
	width: 96%;
	background-color: #ccc;
	margin: 0 auto 30px;
	padding: 5px 10px 10px;
	box-sizing: border-box;
	border-radius: 10px;
}
.freshers-column .voice .txt.blue{
	background-color: #0085c7;
}
.freshers-column .voice .txt.pink{
	background-color: #e8518b;
}
.freshers-column .voice .txt h3{
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	margin: 0 0 5px;
}
.freshers-column .voice .txt p{
	margin: 0;
	padding: 10px;
	border-radius: 5px;
	background-color: #fff;
	line-height: 1.8;
	font-size: 1.4rem;
}

/* snap-area */
.snap-area{
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto 40px;
	text-align: center;
}
.snap-area div{
	width: 50%;
	text-align: center;
}
.snap-area div img{
	max-width: 150px;
}
.snap-area div:nth-child(even){
	padding-top: 60px;
}





/* -----checkpoint-point----- */
.checkpoint-area{
	margin: 0 0 -16px;
	padding: 20px 0;
	background: rgb(55,156,218);
	background: linear-gradient(150deg, rgba(55,156,218,1) 40%, rgba(248,145,216,1) 61%);
}
.checkpoint-area .title-img{
 	width: 80%;
 }
.checkpoint-area .inner{
	text-align: center;
	margin: 0 auto;
	width: 92%;
	color: #fff;
	font-size: 1.3rem;
}
.checkpoint-area .midashi{
	font-size: 2rem;
	font-weight: 600;
	margin: 20px auto 10px;
	text-align: center;
	display: flex;
	align-items: center;
}
.checkpoint-area .midashi:before{
  content: '';
  height: 1px;
  background-color: #fff;
  flex-grow: 1;
  margin: 0 2rem 0 0;
}
.checkpoint-area .midashi:after {
  content: '';
  height: 1px;
  background-color: #fff;
  flex-grow: 1;
  margin: 0 0 0 2rem;
}

.checkpoint-area .checkpoint{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.checkpoint-area .checkpoint .check{
	background-color: #fff;
	width: 100%;
	margin: 1% 0;
	padding: 15px 5px 10px;
	box-sizing: border-box;
	color: #333;
}
.checkpoint-area .checkpoint .check p{
	font-size: 1.3rem;
	width: 90%;
	margin: 5px auto;
	text-align: left;
}
.checkpoint-area .checkpoint .check p br{
	display: none;
}
.checkpoint-area .checkpoint .check.wide{
	width: 100%;
	margin: 1% 0;
}
.checkpoint-area .point{
	font-size: 1.8rem;
	font-weight: 700;
	font-feature-settings: "palt";
}
.checkpoint-area .photo{
	width: 100%;
	height: 200px;
	margin: 10px auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.checkpoint-area .photo img{
	max-height: 100%;
}

.checkpoint-area .tie{
	width: 96%;
	margin: 15px auto 5px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.checkpoint-area .tie .color{
	width: 31%;
	margin: 1%;
	box-sizing: border-box;
	color: #333;
	display: flex;
	flex-wrap: wrap;
}
.checkpoint-area .tie .color .pic{
	width: 100%;
	line-height: 2;
}
.checkpoint-area .tie .color div{
	width: 100%;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
}

.checkpoint-area .tie .color .pic div img{
	display: block;
	margin: 0 auto;
	width: 100%;
}
.checkpoint-area .tie p{
	text-align: left;
	margin: 10px auto;
	font-size: 1.3rem;
	line-height: 18px;
}

.checkpoint-area .tie .color.red .pic{
	background-color: #ed1c24;
}
.checkpoint-area .tie .color.blue .pic{
	background-color: #3f48cc;
}
.checkpoint-area .tie .color.purple .pic{
	background-color: #a349a4;
}
.checkpoint-area .tie .color.brown .pic{
	background-color: #400000;
}
.checkpoint-area .tie .color.gray .pic{
	background-color: #808080;
}
.checkpoint-area .tie .color.orange .pic{
	background-color: #ff7f27;
}

/* sizing */
.checkpoint-area .sizing{
	width: 96%;
	margin: 15px auto 5px;
}
.checkpoint-area .sizing div{
	width: 100%;
	text-align: left;
}
.checkpoint-area .sizing div img{
	display: block;
	margin: 0 auto;
	width: 180px;
}


/* matome */
.checkpoint-area .matome{
	border: 5px solid #ddd;
	box-sizing: border-box;
	background-color: #fff;
	margin: 30px 0;
	padding: 15px 20px;
	color: #333;
	font-size: 1.4rem;
	font-weight: 500;
}
.checkpoint-area .matome p{
	text-align: left;
	margin: 20px 0 10px;
	padding: 0 0 0 30px;
 	background-image: url(../img/freshers-column/check.png);
	background-position: left top 8px;
	background-repeat: no-repeat;	
	background-size: 20px;
}
.checkpoint-area .matome p strong{
	font-size: 1.6rem;
	font-weight: 700;
	color: #1087d0;
	background:linear-gradient(transparent 60%, #f6e915 60%);
}
.checkpoint-area .matome p small{
	font-size: 1.4rem;
}




/* one-point */
.one-point{
	padding: 40px 0;
	margin: 0 0 -60px;
	box-sizing: border-box;
	background-color: #eaecf8;
}
.one-point .inner{
	text-align: left;
	margin: 0 auto;
	width: 90%;
	font-size: 1.4rem;
}
.one-point .inner br{
	display: none;
}
.one-point .inner img{
	display: block;
	margin: 0 auto 30px;
}


/* qa-area */
.qa-area{
	width: 90%;
	margin: 20px auto;
}
.qa-area .qa{
	width: 100%;
	margin: 45px auto;
	padding: 15px;
	box-sizing: border-box;
	background-color: #fff;
	display: flex;
}
.qa-area .qa ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.qa-area .qa ul li{
	position: relative;
}
.qa-area .qa ul li img{
	display: block;
	margin: 0 auto 20px;
	max-width: 180px;
	border-radius: 6px;
}
.qa-area .qa ul li strong{
	color: #ff0000;
}
.qa-area .qa ul li span{
	position: absolute;
	top: -17px;
	left: -6px;
	color: #fff;
	font-size: 1.8rem;
}
.qa-area .qa ul li:nth-child(odd) {
	font-size: 1.7rem;
	margin: 0px 0 20px;
	padding: 10px 0;
	border-bottom: 1px dotted #ddd;
	position: relative;
	text-align: center;
}
.qa-area .qa ul li:nth-child(odd):before{
	content: "";
	width: 65px;
	height: 51px;
	line-height: 32px;
	text-align: center;
	position: absolute;
	top: -25px;
 	left: -25px;
 	background-image: url(../img/freshers-column/icon-q.png);
	background-position: center center;
	background-repeat: no-repeat;	
}
.qa-area .qa ul li:nth-child(even) {
	margin: 0;
	padding: 30px 0 0 0;
	position: relative;
	font-size: 1.4rem;
}
.qa-area .qa ul li:nth-child(even):before{
	content: "";
	width: 65px;
	height: 15px;
	text-align: center;
	position: absolute;
	top: 5px;
 	left: 0;
 	background-image: url(../img/freshers-column/icon-a.png);
	background-position: center center;
	background-repeat: no-repeat;	
}

/* banner-btn */
.freshers-column .banner-btn{
	text-align: center;
	width: 90%;
	margin: 0 auto;
}
.freshers-column .banner-btn img{
	margin: 0 auto 20px;
	box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
	transition: 0.3s;
}
.freshers-column .banner-btn img:hover{
	transform: translate(5px,5px);
	box-shadow: 0px 0px 0px rgba(0,0,0,0.2);
}





/* ------------ visitorder ---------- */
.visitorder{
	margin: -10px 0 -60px;
	line-height: 1.8;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.4rem;
}


/* cover */
.visitorder .cover{
	width: 100%;
	height: 300px;
	margin: 0;
	background-color: #666;
	display: flex;
	align-items: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/visitorder/visit_cover_sp.jpg);
}
.visitorder .cover .banner{
	margin: 0 auto;
	text-align: center;
	color: #fff;
	width: 700px;
}
.visitorder .cover .banner h1{
	font-size: 4.4rem;
	font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-weight: 500;
	margin: 10px 0 25px;
	line-height: 1.2;
}
.visitorder .cover .banner h2{
	font-size: 2rem;
	font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	font-weight: 400;
	margin: 0;
	padding: 0;
}
.visitorder .cover .banner p{
	width: 90%;
	margin: 0 auto;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
.visitorder .cover .banner p br{
	display: none;
}
/* inner */
.ladiesorder .inner{
	width: 90%;
	margin: 0 auto;
}

/* lead */
.visitorder .lead{
	width: 90%;
	margin: 0 auto;
	padding: 30px 0 40px;
	text-align: left;
	line-height: 2;
}
.visitorder .lead h1{
	font-size: 2.2rem;
	font-weight: 600;
	font-style: italic;
	font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	color: #24538c;
	text-align: center;
}
.visitorder .lead br{
	display: none;
}

/* area */
.visitorder .area{
	width: 100%;
	padding: 40px 0;
	background-color: #eee;
}
.visitorder .area h1{
	font-size: 3rem;
	font-weight: 600;
	font-style: italic;
	font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	color: #24538c;
	text-align: center;
	margin-bottom: 30px;	
}
.visitorder .area h1 span{
	display: block;
	font-size: 1.1rem;
	font-weight: 400;
	font-style: normal;
	color: #666;
	font-family: 'Noto Sans JP', sans-serif;
}
.visitorder .area table{
	width: 100%;
	margin: 30px 0 0;
	text-align: center;
}
.visitorder .area table td{
	padding: 4px;
}
.visitorder .area table thead{
	color: #fff;
	background-color: #24538c;
}
.visitorder .area table tbody tr{
	background-color: #fff;
}
.visitorder .area table tbody tr:nth-child(odd){
	background-color: #fafafa;
}
.visitorder .area p{
	width: 96%;
	margin: 0 auto;
}
.visitorder .area p br{
	display: none;
}

/* flow */
.visitorder .flow{
	width: 90%;
	margin: 60px auto;
}
.visitorder .flow h1{
	font-size: 3rem;
	font-weight: 600;
	font-style: italic;
	font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	color: #24538c;
	text-align: center;
	margin-bottom: 30px;	
}
.visitorder .flow h1 span{
	display: block;
	font-size: 1.1rem;
	font-weight: 400;
	font-style: normal;
	color: #666;
	font-family: 'Noto Sans JP', sans-serif;
}
.visitorder .flow .step{
	width: 100%;
	margin: 30px auto 60px;
	padding: 0;
	position: relative;
}
.visitorder .flow .step .image{
	width: 100%;
	margin: 0 auto 20px;
}
.visitorder .flow .step .image img{
	width: 100%;
	display: block;
}
.visitorder .flow .step .text{
	width: 100%;
}
.visitorder .flow .step .text .btn-mini{
	font-size: 1.3rem;
	padding:  0;
	margin: 15px 0;
	box-sizing: border-box;
	border-top: 1px dotted #ddd;
}
.visitorder .flow .step .text .btn-mini a{
	display: block;
	width: 100%;
	height: 40px;
	margin: 20px auto 0;
	background-color: #24538c;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 40px;
	box-shadow: 0 0 8px rgba(0,0,0,.2);
	text-align: center;
}
.visitorder .flow .step .text .btn-mini a:hover{
	background-color: #E60012;
}

.visitorder .flow .step h2{
	font-size: 2.2rem;
	font-weight: 600;
	font-style: italic;
	font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	color: #24538c;
}
.visitorder .flow .step:after{
	content: "";
	border-top: 10px solid #24538c;
 	border-right: 10px solid transparent;
 	border-left: 10px solid transparent;	
 	position: absolute;
 	bottom: -30px;
 	right: calc(50% - 5px);
}
.visitorder .flow .step.non:after{
	border-top: 10px solid transparent;
}



/* qa */
.visitorder .qa{
	width: 100%;
	padding: 40px 0;
	background-color: #eee;
}
.visitorder .qa h1{
	font-size: 3rem;
	font-weight: 600;
	font-style: italic;
	font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	color: #24538c;
	text-align: center;
	margin-bottom: 30px;	
}
.visitorder .qa h1 span{
	display: block;
	font-size: 1.1rem;
	font-weight: 400;
	font-style: normal;
	color: #666;
	font-family: 'Noto Sans JP', sans-serif;
}
.visitorder .qa ul{
	margin: 30px 0;
	padding: 0;
	list-style: none;
}
.visitorder .qa ul li{
	position: relative;
	font-size: 1.4rem;
}
.visitorder .qa ul li:nth-child(odd){
	padding: 14px 14px 14px 60px;
	margin: 0 0 5px;
	background-color: #fafafa;
}
.visitorder .qa ul li:nth-child(odd):before{
	content: "Q";
	color: #394868;
	position: absolute;
	top: 3px;
 	left: 20px;
 	font-size: 2.4rem;
 	font-weight: 600;
	font-style: italic;
	font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}
.visitorder .qa ul li:nth-child(even){
	padding: 16px 16px 16px 60px;
	margin: 0 0 20px;
	background-color: #fff;
}
.visitorder .qa ul li:nth-child(even):before{
	content: "A";
	color: #7C040E;
	position: absolute;
	top: 3px;
 	left: 20px;
 	font-size: 2.4rem;
 	font-weight: 600;
	font-style: italic;
	font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}



/* apply */
.visitorder .apply{
	width: 90%;
	margin: 0 auto;
	padding: 40px 0;
	text-align: center;
}
.visitorder .apply h1{
	font-size: 3rem;
	font-weight: 600;
	font-style: italic;
	font-family: "Times New Roman", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
	color: #24538c;
	text-align: center;
	margin-bottom: 30px;	
}
.visitorder .apply h1 span{
	display: block;
	font-size: 1.1rem;
	font-weight: 400;
	font-style: normal;
	color: #666;
	font-family: 'Noto Sans JP', sans-serif;
}
.visitorder .apply .btn a{
	display: block;
	width: 90%;
	height: 60px;
	margin: 40px auto 0;
	background-color: #24538c;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 60px;
	box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.visitorder .apply .btn a:hover{
	background-color: #E60012;
}
.visitorder .apply p{
	text-align: left;
}
.visitorder .apply p br{
	display: none;
}

.page-slug-apply .section h4{
	padding-top: 20px;
	position: relative:
	z-index: 100;
}





}








@media screen and (max-width: 500px){
.contents{
	max-width: 500px;
	overflow-x: hidden;
}

.section.ordersuits h1 span{
	font-size: 2.6rem;
	display: block;
}
.section.ordersuits h2 span{
	display: block;
}
.contents .link_btn p span{
	display: block;
}


.intro .copy p{
	font-size: 1.3rem;
	text-align: left;
	width: 94%;
	margin: 0 auto;
}
.intro .copy p br{
	display: none;
}

.ordersuit .cover .banner p{
	font-size: 1.3rem;
	text-align: left;
	width: 94%;
	margin: 0 auto;
}
.ordersuit .cover .banner p br{
	display: none;
}


}