@charset "UTF-8";
/*
Theme Name: yama10
Theme URI: https://www.yama10.mom/
Description: 株式会社ヤマ十増田商店
Author: 株式会社ヤマ十増田商店
Version: 1.0
*/

/************************************************************
   html5doctor.com Reset Stylesheet
   v1.6.1
   Last Updated: 2010-09-17
   Author: Richard Clark - http://richclarkdesign.com 
   Twitter: @rich_clark
************************************************************/

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;
  -webkit-text-size-adjust: 100%;/*スマホでのズームを防ぐため*/
  word-wrap:break-word;
}

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;
}
input,
textarea,
select {
	font-size: 16px;/*スマホでのズームを防ぐため*/
	text-align: center;
}
input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}

/************************************************************

          Layout

************************************************************/

/* ---------------------------------------------------------
     全端末共通のCSS
-------------------------- */
/* ===========================================================
    HTML definitions&Utility　--- ALL
============================================================== */
/* body */
html,body{
	width: 100%;
}
body {
	background-color: #FFFFFF;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 95%;
	line-height: 1.6;
	color: #282727;
	border-top: 6px solid #000;
}
p {
	line-height: 1.6;
}
/* wrapper */
.wrapper {
	padding: 10px;
	position: relative;
	overflow: hidden;
}

/* リンク */ 
a:link {
	color: #6A5937;
	text-decoration: underline;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}
a:visited {
	color: #6A5937;
}
a:hover {
	color: #90794A;
	text-decoration: none;
}

/*画像の横幅可変*/
img {
    max-width: 100%!important;
	height: auto!important;
}

/*---------------------
  スマホメニューオーバーレイ（ハンバーガーアイコンここから）　--- ALL
---------------------*/
/* overlay */
#overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#overlay.sliding-menu {
    opacity: .6;
    visibility: visible;
    cursor: pointer;
}
/* nav */
#smp_nav #fixed-nav {
    position: fixed;
    display: block;
    left: auto;
    top: 0;
    right: -260px;
    width: 260px;
    overflow-y: auto;
    padding: 80px 0 0;
    box-sizing: border-box;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: right .2s;
    transition: right .2s;
    background: #fff;
    z-index: 100000;
    will-change: transform;
}
#smp_nav #fixed-nav.sliding-menu {
    right: 0;
}
/* メニューボタン */
.menubtn {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 60px;
    background: #000;
    cursor: pointer;
    z-index: 1000000;
}
.menubtn:after {
    content: 'MENU';
    position: absolute;
    left: 7px;
    bottom: 2px;
    color: #fff;
    font-size: 12px;
}
.menubtn-inner {
    padding: 20px 0 0 10px;
} 
.button {
    position: relative;
    width: 30px;
    height: 2px;
    background: #fff;
} 
.button:before,
.button:after {
    content: '';
    position: absolute;
    left: 0;
    width: 30px;
    height: 2px;
    background: #fff;
} 
.button:before { 
    top: -10px;
}
.button:after { 
    top: 10px;
}
/* メニューボタン .activeの時 */
.menubtn.sliding-menu {
    background: #cccc9a;
}
.menubtn.sliding-menu:after {
    content: 'CLOSE';
    left: 5px;
}
.menubtn.sliding-menu .button {
    background: none;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}
.menubtn.sliding-menu .button:before,
.menubtn.sliding-menu .button:after {
    top: 0;
}
.menubtn.sliding-menu .button:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.menubtn.sliding-menu .button:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
/* main-nav */
#smp_nav .main-nav a,
#smp_nav .main-nav span {
    display: block;
}
#smp_nav .main-nav a {
    padding: 13px 0 0;
    height: 30px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #cccc9a;
}
#smp_nav .main-nav li:first-child a {
    border-top: 1px solid #cccc9a;
}
/* ハンバーガーアイコンここまで */

/* スマホ画像100% */ 
.smp_img {
	width: 100%;
	margin: 0 0 10px 0;
}
/* PC画像100% */ 
.pc_img {
	width: 100%;
	margin: 0 0 10px 0;	
}
/** スマホ表示なし **/
.non_smp {
  display: none;
}
/* ===========================================================
    HEADER　--- ALL
============================================================== */
#pnav {
	display: none;
}
/* ヘッダー */
#pageheader {
	position: relative;
}
/* des */
#pageheader .header_des {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0 1px;
}
/* ヘッダーロゴ */
#pageheader .header_logo {
	width: 75%;
}

