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

html,
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

body {
	min-width: 960px;
}


/*header*/

.menu {
	background-color: rgba(53,53,53,0.50);
	height: 60px;
	text-align: right;
	min-width: 960px;
	position: fixed;
	z-index: 1;
}

.menu > li {
	line-height: 60px;
}

.menu-logo {
	width: 280px;
	margin: 15px 10px;
	float: left;
	line-height: 60px;
}


/*body*/

/*新着情報*/

.news-list {
	width: 1000px;
	display: block;
	font-weight: bold;
	color: #353535;
	margin-left: auto;
	margin-right: auto;
}

.news-list ul {
	margin-left: auto;
	margin-right: auto;
}

.news-list li {
	display: flex;
	margin-bottom: 50px;
}

.news-page {
	color: #858585;
	text-align: center;
	margin-bottom: 30px;
	padding: 30px 0px 0px;
}

.page-back {
	margin: 30px;
}

.page-back a {
	font-weight: bold;
	text-decoration: none;
	color: #353535;
}

.page-next {
	margin: 30px;
}

.page-next a {
	font-weight: bold;
	text-decoration: none;
	color: #353535;
}

.space {
	height: 400px;
}



/*事業内容*/

.work-list {
	width: 100%;
	display: inline-block;
	font-weight: bold;
	padding: 0px 100px;
	margin: 30px;
	color: #353535;
}

.work-list dt {
	font-size: 18px;
	float: left;
	width: 200px;
}

.work-list dd {
	width: 380px;
	float: left;
	font-size: 14px;
	margin: 0px 30px;
}

.work-list a {
	text-decoration: none;
	color: #353535;
}


/*新規スケートリンク*/

