@media screen and (min-width:481px){
  /*481px以上で適用する内容PC用*/
  a:link {color:#000000;text-decoration:none;}

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

  a:hover {color:#000000;border-bottom: 1px solid #000000;}

  a:active {color:#000000;text-decoration:none;}

  object,
  embed{ vertical-align:bottom;}

  body{
    font-family:'Sorts Mill Goudy' , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    margin: 0 auto;
    padding: 0;
    background-color: #ffffff;
    font-size: 10px;
    text-align: left;
    color: #000;
    line-height: 100%;
    height: 100%;
  }

  img{
  border:0;
  }

  h1, h2, h3, h4, h5, h6, p, input, img, form, ul, li, dl, dt, dd, hr, td, th, table,address,div{
  margin:0;
  padding:0;
  }

  ul{
  	list-style:none;
  	margin:0;
  	padding:0;
  	}

  .larger{
  	font-size:110%;
  }

  .Xlarger{
  	font-size:120%;
  }


  .icon_fb{

  }

  .container{
  width: 900px;
  /*overflow: hidden;*/
  margin: 0 auto;
  padding: 10px;
  background-color: #fff;
  font-family: 'Sorts Mill Goudy', serif;
  font-weight: 400;
  }

  header{
    margin: 0 auto;
    padding: 56px 0 0 0;
    width: 900px;
    height: 91px;
    background-color: #fff;
    text-align: left;
  }

  header h1{
    font-size: 22px;
    letter-spacing: 0.4em;
    font-weight: 400;
    padding-bottom: 13px;
  }
  header img{

  }
  .menu{
    float: left;
    width: 150px;
    height: 460px;
    text-align: left;
    margin:40px 0 0 0;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 3.0;
  }
  #list{
    display: none;
  }

  #header-pc-menu {
    margin: 7px 0 100px 0;
  }
  
  .pc{
    margin: 50px 0 0 0;
  }

  .main{
    float: left;
    width: 700px;
    position: relative;

  }

  span.guard{
  position:absolute;
  display:block;
  width:100%;
  height:100%;
  background-image:url(../img/spacer.gif);
  }

  .main img{
    float: left;
    max-width: 600px;
    height: auto;
  }

  .caption{
    position:absolute;
    bottom:0px;
    left:610px;
    width:150px;
    font-size:10px;
    text-align:left;
    line-height:1.6;
  }
  .caption ul{
    list-style: none;
  }
 .title{
   font-size: 110%;
   line-height: 1.2;
   margin-bottom: 5px;
 }
  footer{
    clear: both;
    margin: 0 auto;
    padding: 30px 0 30px 0;
    width: 100%;
  }

  footer p{
    width: 900px;
    font-size: 8px;
    color: #000;
    font-family:'Montserrat',sans-serif;
    text-align: left;
    padding: 15px 0 0 0;
    letter-spacing: 0.2em
  }


body{text-align:center}
}

@media screen and (max-width:480px){
  /*480px以下で適用する内容スマホ用*/

  body{
    font-family:'Sorts Mill Goudy' , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    background-color: #ffffff;
    font-size: 10px;
    text-align: center;
    color: #000;
    line-height: 100%;
  }

  img{
  border:0;
  }

  h1, h2, h3, h4, h5, h6, p, input, img, form, ul, li, dl, dt, dd, hr, td, th, table,address,div{
  margin:0;
  padding:0;
  }

  ul{
  	list-style:none;
  	margin:0;
  	padding:0;
  	}

  .larger{
  	font-size:110%;
  }

  .Xlarger{
  	font-size:120%;
  }


.icon_fb_m{
  	width:14px;
  	height:14px;
	padding-top:10px;
  }
  
  
  

  nav #list{
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 3.0;
    font-family: 'Sorts Mill Goudy', serif;
  }

  .container{
  /*position: fixed;*/
  padding: 10px 0 0 0;
  /*width: 480px;*/
  height: 100%;
  margin: 0 auto;
  background-color: #fff;
  font-family: 'Sorts Mill Goudy', serif;
  font-weight: 400;
  }

  header{
    padding: 30px 0 0 0;
    margin: 0 auto;
    width: 90%;
    height: 70px;
    background-color: #fff;
    text-align: left;
  }

  header h1{
    font-size: 15px;
    letter-spacing: 0.4em;
    font-weight: 400;
  }
  header img{
    width: 250px;
  }
  /*.menu{
    float: left;
    width: 150px;
    height: 460px;
    text-align: left;
    margin: 40px 0 0 0;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 3.0;
  }*/


 #header-pc-menu {
    display: none;
  }

  .pc{
    display: none;

  }
  


  .main{
    margin: 0 auto;
    width: 90%;
    position: relative;
  }

  span.guard{
  position:static;
  display:block;
  width:90%;
  height:100%;
  background-image:url(../images/spacer.gif);
  }

  .main img{
    position: static;
    margin: 0 auto;
    width: 100%;
   height: auto;
  }
  .main ul{
    margin: 5px 0 15px 0;
  }
  .caption{
    float: clear;
    margin: 0 auto;
    			bottom:0px;
    			width: 100%;
    			font-size:10px;
    			text-align:left;
    			line-height:1.4;
  }

  /*.caption ul{
    list-style: none;
  }*/

.title{
   font-size: 120%;
   line-height: 1.2;
   margin-bottom: 5px;
 }
 

  footer{
    clear: both;
    width: 90%;
    margin: 0 auto;
	margin-top:50px;
  }

  footer p{
    font-size: 7px;
    font-family:'Montserrat',sans-serif;
    text-align:left;
    letter-spacing: 0.2em
  }


body{text-align:center}
}