/* ===========================================================
    CONTAINER
============================================================== */
#cotainer {
	position: relative;
}
/* ===========================================================
    CONTAINER > MAIN CONTENTS　--- ALL
============================================================== */
#main_contents {
	margin: 0 0 40px 0;
}
/* ぱんくず */
.pankz {
	font-size: 12px;
	text-align: right;
}
/* ===========================================================
    CONTAINER > 固定ページ（共通）　--- ALL
============================================================== */
/* ページタイトル */
#page_title {
	padding: 10px 0;
	margin: 0 0 10px 0;
	position: relative;
	overflow: hidden;
}
.page_title2 {
	padding: 10px 0 0 0;
}
/* 見出しタイトル */
.midashi1 {
	clear: both;
	font-weight: bold;
	padding: 8px 0 7px 26px;
	margin: 20px 0 0 0;
	background: url(images/list01.gif) 10px 15px no-repeat;
	background-color: #CCCC98;
}
.midashi2 {
	font-weight: bold;
	padding: 3px 0 2px 23px;
	margin: 5px 0;
	background: url(images/list02.gif) 7px 10px no-repeat;
	background-color: #CCCCCC;
}
.midashi3 {
	font-weight: bold;
	background-color: #3333CC;
	padding: 3px 0 2px 23px;
	margin: 5px 0;
	text-align: center;
	font-size: 120%;
	color: #FFF;
	border: 3px double #69F;
}
.midashi4 {
	font-weight: bold;
	background-color: #FE6618;
	padding: 1px 0 1px 10px;
	margin: 5px 0;
	text-align: left;
	color: #FFF;
}
.midashi5 {
	font-weight: bold;
	padding: 3px 0 2px 18px;
	margin: 5px 0;
	background: url(images/list01.gif) 3px 7px no-repeat;
	background-color: #000000;
	color: #FFF;
}
.midashi6 {
	 font-size: 120%;
    border-bottom: 3px double #69F;
    margin: 0 0 10px 0;
    background: #edf3ff;
    padding: 4px 5px 1px 5px;
}
.midashi6 i {
	padding: 0 3px 0 0;
	color: #69F;
}
/*基本構造レイアウト*/
.page_box01 {
	padding: 10px 20px;
}

/*ページ説明文*/
#page_des {
	overflow: hidden;
	margin: 0 0 20px 0;
}
#page_des .left {
}
#page_des .right {
}
#page_des p {
	margin: 0px;
	padding: 0px;
}
#page_des .photo {
	text-align: center;
}
#page_des .photo2 {
	text-align: center;
}

/* ===========================================================
    CONTAINER > 固定ページ（トップページ）　--- ALL
============================================================== */
/* 画像サイズ設定 */
.shoptoaccess_01 {
	width: 303px;
}
.shoptoaccess_02 {
	width: 230px;
}
.shoptoaccess_03 {
	width: 190px;
}
.shoptoaccess_04 {
	width: 260px;
}
/*固定ページトップ部分*/
.top_page_box {
	border: 2px solid #cccc9a;
	padding: 15px;
	margin: 0 0 20px 0;
	position: relative;
	overflow: hidden;
}
/*Yotube動画*/
.youtube_wrap {
	margin: 0 0 20px 0;	
	background: #cccc9a;
	padding: 0 10px 4px 10px;
}
.youtube_l img {
	width: 100%;
}
/*お買い物クイックアクセス*/
.shopto_wrap {
	margin: 0 0 20px 0;
	background: #cc0000;
	padding: 10px;
	border-radius: 10px;
}
.shopto_wrap ul {
	text-align: center;
}
.shopto_wrap li {
	list-style: none;
	line-height: 1.2;
}
.shopto_wrap li a {
	display: block;
	padding: 5px 0 0 0;
	border-radius: 10px;
}
.shopto_wrap li a:hover {
	background: #FFF;
}
/*手火山のこだわり*/
.top_kodawari {
	margin: 0 0 20px 0;		
	text-align: center;
}
/*手火山造り*/
.top_tebiyama {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 0 30px 0;
}
.top_tebiyama .left {
	float: left;
	width: 20%;
	margin: 0 5% 0 0;
}
.top_tebiyama .left img {
	width: 100%;
}
.top_tebiyama .left p {
	font-size: 12px;
}
.top_tebiyama .right {
	float: right;
	width: 75%;
}
.top_tebiyama .right h3 {
	margin: 0 0 5px 0;
}
/*今日のひとこと*/
.top_blog {
	margin: 0 0 30px 0;
}
.top_blog h2 {
	margin: 0 0 20px 0;
}
.top_blog .blog_title {
	text-align: center;
}
.top_blog .blog_title img {
	width: 100%;
}
/*やまじゅうばあちゃんのごあいさつ*/
.grandma_voice {
	margin: 0 0 30px 0;
}
.grandma_voice h2 {
	font-size: 16px;
	font-weight: bold;
	background-color: #CCCC98;
	margin: 5px 0 10px 0;
	padding: 3px 0 2px 26px;
	background: url(images/list01.gif) 10px 10px no-repeat;
	background-color: #CCCC98;
}
.grandma_re {
	text-align: center;
	margin: 10px 0;
}

/* ===========================================================
    CONTAINER > 固定ページ（削りたて宅配便）※　--- ALL
============================================================== */
#con_bg_wrap {
}
.cat_bg {
	background-color: #CC9;
	margin: 0 0 15px 0;
	position: relative;
	padding: 0 0 10px 0;
	overflow:hidden;
}
.cat_wrap {
	margin: 10px;
}
.cat_box2_smp {
	text-align: center;
	padding: 20px 0;
}
.cat_box {
}
.cat_box .photo {
	text-align: center;
}
.cat_box .title {
	text-align: center;
}
.cat_box .txt1 {
	text-align: center;
}
.cat_box .txt1 p {
	padding: 5px 0 0 0;
	font-size: 95%;
	color: #039;
	font-weight: bold;
}
.cat_box .txt2 {
}
.cat_box .txt2 p {
	padding: 5px 0;
	font-size: 95%;
}
.cat_box2 {
	padding: 12px;
	width: 75px;
	float: left;
}
.ban_wrap {
	padding: 5px 0;
	margin: 0 0 10px 0;
}

