@charset "utf-8";
/*
Theme Name: ※※_TITLE_※※
Version: 1.0
*/

/* *********************************
000:RESET
001:BASIC
002:HEADER
003:MAIN
004:FOOTER
005:
006:
007:
008:
100:RESPONSIVE
200:DRAWER
888:EXAMPLE
999:CLEARFIX
*********************************** */
/* *********************************
/* 000:RESET
*********************************** */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,hr{
margin:0;padding:0;border:0;font-style:normal;font-weight:500;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;}
a {text-decoration: none;}
/**********************************
/* 001:BASIC
************************************/
.rsp{width: 100%; height: auto;}
body{background-color: #f5f0e6;}
p, a, h2, h3, dt, dd, td, label {color: #3d3d3d; font-family:'しっぽり明朝B1', 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';}
img {display: block;}
/**********************************
/* 002:HEADER
************************************/
p, a, dt, dd, td, label {font-size:15px; line-height:30px;}
h2{font-size:25px; font-weight:800;}


/**********************************
/* 003:MAIN
************************************/
.main{
	width:90%;
	max-width:1350px;
	margin:0 auto;
}

.title{
	margin-top:70px;
}

.title_list{
	margin-top:30px;
}

.title_list li{
	border-top: 1px solid #3d3d3d;
	padding:5% 0;
}

.title_list li:last-child {
    border-bottom: 1px solid #3d3d3d;
}

.day p{
	color:#7d7d7d;
}

.day span{
	color:#fff;
	background-color:#000636;
	padding:1px 2px;
	margin-left:20px;
}

.text{
	margin-top:1%;
}

.text p{
	font-size:17px;
}

li a:hover .day p,
li a:hover .text p {
  opacity: 0.6; 
}

li a:hover .day span {
	background-color:#cc002b;
}

.tab_list{
	margin-top:30px;
}

.list01 ,.list02{
	margin-top:20px;
}

.list01 p,.list02 p{
	font-size:17px;
}


.list01 li,.list02 li {
	float: left;
	margin-right: 15px;
}

.list01 li a,.list02 li a{
	color:#7d7d7d;
}

.tab_list a:hover {
  opacity: 0.6; 
}

.list01 nav::after,.list02 nav::after {
	content: "";
	display: block;
	clear: both;
}






/**********************************
/* 100:RESPONSIVE
************************************/

@media screen and (min-width:768px){
/*header*/
p, a, dt, dd, td,label {font-size:17px; line-height:34px;}
h2{font-size:35px;}	



.title{
	margin-top:130px;
}

.text p{
	font-size:21px;
}
	
.day,.text{
	float:left;
}	
	
.day{
	margin-right:5%;
}	
	
.day p{
	display: flex;
	align-items: center;
}	
	
.day span {
    padding: 1px 5px;
}
	
.text{
	margin-top:0;
}	
	
	
.title_list nav ::after {
	content: "";
	display: block;
	clear: both;
}		
	
.list01, .list02 {
    float: left;
    width: 50%;
}
	
.list01 p, .list02 p {
    font-size: 21px;
}
	
.tab_list::after {
	content: "";
	display: block;
	clear: both;
}	
	
}

@media screen and (min-width:1024px){		

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

.title_list,.tab_list{
	float:left;	
}	
	
.title_list{
	width:70%;
}
	
.tab_list{
	width:23%;
	margin:20px 0 0 7%;
}
	
.list01, .list02 {
	float: none;
	margin-top:0;
}
	
.list02{
	margin-top:30px;
}
	
.list01 nav, .list02 nav{
	margin-top:10px;
}	
	
.list01 li, .list02 li {
    float: none;
    margin: 10px 0;
}

}


@media screen and (min-width:1440px){
.list01 li, .list02 li {
    float: none; 
}



}