@charset "euc-jp";
.slider {
  position: relative;
  max-width:1920px;
  margin:0 auto;
}
.bx-viewport {
  border: none !important;
  left: 0 !important;
}
#slider div {
  width: 100% !important;
}

.more_prd {
  display: none;
  background-color: #aaa;
  color: #fff;
  font-size: 123.076%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.free_space_block {
  margin-top: 3em;
}


/*  --   INSTEP -------------------------------*/

/*TOP.CSS*/
#msk_header .msk_navi a.msk_h_logo{
 float:none;
 display:block;
}
#msk_header .msk_navi .msk_log_cart{position: absolute; top:5px; right:0;}
#msk_header .msk_navi .msk_log_cart span {padding-top:2px; padding-bottom:2px;
border-top-left-radius:5px;  border-top-right-radius:5px; 
-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;
-moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px;}
#msk_header .msk_navi ul{
 float:none;
 display:block;
/*width:940px;
  width:810px;
  width:750px;
*/
  width:766px;
 margin:0 auto;
}
#msk_header .msk_navi ul li a,
#msk_header .msk_navi ul li span.nolink{
/*padding: 10px 20px 0 20px;*/
padding: 10px 15px 0 15px;
}




#msk_header .msk_navi ul li a:hover{color:#ff6600;}
@media print, screen and (max-width: 768px) {
#msk_header .msk_navi ul{
 width:100%;
}
/* index.CSS from copy */
#msk_header .msk_navi ul li{
display: table;
float:none;width:100%;border-top: 1px solid #ccc;
}
#msk_header .msk_navi ul li.sp_btn{
display: block;
float:left; width:50%; /*width:100%;*/ box-sizing:border-box;
}
#msk_header .msk_navi ul li:nth-last-child(3){
 width:100%;
} 
#msk_header .msk_navi ul li.sp_btn span{ display:table; width:100%;}
#msk_header .msk_navi ul li a{
color:#777;
display: table-cell; vertical-align:middle;
padding: 0 0 0 1em;
height:3em;
line-height: 1;
text-decoration:none;
width:100%;
}
#msk_header .msk_navi ul li:nth-last-child(2){ border-right: 1px solid #ccc; box-sizing:border-box;}
#msk_header .msk_navi ul li:last-child,#msk_header .msk_navi ul li:nth-last-child(2){ border-bottom: 1px solid #ccc;}
/* //index.CSS from copy */
}
/* naiyou 20200507*/
#msk_wrapper_cts .top_mtsuiCts_width {
    width: 1170px;
    margin: 2em auto 0 auto;
}
#msk_wrapper_cts .top_mtsuiCts_width.box02 {
    margin: 1em auto 0 auto;
}
#msk_wrapper_cts .top_mtsuiCts_width h2,
#msk_wrapper_cts .top_mtsuiCts_width h3{
border-top: 1px solid #999;
line-height: 1.25;
text-align: center;
margin-top: 4em;
margin-bottom: 1em;
}
#msk_wrapper_cts .top_mtsuiCts_width h3.gomon{margin-top: 3em;}
#msk_wrapper_cts .top_mtsuiCts_width h2{margin-top: 2em;}
#msk_wrapper_cts .top_mtsuiCts_width.ttlImgunder h2,
#msk_wrapper_cts .top_mtsuiCts_width.ttlImgunder h3{
margin-top: 2em;
}
#msk_wrapper_cts .top_mtsuiCts_width h2 span,
#msk_wrapper_cts .top_mtsuiCts_width h3 span{ 
background:#fff;
margin-top: -.65em;
display: inline-block;
padding: 0 .5em;
}

#msk_wrapper_cts .top_mtsuiCts_width h2 span.line2,
#msk_wrapper_cts .top_mtsuiCts_width h3 span.line2{ 
margin-top: -1.3em;
}
#msk_wrapper_cts .top_mtsuiCts_width h3 span p{font-size: 0.8em;}
#msk_wrapper_cts .top_mtsuiCts_width h3 a{color: #444;text-decoration:none;}
#msk_wrapper_cts .top_mtsuiCts_width h3 a:hover{text-decoration:underline;}