/* ===========================================================
    CONTAINER > 固定ページ（削りたて宅配便（カテゴリー/single-products.php））　--- ALL
============================================================== */
.cart_box {
	text-align: right;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}
.cart_box2 {
	text-align: right;
	margin: 0 0 15px 0;
	padding: 10px 0 15px 0;
}
.cart_box2 input {
	padding: 3px;
	margin: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.cart_box2 input:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.goods_box {
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
}
.goods_box .left {
}
.goods_box .left .photo01 {
	text-align: center;
}
.goods_box .left .photo01_com {
	font-size: 80%;
	text-align: center;
	padding: 5px 0 10px 0;
}
.goods_box .left .detail_txt2 {
	font-size: 90%;
	line-height: 1.2!important;
	text-align: center;
}
.goods_box .right {
}
.goods_box .right .detail_box {
}
.goods_box .right .detail_txt1 {
	font-size: 90%;
	line-height: 1.2!important;
}
.goods_box .right .photo02 {
	text-align: center;
}
.detail_box .detail_list {
}
.detail_list table {
	width: 100%;
}
.detail_list th {
	width: 65px;
	background-color: #FC9;
	border: 1px solid #CCC;
	padding: 2px 5px;
	font-weight: normal;
	text-align: left;
}
.detail_list td {
	padding: 2px 5px;
	border: 1px solid #CCC;
}
#voice_wrap {
	background-color: #CC9;
	margin: 0 0 15px 0;
	padding: 10px;
	overflow: hidden;
}
#voice_box {
	float: left;
    width: 80%;
    overflow: hidden;
}
#voice_in {
	padding: 5px;
	font-size: 90%;
    height: 270px;
    overflow: auto;
}
#voice_title {
    float: right;
    width: 60px;
    overflow: hidden;
}

/* ===========================================================
    CONTAINER > 固定ページ（商品一覧）　--- ALL
============================================================== */
.allpdt_box {
	/*float: left;
	width: 730px;*/
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px dashed #999;
}
.allpdt_box .photo02 {
	/*float: left;
	width: 150px;*/
	margin: 0 15px 0 0;
	text-align: center;
}
.allpdt_box .detail_list {
	/*float: left;
	width: 370px;*/
}
.allpdt_box .detail_list table {
	/*width: 370px;*/
}
.cart_box3 {
	text-align: right;
}
.cart_box3 input {
	padding: 3px;
	margin: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.cart_box3 input:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* ===========================================================
    CONTAINER > 固定ページ（ご注文方法・お支払方法）　--- ALL
============================================================== */
.chumon_dl {
}
.chumon_dl dt {
	float: left;
	width: 75px;
	padding: 5px 0;
}
.chumon_dl dd {
	padding: 5px 0 5px 80px;
}
.chumon_box {
	padding: 10px;
}
/*特定商取引に基づく表記*/
#tb01 {
	float: left;
	margin: 10px 0;
	padding: 15px;
}
#tb01 table {
	margin: 5px 0;
}
#tb01 th {
	padding: 5px 10px;
	border-bottom: 1px dashed #341905;
	width: 30%;
	text-align: left;
}
#tb01 td {
	padding: 5px 10px;
	border-bottom: 1px dashed #341905;
	width: 70%;
}

/* ===========================================================
    CONTAINER > 固定ページ（昔ながらのかつお節物語）　--- ALL
============================================================== */
.katsuo_story {
	background: #ccc199;
	padding: 13px 10px 0px 10px;
	text-align: center;
}
.page_box02 {
	padding: 20px;
}
.page_box02 .left {
}
.page_box02 .left2 {
}
.page_box02 .right {
}
.page_box02 .right2 {
}
.imgbox_left{
	width:auto;
	float:left;
	position:relative;
	margin: 0 15px 5px 0;
	padding: 10px 0 0 0;
}
.imgbox_right{
	width:auto;
	float:right;
	position:relative;
	margin: 0 0 0 15px;
	padding: 10px 0 0 0;
}
.comment{
	font-size : 12px;
	padding: 0 0 0 8px;
}
/* ===========================================================
    CONTAINER > 固定ページ（おばあちゃんの独り言）　--- ALL
============================================================== */
/* ===========================================================
    CONTAINER > 固定ページ（やまじゅう紹介）　--- ALL
============================================================== */
/* 画像サイズ設定 */
.koujousyoukai {
	width: 300px;
	border: 1px solid #ccc;
}
/*会社略歴*/
.shoukai_ryakureki {
	margin: 0 0 10px 0;
}

/* ===========================================================
    CONTAINER > 固定ページ（お得意様ページ）　--- ALL
============================================================== */
#table03 {
	margin: 40px 0;
}

#table03 input {
	width: 100%;
	margin: 2px auto;
	border: 1px solid #999;
	background: none repeat scroll 0% 0% #f5f6ef;
	padding: 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
