/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}



body{
font-weight: 300;
-webkit-text-size-adjust:100%;
overflow-x: hidden;
/*background-color:#e3e422;*/
background: url(../img/haikei1.jpg) no-repeat 100% 100% fixed;
background-size: cover;
-webkit-background-size: cover;
}

a{
color: #0066ff;
text-decoration: none;
}

a:hover, .active{
text-decoration: underline;
}

a:active, a:focus,input:active, input:focus{outline:0;}


/* ヘッダー
------------------------------------------------------------*/
#header{
text-align: center;
}

#header h1{
padding: 2em;
}

#topicpath {
margin : 0 auto;
padding : 0;
font-size : 1em;
text-align: left;
background-color: #a72126;
}

#topicpath p {
text-align : left;
width :60%;
margin : 0 auto;
padding : 5px;
color:#fff;
}

#topicpath a {
color: #fff;
}



/* 共通
------------------------------------------------------------*/

img{
		max-width: 100%;
    height: auto;
    border-radius: 4px;
}

section{
		clear:both;
		max-width: 1024px;
		margin:20px auto;
		padding:20px;
		background-color:#ed7100;
		border-radius:4px;
}



/* 日付
------------------------------------------------------------*/

.days {
	padding : 4px 10px;
  vertical-align: super;
	margin-right:1rem;
	background-color:#fff;
	color:#000;
}

.onair {
	padding: 0.8em;
	line-height: 1.2;
	color: #000;
	/*background: url(../img/housoubi_bg.jpg); */
	background-color:#ed7100;
	font-size : 2em;
	font-weight : bold;
	text-align: center;
}

/* 文字の装飾
------------------------------------------------------------*/


p {
		font-size: 1rem;
    margin: 1rem 0;
}

.rcc {
color;000;
}

section h2 {
	width: 100%;
	padding: 10px 0;
	margin: 30px auto 10px;
	font-size: 2rem;
	font-weight:normal;
	text-align: center;
	color:#fff;
	background-color: #68b8dd;
	border-bottom: 5px solid #019fe6;
}



h3 {
    text-align: center;
    padding: 10px 0;
    margin: 0 auto;
    font-size:1.3rem;
  	font-weight: 700;
		color:#a72126;
}
 
.t_b {
	font-size : 1.4em;
  font-weight: 700;
	color:#0074bf;
}

.t_o {
	font-size : 1.4em;
  font-weight: 700;
	color:#d16b16;
}




/* 文字サイズ
------------------------------------------------------------*/


.big{
	font-size : 2em;
}

.middle {
	font-size :1.4em;
}

.small {
	font-size :1rem;
}

.syutuen{
	margin : 0;
	padding : 10px;
}
.syutuen li{
	border-bottom : 1px dotted #ccc;
	padding : 10px;
	text-align : left;
}



/* 囲み
------------------------------------------------------------*/



.w_box {
		/*background:#fff;*/
		background-image: url("../img/haikei2.jpg");
		margin:20px auto;
		border-radius:4px;
		padding:20px;
		width:90%;
}

.w_box p {
		font-size : 1em;
		text-align : left;
		line-height: 1.6;
}




/* 各説明
------------------------------------------------------------*/


.box0 img {
float:right;
width:40%;
margin:0 0 60px 10px;
}





.box1 {
max-width:100%;
margin:0 auto;
display:flex;
flex-direction:row-reverse;
align-items: flex-start;
}

.box1 img {
width:50%;
margin-top:40px;
}

.box_1tx h3 {
padding:20px 20px 0 20px;
}

.box_1tx p {
margin:0;
margin:20px;
}

.box2 {
flex-direction:row;
}





/* [コンテンツ紹介・ギャラリー]
------------------------------------------------------------*/
.shoplist_inner{
		width:100%;
		margin:0 auto 1rem;
		text-align: center;
}


.shop {
		text-align:left;
		background-color: #fff;
		padding: 1rem;
		border-radius: 4px;
		margin: 2px;
}



.name{
		font-weight: bold;
		color: #ff6633;
		font-size: 1.4rem;
		padding: 4px 0;
}


div.boxCh {
    width: 32.3333%;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  10px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
}



footer {
text-align: center;
}



/* RESPONSIVE 設定
------------------------------------------------------------*/


/*===[タブレット:縦]===*/

@media screen and (max-width: 1024px){
.menu_sp{display :none;}

}


/*===[タブレット：横]===*/

@media screen and (max-width: 896px) {
.menu_link,#topicpath{display :none;}


/* 囲み
------------------------------------------------------------*/



.w_box {
		background:#fff;
		margin:20px auto;
		border-radius:4px;
		padding:20px;
		width:90%;
}

.w_box p {
		font-size : 1em;
		text-align : left;
		line-height: 1.6;
}


/* 各説明
------------------------------------------------------------*/


.box0 img {
float:nonet;
width:100%;
margin:5px;
}

.box0 p {
clear:both;
}




.box1 {
flex-direction: column;
}

.box1 img {
width:100%;
}



/* [コンテンツ紹介・ギャラリー]
------------------------------------------------------------*/
.shoplist_inner{
		width:100%;
		margin:0 auto 1rem;
}


.shop {
		text-align:left;
		background-color:#fff;
		padding: 1rem;
		border-radius: 4px;
		margin: 2px;
}


.name{
		font-weight: bold;
		color: #ff6633;
		font-size: 1.4rem;
		padding: 4px 0;
}


div.boxCh {
    width: 100%;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  10px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
}



}



/*===[スマホ：縦]===*/

@media screen and (max-width: 480px){
.menu_link,#topicpath{display :none;}


/* 囲み
------------------------------------------------------------*/



.w_box {
		background-image: url("../img/haikei2.jpg");
		margin:20px auto;
		border-radius:4px;
		padding:20px;
		width:90%;
}


.w_box p {
		font-size : 1em;
		text-align : left;
		line-height: 1.6;
}


/* 各説明
------------------------------------------------------------*/
.box0 img {
float:nonet;
width:100%;
margin:5px;
}

.box1 {
flex-direction: column;
}

.box1 img {
width:100%;
}


/* [コンテンツ紹介・ギャラリー]
------------------------------------------------------------*/
.shoplist_inner{
		width:100%;
		margin:0 auto 1rem;
	text-align: center;
}


.shop {
		text-align:left;
		background-color: #fff;
		padding: 1rem;
		border-radius: 4px;
		margin: 2px;
}


.name{
		font-weight: bold;
		color: #ff6633;
		font-size: 1.4rem;
		padding: 4px 0;
}


div.boxCh {
    width: 100%;            /* 幅指定 */
    display:  inline-block;     /* インラインブロック要素にする */
    vertical-align:  top;       /* 要素を上揃えにする */
    margin-bottom: 10px;        /* 要素同士の隙間調整 */
    padding:  10px;             /* 余白指定 */
    box-sizing: border-box;     /* 崩れ防止 */
}

/* 日付
------------------------------------------------------------*/

.days {
	padding : 4px 10px;
  vertical-align: super;
	margin-right:1rem;
	background-color:#fff;
	color:#000;
}

.onair {
	padding: 0.8em;
	line-height: 1.2;
	color: #000;
	/*background: url(../img/housoubi_bg.jpg); */
	background-color:#ed7100;
	font-size : 1em;
	font-weight : bold;
}

/* 文字装飾
------------------------------------------------------------*/


.t_b {
	font-size : 1.2em;
  font-weight: 700;
	color:#0074bf;
}

.t_o {
	font-size : 1.2em;
  font-weight: 700;
	color:#d16b16;
}


footer {
text-align: center;
}