.new-service {
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

.new-service dl {
	width: 20%;
	float: left;
	padding: 5px;
	margin: 10px;
}

.new-service dt {
	text-align: center;
}

.new-service img {
	width: 2%;
	height: 2%;
	float: left;
	margin-top: auto;
	margin-bottom: auto;
}

.new-engineering {
	margin: 10px 50px;
}

.new-engineering img {
	margin: 50px;
}

.new-management {
	display: flex;
	justify-content: center;
	color: #353535;
	margin: 0px 30px 10px;
}

.new-management a {
	display: inline-block;
	text-align: right;
}

.new-management-01 {
	width: 30%;
	border: #353535 2px solid;
	border-radius: 8px;
	margin: 0px 10px;
	padding: 10px;
}

.new-management-01 dt {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
}

.new-management-01 img {
	width: 100%;
	padding: 10px;
}

.new-management-02 {
	width: 60%;
	border: #353535 2px solid;
	border-radius: 8px;
	margin: 0px 10px;
	padding: 10px;
}

.new-management-02 dt {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
}
.new-management-02 img {
	width: 50%;
	float: left;
	padding: 10px;
}

.new-href {
	text-align: right;
	margin: 20px 100px;
}

.new-href a {
	color: #353535;
}

.new-href {
	margin: 20px 100px;
}


/*イベントリンク*/

/*イベントおすすめ*/
.event-recommended {
	color: #353535;
	border: #353535 2px solid;
	border-radius: 10px;
	padding: 20px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.event-recommended h3 {
	text-align: center;
	margin-bottom: 20px;
	color: #ff8600;
}

.event-recommended ul {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.event-recommended li {
	list-style-type: square;
	margin-bottom: 5px;
}

.event-recommended p {
	text-align: center;
}

/*設置場所事例*/
.event-case {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.event-case > p {
	text-align: center;
	margin: 40px 20px 20px;
	font-weight: bold;
	color: #353535;
}

.event-case-box {
	display: flex;
	justify-content: center;
}

.event-case-img {
	text-align: center;
}

.event-case-img p {
	font-weight: bold;
}

.event-case-img img {
	width: 430px;
}

.event-case-arrow {
	padding: 10px;
}

.event-case-arrow img {
	width: 30px;
	margin-top: 80px;
}

.event-location {
	color: #353535;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: #353535 2px solid;
	padding: 20px;
	border-radius: 10px;
	margin-top: 40px;
}

.event-location h4 {
	text-align: center;
	margin-bottom: 10px;
}

/*トータルサポート*/
.event-total-support {
	text-align: center;
	color: #353535;
}

.event-total-support p {
	font-weight: bold;
	margin-bottom: 30px;
}

.event-total-support img {
	width: 800px;
	margin: 10px;
}

.event-total-list {
	padding: 20px;
	color: #353535;
	background-color: #dbdbdb;
}

.event-total-list-box {
	width: 800px;
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	border-width: 1px 0px 1px 0px;
	border-color: #353535;
	border-style: solid;
	padding: 20px 0px;
	margin-left: auto;
	margin-right: auto;
}

.event-total-list-box dl {
	width: 50%;
}

.event-total-list-box dd ul li {
	margin: 0px 0px 10px 40px;
	list-style-type: square;
}

.event-total-list-box dt {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}

.event-total-list-box img {
	width: 350px;
	height: 200px;
}

/*その他サービス*/
.event-item {
	color: #353535;
	width: 850px;
	height: 600px;
	border-radius: 30px;
	border: #ff8600 8px solid;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.event-item p {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 20px;
	color: #ff8600;
}

.event-item-box {
	width: 50%;
	display: inline-block;
	float: left;
	padding: 0px 30px;
}

.event-item-box dt {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

.event-item-box dd {
	margin-bottom: 10px;
}

.event-item-box img {
	width: 100%;
}

/*イベントスペース*/
.event-space {
	color: #353535;
	width: 850px;
	border: #353535 2px solid;
	border-radius: 10px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
}

.event-space h4 {
	padding: 10px;
	font-size: 18px;
	color: #ff8600;
	text-align: center;
}

.event-space > h4 > span {
	font-size: 14px;
	color: #353535;
}

.event-space p {
	text-align: center;
}

.event-space a {
	font-size: 18px;
	font-weight: bold;
	color: #ff8600;
	cursor: pointer;
}

.event-space-list {
	font-size: 20px;
	font-weight: bold;
	width: 650px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.event-space-list ul li {
	list-style-type: none;
	margin: 20px;
	border-bottom: #353535 1px solid;
}

.event-space-list ul li span {
	width: 400px;
	display: inline-block;
	text-align: left;
}

.event-layout > h4 > span {
	font-size: 14px;
	color: #353535;
}

.event-layout img {
	width: 100%;
	margin: 30px 0px;
}

.event-info {
	background-color: #555555;
	border-radius: 5px;
	padding: 10px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	display: none;
}

.event-info p {
	color: #ffffff;
	font-size: 20px;
	margin: 8px;
}

.event-info a {
	color: #ffffff;
}

/*施工の流れ*/
.event-construction {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	color: #353535;
}

.event-construction-box {
	display: inline-block;
	margin: 10px 0px;
	border-width: 1px 0px 1px 0px;
	border-color: #353535;
	border-style: solid;
}

.event-construction-box dl {
	width: 70%;
	float: left;
	padding: 10px 30px;
}

.event-construction-box dt {
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 18px;
}

.event-construction-box img {
	width: 30%;
	padding: 10px 30px 10px 0px;
}

.event-construction-arrow {
	width: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*特設スケートリンク*/

.special-event-timegraph {
	text-align: center;
	color: #353535;
	margin: 30px 0px;
}

.special-event-timegraph p {
	padding: 15px;
}

.special-event-timegraph img {
	width: 80%;
}

.special-event-list {
	width: 100%;
	display: inline-block;
	padding: 0px 150px;
	font-weight: bold;
	color: #353535;
}

.special-event-list dt {
	float: left;
	width: 150px;	
}

.special-event-list dd {
	float: left;
	margin: 0px 50px;
}
.special-event-works {
	text-align: center;
	margin: 30px 0px;
}

.special-event-works img {
	width: 70%;
}


/*リニューアル工事*/

.renewal-merit {
	width: 100%;
	display: inline-block;
	text-align: center;
	color: #353535;
}

.renewal-merit p {
	padding: 0px 0px 20px;
}

.renewal-merit dl {
	width: 300px;
	display: inline-block;
	float: left;
	border: #353535 2px solid;
	border-radius: 8px;
	margin: 10px;
	padding: 15px 0px;
}

.renewal-merit dt {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 8px;
	color: #ff8600;
}

.renewal-merit-list {
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

.renewal-check {
	width: 100%;
	color: #353535;
	font-weight: bold;
	padding: 30px 30px 0px;
}

.renewal-check ul li {
	padding: 10px;
	list-style-type: none;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.renewal-check p {
	font-size: 18px;
	margin: 20px;
	text-align: center;
}


/*運営管理*/

.management-icon-bg {
	background-color: #999999;
	padding: 30px;
	text-align: center;
	margin-bottom: 30px;
}

.management-icon-box {
	width: 200px;
	text-align: center;
	display: inline-block;
	margin: 0px 30px;
}

.management-icon-box p {
	font-size: 20px;
	font-weight: bold;
	margin: 10px;
}

.management-icon-box img {
	width: 150px;
}

.management-icon-box a {
	text-decoration: none;
	display: block;
	color: #ffffff;
}

.management-content {
	display: flex;
	justify-content: center;
	margin: 30px 0px;
}

.management-block {
	text-align: center;
	color: #353535;
}

.management-block p {
	font-weight: bold;
	font-size: 20px;
	padding-top: 20px;
}

.management-block img {
	width: 100px;
	
}

.management-box {
	width: 450px;
	border: #353535 1px solid;
	border-radius: 5px;
	padding: 10px;
	color: #353535;
	margin: 10px;
}

.management-box dt {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}

.management-box dd {
	
}

.management-box p {
	width: 50%;
	font-size: 16px;
	padding: 0px 8px;
	font-weight: normal;
	text-align: left;
	display: inline-block;
	float: left;
}

.management-box img {
	width: 50%;
}


/*取扱商品*/

.ice-resurfacer {
	width: 100%;
	display: inline-block;
	color: #353535;
}

.ice-resurfacer dl {
	width: 50%;
	float: left;
	text-align: center;
	padding: 10px;
}

.ice-resurfacer img {
	width: 100%;
}

.ice-resurfacer dt {
	font-size: 18px;
	font-weight: bold;
	margin: 8px;
}

.ice-resurfacer dd {
	text-align: left;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.rink-facility {
	display: inline-block;
	color: #353535;
}

.rink-facility dl {
	width: 25%;
	float: left;
	text-align: center;
	padding: 10px;
}

.rink-facility img {
	width: 100%;
}

.rink-facility dt {
	font-size: 18px;
	font-weight: bold;
	margin: 8px;
}

.rink-facility dd {
	text-align: left;
}

.maintenance {
	display: flex;
	justify-content: center;
	color: #353535;
	text-align: center;
}

.maintenance dl {
	width: 25%;
	float: left;
	text-align: center;
	padding: 10px;
}

.maintenance img {
	width: 100%;
}

.maintenance dt {
	font-size: 18px;
	font-weight: bold;
	margin: 8px;
}

.maintenance dd {
	text-align: left;
}

.product-list {
	display: inline-block;
	color: #353535;
}

.product-list dl {
	width: 20%;
	float: left;
	text-align: center;
	padding: 10px;
}

.product-list img {
	width: 100%;
}

.product-list dt {
	font-size: 18px;
	font-weight: bold;
	margin: 8px;
}

.product-list dd {
	text-align: left;
}

.catalog-button {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
}

.catalog-button a {
	text-decoration: none;
	color: #ffffff;
	background-color: #ff8600;
	padding: 5px 50px;
	border-radius: 50px;
	cursor: pointer;
}


/*業務実績*/

.accordion {
	width: 85%;
	height: 50px;
	border: #353535 2px solid;
	margin-left: auto;
	margin-right: auto;
	color: #353535;
	line-height: 50px;
	margin-top: 20px;
	font-weight: bold;
	padding: 0px 50px;
	cursor: pointer;
}

.accordion a {
	font-size: 16px;
	text-decoration: none;
	color: #353535;
	display: block;
}

.accordion span {
	font-size: 16px;
	text-align: center;
	width: 80px;
	margin:  0px 45px;
	display: inline-block;
}

.accordion p {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	width: 80px;
	margin-right: 50px;
	text-align: center;
}

.accordion h5 {
	font-size: 16px;
	display: inline-block;
}

.accordion-sub {
	width: 85%;
	height: 300px;
	background-color: #353535;
	margin-left: auto;
	margin-right: auto;
	color: #ffffff;
	display: none;
}

.accordion-sub p {
	width: 50%;
	padding: 20px;
	display: inline-block;
	float: left;
}

.accordion-sub img {
	width: 50%;
	padding: 20px;
	display: inline-block;
	float: left;
}

.page-top {
	float: right;
	margin: 20px 50px;
	font-weight: bold;
}

.page-top a {
	text-decoration: none;
	color: #353535;
}

.work-ja {
	text-align: center;
	padding: 50px;
}

.work-ja img {
	width: 600px;
}


/*会社概要*/

.company-list {
	width: 100%;
	display: inline-block;
	padding: 0px 50px;
	color: #353535;
	font-size: 14px;
	font-weight: bold;
}

.company-list dt {
	width: 100px;
	float: left;
	margin: 0px 100px;
}

.company-list dd {
	float: left;
}

.company-list dd a {
	text-decoration: none;
	color: #353535;
}

.company-list h3 {
	float: left;
	margin: 0px 50px;
}

.company-list h4 {
	float: left;
	margin: 0px 50px;
}

.company-list h4 a {
	text-decoration: none;
	color: #353535;
}

.company-map {
	text-align: center;
}

.company-map iframe {
	width: 80%;
	height: 400px;
}

.company-map dl {
	text-align: left;
	margin: 10px 12% 20px;
	color: #353535;
}

.company-map dt {
	font-size: 18px;
	margin-bottom: 8px;
	font-weight: bold;
}

.company-map dd {
	margin: 10px;
}


/*お問い合わせ*/

.form {
	text-align: center;
}
.form iframe {
	width: 900px;
	height: 1600px;
}



/*ジャンル別ボタン*/

.genre {
	text-align: center;
	background-color: #BCBCBC;
	padding: 20px 0px;
}

.genre a {
	width: 200px;
	text-decoration: none;
	color: #353535;
	font-weight: bold;
	display: inline-block;
	border: #353535 2px solid;
	border-radius: 40px;
	padding: 10px 20px;
	margin: 20px 30px;
	background-color: #ffffff;
}



.genre-3 {
	text-align: center;
	background-color: #BCBCBC;
	padding: 20px 0px;
}

.genre-3 a {
	width: 250px;
	text-decoration: none;
	color: #353535;
	font-weight: bold;
	display: inline-block;
	border: #353535 2px solid;
	border-radius: 40px;
	padding: 10px 20px;
	margin: 20px 30px;
	background-color: #ffffff;
}


/*共通*/

.tablet {
	display: none;
}

.phone {
	display: none;
}

.mobile {
	display: none;
}



.des-div {
	max-width: 1300px;
	display: flex;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}

.box-01 {
	width: 30%;
	display: inline-block;
	float: left;
	text-align: center;
	margin: 30px 40px;
	color: #353535;
}

.box-01 img {
	width: 100%;	
}

.box-01 dt {
	font-size: 20px;
	font-weight: bold;
	margin: 5px;
}

.box-01 dd {
	text-align: left;
}

.box-02 {
	width: 45%;
	display: inline-block;
	float: left;
	text-align: center;
	margin: 30px 40px;
	color: #353535;
}

.box-02 img {
	width: 100%;
}

.box-02 dt {
	font-size: 20px;
	font-weight: bold;
	margin: 5px;
}

.box-02 dd {
	text-align: left;
}

.genre-2 {
	width: 100%;
	text-align: center;
	background-color: #BCBCBC;
	padding: 20px 0px;
}

.genre-2 a {
	width: 300px;
	text-decoration: none;
	color: #353535;
	font-weight: bold;
	display: inline-block;
	border: #353535 2px solid;
	border-radius: 40px;
	padding: 10px 20px;
	margin: 20px 50px;
	background-color: #ffffff;
}


/*画像付きリスト*/

.rink-list {
	width: 100%;
	display: inline-block;
	font-weight: bold;
	padding: 0px 60px;
}

.rink-list dt {
	width: 80px;
	text-align: center;
	float: left;
	color: #353535;
	margin: 40px 100px 40px 30px;
}

.rink-list dd {
	text-decoration: none;
	float: left;
	margin: 40px 0px;
	color: #353535;
}

.rink-list a {
	text-decoration: none;
	float: left;
	color: #353535;
}

.rink-list img {	
	height: 100px;
	float: right;
	margin: 10px 10px 0px;
}

.list-bg {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

/*footer*/

.top-facebook {
	width: 50%;
	float: left;
	text-align: center;
	display: none;
}



h1 {
	font-size: 34px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 22px;
}

p {
	font-size: 16px;
}

hr {
	margin: 20px 50px;
}