@charset "utf-8";
/*!
 * base_sp CSS
 * ---------------------------------------------
 * 共通レイアウトに関わるCSS
 */

/************************************************************************************
smaller than 660px
*************************************************************************************/
@media screen and (max-width: 660px) {
  
  html {
    -webkit-text-size-adjust: 100%;
  }
  * {
    max-height: 99999px;
  }
  input[type="button"],input[type="submit"] {
    -webkit-appearance: none;
  }
  
  /*===================================
    font
  =====================================*/
  
  .langList a,.langList a:visited,.langList li:after {
    color: #a48e72;
  }
  body {
    font-size: 20px;
  }
  .header {
    font-size: 16px;
  }
  .header .txt {
    font-size: 24px;
  }
  .footer {
    font-size: 18px;
  }
  
  /*===================================
    layout  
  =====================================*/
  
  .hiddenPc,
  .spBrk,
  .menuSp {
    display: block;
  }
  .hiddenSp,
  .menuPc,
  .pcBrk,
  .topicspath {
    display: none;
  }
  .inner {
    overflow: hidden;
    width: 580px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }
  
  /*===================================
    background  
  =====================================*/
  
  /*  sprite
  ---------------------------------*/
  
  .menuSp h2,
  .menuSp li a:after {
    background-image: url(../images/base/sprite.png);
    background-repeat: no-repeat;
  }
  
  /*===================================
    header  
  =====================================*/
  
  .header {
    padding-top: 17px;
  }
  .header h1 a {
    margin-bottom: 16px;
  }
  .header h1 a,
  .header .logo {
    width: 219px;
    height: 85px;
  }
  .header .logo {
    background-position: 0 -100px;
  }
  
  /*  langList
  ---------------------------------*/
  
  .langList ul {
    top: 14px;
  }
  .langList.jpn li:nth-child(1) {
    display: none;
  }
  
  /*  menu
  ---------------------------------*/
  
  .menuSp h2 {
    text-indent: -999em;
    cursor: pointer;
  }
  .menu.menuSp ul {
    overflow: visible;
  }
  .menuSp h2,
  .menuSp ul {
    position: absolute;
  }
  .menuSp h2 {
    top: 33px;
    right: 31px;
    width: 45px;
    height: 52px;
    background-position: -300px -350px;
    z-index: 2000;
  }
  .menuSp h2.open {
    background-position: -400px -350px;
  }
  .menuSp ul.inner {
    width: 100%;
    padding: 0 0 30px;
  }
  .menuSp ul {
    top: 116px;
    left: 0;
    border-top: solid 1px #72655d;
    background: #230e02;
    z-index: 2000;
  }
  .menuSp li {
    border-bottom: solid 1px #72655d;
  }
  .menuSp li.txt {
    float: left;
    border: none;
    line-height: 45px;
  }
  .menuSp .m8,
  .menuSp .m9,
  .menuSp .m10 {
    margin-top: 20px;
  }
  .menuSp .m8,
  .menuSp .m11 {
    margin-left: 28px;
  }
  .menuSp .m11 {
    clear: left;
  }
  .menuSp li a {
    position: relative;
    height: 100px;
  }
  .menuSp li.txt a {
    height: auto;
  }
  .menuSp .m1 {
    display: none;
  }
  .menuSp .m2 a {
    background-position: -700px 0;
  }
  .menuSp .m3 a {
    background-position: -700px -100px;
  }
  .menuSp .m4 a {
    background-position: -700px -200px;
  }
  .menuSp .m5 a {
    background-position: -700px -300px;
  }
  .menuSp .m6 a {
    background-position: -700px -400px;
  }
  .menuSp .m7 a {
    background-position: -700px -500px;
  }
	.menuSp .m13 a {
	background-image: url(../images/base/sprite_menu.png);
    background-position: -400px -800px;
  }
  .menuSp li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 39px;
    right: 48px;
    width: 15px;
    height: 20px;
    background-position: -500px -350px;
  }
  .menuSp li.txt a:after {
    display: none;
  }
  
  /*--20161103追記--*/
  .onlinshopLink {
	  position: absolute;
	  top: 30px;
	  right: 105px;
	  z-index: 3000;
	  text-indent: -999em;
  }
  .onlinshopLink a {
	  display: block;
	  width: 59px;
	  height: 64px;
	  background: url(../images/base/sprite.png) no-repeat -800px -620px;
  }
  
  /*===================================
    footer  
  =====================================*/
  
  .footer:after {
    top: 185px;
    width: 275px;
    height: 108px;
    margin-left: -137.5px;
    background-position: 0 -300px;
  }
  .pagetop {
    height: 29px;
  }
  .pagetop a {
    width: 60px;
    height: 60px;
    background-position: -100px -550px;
  }
  .footMenu {
    padding-top: 60px;
    padding-bottom: 170px;
  }
  .footMenu {
    text-align: center;
    line-height: 1.4;
  }
  .siteNavi,
  .linkNavi {
    float: none;
  }
  .siteNavi {
    margin-bottom: 10px;
  }
  .copy {
    width: 358px;
    height: 19px;
    margin-bottom: 60px;
    background-position: 0 -500px;
  }
  
  /*-- sns --*/
  
  .footer .sns {
    margin-bottom: 25px;
  }
  .footer .sns a {
    width: 51px;
    height: 51px;
    margin: 0 5px;
  }
  .footer .sns .fb a {
    background-position: -400px -450px;
  }
  .footer .sns .twt a {
    background-position: -500px -450px;
  }
  
  /*===================================
    asideLink  
  =====================================*/
  
  .asideLink {
    padding: 60px 0 35px;
  }
  .asideLink ul {
    width: auto;
    margin: 0;
  }
  .asideLink li {
    width: auto;
    margin: 0 0 20px;
  }
  
  .asideLink img {
    margin: 0;
  }
  .asideLink p {
    display: none;
  }
  
  /*===================================
    共通  
  =====================================*/
  
  /*-- ニュースカテゴリー --*/
  .cat a {
    height: 23px;
  }
  .cat .c1 a {
    width: 124px;
    background-position: -110px 0;
  }
  .cat .c2 a {
    width: 137px;
    background-position: -110px -50px;
  }
  .cat .c3 a {
    width: 82px;
    background-position: -110px -100px;
  }
  .cat .c4 a {
    width: 149px;
    background-position: -110px -150px;
  }
  .cat .c5 a {
    width: 59px;
    background-position: -110px -200px;
  }
  .cat .c6 a {
    width: 97px;
    background-position: -110px -250px;
  }
  .cat .c7 a {
    width: 149px;
    background-position: -110px -300px;
  }
  
}