#table03 select {
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(images/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(images/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 20px, 100%;
}
#table03 input.btn {
	background: none;
    border: none;
    width: 154px;
}
#table03 input.btn:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
/* ===========================================================
    CONTAINER > 固定ページ（“やまじゅうのかつおぶしができるまで”web動画）　--- ALL
============================================================== */
/* Youtube動画*/
.youtube {
	clear: both;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* ===========================================================
    CONTAINER > 固定ページ（お問い合わせ）　--- ALL
============================================================== */
/*お問い合わせフォーム部分*/
.contact_wrap {
  margin: 0 0 40px 0;
}
.contact_wrap h3 {
	text-align: center;
	font-size: 24px;
	margin: 0 0 20px 0;
}
.contact_wrap .contact_form {
	background: #e0e0db;
	padding: 15px;
	margin: 0 0 20px 0;
}
.contact_wrap .attention02 {
	font-size: 12px;
}
.contact_wrap .attention02 p {
	line-height: 1.2;
}
/*お問い合わせフォーム*/
#contact {
  width: 100%;
  padding: 10px;
}
.contact_box {
  margin: 0 0 20px 0;
  width: 100%;
}
.contact_box h4 {
  font-weight: bold;
  font-size: 110%;
  padding: 10px;
}
.contact_box h5 {
  font-weight: bold;
  font-size: 90%;
  padding: 10px;
}
.contact_box p {
  font-size: 13px;
  padding: 0 10px;
}
.textarea-naiyou {
	margin: 10px 0 0 0!important;
}
/* ===========================================================
    CONTAINER > SIDE　--- ALL
============================================================== */
#side {
	position: relative;
	overflow: hidden;
	margin: 0 0 40px 0;
	padding: 15px;
	background-color: #EBEBB0;
}
#side li {
	list-style: none;
}
#side h3 {
	background: url(images/side_title_bg.png) 0 0 no-repeat;
	background-size: cover;
	text-align: center;
	border-radius: 10px;
	padding: 5px 0 0 0;
	margin: 0 0 10px 0;
}
/*今月のおすすめ商品*/
.side_newre_box {
	text-align: center;
	margin: 0 0 20px 0;
}
.side_newre_box li {
	font-size: 12px;
	padding: 0 0 10px 0;
}
/*商品検索*/
.blogbar1 form {
	margin: 30px auto 0 auto;
}
.blogbar1 .search_box {
	width: 155px;
}
/*商品カテゴリー*/
.blogbar1, .s_cat {
	padding-left: 10px;
}
.blogbar1 li, .s_cat li {
	background: url(images/list01.gif) 0 7px no-repeat;
	padding: 0 0 5px 14px;
}
#side #s-blog {
	padding: 15px 0 30px 0;
}
#side #s-blog2 {
	padding: 0 0 30px 0;
}
#s-blog h3 {
	background: url(images/side_blo_title_bg.gif) center center no-repeat;
	font-weight: bold;
	color: #FFF;
	padding: 0 0 2px 8px;
	margin: 25px 0 15px 0;
}
#s-blog2 h3 {
	background: url(images/side_blo_title_bg.gif) 0 center repeat-x;
	font-weight: bold;
	color: #FFF;
	padding: 0 0 2px 8px;
	margin: 0 0 15px 0;
}
#s-blog ul li ul li ,#s-blog2 ul li ul li, .blogbar2 li {
	background: url(images/list03.gif) 0 11px no-repeat;
	padding: 4px 0 4px 13px;
} 
/* お知らせ */
#side_info_wrap {
	margin: 15px 0 25px 0;
}
.side_info_box {
	border-bottom: 1px dotted #999;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
.side_info_box .date {
	font-size: 90%;
}
.side_info_box .title {
	font-weight: bold;
}
.side_info_box .text {
}
.side_blog_banner {
	background: url(images/side_blog_banner_bg.png) 0 0 repeat-x;
	text-align: center;
}

/* ===========================================================
    FOOTER　--- ALL
============================================================== */
#pagefooter {
	clear: both;
}
/* フッターナビ */
#pagefooter .footerNav {
	position: relative;
	overflow: hidden;
	margin: 0 0 20px 0;
	width: 100%;
	text-align: center;
}
#pagefooter .footerNav ul {
}
#pagefooter .footerNav ul li {
	list-style: none;
	font-size: 13px;
	padding: 3px 15px;
}
/* コピーライト */
#pagefooter .copy {
	clear: both;
	font-size: 12px;
	text-align: center;
	padding: 20px 0 20px 0;
	background: #000000;
	color: #FFFFFF;
	border-top: 10px solid #CCCC98;
}
/* ページ上部へ */
.backtotop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 9000;
	display: none;
	text-indent: -9999px;
}
.backtotop a {
	display: block;
	width: 60px;
	height: 63px;
	background: url(images/pagetop.png) 0 0 no-repeat;
}
.backtotop a:hover {
	background-position: 0 -63px;
}

