﻿.clearfix {
	width:100%;
	content:"";
	clear: both;
	display: block;
}

.normal_word{
	font-size:15px;
	text-align:left;
	padding:10px;
}

.policy{
	margin:10px 0 0 0;
	text-align:center;
}

/* パンくずリスト*/	
.pankuzu{
	font-size:12px;
	text-align:right;
	margin:5px 0 5px 0;
}

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

.breadcrumb li {
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: normal;/*太字*/
}

.breadcrumb li:after {/* >を表示*/
  content: '>';
  padding: 0 5px 0 5px;
  color: #000000;
}

.breadcrumb li:last-child:after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #0000ff;/*色*/
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

/* photo_gallary 枠数とキャプションはPC,スマホそれぞれ*/		
.gallery__list {
	list-style-type: none;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	}
  
.gallery__item img {
	width: 100%;
	height: auto;
    }
 
.gallery__item a {
	transition: .5s;
	}
	
.gallery__item a:hover {
    filter: opacity(0.7);
        }
        
#lightbox .lb-container { 
	margin-top:50px; 
}


/* smartphone*/
@media screen and (max-width: 479px) {
#base{
	width: 100%;
	text-align:center;
	margin:auto;
}

.main{
	width: 100%;
	text-align:left;
	}

.sub{
	width: 100%;
	text-align:left;
}

.menu_top{
    display: none;	
}

