@charset "utf-8";

html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p,input{margin: 0; padding: 0;}

img {
	vertical-align: middle;
}

a img {
	border: 0;
}

body {
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', '\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\4E\20\57\33', Meiryo, \30E1\30A4\30EA\30AA, sans-serif;
    font-size: 18px;
    line-height: 1.7;
    color: #000;
}

.wrapper {
	min-width: 1024px;
}

/* header */
.header {
	background: #c00;
}

.header_inner {
	width: 980px;
	margin: 0 auto;
}

.header_logo,
.header_catch {
	display: inline-block;
	vertical-align: middle;
}

.header_logo img {
	width: 165px;
	height: 41px;
	margin: 10px 0;
}

.header_catch {
	font-size: 24px;
	font-weight: bold;
	margin-left: 10px;
	color: #fff;
}

/* mainVisual */
.mainVisual {
	background: url(./images/main-visual_bg.jpg) repeat center center;
	padding: 80px 0 60px;
}

/* domain */
.domain {
	border-radius: 20px;
	border: 5px solid #eee;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
	width: 980px;
	margin: 0 auto 50px;
	overflow: hidden;
}

.domain_ttl {
	font-weight: bold;
	font-size: 24px;
	color: #000;
	padding: 48px 0 50px;
}

.domain_ttl b {
	display: block;
	font-size: 70px;
	color: #c00;
	line-height: 1.2;
	word-wrap: break-word;
	overflow-wrap : break-word;
}

.domain_caption {
	font-weight: normal;
	color: #c00;
	font-size: 18px;
}

.domain_auction {
	position: relative;
	display: block;
	background: #c00;
	color: #fff;
	font-size: 14px;
	width: 296px;
	margin: 12px auto 0;
	height: 31px;
	line-height: 31px;
}

.domain_auction:before,
.domain_auction:after {
	content: "";
	position: absolute;
	top: 0;
	border-style: solid;
	border-width: 16px 10px;
	border-color: transparent;
	width: 0;
	height: 0;
}

.domain_auction:before {
	border-left-color: #fff;
	left: -1px;
}

.domain_auction:after {
	border-right-color: #fff;
	right: -1px;
}

/* time */
.time {
	background: #c00;
	padding: 14px 0 0;
	color: #fff;
}

.time_caption {
	background: #ffe14d;
	color: #333;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
}

.time_period {
	position: relative;
	height: 59px;
	line-height: 59px;
	font-weight: bold;
}

.time_period .s1 {
	font-size: 32px;
}

.time_period .s2 {
	font-size: 20px;
}

.time_start::after {
	content: "";
	display: inline-block;
	border-color: transparent;
	border-width: 8px 12px;
	border-style: solid;
	border-left-color: #fff;
	vertical-align: baseline;
	margin: 0 0 0 10px;
}

/* count */
.count {
	position: absolute;
	right: 75px;
	bottom: 10px;
	background: url(./images/count_bg.png) no-repeat center center;
	background-size: cover;
	width: 108px;
	height: 115px;
	color: #000;
	font-weight: bold;
	line-height: 23px;
	box-sizing: border-box;
	padding: 37px 0 0;
	text-align: center;
}

.count_label {
	font-size: 16px;
}

.count_num {
	font-size: 24px;
	color: #c00;
}

.count_text {
	font-size: 12px;
}

/* content */
.content {
	padding: 50px 0 100px;
}

.content:nth-child(odd){
	background: #fbfbfb;
}

.content_ttl {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	padding: 0 0 50px;
}

.content_ttl b {
	color: #c00;
}

/* article */
.article {
	box-sizing: border-box;
	width: 840px;
	margin: 0 auto;
	padding-left: 17px;
	font-size: 16px;
	line-height: 31px;
}

.article-whats {
	position: relative;
}

.article-whats::after {
	content: "";
	position: absolute;
	top: 32px;
	right: -6px;
	background: url(./images/whats_jpauction.png);
	width: 200px;
	height: 62px;
}

.article-whats p {
	padding-right: 240px;
}

.article + .article {
	margin-top: 58px;
}

.article_ttl {
	font-size: 28px;
	font-weight: bold;
	border-left: 7px solid #c00;
	line-height: 1.15;
	padding: 0 0 0 11px;
	margin-left: -17px;
	margin-bottom: 33px;
}

.articleList {
	list-style-type: none;
	margin-right: 54px;
}

.articleList li {
	background-repeat: no-repeat;
	background-position: right 12px;
}

.article-step .articleList li {
	padding-right: 185px;
	padding-left: 15px;
	min-height: 85px;
}

.articleList li.step1 {
	background-image: url(./images/step1_bg.png);
}

.articleList li.step2 {
	background-image: url(./images/step2_bg.png);
}

.articleList li.step3 {
	background-image: url(./images/step3_bg.png);
}

.articleList li + li {
	margin-top: 24px;
}

.articleList_ttl {
	color: #c00;
	font-size: 22px;
	padding: 0 0 3px;
	margin-left: -15px;
}

/* more */
.more_catch {
	text-align: center;
	padding: 6px 0 30px;
	font-size: 20px;
	color: #333;
}

.more_list {
	text-align: center;
	width: 630px;
	margin: 0 auto;
	padding: 32px 0 0;
	color: #9f9f9f;
	font-size: 20px;
	line-height: 1.5;
}

.more_list li {
	display: inline-block;
}

.more_list li a {
	text-decoration: none;
	color: #333;
}

.more_list li + li a:before {
	content: " / ";
	color: #9f9f9f;
}

.more_list li a span {
	color: #9f9f9f;
}

/* link */
.mainVisual .link a {
	background: #ffe14d;
	color: #333;
}

.link a {
	box-sizing: border-box;
	position: relative;
	display: block;
	width: 630px;
	height: 112px;
	margin: 0 auto;
	color: #fff;
	text-decoration: none;
	background: #c00;
	border-radius: 7px;
	line-height: 112px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	transition: .25s ease-in-out;
}

.link a:hover {
	box-shadow: 0 0 10px rgba(0,0,0,.4);
	transition: .25s ease-in-out;
}

/* footer */
.footer {
	padding: 0 20px 100px;
}
.copyright {
	text-align: center;
	color: #333;
	font-size: 14px;
}

/* is-loading */
.is-loading {
	background: url(./images/loading.gif) no-repeat center center;
	min-height: 20px;
	display: block;
}

.is-loading * {
	display: none;
}

/* is-noitem */
.is-noitem {
	display: none;
}