@charset "UTF-8";



/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, figure, img, fieldset,
a, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, small, strong, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td,
code, form, legend, input, textarea, section {
	
	margin:0;
	padding:0;
	border:none;
	outline:none;
	font-size:inherit;
}



header, main, hgroup, nav, article,
section, aside, figure, footer {
	display:block;
}

ol, ul {
	list-style: none;  
}



body {
	background: #FFFFFF;
	width:100%;
	color:#363133;
	margin: auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* 全体
------------------------------------------------------------*/
#header ,#wrapper{
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	
	background:#fff;
/*box-shadow:1px 2px 3px #ccc;*/
}




#header{

overflow:hidden;
}

* html #header{height:1%;}


/* PC用 */

@media print, screen and (min-width:768px){	
	
#header{
	
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


#header .logo{
	float: left;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

.info{
	float: right;
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0;
}


#wrapper{
	
	padding: 0;
	
}

.pc_none {display:none;}

.pc-image {
	display: block;
	}
.sp-image {
	display: none;
	}

}


/* モニター幅768px以下 */

@media only screen and (max-width:768px){
	
#header ,.inner ,#footer{
	width: 100%;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
	

#header .logo{
	float: left;
	text-align: left;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	width: 48%;
	margin: 0px;
	}
	
#footer .logo{
	float:none;
	text-align:center;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	}

#wrapper{
	width: 100%;
	padding: 0px;
	}
	
.info{
	float: right;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 0;
	padding-left: 0;
	width: 47%;
	margin: 0px;
}
	
#header img{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	}	
	
.sp_none {display:none;}

.pc-image {
	display: none;
	}
.sp-image {
	display: block;
	}
	

}



/* コンテンツ
------------------------------------------------------------*/

#content	{
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	font-size: 1em;
	
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: center top;
}
		
#content img {
	line-height: 0px;
	width: 100%;
	margin: 0px;
}



#content p {
	margin: 0;
	line-height: 0;
}

h1 {
	padding: 0.5em;/*文字周りの余白*/
	color: #333333;/*下線*/
	font-size: 22px;
	text-align: center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #C8151D;
	background-color: #FCE3E5;
}

.notes{
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.45em;
	padding-right: 6px;
	padding-left: 6px;
	margin-bottom: 24px;
	margin-top: 24px;
	
}

.notes ul {
	color: #333333;
	margin-top:10px;
	padding-left: 1.6em;	
}

.notes li{
	list-style-position: outside;
	padding-bottom: 6px;
	padding-left: 0;
	list-style-type: disc;
	font-size: 0.9em;
}

.notes a:link{
	
	color: #399;
	text-decoration: underline;
}

.notes h2 {
	position: relative;
	border: 1px solid #B92A2C;
	font-size: 18px;
	font-weight: bold;
	margin-top: 1em;
	margin-right: 0px;
	margin-bottom: 0.8em;
	margin-left: 0px;
	padding-top: 0.5em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	color: #B92A2C;
}


.notes h3 {
  position: relative;/*相対位置*/
  padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
  margin-top:0.6em;
  margin-bottom: 0.6em;
  line-height: 1.4;/*行高*/
  color: #C8151D;/*文字色*/
  border-top: dotted 1px gray;
  border-bottom: dotted 1px gray;
  background: #fffff4;
}

.notes h3:before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f138";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0.25em;/*アイコンの位置*/
  top: 0.5em;/*アイコンの位置*/
  color: #C8151D; /*アイコン色*/
}


.notes h5 {
	font-size: 0.95em;/*背景色*/
	line-height: 1.4;
	padding: 0.45em 1em 0.2em 0.1em;
	border-bottom: dotted 1px gray;
	margin-right:0.8em;
	margin-left:0.3em;
}


.notes h6 {
    position: relative;
    padding: 0.5em 0.7em 0.25em;
    border-bottom: 1px solid #d02525;
    color: #333333;
}