.calendar iframe{
    display: block;
	width:90%;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.left_block{
	display:none;
}


img{
      max-width:100%;
}

.pc_img{
	display:none;
}

.sma_img{
      max-width:100%;
}

.photobox_left{
    max-width:100%;
	margin:10px 0 10px 0;
}

.op_box{
    max-width:100%;
	margin:10px 0 10px 0;
}

.op_box02{
    max-width:100%;
	margin:10px 0 10px 0;
}


.img_title{
	display:none;
}

.sma_title{
	width:100%;
	margin:auto;
}

.right_word_sma{
	border: 1px dotted #999999;
	width: 95%;
	font-size:14px;
	background-color:#CCCCCC;
	padding:5px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.right_word_pc{
     display: none;
}

h2{
	font-size:20px;
	text-align:left;
	border-bottom: solid 5px #000000;
	width:100%;
}

h2::after{
	content: "";
	display: block;
	border-bottom: solid 5px #FF0000;
	width:100%;
}

.read{
	border: 1px dashed #999999;
	padding:10px;
	margin:10px 0 10px 0;
	font-size:15px;
	text-align:left;
}

.new {
	border: 2px solid #FF0000;
	width:auto;
	font-size:12px;
	color:#FF0000;
	padding:1px;
	margin-right:5px;
	margin-bottom:5px;
}

.hoyu_base{
	width:340px;
	margin:auto;
}

.hoyu_box{
	padding:10px;
	float:left;
	clear:none;
}	

.hoyu_img{
	width:340px;
	float:left;
	}
	
.hoyu_cap{
	float:left;
	margin:5px;
	font-size:14px;
	text-align:left;
	clear:both;
}

.nakamidashi01{
	border-style: none none solid solid;
	border-width: 2px 2px 2px 10px;
	border-color: #FF0000;
	font-size:20px;
	margin:10px 0 10px 0;
	text-align: left;
	padding-left:10px;
}

.movie_midashi01{
	border-radius: 10px;
	border: 2px solid #000080;
	font-size: 20px;
	margin: 10px 0 10px 0;
	text-align: left;
	padding-left: 10px;
	background-color: #000080;
	color: #FFFFFF;
	width: auto;
}

.gallery__item {
    width: calc(95% / 1);
	}
	
.cap_txt{
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	background-color:#808080;
	margin:5px 0 10px 0;
	padding-right:5px;
	width:100%;
}

.pc_table{
	width:100%
}

.hr_ps{
	border-top: 2px dashed #8c8b8b;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}

.b_photo {
	max-width:100%;
	text-align:center;
}

.b_photo:hover{
	transform: rotateY(360deg);
	transition: transform .5s;
}

.part_img01{
      width:100%;
}

.box01_s{
      width:100%;
      text-align:center;
      margin:auto;
      margin-top:5px;
      margin-bottom:5px;
}

.box01{
      width:100%;
      text-align:center;
      margin:auto;
      margin-top:5px;
      margin-bottom:5px;
}

td,th{
     display: block;
}

.td_cell01{
		margin-top:10px;
        width:100%; 
        }

.td_cell02{
		margin-top:10px;
        width:100%; 
        }

.td_cell03{
     display: none;  
        }
        
.td_cell04{
		margin-top:10px;
        width:100%;
        }

.colorbox{
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	background-color:#CCCCCC;
	width:100%
}

.topics{
	font-size:20px;
	text-align:left;
	margin-top:10px;
	margin-left:5px;
	border-bottom: solid 5px #000000;
	width:100%;
}

.topics::after{
	content: "";
	display: block;
	border-bottom: solid 5px #FF0000;
	margin-left:5px;
	width:100%;
}

.topics_word{
	margin:10px;
	font-size:15px;
	text-align:left;
	}
	
li{
	margin:0 0 15px 0;
}

.li_circle{
	list-style:circle;
	padding:0 0 0 10px;
}

	
.copybox{
	width:98%;
	background-color:#3E3939;
	color:#FFFFFF;
	font-size:small;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}
	/*スマホ締め*/	
}


/*PC*/
@media screen and (min-width: 480px) {
#base{
	width: 1000px;
	text-align:center;
	margin:auto;
}

.title_top{
	height:81px;
	background-image:url('../img/titleback.jpg')
	}
	
.sma_menu{
	display:none;
}

.pc_table{
       width:1000px
}

.pc_img{
      width:100%;
}

.sma_img{
       display:none;
}

.img_title{
	float:left;	
}

.sma_title{
       display:none;
}

.hr_ps{
       display:none;}

.b_photo {
	width:100%;
	text-align:center;
}

.b_photo:hover{
	transform: rotateY(360deg);
	transition: transform .5s;
}

.part_img01{
	width:94%;
}

.td_cell01{
	width:500px; 
        }

.td_cell02{
	width:200px; 
        }

.td_cell03{
	width:222px; 
        }
        
.td_cell04{
     display: none;  
        }

.box00{
	float:left	
	}
	
.box01_s{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
        margin-left:90px;
	margin-right:20px;
}

.box01{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:20px;
}

.box01_txt{
	float:left;
	font-size:14px;
	margin:5px;
}

.box00_02{
	clear:left;
	float:left;
}

.colorbox{
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	background-color:#CCCCCC;
	width:800px;
}

h2{
	font-size:20px;
	text-align:left;
	border-bottom: solid 5px #000000;
	width:1000px;
}

h2::after{
	content: "";
	display: block;
	border-bottom: solid 5px #FF0000;
	width:1000px;
}

.right_word_sma{
     display: none;
}

.right_word_pc{
	float:right;
	color:#FFFFFF;
	font-size:12px;
	line-height: 14px;
	text-align:left;
	margin:20px 10px 0 5px;
}

.menu_top{
	display:block;
	width:auto;
	height:20px;
	margin:5px 0 20px -35px;
	float:left;
}

.menu_box{
	position: relative;
	display:block;
	width:130px;
	height:30px;
	background-color:black;
	font-size:15px;
	color:#FFFFFF;
	margin: 0px 5px 0px 5px;
	padding:10px 0 0 0 ;
	box-shadow: #000000;
	text-align:center;
	float:left;
	}
	
.menu_box:hover {
	position: relative;
	display:block;
	width:130px;
	height:30px;
	background-color:#696969;
	font-size:15px;
	color:#FFFFFF;
	margin: 0px 5px 0px 5px;
	padding:10px 0 0 0 ;
	box-shadow: #000000;
	text-align:center;
	float:left;
	}

.a1 {
	color: #FFFFFF;
	text-decoration: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	line-height: 40px;
}

	
.read{
	border: 1px dashed #999999;
	padding:10px;
	font-size:15px;
	line-height:30px;
	text-align:left;
}

li{
	margin:0 0 10px 0;
}

.li_circle{
	list-style:circle;
	padding:0 0 0 20px;
}

.new{
	border: 2px solid #FF0000;
	width:auto;
	font-size:12px;
	color:#FF0000;
	padding:1px;
	margin-right:5px;
}

.nakamidashi01{
	border-style: none none solid solid;
	border-width: 2px 2px 2px 10px;
	border-color: #FF0000;
	font-size:20px;
	margin:10px 0 10px 0;
	text-align: left;
	padding-left:10px;
}

.movie_midashi01{
	border-radius: 10px;
	border: 2px solid #000080;
	font-size: 20px;
	margin: 10px 0 10px 0;
	text-align: left;
	padding-left: 10px;
	background-color: #000080;
	color: #FFFFFF;
	width: 780px;
}

.gallery__item {
    width: calc(95% / 3);
	}
	
.cap_txt{
	text-align:left;
	font-size:15px;
	color:#FFFFFF;
	background-color:#808080;
	margin:5px 0 10px 0;
	padding:3px;
	width:99%;
}

.hoyu_base{
	width:850px;
	margin:auto;
}

.hoyu_box{
	padding:10px;
	float:left;
	clear:none;
}	

.hoyu_img{
	width:380px;
	float:left;
	}
	
.hoyu_cap{
	float:left;
	margin:5px;
	font-size:12px;
	text-align:left;
	clear:both;
}

.main{
	margin:10px 0 10px 0;
	line-height: 25px;
	width:600px;
	font-size:15px;
	text-align:left;
	float:left;
}

.sub{
	width:400px;
	margin:10px 0 10px 0;
	float:right;
}

.left_block{
	margin:10px 5px 10px 5px;
	float:left;
}

.calendar{
	width:400px;
	margin:10px 0 10px 0;
	float:right;
}

.photobox_left{
	width:300px;
	margin:0 10px 10px 0;
	float:left;
}

.op_box{
	width:300px;
	margin:10px 0 5px 0;
	float:right;
}

.op_box02{
	width:300px;
	margin:10px 30px 5px 0px;
	float:right;
}

.pr_box{
	border: 2px solid #000000;
	width: 560px;
	height: 210px;
	background-color: #FFFFFF;
	margin: 10px 0 0 0;
	float: left;
	clear: both;
}

.topics{
	font-size:15px;
	text-align:left;
	margin-left:5px;
	border-bottom: solid 5px #000000;
	width:540px;
}
.topics::after{
	content: "";
	display: block;
	border-bottom: solid 5px #FF0000;
	margin-left:5px;
	width:540px;
}

.topics_word{
	margin:10px;
	font-size:15px;
	}

.copybox{
	float:left;
	background-color:#3E3939;
	color:#FFFFFF;
	font-size:small;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	width:1000px;
	text-align:center;
}
		
/*PC締め*/	
}

