@charset "UTF-8";
/*============================================================

 layout

============================================================*/
main {
	position: relative;
	font-size: 18px;
}
/*SPファースト記述 ここから
--------------------------------------------------*/
h1{margin: 5% 0;}
h1 img{ margin: 0 auto;} 

section{margin: 0 2% 0;}
section ul{padding: 6% 0; border-bottom: 1px solid #cccccc;}
section > ul:nth-child(2){padding-top:4%;}
section > ul:last-child{border: none;padding-bottom: 15%;}
section ul li:last-child p{font-size: 3.5vw; margin: 4% 0 0;line-height: 150%;}
section ul li:last-child h3 /*タイトルリンク*/{font-size: 4vw; margin-top: 2%; font-weight: bold;}
section ul li:last-child p.att{color: #d0111b; font-weight: bold;}
section .none_txt{font-size: 3.5vw; line-height: 150%; padding: 2% 0 6%;}

section#now h2{position: relative; display: inline-block; color: #d0111b; padding-left:0.5em;font-size: 5vw;font-weight: bold;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "sans-serif";}
section#now h2:before {content: '';position: absolute;display: inline-block;width: 1vw;height: 5vw;top:0.6vw;left: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #d0111b;border-radius: 10px;}
section#end h2{position: relative; display: inline-block; color: #4e4e4e; padding-left:0.5em;font-size: 5vw;font-weight: bold;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "sans-serif";}
section#end h2:before {content: '';position: absolute;display: inline-block;width: 1vw;height: 5vw;top:0.8vw;left: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #4e4e4e;border-radius: 10px;}

section .status{display: inline-block; float: right; padding: 2%; font-weight: bold; border: 1px solid #d0111b; border-radius: 4px; color: #d0111b;}
section .entryCompleted{padding: 2%; font-weight: bold; border: 1px solid #cccccc; border-radius: 4px; color: #cccccc;}


/*SPファースト記述 ここまで
--------------------------------------------------*/

@media screen and (min-width: 769px) {
/*PC only　ここから
--------------------------------------------------*/
	h1{margin: 30px 0 ;}
	
	section{width: 950px; margin: 0 auto;}
	section ul{padding: 20px 0;}
	section > ul:nth-child(2){padding: 20px 0;}
	section > ul:last-child{padding-bottom: 70px;}
	section ul li{float: left;}
	section ul li:first-child{width: 360px;}
	section ul li:last-child{width: 590px; margin: 0;}
	section ul li:last-child p{font-size: 14px; margin: 0 0 20px 20px;}
	section ul li:last-child p:last-child{margin-bottom: 0;}
	section ul li:last-child h3/*タイトルリンク*/{font-size: 16px; margin: 0 0 20px 20px;}
	section .none_txt{font-size: 16px; padding: 2% 0 6%;}
	
	section#now h2{padding-left:10px;font-size: 20px;}
	section#now h2:before {width: 5px;height: 20px;top:4px;left: 0;border-radius: 10px;}
	section#end h2{padding-left:10px;font-size: 20px;}
	section#end h2:before {width: 5px;height: 20px;top:4px;left: 0;border-radius: 10px;}
  
  section .status{display: inline-block; float: inherit; padding: 4px 10px; font-weight: bold; border: 1px solid #d0111b; border-radius: 4px; color: #d0111b;}
  section .entryCompleted{padding: 4px 10px; font-weight: bold; border: 1px solid #cccccc; border-radius: 4px; color: #cccccc;}
	
/*ここまで
--------------------------------------------------*/

}