/*
Theme Name: Cafe de ciel
Theme URI: http://cafedeciel.hokuto-create-web.com/
Description: cafedecielのテーマです。
Version: 1.0
Author: Arai
Author URI: http://cafedeciel.hokuto-create-web.com/
*/



@charset "utf-8";
@font-face {
	font-family: "Hina-Mincho";
	src: url("HinaMincho-Regular.ttf") ;
}
*{
    margin: 0;
    padding: 0;
}
.font{
    font-family: "游明朝";
}
.header-left{
    float: left;
}
.header-right{
    float: right;
}
.clear{
    clear: both;
}
.header-logo{
    height: 40px;
    margin-top: 8px;
}

.header-right a:hover {
    color: darkgrey;

}
.container{
    max-width: 980px;
    padding: 0 30px;
    margin-left: auto;
    margin-right: auto;
}
.main-visual{
    padding-top: 140px;
    padding-bottom: 100px;
    background-image: url("images/top.png");
    background-size: cover;
    text-align: center;
    background-size: cover;
}
.main-visual .container h1{
    color: black;
}
.main-visual .container h2{
    color: rgb(82, 81, 81);
    font-weight: 600;
}
.top-title{
    font-size: 64px;
    margin-bottom: 10px;
    font-family:"Hina-Mincho";
    font-weight: lighter;
}
.top-subtitle{
    font-size: 24px;
    margin-bottom: 60px;
}
.top-text{
    opacity: 0.9;
    color: rgb(5, 18, 50);
    text-shadow: 1px 1px 3px white;
}


#section-news h2{
    text-align: center;
    color: #5a5c5f;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

#section-news a{
    color: #5a5c5f;
    text-decoration: none;
   
}
.news	{
    width:90%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
	border: solid 1px black;
}

.news .news-list li{
display: block;
margin: 3px;
z-index: 30;
}

.news .news-list	{margin: 0;
	padding: 0;
	list-style: none}

.news li a	{
    display:block;
    width: 100%;
	padding: 5px;
	border-bottom: solid 1px darkgray;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
}

.news li a:hover	{
    background-color: #ffffff;
    opacity: 0.5;
}

.news time	{color: #888888;
	font-weight: bold}

.news a:after	{content: "";
	display: block;
	clear: both}

.news time	{float: left;
	width: 60px}

.news .text	{float: none;
	width: auto;
	margin-left: 60px;
}


.main{
    padding: 80px 0;
    color: #5a5c5f;
    text-align: center;
}
.main h2{
    margin-bottom: 25px;
}
.main-image{
    width: 60%;
    text-align: center;
    margin-bottom: 25px;
    box-shadow: 2px 2px 4px #b7b7b7;
    border-radius: 1px;
}
.main h3{
    margin-bottom: 10px;
}
.footer{
    height: 120px;
    background-color: #202122;
    color: #e8e8e8;
    padding-top: 20px;
}
.footer-left{
    float: left;
}
.footer-right{
    float: right;
    padding-top: 50px;
}













@media (min-width:320px) and (max-width: 1200px){

}
@media (max-width: 1500px){

    
   
}
@media (max-width: 1200px){
  
}
@media (min-width:900px) and (max-width: 1025px){
   
    
 
}
@media (orientation:landscape) and 
    (max-width:1025px){
      
      
      
    }
@media (max-width: 900px){

  
  
}
@media (orientation:landscape) and (max-width:900px){
    
    
   
}
@media (max-width: 769px){

   
      
}
@media (orientation:landscape) and
(max-width: 769px){
    
   
       
}
@media (max-width: 700px){
 
   
} 
@media (max-width: 599px){
    
  
}
@media (max-width: 481px){
   
   
}
@media (max-width: 416px){
 
   


      

}
@media (max-width: 376px){
    .top-title{
        font-size: 50px;
        margin-bottom: 10px;
        font-family:"Hina-Mincho";
        font-weight: lighter;
    }
   
}
@media (max-width: 321px){
 
}