/* ===========================================================
    WordPress　--- ALL
============================================================== */
/* サイト全体
----------------------------------------------------------------*/
.entry-content {
	margin: 10px 0;
}
.entry-content p {
	padding: 10px 0;
}
/* 画像の回りこみ関係 */
.entry-content img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.entry-content img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

.entry-content img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.entry-content .alignright {
	float: right;
	}

.entry-content .alignleft {
	float: left
	}

/* ブログ部分
----------------------------------------------------------------*/
.entry-meta {
	text-align: right;
	padding: 0 5px 15px 0;
	font-size: 12px;
}
.btnArea {
	margin: 0 0 25px 0;
	font-size: 85%;
	float: left;
	width: 675px;
}
.col1 {
	width: 240px;
	float: left;
}
.col2 {
	float: right;
	width: 190px;
	text-align: right;
}
/*カテゴリー、アーカイブ、タグタイトル*/
.cat_title {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}
.cat_title i {
	color: #990000;
}

/* 投稿画面中見出しスタイル */
.entry-txt h1 {
	font-size: 2em;
	margin: 20px 0 24px 0;
	padding: 10px 0;
	font-weight: bold;
}
.entry-txt h2 {
	font-size: 1.8em;
	margin: 20px 0 24px 0;
	color: #333;
	padding: 0px;
}
.entry-txt h3 {
	font-weight: bold;
	font-size: 1.6em;
	margin: 0 0 24px 0;
}
.entry-txt h4 {
	margin: 0 0 10px 0;
	font-size: 1.4em;
	font-weight: bold;
}
.entry-txt h5 {
	margin: 0 0 10px 0;
	font-size: 1.3em;
	font-weight: bold;
}
.entry-txt h6 {
	margin: 0 0 10px 0;
	font-size: 1.2em;
	font-weight: bold;
}
.entry-txt p {
	margin: 0 0 24px 0;
	font-size: 1em;
}
.entry-txt address {
	font-style:italic;
}
.entry-txt pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
	