/*松井酒造のご案内*/
#msk_wrapper_cts #topguide.top_mtsuiCts_width div.topguideread,
#msk_wrapper_cts .top_mtsuiCts_width.ttlImgunder div.topguideread{text-align:center;}
#msk_wrapper_cts #topguide.top_mtsuiCts_width div.topguideread{font-weight:normal;}
/*松井酒造のご案内*/
#msk_wrapper_cts #topsakegroup.top_mtsuiCts_width{ margin-top:5em; padding:0 3em; box-sizing:border-box;}
#msk_wrapper_cts #topsakegroup.top_mtsuiCts_width div.left_sake{ float:left; width:30%; padding-right:2%; box-sizing:border-box; text-align:center;}
#msk_wrapper_cts #topsakegroup.top_mtsuiCts_width div.right_sake{float:right; width:70%; padding-left:2%; box-sizing:border-box;}
#msk_wrapper_cts #topsakegroup.top_mtsuiCts_width div.left_sake img{ width:100%; max-width:350px; margin:0 auto;}
#msk_wrapper_cts #topsakegroup.top_mtsuiCts_width div.right_sake h3{border-top: none;text-align: left;margin-top: 0;}
#msk_wrapper_cts #topsakegroup.top_mtsuiCts_width div.right_sake p{ padding: 0 0 1em 0;}
#msk_wrapper_cts #topsakegroup.top_mtsuiCts_width div.topmeigara ul{ display:flex; justify-content: space-between;}
#msk_wrapper_cts #topsakegroup.top_mtsuiCts_width div.topmeigara li{ float:none; width:17%; padding:0 .25em 0 .25em; box-sizing:border-box;}
#msk_wrapper_cts #topsakegroup.top_mtsuiCts_width div.topmeigara li img{ width:100%; margin:2em 0 .5em 0; background-color:#efefef;}
#msk_wrapper_cts #topsakegroup.top_mtsuiCts_width div.topmeigara li p{ font-size:12px;}
#msk_wrapper_cts #topsakegroup.top_mtsuiCts_width div.topmeigara li p span{ font-weight:bold; display:block; font-size:1.2em;}

#msk_wrapper_cts #topsakegroup.top_mtsuiCts_width div.topmeigara li a{color:#555; text-decoration:none;}




#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline{
display:flex;
justify-content: flex-start;
flex-wrap: wrap;
}
#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline{
justify-content: center;
}

#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline .prd_lst_unit_s{
width: 24.25%;
/*border: 1px solid #dddddd;*/
padding: 1em;
box-sizing: border-box;
float: none;
margin-bottom: 15px;
margin-left: 0%;
word-break: break-all;
margin-right: 1%;
line-height: 1.4;
 text-align:center;
}
#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline .prd_lst_unit_s:nth-child(4n){
margin-right: 0%;
}
#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List02 .prd_lst_unit_s{
width: 19.2%;
}
#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List02 .prd_lst_unit_s:nth-child(4n){
margin-right: 1%;
}
#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List02 .prd_lst_unit_s:nth-child(5n){
margin-right: 0%;
}
.left_chitose{float: left; width: 55%;}
.right_chitose{float: right; width: 41%;}
.left_goyosyoku{float: left; width: 48%;}
.right_goyosyoku{float: right; width: 48%;}

#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List03 .prd_lst_unit_s{
width: 32.666%;
}
#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List03 .prd_lst_unit_s:nth-child(4n){
margin-right: 1%;
}
#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List03 .prd_lst_unit_s:nth-child(3n){
margin-right: 0%;
}
#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top_fujichitose .prd_lst_unit_s,
#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top_kyochitose .prd_lst_unit_s,
#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top_goyo .prd_lst_unit_s,
#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top_syoku .prd_lst_unit_s{
padding:.5em;	
}

#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List08 .prd_lst_unit_s{
width: 11.625%;
padding: .5em;
}
.prd_lst_price{display:none;}

