/* html5doctor.com Reset Stylesheet
v1.6.1

*/


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {

    margin:0;

    padding:0;

    border:0;

    outline:0;

    font-size:100%;

    vertical-align:baseline;

    background:transparent;

}



body {

    line-height:1;
}



article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 

    display:block;

}

nav ul {

    list-style:none;
}



blockquote, q {

    quotes:none;
}



blockquote:before, blockquote:after,
q:before, q:after {

    content:'';
    content:none;

}

a {

    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;

}



/* change colours to suit your needs */

ins {

    background-color:#ff9;
    color:#000;
    text-decoration:none;

}



/* change colours to suit your needs */

mark {

    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;

}

del {

    text-decoration: line-through;
}



abbr[title], dfn[title] {

    border-bottom:1px dotted;
    cursor:help;

}



table {

    border-collapse:collapse;
    border-spacing:0;
}


/* change border colour to suit your needs */

hr {

    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;

}

input, select {

    vertical-align:middle;
}

/*********************
GENERAL STYLES
*********************/
/* line 19, ../scss/breakpoints/_base.scss */

 body {
  font-family:  "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo, sans-serif;
  font-size: 96%;
  line-height: 1.5;
  color: #282828;

	 
	 
  /* 画像ファイルの指定 */
  background-image: url(../images/bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  background-color: #464646;
} 


/* line 30, ../scss/breakpoints/_base.scss */
.alR {
  text-align: right; }

/* line 34, ../scss/breakpoints/_base.scss */
.alC {
  text-align: center; }

/* line 38, ../scss/breakpoints/_base.scss */
.alL {
  text-align: left; }

/*********************
LINK STYLES
*********************/

a, a:visited {
  color: #ffa500;
  text-decoration: none;
 }

  a:hover, a:focus, a:visited:hover, a:visited:focus {
    color: #ffa500;
    text-decoration: underline; }

  a:link, a:visited:link {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
	
.link-btn {
    display: inline-block;
    padding: 6px 10px;

    border: 1px solid #282828;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
}

.link-btn:hover{
	color:#fff;
	background-color: #81c84f;	
}


/*********************
Content
*********************/


.messe{
	width:60%;
	color:#000;
	margin:120px auto 30px auto;
	min-width:200px;
	display:block;

	opacity:0.75;
		
}
.messe-box{
	wisth:100%;
	background-color: #fff;
	border-radius:18px;
	padding:1em;
	
}

.messe p{
	margin:0.5em 0;	
}

@media only screen 

and (min-width : 321px) {

/* Smartphones (landscape) ----------- */

html{
	height:100%;	
}

  body {
	height:100%;
    background-image: url(../images/bg-sm.jpg);
  }


.messe{
	width:80%;

}

}

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 
 {

  body {
    background-image: url(../images/bg.jpg);
  }
.messe{
	width:50%;

	margin:60px auto 30px auto;
		
}


}


@media only screen 

and (min-width : 1024px) {

/* Desktops and laptops ----------- */
  body {
    background-image: url(../images/bg.jpg);
  }

.messe{
	width:50%;

	margin:60px auto 30px auto;
		
}

}