/* 画像の回りこみ関係ここまで */	
.backpage {
	text-align: right;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* 編集 */
.edit-link {
	background-color: #FFF;
	border: 1px solid #eee;
	width: 95%;
	text-align: right;
	padding: 5px;
	margin: 15px auto;
	font-size: 80%;
}

/* カテゴリーページに戻る */
.btn_box2 {
	width: 90%;
	border-radius: 8px;
	text-decoration: none;
	background: #990000;
	color: #FFF;
	display: inline-block;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
	margin: 30px 0 20px 0;
}
.btn_box2 a:link {
    display: block;
    padding: 10px 30px;
    color: #FFF;
    text-decoration: none;
    border-radius: 8px;
}
.btn_box2 a:visited {
    color: #FFF;
    border-radius: 8px;
}
.btn_box2 a:hover {
    background:#d83838;
    color: #FFF;
}
/* single：記事一覧に戻る */
.cat-all {
	text-align: center;
	font-size: 14px;
	clear: both;
}
/* single：前後の記事 */
#previous_next_post {
	width:100%;
	position: relative;
	float: left;
	margin: 0 0 20px 0;
	padding: 15px 0 5px 0;
	font-size: 12px;
}
#previous_next_post #previous_post a {
	float: left;
	display: block;
	width: 45%;
	height: 30px;
	padding: 8px 0 0 40px;
	background: url(images/preview_post.png) no-repeat left top;
}
#previous_next_post #next_post a {
	float: right;
	display: block;
	text-align: right;
	width: 40%;
	height: 30px;
	padding: 8px 40px 0 0;
	background: url(images/next_post.png) no-repeat right top;
}
#previous_next_post p { 
	line-height:140%; 
	margin:0; 
}
/* ===========================================================
    WordPress プラグイン　--- ALL
============================================================== */
/*ヒットカウンタ*/
.wordpress-hit-counter {
    margin: 30px 0 20px 0;
}
/*レスポンシブLightbox*/
div.pp_default .pp_description {
    margin: 40px 10px 5px 10px!important;
}
.pp_description {
    font-size: 14px!important;
    line-height: 18px!important;
}
/* WP-PAGENAVI */
.wp-pagenavi {
    margin: 0 0 50px 0;
}
/*AVH Extended Categories Widgets*/
.avhec-widget-count {
    color: #6A5937!important;
}
/* プラグイン：Contact Fomr 7 */
.form-width { max-width: 92%;}
.wpcf7-form textarea {
	width: 97% !important;
	margin: 2px auto;
	border: 1px solid #DDD;
	background: none repeat scroll 0% 0% #f5f6ef;
	box-shadow: 0px 1px 0px #D4D4D4 inset;
	padding: 10px;
	/*font-size: 14px;*/
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.wpcf7-form input {
	width: 95% !important; 
	margin: 2px auto;
	border: 1px solid #DDD;
	background: none repeat scroll 0% 0% #f5f6ef;
	padding: 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.wpcf7-form select {
	height: 40px;
	border: 1px solid #DDD;
	background: none repeat scroll 0% 0% #f5f6ef;
	box-shadow: 0px 1px 0px #D4D4D4 inset;
	padding: 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.wpcf7-form select option {
	padding: 10px;
}
.wpcf7-list-item {/*名前、メール、題名*/
	display: block; 
}
.wpcf7-form input.check-box {
	width: 30px!important;
	box-shadow:none!important;
}
.radio-renraku .check-box .wpcf7-list-item {/*電話メール*/
	float: left;
	padding: 0 20px 0 0;
}
.radio-renraku .check-box input {/*電話メール*/
	width: 30px!important;
	box-shadow:none!important;
}
.wpcf7-form input.btn {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border: 1px solid #000;
	padding: 10px 30px;
	text-decoration: none;
	background-color: #000;
	color: #FFF;
	display: inline-block;
	cursor: pointer;
}
.wpcf7-form input.btn:hover {
	background-color: #4d4d4d;
	color: #FFF;
}
.m-alert{
	padding:5px;
	color:#ab4a48;
	margin:5px;
	font-weight:normal;
	font-size:13px;
}
/*黄枠なし*/
div.wpcf7-validation-errors {
	border: none!important;
}
/*赤字注意*/
span.wpcf7-not-valid-tip {
	font-size: 14px!important;;
}
/*緑枠なし*/
div.wpcf7-mail-sent-ok {
	border: none!important;
}
/* ===========================================================
    修飾　--- ALL
============================================================== */
/* 位置 */
.updw {
	padding: 10px 0;
}
.upline {
	border-top: 1px solid #666 !important;
}
.dwline {
	border-bottom: 1px solid #666 !important;
}
.dwline2 {
	border-bottom: 1px dashed #999;
}
.cn {
	text-align: center;
}
.rt {
	text-align: right;
}
.up01 {
	padding: 15px 0 0 0;
}
/* 色 */
.blue {
	color: #0000CC;
}
.redb {
	font-weight: bold;
	color: #C22013;
}
/* フォント */
.f120 {
	font-size: 120%;
	font-weight: bold;
}
.f90 {
	font-size: 90%;
}
/* 画像枠 */
.s_img {
	padding:5px;
	border-top: solid 1px #C0C0C0;
	border-right: solid 1px #808080;
	border-bottom: solid 1px #808080;
	border-left: solid 1px #C0C0C0;
	background-color: #FFFFFF;
	margin: 5px;
}
/* 画像枠外枠なし */
.s_img2 {
	padding:5px;
	background-color: #FFFFFF;
	margin: 5px;
}

/** ---------------------------------------------------------
     幅767px以下に適用（スマホ）　--- SMP
-------------------------- **/
@media only screen and (max-width: 767px) {
/* ===========================================================
    HEADER　--- SMP
============================================================== */
.header_des, .header_right {
	display: none;
}

/* ===========================================================
    CONTAINER > 固定ページ（共通）　--- SMP
============================================================== */


/* ===========================================================
    CONTAINER > 固定ページ（お得意様ページ）　--- SMP
============================================================== */
/*表03（料金表ページ）*/
#table03 table { width: 98%; border:none; padding: 10px;}
#table03 thead { display: none;}
#table03 tr {
    border-top: 1px solid #beac7b;
    display: block;
    margin-bottom: 20px;
    border-left: none;
}
#table03 td {
    border-right: none;
    border-bottom: 1px dashed #beac7b;
    display: block;
    padding: 10px;
}
/*td:beforeのデザイン*/
#table03 td:before {
    color: #9a8a5d;
    display: block;
    font-weight: bold;
}
 
/* contentでタイトルを追加 */
#table03 td:nth-of-type(1):before { content: "品番";}
#table03 td:nth-of-type(2):before { content: "商品名";}
#table03 td:nth-of-type(3):before { content: "価格（税込）";}
#table03 td:nth-of-type(4):before { content: "数量";}
#table03 td:nth-of-type(5):before { content: "オプション";}
#table03 td:nth-of-type(4):before { content: "注文";}


/* ===========================================================
    FOOTER　--- SMP
============================================================== */
} /*** /@media ***/

/** ---------------------------------------------------------
     幅768px以上に適用（タブレット）　--- TABLET
-------------------------- **/
@media only screen and (min-width: 768px) {

/* ===========================================================
     HTML definitions&Utility　--- TABLET
============================================================== */
body {
	min-width: 1024px;
}
.wrapper {
	width: 980px;
	padding: 10px;
	margin: 0 auto;
}
.non_smp {
	display: block;
	float: left;
}
.non_pc {
	display: none;
}
/* ===========================================================
    HEADER　--- TABLET
============================================================== */
/* スマホメニューボタン・ナビ */
.menubtn {
	display: none;
}
/* ヘッダー */
#pageheader {
}
#pageheader .header_logo {
	width: 335px;
}
/*ヘッダー左側*/
#pageheader .header_left {
	float: left;
	position: relative;
	overflow: hidden;
	width: 460px;
}
/*ヘッダー右側*/
#pageheader .header_right {
	float: right;
	position: relative;
	overflow: hidden;
	width: 500px;
}
/*お問い合わせ*/
#pageheader .header_right .header_tel {
	float: left;
	position: relative;
	overflow: hidden;
	width: 500px;
	height: 120px;
	margin: 0 0 10px 0;
	text-align: right;
}
#pageheader .header_right .header_tel .header_contact {
	position: absolute;
	top:55px;
	right:20px;
}
/*ナビゲーション*/
#pnav {
	clear: both;
	display: block;
	height: 40px;
	width: 980px;
	margin:20px 0 5px 0;
	background: url(images/header_nav_bg.png) 0 0 no-repeat;
}
#pnav > ul {
	width: 960px;
	padding-top: 7px;
	padding-left: 15px;
}
#pnav > ul > li {
	display: inline-block;
	float: left;
	padding: 0 9px 0 9px;
	border-right: 1px solid #FFF;
	font-size: 13px;
}
#pnav > ul > li a {
	display: block;
	color: #FFF;
	text-decoration: none;
}
#pnav > ul > li a:hover {
   -webkit-transition: all .5s;
   transition: all .5s;
   color: #EBEBB0;
}
#pnav > ul > li.noline {
	border-right-style: none!important;
}

