@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@font-face {
    font-family: 'GothicBBBPro-Medium';
	src: url("../font/A-OTF-GothicBBBPro-Medium.otf");
}



body {
	font-family: Helvetica, ArialMT,"Noto Sans Japanese","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",メイリオ,sans-serif;
	color:#fff;
	font-size:14px;
	font-weight:400;
	text-align: center;
}

body{
    background: linear-gradient(181deg, #260c2a, #260c2a,#3e0070,#3e0070);
/*background-size: 400% 400%;

-webkit-animation: AnimationName 10s ease infinite;
-moz-animation: AnimationName 10s ease infinite;
animation: AnimationName 10s ease infinite;

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}*/
}

nav{
    position: fixed;
    z-index: 1000;
	top:0;
	width:100%;
	color:#fff;
    transition: .3s;
}

.nav_text{
	color: #005423;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	font-weight:500;
}

a:hover{
		filter: brightness(80%);
	}

h1{
	line-height: 0;
}

h3{
    font-family: 'GothicBBBPro-Medium';
}

dt img {
	width:100%;
}


footer{
	color:#fff;
}

.logo{
	font-weight:100;
}


.message_photo img {
  width: 100%;
}

.message dt, .message dd {
  text-align: left;
  font-weight: 500;
}

.message dd {
  line-height: 1.6;
  color: #fff;
}

.listen ul {
  display: table;
}

.listen ul li {
  display: table-cell;
  width: 50%;
  text-align: center;
}




/*::::::::::footer::::::::::*/

footer {
  background: #3e0070;
}

footer small {
  color: #fff;
  font-size: 10px;
}


/*::::::::::footer::::::::::*/

/*PC*/
@media print, screen and (min-width: 768px)
{

	html,body{
		min-width: 1024px;
	}

	.hide_pc{
		display: none;
	}

	a:focus,input:focus,textarea:focus {
		outline: 0;
	}
	
	nav article,.w1024,footer article{
		width: 1024px;
		margin:0 auto;
		position:relative;
	}
	
    
	/*nav*/
	nav article{
		display:flex;
		align-items: flex-end;
		justify-content: space-between;
		text-align: left;
		padding:4px 0;
	}
	
	nav img{
		vertical-align: middle;
	}
    
    .nav_logo{
        display: block;
          clear: both;
          content: "";
    }
    
    nav article .text{
        width:257px;
        padding:0 0 8px 40px;
    }
    
	.nav_text{
		font-size:17px;
		line-height:1.2;
	}

	nav article .social{
        width:996px;
        text-align: right;
	}

	nav article .social img{
		margin:0 2px;
		height:28px;
	}
	
	
	nav article .social img.radiko{
		margin:0 7px;
	}
	
    .nav_sp{
        display: none;
    }
    
	/*nav*/
    
	header .w1024{
		padding:45px 0 0;
	}
	
	.mad iframe{
		width:1024px;
		height:575px;
	}
	
    header .w1024{
        position: relative;
    }
    
	h1.hide_sp{
		position: absolute;
        right: 10px;
        bottom:-670px;
	}
	
    header ul li{
        position: relative;
    }
    
    
   
    header h1,.archive h2{
        margin-bottom: 10px;
        position: relative;
    }
    
    header h1 a.hukuonsei{
        position: absolute;
        top: 171px;
        left: 10px;
    }
    
    
     h2.h2_1030 a.hukuonsei{
        position: absolute;
        top:120px;
        right:280px;
    }
    
    h2.h2_1031 a.hukuonsei{
        position: absolute;
        top: 230px;
        left: 10px;
    }
    
    h2.h2_1101 a.hukuonsei{
        position: absolute;
        top: 228px;
        left: 9px;
    }
    
    /*.archive*/
    .archive{
        margin-top: 10px;
    }
    
    /*.archive*/
    
    /*#bansen*/
    
    #bansen{
        padding: 50px 0;
    }
    
    #bansen .w1024{
        background: url(../img/border_pc.png) top center repeat-x;
        padding: 50px 0 0;
        display: table;
        margin: 0 auto;
    }
    
    #bansen .w1024 div{
        display: table-cell;
        vertical-align: top;
        text-align: left;
    }
    
    #bansen .w1024 div.logo{
        width:20%;
        padding-left: 5%;
    }
    
    #bansen .w1024 div.bansen{
        width:70%;
        font-size: 18px;
        line-height: 1.5;
    }
    
    #bansen .w1024 div.bansen p{
        padding-top: 15px;
    }
    
    #bansen .w1024 div p span{
        margin-right: 20px;
    }
    
    /*#bansen*/
    
    /*#bolg*/
    #blog{
        margin-top: 30px;
    }
    
    #blog .w1024 {
    background: url(../img/border_pc.png) top center repeat-x;
    padding: 50px 0;
    }
    
    #blog article a:hover{
    filter: brightness(80%);
    }
    
    #blog h3{
        font-size: 26px;
        line-height: 1.2;
        padding-bottom: 40px;
    }
    
    .blog{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    
    .blog article{
        vertical-align: middle;
        width: 447px;
        height: 400px;
        margin-bottom: 30px;
    }
    
    #blog article a{
        color: #fff;
        text-decoration: none;
    }
    
    #blog article figure,#blog article figure img{
        width:447px;
    }
    
    #blog article figure figcaption{
        text-align: left;
        font-size: 17px;
        line-height: 1.3;
    }
    
    /*#bolg*/
    
	dt span img {
	width:initial;
	}
	
	footer article{
		padding:0 0 80px;
	}
	
	.logo{
		margin-top:60px;
		text-align: center;
	}
	
	.logo img{
		width:120px;
	}
	
	footer div.copyright{
		font-size:10px;
		padding:25px 0 0;
	}
	
	#pagetop{
		display:inline;
		position:fixed;
		bottom:0;
		right:20px;
		opacity:0.7;
		width:50px;
		text-align: right;
		line-height: 0;
	}
	
	#pagetop img{
		width:40px;
	}
	
	#pagetop img:hover{
		cursor: pointer;
		opacity:0.8;
	}
	
    
    
    .message{
        padding-top: 60px;
    }
    
    .message .w1024 {
    background: url(../img/border_pc.png) top center repeat-x,url(../img/border_pc.png) bottom center repeat-x;
    background-size: 4px;
    margin-bottom: 64px;
    padding: 64px 0;
  }
  
  .photo {
    padding: 0 0 44px;
  }
  
  .message dl{
    display: table;
    width: 100%
  }
  
  .message dt, .message dd {
    display: table-cell;
    vertical-align: top;
  }
  
  .message dt {
    width: 232px;
  }
  
  .message dt img{
    width: 198px;
  }
  
  .message dd {
    font-size: 18px;
  }
  
  .listen {
    padding: 64px 0 0;
  }
  
  .listen p {
    padding: 0 0 36px;
  }

  .listen p img{
    width: 244px;
  }

  .listen ul {
    width: 540px;
    margin: 0 auto;
  }
  
  .listen ul li img{
    width: 180px;
  }
  
  /*::::::::::footer::::::::::*/
  footer .w1024 {
    padding: 72px 0;
  }

  .sol img {
    width:250px;
    margin-bottom: 48px;
  }
  
  footer small {
    font-size: 10px;
  }

  #pagetop {
    display:inline;
    position:fixed;
    bottom:0;
    right:20px;
    opacity:0.7;
    width:50px;
    text-align: right;
    line-height: 0;
  }

  #pagetop img {
    width:50px;
  }

  #pagetop img:hover {
    opacity:0.6;
    cursor: pointer;
  }
  /*::::::::::footer::::::::::*/
}


