@charset "utf-8";
/*
Theme Name: ディークロス
Theme URI: 
Description: ディークロス
Version: 1.0
Author: ディークロス
Author URI: 
Tags: ディークロス
*/





/* ------ 一段目  */


.news_box1 {
width: 100%;
margin: 0px;
padding: 80px 0px 80px 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
background: #fff;
}


.news_waku1 {
width: 1200px;
margin: 0px auto;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: center;
}


/* --------------------------------------------- 一段目  */






/* ------ news_btn  */


.news_btn {
width: 100%;
margin: 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
background: #fff;
text-align: left;
}

.news_btn a{
margin: 0px 0px 0px 10px;
padding: 10px 15px 10px 15px;
box-sizing: border-box;
display: inline-block;
position: relative;
font-size: 16px;
line-height: 1.2;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
color: #57c3e8;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
border: solid 1px #57c3e8;
border-radius: 6px;
vertical-align: top;
background-color: #fff;
transition: background-color .3s;
}

.news_btn a:hover{
color: #fff;
border: solid 1px #57c3e8;
border-radius: 6px;
vertical-align: top;
background-color: #57c3e8;
}

.news_btn a.news_cursor{
margin: 0px 0px 0px 10px;
padding: 10px 15px 10px 15px;
box-sizing: border-box;
display: inline-block;
position: relative;
font-size: 16px;
line-height: 1.2;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 1px;
color: #fff;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
border: solid 1px #57c3e8;
border-radius: 6px;
vertical-align: top;
background-color: #57c3e8;
transition: background-color .3s;
}

.news_btn a.news_cursor:hover{
color: #fff;
border: solid 1px #57c3e8;
border-radius: 6px;
vertical-align: top;
background-color: #57c3e8;
}


/* --------------------------------------------- news_btn  */



/*  お知らせ  ----------------------------------------------*/



.news_list {
width: 100%;
margin: 40px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-top-width: 1px;
}

.news_list a{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-bottom-width: 1px;
transition: background-color .3s;
}

.news_list a:hover{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-bottom-width: 1px;
background-color: #f1f2f3;
}


.news_list a.link_not{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-bottom-width: 1px;
transition: background-color .3s;
cursor: default;
pointer-events: none;
}

.news_list a.link_not:hover{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-bottom-width: 1px;
background-color: #fff;
cursor: default;
pointer-events: none;
}






.news_list a span{
width: 320px;
margin: 0px;
padding: 20px 0px 20px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: right;
}

.news_list a span p{
width: 300px;
height: 186px;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: center;
overflow: hidden;
}

.news_list a span p img{
width: 300px;
height: auto;
margin: 0px 0px 0px -150px;
padding: 0px;
box-sizing: border-box;
position: absolute;
top: 0px;
left: 50%;
display: inline-block;
}

.news_list a span + span{
width: calc(100% - 320px);
margin: 0px;
padding: 20px 20px 20px 40px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
vertical-align: top;
}

.news_list a span + span h2 {
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 16px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
}

.news_list a span + span h2 em {
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 16px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: normal;
letter-spacing: 1px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
}

.news_list a span + span h2 u {
margin: 0px 0px 0px 30px;
padding: 3px 16px 2px 16px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 14px;
line-height: 1.2;
color: #57c3e8;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
border: solid 1px #57c3e8;
border-radius: 100px;
vertical-align: top;
background-color: #fff;
}

.news_list a span + span h3 {
width: 100%;
margin: 18px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 18px;
line-height: 1.8;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
}


/* -------------------------------------// お知らせ */






















/*  スマートフォン ※iPhone6 Plus 以下を準拠  */
@media only screen and (max-width:899px) {






/* ------ 一段目  */


.news_box1 {
width: 100%;
margin: 0px;
padding: 10px 0px 0px 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
background: #fff;
}

.news_waku1 {
width: 100%;
margin: 0px auto;
padding: 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
text-align: center;
}


/* ------------------------------------------------------ 一段目 -----  */




/* ------ news_btn  */


.news_btn {
width: 90%;
margin: 0px 0px 0px 5%;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
overflow: hidden;
display: block;
clear: both;
font-size: 0px;
line-height: 0px;
position: relative;
background: #fff;
text-align: left;
}

.news_btn a{
margin: 5px 5px 0px 0px;
padding: 5px 5px 5px 5px;
box-sizing: border-box;
display: inline-block;
position: relative;
font-size: 14px;
line-height: 1.2;
font-style: normal;
text-decoration: none;
font-weight: normal;
letter-spacing: 0px;
color: #57c3e8;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
border: solid 1px #57c3e8;
border-radius: 6px;
vertical-align: top;
background-color: #fff;
transition: background-color .3s;
}

.news_btn a:hover{
color: #fff;
border: solid 1px #57c3e8;
border-radius: 6px;
vertical-align: top;
background-color: #fff;
}

.news_btn a.news_cursor{
margin: 5px 5px 0px 0px;
padding: 5px 5px 5px 5px;
box-sizing: border-box;
display: inline-block;
position: relative;
font-size: 14px;
line-height: 1.2;
font-style: normal;
text-decoration: none;
font-weight: normal;
letter-spacing: 0px;
color: #fff;
text-align: center;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
border: solid 1px #57c3e8;
border-radius: 6px;
vertical-align: top;
background-color: #57c3e8;
transition: background-color .3s;
}

.news_btn a.news_cursor:hover{
color: #fff;
border: solid 1px #57c3e8;
border-radius: 6px;
vertical-align: top;
background-color: #57c3e8;
}


/* --------------------------------------------- news_btn  */



/*  お知らせ  ----------------------------------------------*/



.news_list {
width: 100%;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-top-width: 0px;
}

.news_list a{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-top-width: 1px;
border-bottom-width: 0px;
transition: background-color .3s;
}

.news_list a:hover{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-top-width: 1px;
border-bottom-width: 0px;
background-color: #fff;
}


.news_list a.link_not{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-top-width: 1px;
border-bottom-width: 0px;
transition: background-color .3s;
cursor: default;
pointer-events: none;
}

.news_list a.link_not:hover{
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
border:  solid 0px #eee;
border-top-width: 1px;
border-bottom-width: 0px;
background-color: #fff;
cursor: default;
pointer-events: none;
}


.news_list a span{
width: 100px;
margin: 0px 0px 0px 10px;
padding: 20px 0px 20px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: right;
}

.news_list a span p{
width: 100px;
height: 62px;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: center;
overflow: hidden;
vertical-align: top;
}

.news_list a span p img{
width: 100px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
top: auto;
left: auto;
display: inline-block;
}

.news_list a span + span{
width: calc(100% - 110px);
margin: 0px 0px 0px 0px;
padding: 20px 10px 20px 10px;
box-sizing: border-box;
position: relative;
display: inline-block;
text-align: left;
vertical-align: top;
}

.news_list a span + span h2 {
width: 100%;
margin: 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 16px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
}

.news_list a span + span h2 em {
margin: 0px 0px 0px 0px;
padding: 4px 0px 0px 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 14px;
line-height: 1.2;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: normal;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
}

.news_list a span + span h2 u {
margin: 0px 0px 0px 5px;
padding: 3px 5px 3px 5px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 12px;
line-height: 1.2;
color: #57c3e8;
font-style: normal;
text-decoration: none;
font-weight: bold;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
border: solid 1px #57c3e8;
border-radius: 100px;
vertical-align: top;
background-color: #fff;
}

.news_list a span + span h3 {
width: 100%;
margin: 5px 0px 0px 0px;
padding: 0px;
box-sizing: border-box;
position: relative;
display: inline-block;
font-size: 14px;
line-height: 1.6;
color: #4b4c4e;
font-style: normal;
text-decoration: none;
font-weight: normal;
letter-spacing: 0px;
font-family: -apple-system, BlinkMacSystemFont, "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Verdana, sans-serif;
vertical-align: top;
}


/* -------------------------------------// お知らせ */






}
/* -----------------------------------------------------------------------------------------------  スマートフォン ※iPhone6 Plus 以下を準拠   */