/* ===========================================================
    CONTAINER　--- TABLET
============================================================== */
#container {
	position: relative;
	overflow: hidden;
	margin: 10px 0 10px 0;
}
/* ===========================================================
    CONTAINER > MAIN CONTENTS　--- TABLET
============================================================== */
#main_contents {
	position: relative;
	overflow: hidden;
	float: left;
	width: 730px;
	margin: 0 20px 0 0;
	box-sizing: border-box;
}

/* ===========================================================
    CONTAINER > 固定ページ（共通）　--- TABLET
============================================================== */
/*ページ説明文*/
#page_des .left {
	float: left;
	width: 590px;
}
#page_des .right {
	float: right;
	width: 550px;
}
#page_des .photo {
	float: left;
	width: 180px;
}
#page_des .photo2 {
	float: right;
	width: 130px;
}
/* ===========================================================
    CONTAINER > トップページ　--- TABLET
============================================================== */
/* 画像サイズ設定 */
.shoptoaccess_01 {
	width: 223px;
}
.shoptoaccess_02 {
	width: 150px;
}
.shoptoaccess_03 {
	width: 110px;
}
.shoptoaccess_04 {
	width: 181px;
}
.top_kodawari3 {
	width: 363px;
	height: 80px;
}
.top_kodawari_film {
	width: 367px;
	height: 80px;
}
.top_kodawari_movie {
	width: 745px;
	height: 80px;
}
/* Youtube動画 */
.youtube_wrap {
	position: relative;
	float: left;
	width: 730px;
	margin: 0 0 10px 0;
	background: url(images/top_youtube_bg.jpg) 0 0 repeat-x;
}
.youtube_wrap .youtube_l {
	height: 272px;
	width: 382px;
	float: left;
}
.youtube_wrap .youtube_r {
	float: left;
	padding: 40px 15px 0 15px;
}
/* お買い物クイックアクセス */
.shopto_wrap {
	position: relative;
	overflow: hidden;
	padding: 0px;
	margin: 0 0 10px 0;
}
.shopto_wrap ul {
}
.shopto_wrap li {
	display: inline;
	float: left;
	border-right: 2px solid #FFF;
	padding: 0;
	line-height: 1.0;
}
.shopto_wrap li a {
	border-radius: 0px;
}
.shoptoaccess_01 {
	padding: 5px 15px 2px 20px;
}
/*こだわり*/
.top_kodawari {
	padding-bottom: 5px;
	position: relative;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}
.top_kodawari img {
	float: left;
}
.top_kodawari_in {
	margin: 0 0 15px 0;
	position: relative;
	float: left;
	width: 730px;
}
.top_kodawari_in img {
	padding: 0;
	margin: 0;
	float: left;
	height: 80px!important;
}
/* 手火山造りのこだわり */
.top_tebiyama {
	float: left;
	width: 730px;
	margin: 15px 0 30px 0;
}
.top_tebiyama .left {
	float: left;
	width: 110px;
	margin: 0 10px 0 0;
}
.top_tebiyama .right {
	float: right;
	width: 610px;
}
.top_tebiyama .right p {
	font-size: 14px;
	padding: 0 0 10px 0;
}
/*今日のひとこと*/
.top_blog {
	margin: 0 0 30px 0;
	clear: both;
	position: relative;
	overflow: hidden;
	float: left;
}

/*やまじゅうおばあちゃんのごあいさつ*/
.grandma_voice {
	padding: 5px 0;
}

/* ===========================================================
    CONTAINER > 固定ページ（削りたて宅配便）※　--- TABLET
============================================================== */
#con_bg_wrap {
	float: left;
	width: 730px;
}
.cat_bg {
	float: left;
	width: 730px;
	padding: 10px 0 10px 0;
}
.cat_wrap {
	float: left;
	width: 600px;
	margin: 10px 65px 10px 65px;
}
.cat_box {
	float: left;
	width: 250px;
}
.ban_wrap {
	float: left;
	/*width: 730px;*/
}