/*SP*/
@media screen and (max-width: 767px)
{
	body{
		font-size:14px;
	}
	
	.hide_sp{
		display: none;
	}

    .w1024{
        width: 100%;
    }
    
	img {
		max-width: 100%;
	}
    
    .top_txt{
        
    }
    
    nav{
    position: fixed;
    z-index: 1000;
	top:0;
	width:100%;
	color:#fff;
    transition: .3s;
    background:rgba(38,12,42,0.8);
    padding: 0 0 3px;
    }
    
    .nav_sp{
        /*display: none;*/
    }
    
	nav article{
		padding:8px 5px;
        
	}
	
    nav article .nav_logo{
        float: left;
        padding-left: 10px;
    }
    
	nav article .social{
		display: flex;
		justify-content: space-between;
		align-items: center;
        float: right;
        padding-right: 5px;
	}
	
	nav article .social a{
		margin:0 2px;
	}
	
	nav article .social a:last-child{
		margin-right:0;
	}

	nav img{
		width: initial;
		height:25px;
	}

	nav article .social img{
		height:30px;
		margin:0 2px;
	}
	
	.social img.radiko{
		height:20px;
	}
	
    .social img.youtube{
		height:20px;
	}
    
    /*header*/
    
    header ul li{
        position: relative;
    }
    
    
	header{
		padding:0;
	}
	
	h1{
		position: relative;
	}
	
    h1 .hukuonsei_sp{
        width: 26%;
        position: absolute;
        bottom: 150px;
        right: 2%;
    }
    
    header .w1024{
		padding:0;
	}
    
    header .w1024 p{
        margin: 10px 10px 0;
    }
    
	.mad iframe{
		width:100%;
		height:200px;
	}
	
    /*.movie*/
    .movie{
        margin-top: 20px;
        padding:0 10px;
    }
    
    .movie .youtube{
        margin-top: 15px;
    }
    /*.movie*/
    
	/*#bansen*/
    
    #bansen{
        padding:0 10px 40px;
        text-align: center;
        text-align: -webkit-center;
    }
    
    #bansen .w1024{
        margin: 0 auto;
        padding: 40px 0 0;
    }
    
    #bansen .w1024 div{
        vertical-align: top;
        text-align: left;
    }
    
    #bansen .w1024 div.logo{
        width:25%;
        padding-bottom: 10px;
    }
    
    #bansen .w1024 div.bansen{
        font-size: 18px;
        line-height: 1.5;
    }
    
    #bansen .w1024 div.bansen p{
        padding-top: 25px;
    }
    
    #bansen .w1024 div.bansen p.link{
        text-align: center;
        text-align: -webkit-center;
    }
    
    #bansen .w1024 div p span{
        
    }
    
    /*#bansen*/
    
    
    
    /*#bolg*/
    #blog{
    padding: 0 10px;
    margin-top: 20px;
    }
    
    #blog .w1024{
     background: url(../img/border_sp.png) top center no-repeat;
     background-size: 100%;
     padding: 50px 0 0;
     
    }
    
    #blog article a:hover{
    filter: brightness(80%);
    }
    
    #blog h3{
        font-size: 20px;
        line-height: 1.2;
        padding-bottom: 40px;
    }
    
    .blog{
        margin: 0 auto;
        text-align: center;
        text-align: -webkit-center;
        width: 98%
    }
    
    .blog article{
        vertical-align: middle;
        width: 100%;
        margin-bottom: 30px;
    }
    
    #blog article a{
        color: #fff;
        text-decoration: none;
    }
    
    #blog article figure,#blog article figure img{
        width:100%;
    }
    
    #blog article figure figcaption{
        text-align: left;
        font-size: 18px;
        line-height: 1.5;
    }
    
    /*#bolg*/
    
    
    .message {
    padding: 0 10px;
  }
  
  .message .w1024{
    background: url(../img/border_sp.png) top center no-repeat,url(../img/border_sp.png) bottom center no-repeat;
    background-size: 100%;
    margin-bottom: 32px;
    margin-top: 30px;
    padding: 50px 0;
  }
  
  .message dt {
    width: 100%;
    text-align: center;
    padding: 20px 0;
  }
  
  .message dt img{
    width: 35%;
  }
  
  .message dd {
    width: 100%;
    font-size: 12px;
  }
  
  .listen {
    padding: 32px 0 0;
  }
  
  .listen p {
    padding: 0 0 12px;
  }

  .listen p img{
    width: 60%;
  }

  .listen ul {
    width: 80%;
    margin: 0 auto;
  }
  
  .listen ul li img{
    width: 60%;
  }
  
  /*::::::::::footer::::::::::*/
  footer{
    padding:0 0 60px;
}

  .sol img{
    width:40%;
    margin-bottom: 20px;
  }

  .banner{
    padding:30px 10px 0;
  }
  
  #pagetop {
    display:inline;
    position:fixed;
    bottom:0;
    right:10px;
    opacity:0.7;
    width:20%;
    text-align: right;
    line-height: 0;
  }

  #pagetop img {
    width:70%;
  }
    
footer small {
  color: #fff;
  font-size: 10px;
}
    
  /*::::::::::footer::::::::::*/
	
}

@media screen and (max-width: 320px)
	{
		
	}