.notes h6::before,
.notes h6::after {
    position: absolute;
    left: 20px;
    bottom: -10px;
    width: 18px;
    height: 10px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.notes h6::before {
    background-color: #d02525;
}

.notes h6::after {
    bottom: -9px;
    background-color: #fff;
}

.notes .comment {
	color: #333333;	
	
	padding-top: 0.4em;
	padding-left: 0.1em;
	padding-right: 0.1em;
	padding-bottom: 0.7em;
	font-size: 0.9em;
}
		
@media only screen and (min-width:768px){
#content	{
	margin-bottom: 40px;
}
	
}

/* モニター幅768px以下 */
@media only screen and (max-width:768px){
#content	{
	padding-bottom: 3em;
}
	
.notes {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.4em;
	padding-right: 2px;
	padding-left: 2px;
	margin-bottom: 24px;
	margin-top: 24px;
}
 .notes li {
	 width: 100%;
	 margin: 0;
	 padding-right: 0;
 }
	
}
	

/**********************************/
/*       店舗一覧       */
/**********************************/


.box {
	width: 980px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
} 

.box ul li {
	list-style-type: none;
}

p.select {
	font-size: 1.2em;
	padding-bottom: 0.3em;
	
	padding-top:1.6em;
	text-align: center;		
}


.box h4 {
	position: relative;
	display: inline-block;
	padding: 0 55px;
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom:0.3em;
}

.box h4:before, h4:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.box h4:before {
  left:0;
}
.box h4:after {
  right: 0;
}


/*

position: relative;
width: 980px;
	margin: 0 auto;
	padding: 0;
*/	






/* モニター幅768px以下 */
@media only screen and (max-width:768px){
	
.box p.select {
	font-size: 1.2em;
	margin-bottom:0.2em;
	margin-top: 1.3em;
		
}

.box {
	
	
	width: 90%;
	margin-top: 1.1em;
	margin-bottom:0.4em;
	padding: 0;
	
}





}

/**********************************/
/*           リンクボタン            */
/**********************************/

 

.linkbtn_01 a {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 380px;
	font-size: 1.25em;
	font-weight: bold;
	margin: 4px auto 8px auto;
  	padding: 0.6em;
	border-radius: 10em;
	background: -webkit-linear-gradient(to top, rgb(254, 144, 144), #FF3838);
	background: linear-gradient(to bottom,  #fe9090 0%,#ff3838 100%);
	color: #FFFFFF;
}





.linkbtn_02 a {
  	display: block;
	text-align: center;
	text-decoration: none;
	width: 380px;
	font-size: 1.25em;
	font-weight: bold;
	margin: 4px auto 8px auto;
  	padding: 0.6em;
	border-radius: 10em;
	background: -webkit-linear-gradient(to top, rgb(254, 144, 144), #FF3838);
	background: linear-gradient(to bottom,  #fe9090 0%,#ff3838 100%);
	color: #FFFFFF;
}

.linkbtn_03 a {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 380px;
	font-size: 1.25em;
	font-weight: bold;
	margin: 4px auto 8px auto;
  	padding: 0.6em;
	border-radius: 10em;
	background: -webkit-linear-gradient(to top, rgb(54, 135, 196), #2c539e);
	background: linear-gradient(to bottom,  #3687c4 0%,#2c539e 100%);
	color: #FFFFFF;
}

.linkbtn_01 a:hover, .linkbtn_02 a:hover, .linkbtn_03 a:hover {
  opacity: 0.8;
}



/* モニター幅768px以下 */

@media only screen and (max-width:768px){
.linkbtn_01 a, .linkbtn_02 a, .linkbtn_03 a {
	width: 90%;
}
}

/**********************************/
/*           フッター             */
/**********************************/
footer{
	max-width: 1200px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	clear: both;
	overflow: hidden;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-attachment: fixed;
	background-image: url(../img/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

footer a{color:#fff;}
footer a:hover{color:#333333;}

footer .logo{
	text-align: center;
	padding-bottom: 8px;
}

footer .copyright{
	font-size: 11px;
	color: #fff;
	text-align: center;
}