/* ===========================================================
    CONTAINER > 固定ページ（削りたて宅配便（カテゴリー/single-products.php））　--- TABLET
============================================================== */
.goods_box {
	float: left;
	width: 730px;
}
.goods_box .left {
	float: left;
	width: 250px;
}
.goods_box .right {
	float: right;
	width: 470px;
}
.goods_box .right .detail_box {
	float: left;
	width: 470px;
}
.goods_box .right .photo02 {
	float: left;
	width: 175px;
}
.detail_box .detail_list {
	float: right;
}
.detail_list table {
	width: 290px;
}
#voice_wrap {
	float: left;
	width: 710px;
}
#voice_box {
	float: left;
	width: 635px;
	height: 280px;
}
#voice_in {
	float: left;
	width: 625px;
	height: 270px;
	overflow: auto;
}
/* ===========================================================
    CONTAINER > 固定ページ（商品一覧）　--- TABLET
============================================================== */
.allpdt_box {
	float: left;
	width: 730px;
}
.allpdt_box .photo02 {
	float: left;
	width: 150px;
}
.allpdt_box .detail_list {
	float: left;
	width: 370px;
}
.allpdt_box .detail_list table {
	width: 370px;
}
.cart_box3 {
	margin: 30px 0 15px 0;
	padding: 10px 0 15px 0;
}
/* ===========================================================
    CONTAINER > 固定ページ（ご注文方法・お支払方法）　--- TABLET
============================================================== */
#tb01 {
	float: left;
	width: 700px;
}
#tb01 table {
	width: 700px;
}
#tb01 th {
	width: 180px;
}
#tb01 td {
	width: 470px;
}

/* ===========================================================
    CONTAINER > 固定ページ（昔ながらのかつお節物語）　--- TABLET
============================================================== */
.page_box02 {
	float: left;
	width: 690px;
}
.page_box02 .left {
	float: left;
	width: 420px;
}
.page_box02 .left2 {
	float: left;
	width: 325px;
}
.page_box02 .right {
	float: right;
	width: 260px;
}
.page_box02 .right2 {
	float: right;
	width: 365px;
}

/* ===========================================================
    CONTAINER > 固定ページ（おばあちゃんの独り言）　--- TABLET
============================================================== */
/* ===========================================================
    CONTAINER > 固定ページ（やまじゅう紹介）　--- TABLET
============================================================== */
.shoukai_t_l {
	padding: 0 0 0 164px;
}
/* ===========================================================
    CONTAINER > 固定ページ（お得意様ページ）　--- TABLET
============================================================== */
/*表03（料金表ページ）*/
#table03 table {
    width: 100%;
}
/*表03（料金表ページ）*/
#table03 table {
    border-top: 1px solid #beac7b;
    border-right: 1px solid #beac7b;
    width: 100%;
    border-spacing: 0;
    margin: 0 auto;
}
#table03 th, #table03 td {
    border-bottom: 1px solid #beac7b;
    border-left: 1px solid #beac7b;
    text-align: center;
    padding: 5px;
}
#table03 th { 
	background-color: #F5F5F5;
	font-weight: normal;
}
#table03 th.col02 {
	width: 300px;
}

/* tdのデザイン */
#table03 td:nth-of-type(1) { background-color: #F5F5F5;}
#table03 td:last-child { border-bottom: 1px solid #beac7b;}
/* ===========================================================
    CONTAINER > 固定ページ（お問い合わせ）　--- TABLET
============================================================== */
/*お問い合わせフォーム枠*/
.contact_wrap .contact_form {
	padding: 30px;
	float: left;
	position: relative;
	overflow: hidden;
}
/*お問い合わせフォーム*/
.contact_box {
	clear: both;
	float: left;
}
.contact_box h4 {
  float: left;
  width: 150px;
  font-size: 14px;
}
.contact_box .form_right {
  float: left;
  width: 490px;
}

/* ===========================================================
    CONTAINER > SIDE　--- TABLET
============================================================== */
#side {
	position: relative;
	overflow: hidden;
	float: right;
	width: 230px;
	padding: 15px;
	background-color: #EBEBB0;
	box-sizing: border-box;
    padding-bottom: 32768px;
    margin-bottom: -32768px;
}

/* ===========================================================
    FOOTER　--- TABLET
============================================================== */
/* フッターナビ */
#pagefooter .footerNav {

}
#pagefooter .footerNav ul {

}
#pagefooter .footerNav ul li {
	display: inline-block;
}
#pagefooter .copy {
	min-width: 1024px;
}
/* ===========================================================
    WordPress　--- TABLET
============================================================== */
.entry-content {
	width: 730px;
	float: left;
}

/* カテゴリーページに戻る */
.btn_box2 {
	width: 50%;
  }

/* ===========================================================
    WordPress プラグイン　--- TABLET
============================================================== */
/* プラグイン：Contact Fomr 7 */
.wpcf7-form input.btn {
	width: 40%!important;
}
} /** /@media **/

/*** ---------------------------------------------------------
     幅1170px以上に適用　--- PC
-------------------------- ***/
@media only screen and (min-width: 1170px) {

} /*** /@media ***/

/************************************************************

          Template

************************************************************/

.clearfix {
	width: 100%;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clear {
  clear: both;
}

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_13 { font-size: 13px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }
.pad_50 { padding: 50px}
.pad_t_50 { padding-top: 50px; }
.pad_r_50 { padding-right: 50px; }
.pad_b_50 { padding-bottom: 50px; }
.pad_l_50 { padding-left: 50px; }

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }