@charset "euc-jp";

/* 標準可変メディア */
img, object, embed, video { max-width: 100%; height: auto; }
/* IE対応 */
.ie6 img { width:100%; }
img { -ms-interpolation-mode: bicubic; }

/* ===============================
デスクトップ
================================= */
.gridContainer { width: 80.1%; max-width: 960px; margin: auto; }
/* ヘッダー */
#header { background: #ddd url(https://nakayama-sc.co.jp/renew/img/bg_header.png); margin:0; padding:0; }
#obi { background:#eeeeee; margin:0; padding:3px 0; border-top: solid 2px #bbb; border-bottom: solid 3px red; }/* h1背景色 */
#obi h1 { width: 960px; margin:0 auto; padding:0; font-size: 0.7em; font-weight:normal; color:#9b9b8c; }/* h1文字色 */
#logo { clear: both; float: left; margin-top: 2%; margin-bottom: 2%; margin-right:3.125%; margin-left:0.9%; width: 22.875%; display: block; }
#menubox { clear: none; float: left; margin-left: 0; width: 73.1%; }

#menu { width: 100%; max-width: 701px; margin: 0 ; padding: 0; border-right:solid 1px #bbb;}
#menu li { display: block; float: left; width: 25%; margin: 0; padding: 0; }
#menu li a { display: block; height:31px; background: #fff; text-align: center; text-decoration: none; border-left:solid 1px #bbb; border-bottom: 1px solid #bbb; }
#menu li a:hover { background: #fefde2; }