#msk_wrapper_cts #toptitle100{margin: 4em auto 0 auto; width:100%; max-width:1920px;}
#msk_wrapper_cts #toptitle100 img{width:100%;}
#msk_wrapper_cts #toptitle100 div.bgtimage01{ background: url(https://file003.shop-pro.jp/PA01458/099/images/dekirumade_titlebg.jpg) center no-repeat; background-size: cover;height: 380px;}
#msk_wrapper_cts #toptitle100 div.bgtimage01.dayori{ background: url(https://file003.shop-pro.jp/PA01458/099/images/dayori_titlebg.png) center no-repeat;}
#msk_wrapper_cts #toptitle100 div.bgtimage01.okaimono{ background: url(https://file003.shop-pro.jp/PA01458/099/images/buy_titlebg.png) left center no-repeat;}
#msk_wrapper_cts #toptitle100 div.bgtimage01.companyarea{ background: url(https://file003.shop-pro.jp/PA01458/099/images/comapny_titlebg02.jpg) center no-repeat;}
#msk_wrapper_cts .top_mtsuiCts_width div.sakedukuribtn,
#msk_wrapper_cts .top_mtsuiCts_width div.okaimonobtn,
#msk_wrapper_cts .top_mtsuiCts_width div.companyareabtn,
#msk_wrapper_cts .top_mtsuiCts_width div.dayoribtn{text-align: center;margin: 1em 0; /*font-size: 1.2em;*/ font-size: 1.1em;}
#msk_wrapper_cts .top_mtsuiCts_width div.sakedukuribtn ul,
#msk_wrapper_cts .top_mtsuiCts_width div.okaimonobtn ul,
#msk_wrapper_cts .top_mtsuiCts_width div.companyareabtn ul,
#msk_wrapper_cts .top_mtsuiCts_width div.dayoribtn ul{ display: inline-block;}

#msk_wrapper_cts .top_mtsuiCts_width div.dayoribtn ul{width:100%; display:flex; justify-content: space-between;} 
#msk_wrapper_cts .top_mtsuiCts_width div.dayoribtn li{ width: 25%; padding: 1em 1em 2em 1em;
margin: 2%; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box;}
#msk_wrapper_cts .top_mtsuiCts_width div.dayoribtn li p{padding-bottom: .5em;}
#msk_wrapper_cts .top_mtsuiCts_width div.dayoribtn li div{ width:100%; display:flex; justify-content: space-around;}
#msk_wrapper_cts .top_mtsuiCts_width div.dayoribtn li div a{width:33%;}
#msk_wrapper_cts .top_mtsuiCts_width div.dayoribtn li div img{width:90%;}
#msk_wrapper_cts .top_mtsuiCts_width div.dayoribtn li div a.hidden_btn{display:none;}
#msk_wrapper_cts .top_mtsuiCts_width div.okaimonobtn li.kiri01:after,
#msk_wrapper_cts .top_mtsuiCts_width div.companyareabtn li.kiri01:after{content:"　/　"}
#msk_wrapper_cts #news.top_mtsuiCts_width{}
#msk_wrapper_cts #news.top_mtsuiCts_width ul{ width: 100%; margin: 0 auto; border-top:1px solid #ccc;}
#msk_wrapper_cts #news.top_mtsuiCts_width li{ border: 1px solid #ccc; border-top:none; padding: .25em 2em;width: 100%; box-sizing: border-box;}
#product_area{
	padding-top: 1em;
    margin-top: -1em;
}




@media print, screen and (max-width: 768px) {
#newspoint,
#kaguralist,
#brewing_area,
#infomation_area,
#shopping_area,
#company_area {
    padding-top: 50px;
    margin-top: -50px;
}
    #msk_wrapper_cts .top_mtsuiCts_width {
      width: 100%;
      margin: 0 auto 0 auto;
      padding: 20px;
      box-sizing:border-box;
    }
  	#msk_wrapper_cts .top_mtsuiCts_width.box02 {
    margin: 0 auto 0 auto;
	}
     /*松井酒造のご案内*/
  	#msk_wrapper_cts .top_mtsuiCts_width h2{margin-top: 1em;}
  	#msk_wrapper_cts #topguide.top_mtsuiCts_width {padding-top: 0;}
    #msk_wrapper_cts #topguide.top_mtsuiCts_width div.topguideread,
  	#msk_wrapper_cts .top_mtsuiCts_width.ttlImgunder div.topguideread{ display:inline-block; line-height: 1.8; width: 100%;}
    #msk_wrapper_cts #topsakegroup.top_mtsuiCts_width { margin-top: 0em;padding: 0 20px;}
    #msk_wrapper_cts #topsakegroup.top_mtsuiCts_width div.topmeigara li p {
        writing-mode: vertical-rl;
        text-orientation: upright;
        text-align: left;
        margin: 0 auto;width: 3em;
    }
  	#msk_wrapper_cts #toptitle100{margin: 2em 0 0 0;}
	#msk_wrapper_cts #toptitle100 div.bgtimage01,
	#msk_wrapper_cts #toptitle100 div.bgtimage01.dayori,
	#msk_wrapper_cts #toptitle100 div.bgtimage01.okaimono,
	#msk_wrapper_cts #toptitle100 div.bgtimage01.companyarea{ background-size: cover; height: 253px;}
  	#msk_wrapper_cts #news.top_mtsuiCts_width{ margin-bottom: 0em;}
	#msk_wrapper_cts #news.top_mtsuiCts_width li{ padding: .25em .5em;}
  	#msk_wrapper_cts #news.top_mtsuiCts_width li a{ display:inline-block;}
  #msk_wrapper_cts #topguide.top_mtsuiCts_width div.topguideread span.spibtop,
  #msk_wrapper_cts .top_mtsuiCts_width.ttlImgunder div.topguideread span.spibtop{ display:inline-block;}
  
  #msk_wrapper_cts .top_mtsuiCts_width div.sakedukuribtn ul{ display: flex; flex-wrap: wrap; justify-content: center;}
  #msk_wrapper_cts .top_mtsuiCts_width div.sakedukuribtn ul li{ margin-bottom: .5em;}
  