#toggle { display: none; }
#headercredit { clear:both; padding:2% 0; }
#creditcard { float:left; width:46%; padding-top:0.5%; margin-top:2%; }
#shoppincart { float:right; width:50%; margin-top:2%; }
#shoppincart a:hover img { filter:alpha(opacity=50); -moz-opacity: 0.5;	opacity: 0.5; }
#shoppincart ul { width:100%; padding:0; margin:0; list-style:none; }
#shoppincart li { display: block; float: left; width:50%; text-align:center; }
#searchbox { clear: both; width:51.5%; float:left; }
dl.gsearch { position: relative; }
dl.gsearch dt { width:60%; padding:0; margin:0; background-color:#fff; border:1px solid #aaa; float:left; }
dl.gsearch dt input { width:100%; padding:0; margin:0; height:30px; line-height:30px; background:none; border:none; }
dl.gsearch dd { width:20%; padding:0; margin:0; border:1px solid #bbb; float:left; }
dl.gsearch dd button {width: 100%; padding:0; margin:0; height:30px; line-height:30px; color:#fff; text-align:center; background:#cecebf; border:none; display:block; }
dl.gsearch dd button:hover { background: #a5a589; }
#headerinfo { width:48%; float:right; padding:15px 0; }
#cnav { clear: both; width:100%; background:url(https://nakayama-sc.co.jp/renew/img/back.png);}/* ガイダンス背景 */
#cnav ul { width:100%; padding:0; margin:0; list-style:none; }
#cnav li { display: block; float: left; width:20%; padding:2% 0; text-align:center; }
#cnav a:hover img { position: relative; top: 3px; left: 2px; }
/* トップのみバナー */
.picbox{  margin-left: auto; margin-right: auto; padding-top: 20px; width: 100%; background:#FDFCF2; }
#picitem{ clear: both; width:100%; max-width: 988px; margin: auto; }
#picitem ul { margin:0 0 0 2.5% ; padding:0; list-style:none; }
#picitem li { display: block; float: left; width:33.333%; margin-bottom: 20px; }
#picitem a:hover img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
/* サイドメニュー */
#aside { clear: none; float: left; margin-left: 0; margin-right: 3.125%; width: 23.958%; display: block; }
#aside h4 { font-size:0.9em; font-weight:normal; padding:2% 4% ; margin:15px 0 0 0; background:#6a5748; color:#fff; }/* サイドh4背景 */
.sidenav { width:100%; display: block; line-height:1.4em; margin:3% 0 0 0;}
ul.sidenav > li > p { border: solid 3px #f0ecd9;  margin:3% 0 0 0;}
ul.sidenav > li > ul > li { border-bottom: dotted 2px #eee; }
ul.sidenav a {display:block; background-position:95% center; background-repeat:no-repeat;}
ul.sidenav span {display:block; background-position:95% center; background-repeat:no-repeat;}
ul.sidenav > li > p span { background-image:url(https://nakayama-sc.co.jp/renew/img/icon_a1.png); }
ul.sidenav > li > p span.open { background-image:url(https://nakayama-sc.co.jp/renew/img/icon_a1.png);  }
ul.sidenav > li > a { background-image:url(https://nakayama-sc.co.jp/renew/img/icon_a1.png); }
ul.sidenav > li > ul > li > p span.open { background-image:url(https://nakayama-sc.co.jp/renew/img/icon_close1.png);}
ul.sidenav > li > ul > li > a { background-image:url(https://nakayama-sc.co.jp/renew/img/icon_a2.png); font-size:85%; }


ul.sidenav ul li a:hover { background-color:#fefde2; text-decoration : none; background-image:url(https://nakayama-sc.co.jp/renew/img/icon_a2.png); }

ul.sidenav li ul { padding-bottom:2.8%; }
ul.sidenav li ul li img { margin-right:2.8%; }
.sidebnr { width:100%; margin-top:10%; overflow: hidden; }
.sidebnr a:hover img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.sidebnr ul { margin:0; padding:0; list-style:none; }
.sidebnr ul li { width:100%; margin-left:0; margin-bottom:5%; }
#sidecompany { margin:8% 0; border:solid 1px #b6b6b6; }
#sidecompany ul { zoom: 1; overflow: hidden; margin:0; padding:0; list-style:none; }
#sidecompany a { text-decoration:none; }
#sidecompany li { line-height:32px; }
#sidecompany li a { display:block; margin-top:-1px; padding:1% 0 1% 3%; line-height:32px; border-top:solid 1px #b6b6b6; background:url(https://nakayama-sc.co.jp/renew/img/back_clist.png) no-repeat right center; }
#sidecompany li a:hover { background:url(https://nakayama-sc.co.jp/renew/img/back_clist_on.png) no-repeat right center; }



.newsf { border:2px #BBA791 solid; padding:1.5%; background:#FFF; margin:10px 0 0 0; font-size:85%; width:94.5%;}
.newsf dl { margin:0; padding:0; width:100%; }
.newsf dt { float:left; padding-top:4px; padding-bottom:4px;}
.newsf dd { padding-left:16.406%; padding-top:4px; padding-bottom:4px; margin:0; border-bottom:dotted 1px #999999;}











/* メイン */
#container { clear: both; float: right; margin-left: 0; margin-right: 0; width: 72.917%; display: block; }
.pankuzu { margin:0; padding:2% 1%; }
.pankuzu li { display:inline; line-height:110%; list-style-type:none; }
.pankuzu li a { padding-right:20px; background:url(https://nakayama-sc.co.jp/renew/img/icon_pankuzu.png) no-repeat right center; }
.listbox { width:98.2%; padding-right:1.8%; }
.products { float: left; width: 31%; margin-left:2.33%; margin-bottom:2.33%; }
/* ショッピングカート */
.cartbox { width:98.4%; padding:1.8%; }
.cartbox .img { width:1%; float:left; margin-right:4.44%; }
.cartbox .txt { width:98.4%; float:right; }
.cartbox .txt p.tit { padding:2% 2% 2% 2%; background:#000; color:#fff; font-weight:bold; }
.cartbox .txt ul { margin:0% 3.1% 0% 0%; padding:0% 0% 0% 0%; list-style:none; overflow: hidden; }
.cartbox .txt li { width:16.5%; float:left; padding:2%; margin-bottom:3.79%; margin-left:3.79%; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border: solid 1px #ccc; text-align:center; font-size:85%; }
.cartbox .txt li img { margin-bottom:4% ; }
.cartbox select {/* Firefox */
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
.cartbox select::-ms-expand {/* ie */
  display: none;
}
.day01 { background:#C00; padding:3%; margin-bottom:0; color:#fff; }
.day99 { background:#0072A8; padding:3%; margin-bottom:0; color:#fff; }
.day00 { background:#666; padding:3%; margin-bottom:0; color:#fff; }
/* 注意文 */
.attention { background:#fff; padding:0 1.5%; text-align:center; overflow: hidden; }
.attention ul { margin:0; padding-top:0; padding-bottom:0; padding-right:3%; }
.attention li { margin-bottom:2%; text-align:left; }
/* フッター */
#infomation { clear: both; width:95%; margin:5% 0; padding:2.5%; border:solid 1px #ccc; background:#fff; overflow: hidden; }
#infomation a:hover img { filter:alpha(opacity=50); -moz-opacity: 0.5;	opacity: 0.5; }
#infomation h2 { font-size:108%; font-weight:normal; padding:1% 2% ; background:#6a5748; color:#f0ecd9; }/* インフォh2背景色 */
#infomation h3 { font-size:93%; font-weight:normal; padding:0.8% 7px ; background:#f0ecd9; color:#6a5748; }/* インフォh3背景色 */
#delivery { width:53.179%; float:left; }
#customer { width:43.311%; float:right; margin-left:3.28%; }
.pageTop { display: none; position: relative; width: 90%; max-width: 900px; height: 0; margin: 0 auto; }
.pageTop a { position: fixed; bottom: 0px; left: auto; display: block; width: 66px; hegiht: 66px; margin-left: 940px; padding: 1em 0 1em 2px; background: #f0ecd9; text-align: center; outline: none; text-decoration: none; z-index: 9999; border-radius: 3px 3px 0 0; }
.pageTop a:before, .pageTop a:after { position: absolute; left: 50%; content: ""; width: 0px; height: 0px; margin-left: -10px; border: 10px solid transparent; }
.pageTop a:before { top: 50%; margin-top: -13px; border-bottom: 10px solid #f0ecd9; }
.pageTop a:after { top: 50%; margin-top: -15px; z-index: -1; border-bottom: 10px solid #6a5748; }/* 矢印の色 */

#customer01 { width:47%; margin-right:3%; margin-bottom:5%; float:left; }
#customer02 { width:47%; margin-left:3%; margin-bottom:5%; float:left; }

#footer { clear: both; margin-left: 0;	width: 100%; display: block; }/* フッター背景色 */
#footer a:hover img { filter:alpha(opacity=50); -moz-opacity: 0.5;	opacity: 0.5; }
#sitenav { width: 100%; margin:10px auto 0 auto; padding:1.5% 0; background:#6a5748; }
#sitenav ul { margin:0; padding:0; list-style:none; }
#sitenav li { float: left; width:24.685%; margin:0 0.2% 10px 0; background:#fff; }


#footercontent { clear: both; padding:1.5% 0;  color:#6a5748; background: url(../images/bg-stripe-orange.png) repeat center center;}/* フッターショップ情報背景・文字色 */
#footercontent .link-to-pagetop {
  margin-top: 0rem;
  text-align: center;
}
#footercontent .link-to-pagetop a {
  display: inline-block;
  padding:1.5% 0;
  border-radius: 0px 0px 0 0;
  color: #6a5748;
  text-decoration: none;
  font-weight: bold;
}





#corporate { width:20.125%; float:left; }
#corporate p { margin:1% 0; font-size:85%; }
#corporate img { margin:1% 0 3% 0;}
#mediabox00 { width:100%; float:left; display: block; margin:0; padding:0; }
#mediabox { width:76%; float:right; display: block; }
#mediabox h4 { margin:1% 0 2% 0; padding-bottom:1%; border-bottom: solid 1px #6a5748; font-size:93%;}/* フッターh4背景 */
#media { width:58%; float:left; font-size:93%; }
#media ul { margin:0; padding:0; list-style:none; }
#mediabnr { width:100%; margin-top:1%; display: block; }
#mediabnr img { margin-right:2%;}
#agrandprize { width:41%; float:right; margin-bottom:2%; text-align:center; background:#fff; }
#grouplink { clear: both; font-size:85%; padding-top:1%; border-top: solid 1px #6a5748; }
#copyright { width:100%; margin:0; padding:0.3%; font-size: 85%; font-weight:normal; text-align:center; color:#9b9b8c; background:#cecebf; display: block; }

/* ===============================
画面サイズが768px以下の場合に適用
================================= */
@media screen and (max-width: 769px) {
.gridContainer { margin-left: auto;	margin-right: auto;	width: 100%; }
/* ヘッダー */
#obi h1 { clear: both; width: 100%; margin:0 auto; padding:0; font-size: 0.7em; font-weight:normal; color:#9b9b8c; text-align:center; }
#logo { clear: both; float: left; margin-left: 0; width: 100%; display: block; text-align:center; }
#menubox { clear: none; float: left; margin-left: 0; width: 100%; display: block; border-top:1px solid #aaa; }
#menu li{ width: 50%; }
#searchbox{ width: 96.75%; padding-left: 1.1625%; padding-right: 1.1625%; margin:0 auto; }
#headerinfo{ width: 100%; text-align:center; }
dl.gsearch dt { width:70%; padding:0; margin:0; background-color:#fff; border:1px solid #aaa; float:left; }
/* トップのみバナー */
#picitem ul { margin:0 ; padding:0; list-style:none; }
/* サイドメニュー */
#aside { clear: both; width: 96.75%; padding-left: 1.1625%; padding-right: 1.1625%; margin:0 auto;  }
#sidecompany { margin:8% 0; border:solid 1px #b6b6b6; }
ul.sidenav ul {display:none;}
ul.sidenav li { width:47%; float:left; margin-left:2%; }
ul.sidenav ul li { width:100%; margin:0; padding:0; }
.sidebnr ul { width:97.34%; padding:0 2.66% 0 0; }
.sidebnr ul li { width:47.67%; float:left; margin-left:2.33%; margin-bottom:1.6%; }
#sidecompany { margin:8% 0; font-size:93%; border:solid 1px #b6b6b6; }
/* メイン */
.listbox { width:98.2%; padding-right:1.8%; }
#container { clear: both; width: 96.75%; padding-left: 1.1625%; padding-right: 1.1625%; margin:0 auto;  }
/* フッター */
#delivery { width:46.179%; float:left; }
#customer { width:50.311%; float:right; margin-left:3.28%; }
.pageTop { width: 100%; }
.pageTop a { left: -68px; margin-left: 100%; }
#footer { clear: both; float: left;	margin-left: 0;	width: 100%; display: block; }
#footercontent { clear: both; background:#f0ecd9; padding:2%; color:#6a5748; }/* フッターショップ情報背景色 */
#media { width:100%; float:left; font-size:85%; }
#media ul { margin:0; padding:0; list-style:none; }
#mediabnr { display: none; }
#agrandprize { width: 100%; margin-top:3%; text-align:center; background:#fff; }
#grouplink { display: none; }
}


/* ===============================
画面サイズが480px以下の場合に適用
================================= */
@media screen and (max-width: 481px) {
.gridContainer { margin-left: auto;	margin-right: auto;	width: 100%; overflow: hidden; }
/* ヘッダー */
#obi { display: none; }
#logo {	clear: both; margin-left: 0; width: 100%; display: block; text-align:center; }
#creditcard { display: none; }
#shoppincart { width:80%; }
#menu{ display: none;}
#menu li{ width: 100%; }
#toggle{ display: block; position: relative; float:left; width: 12%; background: #fff; }
#toggle a{ display: block; position: relative; padding: 12px 0 10px; color: #fff; text-align: center; text-decoration: none;  }
#toggle:before{ display: block; content: ""; position: absolute; top: 50%; left: 10px; width: 20px; height: 20px; margin-top: -10px; background: #666; }
#toggle a:before, #toggle a:after{ display: block; content: ""; position: absolute; top: 50%; left: 10px; width: 20px; height: 4px; background: #fff; }
#toggle a:before{ margin-top: -6px; }
#toggle a:after{ margin-top: 2px; }
#searchbox { clear: both; float: left; margin-bottom:2%; margin-left: 0; width: 100%;	display:}
dl.gsearch dt { width:70%; padding:0; margin:0; background-color:#fff; border:1px solid #aaa; float:left; }
#headerinfo { display: none; }
/* トップのみバナー */
#picitem ul { margin:0 ; padding:0; list-style:none; }
#picitem li { float: left; width:48.67%; float:left; margin-left:1.33%; margin-bottom: 3.33%}
/* メイン */
#container { clear: both; float: left; margin-left: 0;	width: 100%; display: block; }
.listbox { width:100%; padding:0; margin-left: auto; margin-right: auto; }
.products { width: 96%; margin-bottom:4%; margin-right:2%; margin-left:2%; }
.cartbox .img { width:100%; margin:0; padding:0; }
.cartbox .txt { width:100%; margin:0; padding:0; }
/* サイドメニュー */
#aside { clear: both; float: left; margin-left: 0; width: 100%;	display: block; }
.sidenav { width:96%; margin-right:auto; margin-left:auto; }
ul.sidenav ul {display:block;}
ul.sidenav li { width:96%; margin-right:2%; margin-left:2%; }
ul.sidenav ul li { width:100%; margin:0; padding:0; }
ul.sidenav > li > p span { background-image:url(https://nakayama-sc.co.jp/renew/img/icon_a1.png); }
ul.sidenav > li > p span.open { background-image:url(https://nakayama-sc.co.jp/renew/img/icon_close1.png);  }
ul.sidenav > li > a { background-image:url(https://nakayama-sc.co.jp/renew/img/icon_a1.png); }
.sidebnr ul { width:97.34%; padding:0 2.66% 0 0; }
.sidebnr ul li { width:48.67%; float:left; margin-left:1.33%; margin-bottom:1.6%; }
#sidecompany { margin:8% 2%; border:solid 1px #b6b6b6; }
/* フッター */
#footer { clear: both; float: left;	margin-left: 0;	width: 100%; display: block; background:#fff; }
#sitenav li { width:50%; margin:0; border-bottom:solid 0px #a88f7d;}
.pageTop { width: 100%; margin-top:33px; }
.pageTop a { left: -68px; margin-left: 100%; }
#infomation { clear: both; width:90%; margin:5% auto; padding:2.5%; border:solid 1px #ccc; display: block; }
#delivery { width:100%; }
#customer { width:100%; margin-left:0; }
#customer01 { width:100%; margin-right:0%; margin-left:0%; margin-bottom:5%; float:none; }
#customer02 { width:100%; margin-left:0%; margin-right:0%; margin-bottom:5%; float:none; }

#footercontent { clear: both; background:#f0ecd9; padding:3%; color:#6a5748; }/* フッターショップ情報背景色 */
#corporate { width:100%; margin:4%; }
#mediabox { width:100%; background:#fff; }
#mediabox h4 { margin:4% 3% 1% 3% ; padding-bottom:1%; border-bottom: solid 1px #6a5748; font-size:93%;}
#media { width:100%; float:left; font-size:85%; }
#media ul { margin:0 4%; padding:0; list-style:none; }
#mediabnr { display: none; }
#agrandprize { width:100%; float:right; margin-bottom:2%; text-align:center; background:#fff; }
#grouplink { display: none; }
}




.box_company {
      	margin:	0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 100%;

}

.box_company dl {
      	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
	width: 100%;
}

.box_company dl dt{
      	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
        font-size:15px;
        line-height: 1.7em;
　　　　color: #000000;
        text-align :left;
	width: 100%;
}

.box_company span{
      	margin:	0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
        text-align :right;
}

.box_company table{
      	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
        border:solid #666666 1px;

}

.box_company table tr{
      	margin:			0px 0px 0px 0px;
	padding:		0px 0px 0px 0px;
}

.box_company table tr td {
      	margin:			0px 0px 0px 0px;
	padding:		5px 5px 0px 10px;

}

.table_bk1    {
	background-color:#D3D3D3;
        border-left:solid #F5F5F5 1px;
        border-top:solid #F5F5F5 1px;
        border-bottom:solid #666666 1px;
        border-right:solid #666666 1px;
        text-align :left;
}


.table_bk2    {
	background-color:	#FFFFFF;
        border-left:solid #F5F5F5 1px;
        border-top:solid #F5F5F5 1px;
        border-bottom:solid #666666 1px;

        text-align :left;

}

.table_bk3    {
	background-color:	#FFFFFF;
        border-left:solid #F5F5F5 1px;
        border-top:solid #F5F5F5 1px;
        text-align :left;
}

.table_bk4    {
	background-color:	#D3D3D3;
        border-left:solid #F5F5F5 1px;
        border-top:solid #F5F5F5 1px;
        border-right:solid #666666 1px;
        text-align :left;
}

.table_bk5    {
        border-right:solid #666666 1px;
}

.table_bk6    {
  	background-color:	#D3D3D3;
        border-left:solid #F5F5F5 1px;
        border-top:solid #F5F5F5 1px;
        border-bottom:solid #666666 1px;
        border-right:solid #666666 1px;
        text-align :left;
}


.contact01 {
  	background-color:	#EEEEEE;
}

.contact01d {
  	background-color:	#EEEEEE;
        vertical-align : top;
        height:500px;

}


.contact02 {
  	background-color:	#FFFFFF;
}

.contact03 {
        text-align :center;
}





@media only screen and (min-width: 10.0625em) {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%;
  }
  .small-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }

  .small-block-grid-2 > li {
    list-style: none;
    width: 50%;
  }
  .small-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }

  .small-block-grid-3 > li {
    list-style: none;
    width: 33.33333%;
  }
  .small-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }

  .small-block-grid-4 > li {
    list-style: none;
    width: 25%;
  }
  .small-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }

  .small-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .small-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }

  .small-block-grid-6 > li {
    list-style: none;
    width: 16.66667%;
  }
  .small-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }

  .small-block-grid-7 > li {
    list-style: none;
    width: 14.28571%;
  }
  .small-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }

  .small-block-grid-8 > li {
    list-style: none;
    width: 12.5%;
  }
  .small-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }

  .small-block-grid-9 > li {
    list-style: none;
    width: 11.11111%;
  }
  .small-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }

  .small-block-grid-10 > li {
    list-style: none;
    width: 10%;
  }
  .small-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }

  .small-block-grid-11 > li {
    list-style: none;
   margin:10px 0px 0px -10px ;
    width: 13.09091%;
  }
  .small-block-grid-11 > li:nth-of-type(1n) {
    list-style: none;
    width: 13.09091%;
  }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    list-style: none;
    width: 13.09091%;
  }

  .small-block-grid-12 > li {
    list-style: none;
    width: 8.33333%;
  }
  .small-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 40.0625em) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%;
  }
  .medium-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }

  .medium-block-grid-2 > li {
    list-style: none;
    width: 50%;
  }
  .medium-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }

  .medium-block-grid-3 > li {
    list-style: none;
    width: 33.33333%;
  }
  .medium-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }

  .medium-block-grid-4 > li {
    list-style: none;
    width: 25%;
  }
  .medium-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }

  .medium-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .medium-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }

  .medium-block-grid-6 > li {
    list-style: none;
    width: 16.66667%;
  }
  .medium-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }

  .medium-block-grid-7 > li {
    list-style: none;
    width: 14.28571%;
  }
  .medium-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }

  .medium-block-grid-8 > li {
    list-style: none;
    width: 12.5%;
  }
  .medium-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }

  .medium-block-grid-9 > li {
    list-style: none;
    width: 11.11111%;
  }
  .medium-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }

  .medium-block-grid-10 > li {
    list-style: none;
    width: 10%;
  }
  .medium-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }

  .medium-block-grid-11 > li {
    list-style: none;
    width: 9.09091%;
  }
  .medium-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }

  .medium-block-grid-12 > li {
    list-style: none;
    width: 8.33333%;
  }
  .medium-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}
@media only screen and (min-width: 64.0625em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%;
  }
  .large-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }

  .large-block-grid-2 > li {
    list-style: none;
    width: 50%;
  }
  .large-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }

  .large-block-grid-3 > li {
    list-style: none;
    width: 33.33333%;
  }
  .large-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }

  .large-block-grid-4 > li {
    list-style: none;
    width: 25%;
  }
  .large-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }

  .large-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .large-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }

  .large-block-grid-6 > li {
    list-style: none;
    width: 16.66667%;
  }
  .large-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }

  .large-block-grid-7 > li {
    list-style: none;
    width: 14.28571%;
  }
  .large-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }

  .large-block-grid-8 > li {
    list-style: none;
    width: 12.5%;
  }
  .large-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }

  .large-block-grid-9 > li {
    list-style: none;
    width: 11.11111%;
  }
  .large-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }

  .large-block-grid-10 > li {
    list-style: none;
    width: 10%;
  }
  .large-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }

  .large-block-grid-11 > li {
    list-style: none;
    width: 9.09091%;
  }
  .large-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }

  .large-block-grid-12 > li {
    list-style: none;
    width: 8.33333%;
  }
  .large-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}