/*  .right_chitose,
  .right_goyosyoku{ margin-top: 3em;}
*/
  
}
@media print, screen and (max-width: 630px) {  /* 3 */
  	#msk_wrapper_cts .top_mtsuiCts_width h3{margin-top: 2em;}
  #msk_wrapper_cts .top_mtsuiCts_width h3.gomon{margin-top: 1em;}
	#msk_wrapper_cts .top_mtsuiCts_width.ttlImgunder h2,
	#msk_wrapper_cts .top_mtsuiCts_width.ttlImgunder h3{
	margin-top: 1em;
	}
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline .prd_lst_unit_s,
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List02 .prd_lst_unit_s,
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List03 .prd_lst_unit_s,
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List08 .prd_lst_unit_s{
	width: 32.666%;
	padding: .5em;
	}
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline .prd_lst_unit_s:nth-child(4n),
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List02 .prd_lst_unit_s:nth-child(4n),
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List02 .prd_lst_unit_s:nth-child(5n),
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List08 .prd_lst_unit_s:nth-child(8n){
	margin-right: 1%;
	}
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline .prd_lst_unit_s:nth-child(3n),
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List02 .prd_lst_unit_s:nth-child(3n),
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List08 .prd_lst_unit_s:nth-child(3n){
	margin-right: 0%;
	}
	.left_chitose,
	.right_chitose,
	.left_goyosyoku,
	.right_goyosyoku{float: none; width: 100%;}
    #msk_wrapper_cts .top_mtsuiCts_width div.dayoribtn ul{  flex-wrap: wrap;}
	#msk_wrapper_cts .top_mtsuiCts_width div.dayoribtn li {
    width: 45.8%;
    padding: 1em 1em 2em 1em;
    margin: 2%;
    border: 1px solid #ccc;
    border-radius: 5px;
	}
  	#product_area,#fujilist,#kyolist,#goyolist,#shokulist{
	padding-top: 1em;
    margin-top: -1em;
	}
}
@media print, screen and (max-width: 600px) {
	#msk_wrapper_cts .top_mtsuiCts_width div.okaimonobtn li{float:none; display: block; margin-top: 1em;}
	/*#msk_wrapper_cts .top_mtsuiCts_width div.companyareabtn li{float:none; display: block; margin-top: 1em;}*/
  #msk_wrapper_cts .top_mtsuiCts_width div.okaimonobtn li:last-child{ margin-bottom: 1em;}
  /*#msk_wrapper_cts .top_mtsuiCts_width div.companyareabtn li:last-child{ margin-bottom: 1em;}*/
	#msk_wrapper_cts .top_mtsuiCts_width div.okaimonobtn li.kiri01:after{content:""}
	/*#msk_wrapper_cts .top_mtsuiCts_width div.companyareabtn li.kiri01:after{content:""}*/
}
@media print, screen and (max-width: 520px) {
  #msk_wrapper_cts .top_mtsuiCts_width div.sakedukuribtn ul li:first-child{ margin-left: 1em;}
}
@media print, screen and (max-width: 414px) {
    #msk_wrapper_cts #topsakegroup.top_mtsuiCts_width div.left_sake {
      float: none;
      width: 100%;
      padding-right: 0%;
  	}
    #msk_wrapper_cts #topsakegroup.top_mtsuiCts_width div.right_sake {
      float: none;
      width: 100%;
      padding-left: 0;
      margin-top:1em;
 	 }
  	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline{
		display:flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline .prd_lst_unit_s,
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List02 .prd_lst_unit_s,
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List03 .prd_lst_unit_s,
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List08 .prd_lst_unit_s{
	width: 49.5%;
	}
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline .prd_lst_unit_s:nth-child(3n),
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List02 .prd_lst_unit_s:nth-child(3n),
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List03 .prd_lst_unit_s:nth-child(3n),
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List08 .prd_lst_unit_s:nth-child(3n){
	margin-right: 1%;
	}
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline .prd_lst_unit_s:nth-child(2n),
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List02 .prd_lst_unit_s:nth-child(2n),
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List03 .prd_lst_unit_s:nth-child(2n),
	#msk_wrapper_cts .top_mtsuiCts_width ul#top-Listline.top-List08 .prd_lst_unit_s:nth-child(2n){
	margin-right: 0%;
	}
	#msk_wrapper_cts #toptitle100 div.bgtimage01,
	#msk_wrapper_cts #toptitle100 div.bgtimage01.dayori,
	#msk_wrapper_cts #toptitle100 div.bgtimage01.okaimono,
	#msk_wrapper_cts #toptitle100 div.bgtimage01.companyarea{ background-size: cover; height: 168px;}
}
@media print, screen and (max-width: 359px) {
#msk_wrapper_cts .top_mtsuiCts_width div.companyareabtn li{float:none; display: block; margin-top: 1em;}
#msk_wrapper_cts .top_mtsuiCts_width div.companyareabtn li:last-child{ margin-bottom: 1em;}
#msk_wrapper_cts .top_mtsuiCts_width div.companyareabtn li.kiri01:after{content:""}
}
/*  -- //  INSTEP -------------------------------*/

/* デバイスの向き（横） */
@media screen and (max-width: 768px) and (orientation: landscape) {
	#msk_header .msk_navi ul li:first-child{display:none;}
	#msk_header .msk_navi ul li{
	float: left;
	width: 50%;
	}
	#msk_header .msk_navi ul li:nth-child(4n+3){ border-right: 1px solid #ccc; box-sizing: border-box;}
  #msk_header .msk_navi ul li:nth-last-child(3), #msk_header .msk_navi ul li:nth-last-child(4){border-right: none;}
}


/* facebook + layout */
#msk_wrapper_cts #news.top_mtsuiCts_width .news_in { float: left; width:800px; box-sizing: border-box;  height:auto; border:1px solid #ddd;  border-left:0; border-right:0; }
#msk_wrapper_cts .top_mtsuiCts_width .news_in h3 {
border-top: 0 solid #999;
line-height: 1.25;
text-align: left;
margin-top: 0;
margin-bottom: 0;
display:flex; justify-content: space-between; align-items:baseline;
}
#msk_wrapper_cts #news.top_mtsuiCts_width .news_in h3 span {
background: #fff;
margin-top: 0;
display: inline-block;
padding: .25em;
}
#msk_wrapper_cts #news.top_mtsuiCts_width .news_in h3 a{font-size: 0.5em; margin-right: .5em;}
#msk_wrapper_cts #news.top_mtsuiCts_width .news_in ul{ width:100%; box-sizing: border-box; border-top: 1px solid #ddd; overflow: auto; height: 83.5px;}
#msk_wrapper_cts #news.top_mtsuiCts_width .news_in ul li { border:none; border-top: 1px dotted #aaa; padding: .45em 2em;}
.fbarea { width: 320px; height: 131px; margin-top: 0;  padding: 0 0 0 0; background: #f6f6f6; border:1px solid #ddd; overflow: hidden; float: right;}
#msk_wrapper_cts #news.top_mtsuiCts_width .news_in ul li a{ margin-left: 1em;}
/*.fbarea .fb-page{ margin-top:-70px;margin-left: -72px; margin-left: -5px;}
.fbarea .fb-page span,
.fbarea .fb-page span iframe{ width: 100%!important; min-width: 320px;}
.fbarea .fb-page span iframe{ height: 300px!important;}*/
.fbarea{ display:block;}
	
@media print, screen and (max-width: 768px) {
	#msk_wrapper_cts #news.top_mtsuiCts_width .news_in { width: calc(100%); height: 133px; float: none;}
  #msk_wrapper_cts #news.top_mtsuiCts_width .news_in ul{ height: 99px;}
	#msk_wrapper_cts #news.top_mtsuiCts_width .news_in ul li { padding: .45em 1em;}
	#msk_wrapper_cts #news.top_mtsuiCts_width .news_in h3 a{font-size: 0.65em;}
  /*.fbarea .fb-page.fb_iframe_widget_fluid{ display:inline-block!important;}
  .fbarea .fb-page{ margin-left: -72px;}*/
}
@media print, screen and (max-width: 700px) {
	#msk_wrapper_cts #news.top_mtsuiCts_width .news_in {  width: calc(100%);float: none; height: auto;}
	#msk_wrapper_cts #news.top_mtsuiCts_width .news_in ul {height: 65px;}
	.fbarea { width: 100%; height: 131px; margin: 1em 0 0 0; float: none; text-align: center; background: #f6f6f6;}#msk_header .msk_navi ul li a,
#msk_header .msk_navi ul li span.nolink
	/*.fbarea .fb-page span,
	.fbarea .fb-page span iframe{ width: 100%!important; min-width: 500px;}*/
}
@media print, screen and (max-width: 414px) {
	#msk_wrapper_cts #news.top_mtsuiCts_width .news_in ul {height: 104px;}
	#msk_wrapper_cts #news.top_mtsuiCts_width .news_in ul li a{ margin-left: 0em; display:block;}
}
/* // facebook + layout */

/* TOP G MENU syuusei 20201002*/
#msk_header {
    margin: 0 auto;
    padding: 10px 45px;
    background-color: rgba(0, 8, 26, 0.5);
    position: absolute;
    z-index: 02;
    width: 100%;
    box-sizing: border-box;
  box-shadow: 0px 0px 16px -10px rgba(0,0,0,0.4);
}
#msk_header .msk_navi {
    position: relative;
    width: 1170px;
    margin: 0 auto;
}
#msk_header .msk_navi {
    background: transparent;
}
#msk_header .msk_navi .msk_log_cart span {
    border: 1px solid #bbb;
    background: transparent;
}
#msk_header .msk_navi ul li a, #msk_header .msk_navi ul li span.nolink {
    color: #fff;
}
#msk_header .msk_navi .msk_log_cart span a {
    color: #fff;
}

.cmouse{ display:none;}
.topuse{ display:inline-block;}

@media print, screen and (max-width: 1024px) {
  #msk_header { width: auto;}
}

@media print, screen and (max-width: 768px) {
.cmouse{ display:inline-block;}
.topuse{ display:none;}
 #msk_header {
    position: fixed;
    z-index: 10000;
    background: #fff;
    padding: 0 0;
   width: 100%;
}
#msk_header .msk_navi {
	width: auto;
	background: #fff;
}
#msk_header .msk_navi a.msk_h_logo {
    float: left;
    width: 235px;
}
#msk_header .msk_navi ul li a, #msk_header .msk_navi ul li span.nolink{
color: #777;
}
#msk_header .msk_navi ul li a,
#msk_header .msk_navi ul li span.nolink{
padding: 0 0 0 1em;
}
  
}
/*sold out TopOnly none*/
.prd_lst_soldout {
    /*display: none;*/
}


#msk_header .msk_navi ul#spopen li.cmn{ display:none;}
#msk_header .msk_navi ul#spopen li.top{ display:table;}

/*20210428*/
.topguideread.opcl202104{ border:1px dotted #999; padding:.75em .5em; box-sizing:border-box; line-height:1.4; width:40em; margin:1em auto 0 auto;}
.topguideread.opcl202104 div.box-opcl202104{margin-bottom:.25em; display:block;vertical-align:top;}
.topguideread.opcl202104 div.box-opcl202104 span.name{font-weight:bold; display:inline-block;vertical-align:top;}
.topguideread.opcl202104 div.box-opcl202104 span.name span{font-size:82.75%;}
.topguideread.opcl202104 div.box-opcl202104 span.time{display:inline-block;}
.topguideread.opcl202104 div.box-opcl202104 span.time span{font-size:0.75em;display:block;}
.topguideread.opcl202104 p.box-note202104{color:#b52b27; font-size:85%;}
.topguideread.opcl202104 p.box-note202104 span{ display:inline-block;}
@media print, screen and (max-width: 630px) {
.topguideread.opcl202104{ width:100%;}
}
/*20210428*/

	/* 20210525 eng seisaku ni tomonau*/
	/*jpn only*/
	.engon{display:none!important;}
	@media print, screen and (max-width: 768px) {
		#msk_header .msk_navi ul li:nth-child(15){width: 100%;}
		#msk_header .msk_navi ul li:nth-child(16){border-right: 1px solid #ccc;}
	}
	@media print, screen and (max-width: 768px) and (orientation: landscape) {
		#msk_header .msk_navi ul li:nth-child(14){width:100%;}
	}
	/*eng only
	.engoff{display:none!important;}
	#page-top_sp.engon-off{top:auto; bottom: -62px;}
	#msk_footer .msk_f_logo{padding:20px 0 10px 0;}
	#msk_header .msk_navi ul{ width: 640px;}
	@media print, screen and (max-width: 768px) {
		#msk_header .msk_navi ul{ width: 100%;}
		#msk_header .msk_navi ul li:nth-child(18){ display:none;}
		#msk_header .msk_navi ul li.engon-off{border-bottom: 0px solid #ccc;border-right: 0 solid #ccc;}
		#msk_header .msk_navi ul li.engon.sp_btn{width: 100%;}
		#page-top_sp.engon-off{top:auto; bottom: -42px;}
		#msk_footer .msk_f_logo{padding:10px 0;}
	}
	@media print, screen and (max-width: 768px) and (orientation: landscape) {
		#msk_header .msk_navi ul li:nth-child(20),
		#msk_header .msk_navi ul li:nth-child(22),
		#msk_header .msk_navi ul li:nth-child(24),
		#msk_header .msk_navi ul li:nth-child(25),
		#msk_header .msk_navi ul li:nth-child(26){width:100%;border-right: 0 solid #ccc;}
	}*/

@media print, screen and (max-width: 768px) {
/*nav li cheange 20210614*/
#msk_header .msk_navi ul li{border-top: 1px dotted #ccc;}
#msk_header .msk_navi ul li:nth-child(3){border-top: 1px solid #ccc; }
#msk_header .msk_navi ul li a{height: 3.6em;}
#msk_header .msk_navi ul li a, #msk_header .msk_navi ul li span.nolink{color: #333;  padding: 0 0 0 1.5em; font-weight: bold;}
#msk_header .msk_navi ul li:nth-child(16){ border-right: 1px dotted #ccc;}
/* //nav li cheange 20210614*/
  
  
}