@charset "utf-8";
/*
Theme Name: new KANETAYA ROOMDECO
Author: new KANETAYA ROOMDECO
Template: kanetaya
*/
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);

body {
    color: #3f3830;
    font: 14px/1.6 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , sans-serif;
    font-weight: 500;
    background: #f5f3ed;
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6, pre, code, input, textarea, select, button {
    font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , sans-serif;
}

/* レイアウト
------------------------------------------------------------*/
#wrapper {
    margin: 0 auto;
    width: 1060px;
    position: relative;
    padding-bottom: 50px;
}
.inner{
    margin: 0 auto;
    width: 1060px;
    position: relative;
}
#header{
    width: 100%;
    height: 90px;
    background: #fff;
    margin: 0 auto;
    position: relative;
    z-index: 9999;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.07);
}
#content{
    float:left;
    width: 780px;
    padding: 20px 0 50px;
}
#content_1col{
    width: 1060px;
    min-height: 300px;
    padding:20px 0;
    margin: 0 auto;
}
#sidebar{
    float: right;
    width: 240px;
    padding: 20px 0 50px;
    position: relative;
}
.post{
    font-size: 15px;
    line-height: 2.0;
    background: #fff;
    padding: 20px 30px 40px;
    margin: 0;
    box-shadow: 0 2px 1px rgba(8,1,2,0.05);
}



/*--- Link&Element ----------------------------------------------------------- */
a:link {
    color: #288766;
    text-decoration: underline;
}
a:visited {
    color: #009966;
}
a:hover {
    color: #777;
    text-decoration: none;
}
p {
    margin: 10px 0;
    padding: 0;
}
p img {
    padding: 0;
    max-width: 100%;
}
blockquote {
    font-style: italic;
    margin: 1em 0 1em 20px;
    padding: 15px;
    background-color: #f7f7f7;
    color: #444;
}
pre {
    padding: 10px 20px;
    border-left: 6px solid #ddd;
    background-color: #f7f7f7;
    overflow: auto;
    width: 90%;
    _width: 95%; /* for IE6 */
}
ul, ol {
    margin: 1em 20px;
    padding: 0;
    list-style-position: outside;
}
ul ul, ul ol, ul ol, ol ol {
    margin: 0.3em 0 0.3em 15px
}
ul.designlist {
    margin: 7px 0 0 10px;
    padding: 0;
}
ul.designlist li {
    margin: 0px 15px 0 0;
    padding: 0px 0 0px 8px;
    background: url(images/designlist.gif) left center no-repeat;
    list-style: none;
}
ul.designlist2 {
    margin: 5px 0 0px 5px;
    padding: 0;
}
ul.designlist2 li {
    margin: 0px 15px 0 0;
    padding: 6px 0 5px 15px;
    background: url(images/submenu_list.gif) left center no-repeat;
    list-style: none;
    border-bottom: 1px dotted #ddd;
}
ul.designlist3 {
    margin: 0px 0 0 20px;
    padding: 0;
}
ul.designlist3 li {
    margin: 0px 15px 0 0;
    padding: 4px 0 3px 8px;
    background: url(images/designlist.gif) left center no-repeat;
    list-style: none;
    border-bottom: 1px dotted #ddd;
}

h2 {
    clear: both;
    font-size: 22px;
    color: #4e402c;
    margin: 40px 0 30px 0;
    padding: 10px 10px 20px 2px;
    font-weight: bold;
    border-top: none;
    border-bottom: none;
    background: url(images/h2_bg.png) left bottom no-repeat;
}
h2:first-child {
    margin: 10px 0 25px 0;
}
h3 {
    clear: both;
    font-size: 16px;
    font-weight: bold;
    color: #452800;
    margin: 30px 0 30px 0;
    padding: 15px 0 15px 45px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: url(images/h3_bg.png) left center no-repeat;
}
h4 {
    clear: both;
    font-weight: bold;
    font-size: 15px;
    color: #4e402c;
    margin: 30px 0 22px 0;
    padding: 10px 10px 10px 15px;
    background: #ece8d5;
    border-radius: 3px;
}
h5 {
    clear: both;
    font-weight: bold;
    font-size: 14px;
    color: #4e402c;
    margin: 15px 0 5px 0;
    padding: 2px 0 2px 0;
}
h6 {
    font-weight: bold;
    color: #4e402c;
    font-size: 12px;
    margin: 0 0 10px 0;
    padding: 0;
}
.kugiri {
    clear: both;
    width: 640px;
    height: 5px;
    text-indent: -9988px;
    background: url(images/kugiri.jpg) no-repeat;
    margin: 0;
}
.cleaner {
    clear: both;
    width: 100%;
    height: 0px;
    font-size: 0px;
}
.clear {
    clear: both;
    width: 100%;
    height: 0px;
    font-size: 0px;
}
.font10 {
    font-size: 10px;
}
.font11 {
    font-size: 11px;
    padding: 8px;
}
span.font25 {
    font-size: 25px
}
.red {
color: #FF0000;
}
.box {
    background: #fff;
    padding: 20px 30px;
    margin: 20px 0;
    box-shadow: 0 2px 1px rgba(8,1,2,0.05);
}



/*--- Images ----------------------------------------------------------- */
img {
    max-width: 100%;
    border: none;
    margin: 0;
    vertical-align: bottom;
}
img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    float: right;
    padding: 4px;
    margin: 0 0 30px 30px;
    display: inline;
}
img.alignleft {
    float: left;
    padding: 4px;
    margin: 0 30px 30px 0;
    display: inline;
}
img.alignrightmp0 {
    float: right;
    padding: 0;
    margin: 0;
}
img.alignleftmp0 {
    float: left;
    padding: 0;
    margin: 0;
}
img.thumb {
    max-width: 300px !important;
    height: auto !important;
}
@media only screen and (max-width: 960px){
    img.alignright, img.alignleft {
        float: none;
        display: block;
        padding: 0px;
        margin: 20px 0;
    }
}


/*--- form ----------------------------------------------------------- */
form {
    margin: 0;
    padding: 10px;
}
fieldset {
    padding: 3px;
    border: none;
}
legend {
    padding: 0 10px;
    background-color: #fff;
}
input, textarea {
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    font-size: 90%;
    background-color: #fff;
}
input:hover, textarea:hover {
    border-color: #68a59b
}
a:focus, textarea:focus, input:focus {
    outline: none
}
textarea {
    padding: 3px 10px
}
input.submit {
    padding: 3px 5px;
    font-size: 100%;
    border: none;
}
input.submit:hover {
    border: none
}
input.radio {
    border: none;
    background-color: transparent;
    background-image: none;
}
input.wpcf7-submit {
    width: 180px;
    height: 30px;
    margin: 15px 0 0 0;
    padding: 0 0 2px 0;
    text-align: center;
    border: none;
    background: #ff7214;
    text-indent: 0;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border-radius: 6px; /* CSS3草案 */
    -webkit-border-radius: 6px; /* Safari,Google Chrome用 */
    -moz-border-radius: 6px; /* Firefox用 */
}
input.wpcf7-submit:hover {
    background: #385151;
    text-indent: 0;
}
.yellow {
	background: #FFF469;
}
.red {
	color: #FF0004;
	font-weight: bold;
}

/*--- Design Table ----------------------------------------------------------- */
table {
    width: 99.9%;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    color: #000;
    font-size: 13px;
    margin: 8px auto;
	
}
th {
    color: #2b3d49;
    background-color: #eee;
    padding: 10px 5px 10px 5px;
    text-align: left;
    font-weight: bold;
    background: #f1f4f5;
}
td {
    padding: 10px 5px;
    background: #fff;
    text-align: left;
	/*
    display: inline-block;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    */
}

/*--- Design Table   [ class="design" ] ----------------------------------------------------------- */
table.design {
    border-top: 2px solid #422600;
    border-bottom: 2px solid #422600;
    margin: 8px auto;
}
.design th {
    border-right: 1px dotted #968c75;
    border-bottom: 1px dotted #968c75;
    color: #331e00;
    padding: 12px 15px 10px 15px;
    background: #f2f2e0;
}
.design td {
    border-bottom: 1px dotted #968c75;
    padding: 12px 15px 10px 15px;
    background: #fff;
    color: #352800;
}

/*--- Design Table   [ class="design2" ] ----------------------------------------------------------- */
table.design2 {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    margin: 5px auto 15px;
}
.design2 th {
    border-right: 1px dotted #ddd;
    border-bottom: 1px solid #ddd;
    color: #331e00;
    padding: 8px 12px 8px 12px;
    vertical-align: top;
    background: #fff;
    font-size: 14px;
}
.design2 td {
    border-bottom: 1px solid #ddd;
    padding: 5px 15px 5px 15px;
    background: #fff;
    color: #352800;
}
@media only screen and (max-width: 959px){
    .design2 th {
        width: 30%;
    }
    .design2 td {
        display: block;
        border: none;
    }
    .design2 tr {
        border-bottom: 1px solid #ccc;
    }
}

/*--- Design Table   [ class="design_weeklyad" ] ----------------------------------------------------------- */
table.design_weeklyad {
    width: 99.9%;
    border-top: 3px solid #4c2d0f;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #d6d1c1;
    font-size: 12px;
    margin: 5px auto 20px;
}
.design_weeklyad th {
    color: #4c2d0f;
    padding: 15px 12px 13px 16px;
    background: #fff url(images/design2_table_bg.png) left bottom repeat-x;
    font-size: 18px;
}
.design_weeklyad td {
    padding: 15px 20px 15px 20px;
    background: #fff;
    color: #352800;
    vertical-align: top;
}
.design_weeklyad td.wls {
    padding: 30px 20px 20px 20px;
    background: #333;
    text-align: center;
}
.design_weeklyad td.wls img{
    width: 340px;
    max-width: 100%;
}
@media only screen and (max-width: 1060px){
    .design_weeklyad td {
        display: block;
    }

}



/*--- Design Table   [ class="design_simple" ] ----------------------------------------------------------- */
table.design_simple {
    width: 99%;
    border: 6px solid #f3f3f3;
    font-size: 12px;
    margin: 15px auto 15px;
}
table.design_simple th {
    border-bottom: 1px dotted #ada89e;
    border-right: 1px solid #ccc;
    color: #331e00;
    padding: 21px 10px 18px 15px;
    background: #fff;
    font-size: 13px;
}
table.design_simple td {
    border-bottom: 1px dotted #ada89e;
    padding: 21px 15px 18px 20px;
    background: #fff;
    color: #352800;
}
@media only screen and (max-width: 1060px){
    table.design_simple th, table.design_simple td{
        display: block;
        border: none;
    }
    table.design_simple tr {
        border-bottom: 1px dotted #ccc;
    }
}

/*--- Design Table   [ class="design_con" ] ----------------------------------------------------------- */
table.design_con {
    border: 5px solid #e5e0d6;
    font-size: 12px;
    margin: 10px auto 25px;
    table-layout: fixed;
}
.design_con th {
    border-right: 1px dotted #ccc4b7;
    border-bottom: 1px solid #e5e0d6;
    color: #fff;
    padding: 8px 12px 8px 12px;
    background: #4f4938;
    font-size: 13px;
    text-align: center;
}
.design_con td {
    border-bottom: 1px solid #e5e0d6;
    border-right: 1px dotted #ccc4b7;
    padding: 10px 15px 10px 15px;
    background: #fff url(images/design2_table_bg.png) left bottom repeat-x;
    color: #352800;
}
@media only screen and (max-width: 1060px){
    table.design_con th, table.design_con td{
        display: block;
        border: none;
    }
    table.design_simple tr {
        border-bottom: 1px dotted #ccc;
    }
}

.naka blockquote {
    background: #fcfced;
    border-top: 2px solid #e8e5b7;
    border-bottom: 2px solid #e8e5b7;
    padding: 15px 23px;
    margin: 5px 5px 15px 5px;
    display: block;
}
.naka blockquote pre {
    background: none;
    border:none;
    padding:12px 0 12px 4px;
    margin:none;
}
.naka blockquote pre span {
    font-size: 12px;
    font-style:normal;
    color: #352800;
    font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',helvetica,arial;
}
.box1 {
    background: #fcfced;
    border-top: 2px solid #e8e5b7;
    border-bottom: 2px solid #e8e5b7;
    padding: 15px 23px;
    margin: 5px 5px 15px 5px;
    display: block;
}
.box2 {
    background: #fcfced;
    border: 1px solid #e8e5b7;
    padding: 15px 23px;
    margin: 5px 5px;
    display: block;
}
.box3 {
    clear: both;
    background: #fff;
    border: 4px solid #f7f7f7;
    padding: 15px 23px;
    margin: 5px 2px 15px 2px;
    display: block;
}

/*--- Design Table   [ class="design_pnk" ] ----------------------------------------------------------- */

table.design_pnk {
    font-size: 12px;
    margin: 10px auto 25px;
    border-collapse: separate;
    border-spacing: 10px;
    color:#000;
    background:#FFF;
}
table.design_pnk th {
    background: #4f4938;
    font-size:150%;
    text-align: center;
    background: #febbbb; /* Old browsers */
    background: -moz-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #febbbb 0%,#fe9090 45%,#ff5c5c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 ); /* IE6-9 */


}

table.design_pnk td {
    border-left: 1px solid #ccc4b7;
    border-bottom: 3px solid #e5e0d6;
    font-size:120%;
    padding: 10px 15px 10px 15px;
    color: #352800;
    width:33%;
}


/* ヘッダー
------------------------------------------------------------*/
#header .site_title{
    position: relative;
    float: left;
    padding: 23px 0 0 10px;
}
#header h1{
    line-height: 1;
    font-size: 10px;
}
#header .site_description{
    color: #6d6359;
    position: absolute;
    top: 28px;
    left: 250px;
    font-size: 11px;
}
#header .site_search{
    color: #999;
    position: absolute;
    top: 21px;
    right: 0px;
    font-size: 13px;
    line-height: 1.5;
}
#header .r_head{
    float: right;
}
#header .r_head a{
    text-decoration: none;
    font-size: 12px;
    color: #333;
}
#header .r_head a:hover{
    color: #aaa;
}
#header .r_head ul{
    margin: 35px 0 0 0;
}
#header .r_head ul li{
    display: inline;
    margin: 10px;
}
#header .r_head ul li.header_social{
    margin: 2px;
}



/* グローバルメニュー （ロゴ下）
------------------------------------------------------------*/
#mainNav-b_wrapper {
    width: 100%;
    height: 44px;
    background: #4e402c;
    display: block;
}
#mainNav-b {
    width: 1060px;
    height: 44px;
    margin: 0 auto;
    padding: 0;
}
#mainNav-b > ul{
    display: table;
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0;
}
#mainNav-b > ul > li{
    display: table-cell;
    text-align: center;
    height: 44px;
    margin: 0;
    padding: 0;
}
#mainNav-b > ul > li a {
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 110px;
    line-height: 44px;
    font-size: 14px;
    font-weight: bold;
    background: #4e402c url(images/menua_bg.png) left center no-repeat;
    display: block;
    outline: none;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
#mainNav-b > ul > li a:hover {
    background: #5b4933;
}
#mainNav-b > ul > li a i{
    color: #937c66;
}
#mainNav-b > ul > li a.nav_home {
    min-width: 35px;
}
#mainNav-b > ul > li a.motoy {
    min-width: 160px;
    text-indent: 24px;
    background: #9ca034 url(images/motoy_bg.png) 45px center no-repeat;
}
#mainNav-b > ul > li a.motoy:hover  {
    background: #b2b73a url(images/motoy_bg.png) 45px center no-repeat;
}
#mainNav-b > ul > li img{
    vertical-align: middle;
}
#mainNav-b a:hover,
#mainNav-b a:focus {
    outline: none;
}



/* メインスライダー
------------------------------------------------------------*/

#slider_wrapper {
    background: url(images/slide_bg.png) left top repeat-x;
    height: 440px;
}
.master-slider-parent {
    margin: 0;
    padding: 15px 0 0 0;
}
.ms-thumb-list {
    margin-top: 10px !important;
}
.ms-skin-light-4 .ms-thumb-list.ms-dir-h {
    bottom: -12px !important;
    width: 100%;
    height: 60px;
}
.ms-bullets {
    display: none;
}
.ms-skin-light-4 .ms-thumb-frame-selected {
    opacity: 1 !important;
}
.ms-thumb-frame, img.ms-thumb {
    width:  150px !important;
    height: 50px !important;
}

@media only screen and (max-width: 1060px){
    #slider_wrapper {
        background: none;
        height: auto;
    }
    .master-slider-parent {
        margin: 0;
        padding: 0;
    }
    .ms-nav-prev, .ms-nav-next {
        display: none;
    }
}


/* ページタイトル
----------------------------------*/
#maintitle{
    width: 100%;
    background-image: url(images/pagetitle/pagetitle_bg.jpg); 
    background-position: center center;
    background-size: cover;
    color: #fff;
    clear:both;
}
#maintitle2{
    width: 100%;
    background-image: url(images/pagetitle/page2_bg.jpg); 
    background-position: center center;
    background-size: cover;
    color: #fff;
    clear:both;
}
#maintitle_inner{
    width: 100%;
    min-height: 100px;
    background: rgba(255,255,255,0.8);
    padding: 0px 0 40px;
}
@media only screen and (max-width: 1060px){
    #maintitle{
        font-size: 160%;
        text-align: center;
    }  
    #maintitle_inner{
        padding: 0px 0 20px;
        min-height: 60px;
    }
}

/* パンくずリスト
------------------------------------------------------------*/
#pankuzu {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 5px 0;
    color: #4e402c;
}
#pankuzu a{
    color: #4e402c;
    text-decoration: none;
}
.pankuzu_inner {
    width: 1060px;
    margin: 0 auto;
}
#pankuzu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size:12px;
}
#pankuzu ul li {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0 4px 0 4px;
    font-size: 11px;
}



/* Top page ----------------------------------------------------------- */

/* トップ （共通）
------------------------------------------------------------*/
.con_box {
    background: #fff;
    border: #edede5 1px solid;
    box-shadow: 0 2px 1px rgba(8,1,2,0.05);
    border-radius: 3px;
    margin-top: 30px;
}
.con_box_inner {
    padding: 10px 30px 20px;
}
.con_box_inner2 {
    padding: 10px 10px 20px;
}
h2.top_title{
    font-size: 16px;
    background: #ece7d9;
    padding: 15px 20px 15px 48px;
    margin: 0 0 8px 0;
    border-bottom: none; 
    border-top: 2px solid #4e402c;
    line-height: 1.2;
    border-radius: 0;
    color: #4e402c;
    font-weight: bold;
    text-decoration: none;
}
h2.top_title a{
    color: #5e513f;
    text-decoration: none;
}
h2.h2bg1 {
    background: #ece7d9 url(images/h2_bg1.png) 10px center no-repeat;
}
h2.h2bg2 {
    background: #ece7d9 url(images/h2_bg2.png) 10px center no-repeat;
}
h2.h2bg3 {
    background: #ece7d9 url(images/h2_bg3.png) 10px center no-repeat;
}

h2.top_title span{
    font-size: 12px;
    color: #a5967f;
    margin-left: 15px;
}
h2.top_title span.tt_more{
    float: right;
    font-size: 12px;
    color: #222;
    margin-left: 15px;
}

/* お知らせ
------------------------------------------------------------*/
.ct-container02 dl {
    padding: 5px 0 5px;
}
.ct-container02 dl dt{
    float: left;
    clear: both;
    width: 130px;
    font-size: 13px;
    padding: 10px 0;
    font-weight: normal;
    line-height: 1.2;
}
.ct-container02 dl dd{
    padding: 8px 0 10px 20px;
    line-height: 1.4;
    overflow: hidden;
    font-size: 13px;
}
.ct-container02 dl dt span {
    display: inline-block;
    float: right;
    text-align: center;
    width: 40px;
    background: #999;
    color: #fff;
    font-size: 11px;
    line-height: 1.2;
    padding: 0;
    margin-top: 1px;
}
.ct-container02 dl dt span.sale {
    background: #c9c95c;
}
.ct-container02 dl dt span.info {
    background: #7bbbb7;
}
.itiran {
    text-align: right;
}
.itiran a {
    color: #333;
    font-size: 12px;
    padding: 0 0 0 14px;
    margin: 3px 0 0 0;
    background: url(images/itiran.gif) left center no-repeat;
    text-decoration: none;
}
@media only screen and (max-width: 768px){
    .ct-container02 dl {
        border: none;
        padding: 10px;
    }
    .ct-container02 dl dt{
        float: none;
        display: block;
        width: 150px;
        padding: 10px 0 0;
        font-weight: normal;
    }
    .ct-container02 dl dd{
        padding: 10px 0;
        border-bottom: 1px dotted #ddd;
    }
}

/* 商品情報
------------------------------------------------------------*/
.ct-container03 img{
    width: 80px;
    float: left;
    margin-right: 20px;
}
.ct-container03 a{
    text-decoration: none;
    color: #333;
}
.ct-container03 .c_box{
    overflow: hidden;
}
.ct-container03 .c_title{
    font-weight: bold;
    color: #5e513f;
    padding-bottom: 7px;
}
.ct-container03 .c_excerpt{
    color: #777;
    font-size: 13px;
}


.top_topix img {
    margin: 10px 0;
}

.top_blog {
    background: #fff;
    padding: 0 25px 30px 25px;
    margin: 30px 0 0 0;
    box-shadow: 0 2px 1px rgba(8,1,2,0.05);
}
h2.blogh2{
    background: #d1c696;
    color: #fff;
    text-align: center;
    padding: 7px 0;
    margin: 0 -25px 15px;
    font-size: 17px;
    font-weight: bold;
    border: none;
}
.top_blog .boxin {
    padding: 6px 0 6px 0;
    border-bottom: 1px dotted #ccc;
    font-size: 13px;
}
.top_blog .date {
    padding: 0 0 2px 0;
    font-size: 11px;
    color: #59513d;
}
.top_blog span {
    margin: 0 0 0 5px;
    color: #888;
    font-size: 11px;
}


.top_sittoku {
    margin-bottom: 50px;
}
h2.top_title2{
    font-size: 16px;
    background: #ece7d9;
    padding: 16px 20px 16px 50px;
    margin: 50px 0 30px 0;
    border-bottom: 1px dotted #d8ceb5; 
    border-top: 2px solid #4e402c;
    line-height: 1.2;
    border-radius: 0;
    color: #4e402c;
    font-weight: bold;
    text-decoration: none;
}
h2.top_title2 a{
    color: #4e402c;
    text-decoration: none;
}
h2.h2bg4 {
    background: url(images/h2_bg4.png) 10px center no-repeat;
}
.top_sittoku a{
    text-decoration: none;
}
.top_sittoku .c_title{
    text-align: center;
    padding: 0 0 15px 0;
}
.top_sittoku .c_title a{
    background: url(images/list.png) left center no-repeat;
    padding: 0 0 0 14px;
    color: #4e402c;
    font-weight: bold;
}
.top_sittoku .c_excerpt{
    color: #4e402c;
    font-size: 12px;
}
.top_sittoku img{
    margin: 0 auto 15px;
}
@media only screen and (max-width: 768px){
    .top_sittoku .c_excerpt{
        display: none;
    }
}



/* PAGE Title ----------------------------------------------------------- */
#pagetitle_wrapper {
    width: 100%;
    height: 230px;
    border-bottom: 5px solid rgba(78,64,44,1);
    background-position: center center;
    background-size: cover;
    color: #fff;
    clear:both;
    position: relative;
}
.pagetitle-bg{
    background-image: url(images/pagetitle/pagetitle_bg.jpg); 
}
.pagetitle-brand {
    background-image: url(images/pagetitle/brand_bg.jpg); 
}
.pagetitle-mymaker {
    background-image: url(images/pagetitle/mymaker_bg.jpg); 
}
.pagetitle-handbill {
    background-image: url(images/pagetitle/handbill_bg.jpg); 
}
.pagetitle-partner {
    background-image: url(images/pagetitle/pagetitle_bg.jpg); 
}
.pagetitle-shoplist {
    background-image: url(images/pagetitle/shoplist_bg.jpg); 
}
.pagetitle-contactus {
    background-image: url(images/pagetitle/contactus_bg.jpg); 
}
.pagetitle-kagu {
    background-image: url(images/pagetitle/kagu_bg.jpg); 
}

.pagetitle_inner {
    clear:both;
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0;
    padding: 0;
    background: url(images/pageinner_bg.png) no-repeat left top; 
}
.pagetitle_inner span{
    position: absolute;
    left: 20px;
    top: -23px;
    margin: 0;
    height: 23px;
    line-height: 23px;
    padding: 0px 10px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    display: inline-block;
    background: #9ca034;
}
h1.p_title{
    padding: 25px 20px 25px 40px;
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.6;
    margin: 0;
}
@media only screen and (max-width: 1060px){
    #pagetitle_wrapper {
        height: 140px;
    }
    h1.p_title{
        text-align: center;
        font-size: 20px;
        padding: 20px 30px 20px;
    }
    .pagetitle_inner span{
        display: none;
    }
}



/* CHIRASHI page ----------------------------------------------------------- */
span.saleend {
    background: #d43400;
    color: #fff;
    padding: 2px 8px 1px;
    margin-right: 12px;
    font-weight: normal;
    font-size: 15px;
    border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.chirbox_kakudai {
    padding: 15px 0 5px;
    text-align: left;
}
.chirashi_title {
    padding: 8px 0 0 25px;
    color: #f7270a;
    font-size: 16px;
    background: url(images/chirashi_title_bg.gif) no-repeat 0 12px;
}
span.saleend_date {
    color: #d43400;
}
.box4 {
    background: #f9f4ed;
    border: 1px solid #efe8d8;
    padding: 10px 20px 10px 20px;
    margin: 15px 0px;
    display: block;
}
.box4_title{
    font-weight: bold;
    font-size: 14px;
    padding: 0 0 8px 0;
}
.shirokuro{
    position:relative;
    display:block;
}
span.btn{
    padding: 5px 10px;
    display:inline-block;
    cursor:pointer;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    background-color: #d43400;
    color: #fff;
    border: 1px solid #d43400;
}
span.btn:hover{
    background-color:#eee;
    color: #333333;
    box-shadow: 0 0 2px rgba(0,0,0,.8);
    border: 1px solid #ddd;
}
#screen{
    width: 900px;
    height: 450px;
    border: 1px solid #ddd;
    background: #333;
    margin: 0 auto;
    cursor: pointer
}
#thumbs {
    text-align: center;
}
#thumbs img{
    height: 80px;
    margin: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
    border: 3px solid rgba(255,255,255,.5);
    cursor:url("js/zoomify-css/zoomin.png"), -moz-zoom-in;
}
#thumbs img:hover{
    border: 3px solid rgba(255,255,255,1);
    cursor: pointer
}
#controls{
    width: 900px;
    text-align: right;
    padding-top: 10px; 
}
.explanation b{
    color:#999;
}
.explanation {
    display:none;
}
#showExp{
    padding: 10px;
    border-radius: 10px;
    background: #333333;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    cursor: pointer;
    margin: 5px;
    float: right;
    box-shadow:inset 0 0 2px rgba(0,0,0,.3);
}
#showExp:hover{
    background: #fff;
}


.chirashi_smf {display: none; text-align: center; padding: 10px 0;}
.smf_thumb2 {display: none;}
.smf_sonomama {text-align: right;}
@media only screen and (max-width: 959px){
    .chirashi_smf {display: block;}
    .chirbox_kakudai {display: none;}
    .smf_thumb1 {display: none;}
    .smf_thumb2 {display: block; text-align: center;}
    .shirokuro{display:none;}
    .smf_sonomama {display: none;}
}



/* Makuhari ----------------------------------------------------------- */
img.mg15 {
    margin: 15px 0
}
img.mt25 {
    margin: 25px 0 5px 0
}
.outlet-l {
    float: left
}
.outlet-r {
    float: right;
    font-size: 11px;
    text-align: center;
    line-height: 21px;
}
.makuhari08 {
    width: 720px;
    height: 579px;
    background: url(images/makuhari-img/makuhari08.jpg) no-repeat;
    position: relative;
    margin: 20px 0 0 0;
    font-size: 11px;
    line-height: 18px;
}
.makuhari08 img {
    margin: 0 0 8px 0
}
.makuhari08_inner1 {
    width: 227px;
    height: 220px;
    top: 190px;
    left: 10px;
    position: absolute;
}
.makuhari08_inner2 {
    width: 227px;
    height: 220px;
    top: 190px;
    left: 247px;
    position: absolute;
}
.makuhari08_inner3 {
    width: 227px;
    height: 220px;
    top: 190px;
    left: 484px;
    position: absolute;
}
.box08 {
    position: absolute;
    background: #068426;
    color: #fff;
    left: 10px;
    bottom: 10px;
    width: 670px;
    padding: 10px 15px;
}
.qa_menu {
    margin: 0 0 30px 0;
    padding: 15px;
    background: #fcfced;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.qa_menu a {
    color: #c40026;
    text-decoration: none;
    display: block;
}
.qa_menu a:hover {
    text-decoration: none;
    color: #119933;
}
.qa_menu ul {
    margin: 0;
    padding: 0;
}
.qa_menu li {
    list-style: none;
    padding: 8px 0 7px 10px;
    border-bottom: 1px dotted #ddd;
    font-weight: bold;
    font-size: 14px;
}
.qa_q {
    font-size: 14px;
    font-weight: bold;
    height: 29px;
    padding: 13px 0 0 15px;
    background: url(images/makuhari-img/qa_title.jpg) no-repeat;
    color: #fff;
}
.qa_a {
    padding: 15px;
    border-top: 1px solid #ddd;
    background: #f3f3eb;
    margin: 0 0 20px 0;
}
.qa_a span {
    float: right;
    padding: 0 0 0 14px;
    background: url(images/makuhari-img/qa_top.gif) left center no-repeat;
    font-size: 12px;
}
.qa_a a {
    text-decoration: none;
    color: #036db7;
}
.voice {
    border: 4px solid #dee322;
    padding: 5px 12px 15px 12px;
    margin-bottom: 8px;
    background: url(images/makuhari-img/voice_bg.gif) bottom center no-repeat;
}
.voice_title {
    border-bottom: 1px dotted #a67e4e;
    height: 35px;
    padding: 11px 0 0px 55px;
    margin: 0;
    background: url(images/makuhari-img/voice_title.gif) 0 0 no-repeat;
    font-weight: bold;
    font-size: 14px;
}
.voice_inner {
    padding: 12px 15px 15px 15px
}


/* SHOP page ----------------------------------------------------------- */
dl {
    margin: 0;
    padding: 0;
}
dl dt {
    float: left;
    width: 100px;
    padding: 0px 0;
    clear:both;
}

.design_simple dl dd{
    width:310px;
    margin-left:90px;
}
@media only screen and (max-width: 1060px){
    dl dt {
        float: none;
        width: 100%;
        display: block;
    }
    .design_simple dl dd{
        float: none;
        width: 100%;
        display: block;
        margin-left: 0;
    }
}

.shop dl dd {
    padding: 0px 0 0px 5px
}
.shop img.map {
    margin: 0;
    padding: 0;
}
ul.googlelist {
    margin: 0 0 0 0;
    padding: 0;
}
ul.googlelist li {
    margin: 0px 15px 0 0;
    padding: 0px 0 0px 23px;
    background: url(images/forgoogle.gif) 0 3px no-repeat;
    list-style: none;
}


/* weekly_ad page ----------------------------------------------------------- */
.weekly_ad_tb {
    width: 700px;
    clear: both;
}
.weekly_ad_img {
    width: 130px;
    float: left;
    margin-bottom: 30px;
}
.weekly_ad_right {
    width: 550px;
    float: right;
}
.weekly_ad_tb .weekly_ad_right .weekly_ad_day_dt {
    font-size: 16px;
    width: 120px;
    border: 1px solid #666666;
    padding-left: 1em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    float: left;
}
.weekly_ad_tb .weekly_ad_right .weekly_ad_day_dd {
    font-size: 16px;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 8em;
    margin-bottom: 0.3em;
}
.weekly_ad_tb .weekly_ad_right .weekly_ad_sub_dt {
    width: 4em;
    float: left;
}
.weekly_ad_tb .weekly_ad_right .weekly_ad_sub_dd {
    padding-left: 6em
}


/* KAGU page ----------------------------------------------------------- */
.choice01 {
    width: 720px;
    height: 940px;
    background: url(images/contents-img/choice01_bg.gif) 0 0 no-repeat;
    position: relative;
    margin: 0;
    line-height: 16px;
}
.choice01 strong {
    font-size: 13px;
    line-height: 20px;
    color: #058f28;
}
.choice01_01 {
    width: 160px;
    position: absolute;
    margin: 0;
    top: 5px;
    left: 0px;
    font-size: 11px;
}
.choice01_02 {
    width: 340px;
    position: absolute;
    margin: 0;
    top: 5px;
    right: 0px;
    font-size: 11px;
}
.choice01_03 {
    width: 340px;
    position: absolute;
    margin: 0;
    top: 160px;
    left: 0px;
    font-size: 11px;
}
.choice01_04 {
    width: 300px;
    position: absolute;
    margin: 0;
    top: 330px;
    left: 240px;
    font-size: 11px;
}
.choice01_05 {
    width: 200px;
    position: absolute;
    margin: 0;
    top: 775px;
    left: 30px;
    font-size: 11px;
}
.choice01_06 {
    width: 200px;
    position: absolute;
    margin: 0;
    top: 775px;
    left: 280px;
    font-size: 11px;
}
.choice01_07 {
    width: 200px;
    position: absolute;
    margin: 0;
    top: 775px;
    right: 0px;
    font-size: 11px;
}
.choice01b {
    width: 720px;
    height: 857px;
    background: url(images/contents-img/choice01_bg2.gif) 0 0 no-repeat;
    position: relative;
    margin: 0;
    line-height: 16px;
}
.choice01b strong {
    font-size: 13px;
    line-height: 20px;
    color: #058f28;
}
.choice01b_01 {
    width: 250px;
    position: absolute;
    margin: 0;
    top: 25px;
    left: 30px;
    font-size: 11px;
}
.choice01b_02 {
    width: 340px;
    position: absolute;
    margin: 0;
    top: 5px;
    right: 0px;
    font-size: 11px;
}
.choice01b_03 {
    width: 340px;
    position: absolute;
    margin: 0;
    top: 475px;
    left: 0px;
    font-size: 11px;
}
.choice01b_04 {
    width: 300px;
    border: 1px dotted #ddd;
    position: absolute;
    padding: 15px;
    top: 600px;
    right: 30px;
    font-size: 11px;
}
.choice05 {
    width: 100%;
    background: url(images/contents-img/choice05_bg.gif) 0 0 no-repeat;
    background-size:100%;
    padding-top:129%;
    position: relative;
    margin: 0;
    line-height: 16px;
}
.choice05 strong {
    font-size: 13px;
    line-height: 20px;
    color: #058f28;
}
.choice05_01 {
    width: 350px;
    position: absolute;
    margin: 0;
    top: 10px;
    left: 20px;
}
.choice05_02 {
    width: 300px;
    position: absolute;
    margin: 0;
    top: 20px;
    right: 0px;
}
.choice05_03 {
    width: 325px;
    position: absolute;
    margin: 0;
    top: 320px;
    right: 0px;
}
.choice05_04 {
    width: 370px;
    border: 1px dotted #ddd;
    position: absolute;
    padding: 15px;
    top: 790px;
    left: 0;
    font-size: 11px;
}
.choice05b {
    width: 100%;
    padding-top: 93.25%;
    background: url(images/contents-img/choice05_bg2.gif) 0 0 no-repeat;
    background-size:100%;
    position: relative;
    margin: 0;
    line-height: 16px;
}
.choice05b strong {
    font-size: 14px;
    line-height: 20px;
    color: #058f28;
}
.choice05b_01 {
    width: 160px;
    position: absolute;
    margin: 0;
    top: 320px;
    left: 250px;
    font-size: 10px;
}
.choice05b_02 {
    width: 160px;
    position: absolute;
    margin: 0;
    top: 440px;
    left: 250px;
    font-size: 10px;
}
.choice05b_03 {
    width: 160px;
    position: absolute;
    margin: 0;
    top: 560px;
    left: 250px;
    font-size: 10px;
}
.choice05b_04 {
    width: 150px;
    position: absolute;
    margin: 0;
    top: 350px;
    right: 0;
    font-size: 10px;
}
.choice05b_05 {
    width: 150px;
    position: absolute;
    margin: 0;
    top: 440px;
    right: 0;
    font-size: 10px;
}
.choice05b_06 {
    width: 150px;
    position: absolute;
    margin: 0;
    top: 560px;
    right: 0;
    font-size: 10px;
}

strong.choice {
    font-size: 15px;
    line-height: 20px;
    color: #058f28;
}
.koujo {
    position: relative
}
.koujo_text_inner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 305px;
    background: #3d3521;
    padding: 10px 15px;
    font-size: 11px;
    color: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}


@media screen and (max-width:960px) {
.choice05_01,
.choice05_02,
.choice05_03,
.choice05_04,
.choice05b_01,
.choice05b_02,
.choice05b_03,
.choice05b_04,
.choice05b_05,
.choice05b_06{
    position: static;
    width:90%;
    margin:10px auto 0;
}

.koujo_text_inner {
    position: static;
    bottom: auto;
    left: 0;
    width: 78%;
    margin:0 auto;
}


}


/* 3D page ----------------------------------------------------------- */
.area_3d1 {
    width: 100%;
    height: 0;
    padding-top: 37.25%;
    background: url(images/3d-img/3d_002.jpg) 0 0 no-repeat;
    background-size:100%;
    position: relative;
    margin: 20px 0 20px 0;
}

.area_3d1_inner {
    width: 245px;
    top: 87px;
    right: 14px;
    position: absolute;
}
.area_3d2_inner {
    padding: 10px;
    border: 1px solid #eee;
}
.area_3d2 {
    background: #057c23;
    color: #fff;
    padding: 3px 0px 3px 0px;
    text-align: center;
}
.area_3d_desi {
    width: 100%;
    height: 0;
    padding-top: 73.25%;
    background: url(images/3d-img/3d_desi_01.jpg) 0 0 no-repeat;
    background-size:100%;
    position: relative;
    margin: 20px 0 20px 0;
}
.d3_desi_01 {
    width: 400px;
    position: absolute;
    margin: 0;
    top: 85px;
    left: 90px;
}
.d3_desi_02 {
    width: 400px;
    position: absolute;
    margin: 0;
    top: 235px;
    left: 90px;
}
.d3_desi_03 {
    width: 400px;
    position: absolute;
    margin: 0;
    top: 385px;
    left: 90px;
}
.d3_desi_04 {
    width: 400px;
    position: absolute;
    margin: 0;
    top: 534px;
    left: 90px;
}


@media screen and (max-width:960px) {
.d3_desi_01,
.d3_desi_02,
.d3_desi_03,
.d3_desi_04 {
    width: 90%;
    left: 9%;
    font-size: 80%;
    line-height:120%;
}

.d3_desi_01 {
    top: 16%;
}

.d3_desi_02 {
    top: 44%;
}

.d3_desi_03 {
    top: 72%;
}

.d3_desi_04 {
    top: 100%;
}

object,embed{
    width:100% !important;
    height:auto !important;
}

}


.area_3d_my {
    width: 720px;
    height: 624px;
    background: url(images/3d-img/3d_my_01.jpg) 0 0 no-repeat;
    position: relative;
    margin: 20px 0 20px 0;
}
.d3_my_01 {
    width: 400px;
    position: absolute;
    margin: 0;
    top: 85px;
    left: 90px;
}
.d3_my_02 {
    width: 400px;
    position: absolute;
    margin: 0;
    top: 235px;
    left: 90px;
}
.d3_my_03 {
    width: 400px;
    position: absolute;
    margin: 0;
    top: 385px;
    left: 90px;
}
.d3_my_04 {
    width: 400px;
    position: absolute;
    margin: 0;
    top: 538px;
    left: 90px;
}
/* BRIDAL page ----------------------------------------------------------- */
.bridal_area1 {
    width: 100%;
    height: 0;
    padding-top: 84.25%;
    background: url(images/bridal-img/bridal_001.jpg) 0 0 no-repeat;
    background-size:100%;
    position: relative;
    margin: 25px 0 0 0;
}
.bridal_area1_inner {
    width: 230px;
    top: 418px;
    left: 255px;
    position: absolute;
}

.bridal_area1_inner br{
    display:none;
}
.bridal_area2 {
    width: 100%;
    height: 0;
    padding-top: 63.25%;
    background: url(images/bridal-img/bridal_002.jpg) 0 0 no-repeat;
    background-size:100%;
    position: relative;
    margin: 0;
    text-indent: -9988px;
}

@media screen and (max-width:960px) {
.bridal_area1_inner {
    width: 34%;
    top: 67%;
    left: 33%;
    font-size: 60%;
    line-height: 120%;
    background:;
}
}


/* TAISHIN page ----------------------------------------------------------- */
.taishin_title {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 3px solid #d43400;
    padding: 8px 0 4px 1px;
}
.taishin_title2 {
    font-size: 16px;
    color: #d43400;
    padding: 13px 0 4px 1px;
}
.taishin_desc {
    border-top: 1px dotted #ccc;
    padding: 5px 0 0 0;
    font-size: 11px;
    color: #847f77;
}


/* category ----------------------------------------------------------- */
.cat_listdate {
    padding: 0;
    margin: 0;
    font-size: 13px;
    color: #686651;
}
.cat_title {
    margin: 0 0 4px 0;
    padding: 0px 10px 3px 15px;
    background: url(images/designlist.gif) left 12px no-repeat;
    border-bottom: 1px dotted #ddd;
}


/* single page ----------------------------------------------------------- */
.goods_title {
    font-size: 16px;
    color: #d43400;
}


/* sidebar ----------------------------------------------------------- */
div#utilities {
    width: 230px;
    float: right;
    margin: 0 0 30px 0;
    padding: 13px 0 0 0;
    text-align: left;
}
.side_bg {
    padding: 0;
    margin: 0 0 20px 0;
}
.side_bgb {
    padding: 0;
    margin: 10px 0 20px 0;
}
.side_bg ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.side_bg2 {
    position: fixed;
    padding: 0;
    margin: 11px 0 10px 0;
    line-height: 10px;
}
.side_bg2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.side_bg2 ul li img {
    vertical-align: bottom
}
.recommend_title {
    width: 230px;
    height: 47px;
    margin: 0px 0 0 0;
    padding: 0;
    background: url(images/recom_title.gif) no-repeat;
    position: relative;
    text-indent: -9877em;
}
.recommend_inner {
    margin: 0 0 15px 0;
    padding: 10px 6px;
    background: #fff;
    border-left: 1px solid #d1db94;
    border-right: 1px solid #d1db94;
    border-bottom: 1px solid #d1db94;
    font-size: 10px;
    line-height: 15px;
}
.recomm_exp {
    border-bottom: 1px dotted #ddd;
    padding: 6px 0 6px 0;
}
span.recomm_img img {
    float: left;
    margin: 0px 10px 0px 0;
}
span.recomm_title {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}
span.recomm_title a {
    color: #47301c;
    text-decoration: none;
}
span.recomm_title a:hover {
    color: #493d11
}
.recomm_comm {
    margin: 0;
    color: #726b51;
}

#submenu {
    border: 1px solid #ebe8dc;
    margin: 0 0 25px 0;
    padding: 0;
}
#submenu .submenu_title {
    font-size: 14px;
    color: #fff;
    border-bottom: 3px solid #7c7f28;
    margin: 0 0 0 0;
    padding: 10px 5px;
    text-align: center;
    font-weight: bold;
    background: #9ca034;
}
#submenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#submenu ul li {
    margin: 0;
    padding: 0 0 0 10px;
    list-style: none;
    background: #fff;
    border-bottom: 1px dotted #d1ccb5;
}
#submenu ul li:hover, #submenu ul li.current {
    background: #e3ddc4;
}
#submenu ul li a {
    margin: 0;
    color: #4e402c;
    padding: 8px 0 8px 18px;
    display: block;
    text-decoration: none;
    background: url(images/list.png) left center no-repeat;
}
#submenu ul li a:hover {
    color: #725e3f;
}
#tenpomenu {
    border: 2px solid #dbede2;
    margin: 0 0 12px 0;
    padding: 0;
}
#tenpomenu .tenpomenu_title {
    font-size: 14px;
    color: #09972d;
    border-bottom: 3px solid #09972d;
    margin: 0 0 0 0;
    padding: 9px 0 7px 12px;
    font-weight: bold;
    background: url(images/submenu_title.gif) right bottom no-repeat;
}
#tenpomenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#tenpomenu ul li {
    margin: 0;
    padding: 0 0 0 10px;
    list-style: none;
    background: url(images/sub_a_bg.png) left bottom repeat-x;
    border-bottom: 1px dotted #ddd;
}
#tenpomenu ul li:hover, #tenpomenu ul li.current {
    background: #e0ffd6;
    font-weight: normal;
}
#tenpomenu ul li a {
    margin: 0;
    padding: 6px 0 5px 15px;
    display: block;
    text-decoration: none;
    background: url(images/submenu_list.gif) 0px 11px no-repeat;
}
#tenpomenu ul li a:hover {
    color: #09972d;
    font-weight: normal;
}


/* フッター
------------------------------------------------------------*/
#footer{
    clear:both;
    background: url(images/footer_bg.jpg);
    padding: 20px 0 0;
}
#footer ul{
    padding:0;
}
#footer ul li{
    list-style: none;
    padding: 2px 0 2px 25px;
    background: url(images/list_child.png) 8px center no-repeat;
}
#footer ul li.f_parr{
    background: none;
    font-weight: bold;
    color: #c6baa3;
    font-size: 13px;
    padding: 5px 0 8px 0;
    border-bottom: 2px solid #332616;
    margin-bottom: 10px;
}
#footer ul li a{
    text-decoration: none;
    font-size: 12px;
    color: #c6baa3;
    padding:3px 0;
}
#footer ul li a:hover{
    color: #938260;
}
#footer ul.f_social{
    display: block;
    padding-top: 10px;
    text-align: center;
}
#footer ul.f_social li{
    background: none;
    display: inline-block;
    padding: 5px 5px;
}
#footer ul.mov_f {
    text-align: center;
}
#footer ul.mov_f li{
    background: none;
    display: inline-block;
    margin: 2px 10px;
}

#pageTop {
    display: none;
    position: fixed;
    margin: 10px;
    bottom: 10px;
    right: 10px;
    width:45px;
    height:45px;
    line-height: 40px;
    text-align: center;
    z-index: 1;
}
#pageTop a {
    display: block;
    font-size: 20px;
    background: #4e402c;
    color: #fff;
    width:45px;
    height:45px;
    border-radius: 50%;
}
#pageTop a:hover{
    background: #8d7b50;
}

#copyright_wrapper{
    width: 100%;
    background: #1A130B;
}
#copyright{
    display: block;
    text-decoration: none;
    color: #e0d6c4;
    padding: 15px 0 15px;
    text-align:center;
    font-size:12px;
    margin: 0;
}



/* product ---------------------------------------------------------- */

.product_single {
    width: 49%;
    float:left;
    padding-right:3px;
    margin-bottom: 20px;
}
.product_note1 {
    background: #ebe8dc;
    color: #4e402c;
    padding: 20px;
    line-height:1.8;
    border-radius: 5px;
    font-weight: bold;
    font-size: 13px;
}
.product_note1 p {
    margin:0;
    padding: 0px 8px 0px;
    font-size: 14px;
    color:#56300a;
    line-height:1;
}
.product_note1 span {
    padding:0 8px 0;
}
.product_note2 {
    padding: 18px 8px 0;
}
.product_note2 p {
    margin:0;
    font-size: 18px;
    font-weight:bold;
}
.product_note3 {
    padding: 4px 8px 8px;
    font-size: 12px;
    min-height:66px;
    height: auto !important;
    height: 66px;
}
.product_note3 p {
    margin:0;
    font-size: 12px;
}
.product_note4 {
    padding: 0px 8px 10px;
}
.product_note4 p {
    margin:0;
    font-size: 12px;
    line-height:1.3;
    color:#75726f;
}
.product_note5 {
    padding: 8px 8px 0px;
    text-align:right;
    border-top:1px dotted #ccc;
}
.product_note5 p {
    margin:0;
    font-size:12px;
    line-height:1.3;
}
.product_note6 {
    padding: 0px 8px 8px;
    text-align:right;
    border-bottom:1px dotted #ccc;
}
.product_note6 p {
    margin:0;
    font-size:12px;
    line-height:1.3;
    color:#ba0101;
}
.product_note6 p span {
    margin:0;
    font-size:26px;
    font-weight:bold;
    line-height:1;
    color:#ba0101;
}

.pro-sn {
    position: relative;
    margin: 0;
    border: 1px solid #e3e3e3;
    box-shadow: 0 3px 0 rgba(8,1,2,0.03);
    padding: 0;
}
.pro-sn-img {
    position: relative;
}
.offposi {
    position: absolute;
    bottom: 0;
    left: 0;
}
.offposi_bg {
    background: #e50112;
    color: #fff;
    display: inline-block;
    padding: 3px 10px;
    font-size: 13px;
}
.shopposi {
    position: absolute;
    top: 0;
    left: 0;
    background: #9ca034;
    display: inline-block;
    text-decoration: none;
}
.shopposi a{
    color: #fff;
    text-decoration: none;
    padding: 3px 10px;
}
.pro-sn-title {
    font-size: 14px;
    padding: 5px 10px;
    font-weight: bold;
}
.pro-sn-info {
    font-size: 13px;
    padding: 5px 10px;
    color: #666;
}

@media only screen and (max-width: 960px){
    .product_single {
        width: 100%;
        float:none;
        display: block;
        padding-right:0;
    }
}


/* font */
.close {
    color: #FF0000 !important;
    text-decoration: none !important;
}
a.close:hover {
    color: #FF7777!important;
    text-decoration: underline!important;
}
.white {
    color: #FFF !important;
    text-decoration: none !important;
}
.white_uline{
    color: #FFF !important;
}
.bold{
    font-weight: bold;
}


/* 画像切抜き
*****************************************************/
.imgLiquid {
    width:100%; 
    height:250px;
    border-radius: 5px;
    overflow: hidden;
}
.imgLiquid150 {
    width:100%;
    height:150px; 
    overflow: hidden;
}
a.img-mpc {
    border: 1px solid #eee;
}


/* 特殊ページ用 ----------------------------------------------------------- */
p.chui,
p.chui_point,
p.chui_point_waku{
    width:90%;
    margin:10px auto;
}

p.chui{
    font-size:10px;
    line-height:110%;
}
p.chui_point{
    background:#C00;
    padding:10px;
    color:#FFF;
    font-weight:bold;
}

p.chui_point_waku{
    padding:20px 0;
    color:#C00;
    font-weight:bold;
    text-align:center;
    border:1px solid #C00;
    margin:30px auto;
    font-size:200%;
}

p.chui_btn a {
    display:block;
    width:50%;
    margin:10px auto;
    text-align:center;
    color:#FFF;
    text-decoration:none;
    font-size:200%;
    font-family: Arial, Helvetica, sans-serif;
    padding: 30px 0;
    background: -moz-linear-gradient(
        top,
        #93c248 0%,
        #93c248 48%,
        #007a04 74%,
        #93c248);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#93c248),
        color-stop(0.48, #93c248),
        color-stop(0.74, #007a04),
        to(#93c248));
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    border: 1px solid #ffffff;
    -moz-box-shadow:
        0px 3px 11px rgba(000,000,000,0.5),
        inset 0px 0px 0px rgba(147,194,072,1);
    -webkit-box-shadow:
        0px 3px 11px rgba(000,000,000,0.5),
        inset 0px 0px 0px rgba(147,194,072,1);
    box-shadow:
        0px 3px 11px rgba(000,000,000,0.5),
        inset 0px 0px 0px rgba(147,194,072,1);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,0.3);
}

p.chui_btn a:hover {
    opacity: 0.6;  
}



/* mymaker */
.table_maker td {
    border: 1px solid #d9dede;	
    text-align: center;
}
@media only screen and (max-width: 760px){
    .table_maker td {
        display: block;
    }
}



/* outlet */
table.table_outlet {
    width: 720px;
    margin: 10px auto 0;
    border-collapse: separate;
    border-spacing: 1px 0;
    font-size: 14px;
}
table.table_outlet th,
table.table_outlet td {
    padding: 10px;
}
table.table_outlet th {
    box-shadow: 0px 1px 1px rgba(255,255,255,0.8) inset;
    border-radius: 5px 5px 10px 10px;
    background: #88b7d5;
    vertical-align: middle;
    text-align: center;
    width: 125px;
    height: 50px;
    position: relative;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    font-size: 16px;
}

table.table_outlet th.c1 {
    background: rgb(4,144,205); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(97,174,36,1) 1%, rgba(86,155,32,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(97,174,36,1)), color-stop(100%,rgba(86,155,32,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(97,174,36,1) 1%,rgba(186,155,32,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(97,174,36,1) 1%,rgba(86,155,32,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(97,174,36,1) 1%,rgba(86,155,32,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(97,174,36,1) 1%,rgba(86,155,32,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61ae24', endColorstr='#569b20',GradientType=0 ); /* IE6-9 */
}

table.table_outlet th.c2 {
    background: rgb(109,188,130); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(204,20,69,1) 1%, rgba(182,17,61,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(204,20,69,1)), color-stop(100%,rgba(182,17,61,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(204,20,69,1) 1%,rgba(182,17,61,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(204,20,69,1) 1%,rgba(182,17,61,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(204,20,69,1) 1%,rgba(182,17,61,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(204,20,69,1) 1%,rgba(182,17,61,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc1445', endColorstr='#b6113d',GradientType=0 ); /* IE6-9 */
}

table.table_outlet th.c3 {
    background: rgb(237,213,105); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(17,63,140,1) 1%, rgba(15,56,125,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(17,63,140,1)), color-stop(100%,rgba(15,56,125,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(17,63,140,1) 1%,rgba(15,56,125,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(17,63,140,1) 1%,rgba(15,56,125,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(17,63,140,1) 1%,rgba(15,56,125,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(17,63,140,1) 1%,rgba(15,56,125,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#113f8c', endColorstr='#0f387d',GradientType=0 ); /* IE6-9 */
}

table.table_outlet th:after {
    top: 69px;
    left: 5px;
    content: """";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border: 78px solid transparent;
}
/* firefox */
@-moz-document url-prefix() {
    table.table_outlet th {
        text-indent: 10px;
    }
    table.table_outlet th::after {
        padding: 0;
        top: 60px;
        left: 0;
        content: """";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 50px solid transparent;
        border-top: #B7D567 15px solid;
    }
}
table.table_outlet th.c1:after {
    border-top: #569b20 15px solid;
}
table.table_outlet th.c2:after {
    border-top: #b6113d 15px solid;
}
table.table_outlet th.c3:after {
    border-top: #0f387d 15px solid;
}

table.table_outlet td {
    box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
    text-align: left;
    padding-top: 15px;
    border: none;
    vertical-align: top;
}

table.table_outlet tr:nth-child(2n+1) td.c1 {
    background: #f7f9e8;
}
table.table_outlet tr:nth-child(2n+0) td.c1 {
    background: #e2efbc;
}

table.table_outlet tr:nth-child(2n+1) td.c2 {
    background: #ffecf5;
}
table.table_outlet tr:nth-child(2n+0) td.c2 {
    background: #ffdfed;
}

table.table_outlet tr:nth-child(2n+1) td.c3 {
    background: #fff;
}
table.table_outlet tr:nth-child(2n+0) td.c3 {
    background: #eee;
}


table.table_outlet tr:last-child td {
    border-radius: 0 0 5px 5px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}


/* 募集ページ共通
------------------------------------------------------------*/
.btnfin {
    width:85%;
    margin:10px auto;
}

.btnfin a {
    display: block;
    text-decoration: none;
    padding: 20px 10px;
    border: 6px solid;
    color:#033;
}

.btnfin a:hover {
    color:#F00;
}

.btnfin.btnfin-mini{
    width:auto;
    margin:auto;
}
.btnfin.btnfin-mini a{
    padding: 12px 10px;
    border: 4px solid;
}


/* UIkit カスタマイズ
------------------------------------------------------------*/
.uk-panel-hover {
    background: #fff none repeat scroll 0% 0%;
    border-radius: 4px;
}
.uk-panel-hover:hover {
    background: #f9f9f9 none repeat scroll 0% 0%;
}
.uk-panel-box {
    background: #fff;
}
.uk-panel:hover img {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.uk-grid-divider:empty {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 1px solid #eee;
}

.uk-grid-divider:not(:empty) {
    margin-left: 0;
    margin-right: 0;
}
.uk-grid-divider > * {
    padding-left: 0;
    padding-right: 0;
}

table.uk-table th{
    border: 1px solid #ddd;
    font-weight: bold;
    color: #111;
    text-align: center;
    background: #f3f3f3;
}
table.uk-table td{
    border: 1px solid #ddd;
    color: #333;
}
.uk-table-striped tbody tr:nth-of-type(2n+1) {
    background: #f9f9f9 none repeat scroll 0% 0%;
}
.uk-overflow-container table.uk-table th,
.uk-overflow-container table.uk-table td {
    min-width: 120px;
}

.uk-panel-title {
    padding: 10px 15px;
    margin-top: 0;
    margin-bottom: 0;
    background: #292929;
    font-size: 14px;
    text-transform: none;
    color: #444;
}
.uk-offcanvas .uk-panel-title {
    color: #ccc;
}


/* 960px以下
------------------------------------------------------------*/
@media only screen and (max-width: 960px){
    body {
        background: #fff;
    }
    #wrapper, #header, #content_1col {width:100%;}
    .inner {width:95%; margin: 0 auto; padding: 0;}

    #header ul{padding:0;}
    #header p, #hr_space{display: none;}
    #header, #header .inner {width: 100%;height: auto;}
    #header {
        border-bottom: 1px solid #ddd;
    }
    #header .site_title {
        position: static;
        float: none;
        text-align: left;
        line-height: 1;
        margin: 0;
        padding: 15px 0px 15px 10px;
        width: 120px;
    }
    #header .site_description{
        position: static; 
        width: 85%; 
        margin:2px auto 0; 
        text-align:center; 
        font-size: 80%; 
        padding: 0;
    }
    .navbox {
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 12px;
    }
    .navbox a{
        font-size: 28px;
        color: #e60012;
    }

    #pankuzu {display: none;}

    #content, #content_1col{
        clear:both;
        width:100%;
        float:none;
        margin:0 auto;
        padding:0;
    }
    .post{
        clear:both;
        max-width: 92%;
        margin: 0px auto 20px;
        padding: 20px 0;
        box-shadow: none;
    }

    #sidebar{
        float: none;
        clear:both;
        width:90%;
        margin: 30px auto;
        text-align:center;
        padding:0;
    }

    #footer {
        margin-top: 30px;
    }
}




/* ユーティリティー
------------------------------------------------------------*/
/**** clearfix ****/
.clearfix:after {content: "."; display: block; height: 0; line-height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-block; }
*+html .clearfix { height: 1%; }
* html .clearfix { height: 1%; }
.clearfix {display: block;}

/**** font size ****/
.font10 {font-size: 10px}
.font11 {font-size: 11px}
.font12 {font-size: 12px}
.font13 {font-size: 13px}
.font14 {font-size: 14px}
.font15 {font-size: 15px}
.font16 {font-size: 16px}
.font18 {font-size: 18px}
.font20 {font-size: 20px}
.font24 {font-size: 24px}
.font28 {font-size: 28px}
.font36 {font-size: 36px}
.font40 {font-size: 40px}
.font50 {font-size: 50px}
.font60 {font-size: 60px}
.font80 {font-size: 80px}
.font100 {font-size: 100px}

/**** font weight ****/
.bold {font-weight: bold}
.normal {font-weight: normal}

/**** font color****/
.font-red {color: #ea706a}
.font-pink {color: #eabacc}
.font-orange {color: #ffc114}
.font-purple {color: #99608c}
.font-blue {color: #30a3cc}
.font-blue2 {color: #b5cedb}
.font-sky {color: #b0e0e1}
.font-tya {color: #706651}
.font-green {color: #159c7d}
.font-mosgreen {color: #00a84c}
.font-green2 {color: #009966}
.font-green3 {color: #b5dbc1}
.font-yellow {color: #ffcc33}
.font-gray {color: #999}
.font-gray2 {color: #bbb}
.font-gray3 {color: #ddd}
.font-gray6 {color: #666}
.font-black {color: #111}
.font-white {color: #fff}

/**** align ****/
.a_center {text-align: center; margin-left: auto; margin-right: auto;}
.a_left {text-align: left;}
.a_right {text-align: right;}

/**** valign ****/
.v_top {vertical-align: top}
.v_middle {vertical-align: middle}
.v_bottom {vertical-align: bottom}

/**** float ****/
.fl_l {float: left}
.fl_r {float: right}
.fl_clear {clear: both}

/**** border ****/
.border-top {border-top: 1px solid #eee}
.border-bottom {border-bottom: 1px solid #eee}
.border-left {border-left: 1px solid #eee}
.border-right {border-right: 1px solid #eee}

/**** width ****/
.w5 {width: 5%}
.w10 {width: 10%}
.w15 {width: 15%}
.w20 {width: 20%}
.w25 {width: 25%}
.w30 {width: 30%}
.w35 {width: 35%}
.w40 {width: 40%}
.w45 {width: 45%}
.w50 {width: 50%}
.w55 {width: 55%}
.w60 {width: 60%}
.w70 {width: 70%}
.w75 {width: 75%}
.w80 {width: 80%}
.w85 {width: 85%}
.w90 {width: 90%}
.w95 {width: 95%}
.w100 {width: 100%}

/**** margin ****/
/* 全体 */
.mg5 {margin: 5px}
.mg10 {margin: 10px}
.mg15 {margin: 15px}
.mg20 {margin: 20px}
.mg30 {margin: 30px}
/* 上下 */
.mgtb5 {margin-top: 5px; margin-bottom: 5px;}
.mgtb10 {margin-top: 10px; margin-bottom: 10px;}
.mgtb15 {margin-top: 15px; margin-bottom: 15px;}
.mgtb20 {margin-top: 20px; margin-bottom: 20px;}
.mgtb30 {margin-top: 30px; margin-bottom: 30px;}
.mgtb40 {margin-top: 40px; margin-bottom: 40px;}
.mgtb50 {margin-top: 50px; margin-bottom: 50px;}
/* 上 */
.mgt5 {margin-top: 5px}
.mgt10 {margin-top: 10px}
.mgt15 {margin-top: 15px}
.mgt20 {margin-top: 20px}
.mgt30 {margin-top: 30px}
.mgt40 {margin-top: 40px}
.mgt50 {margin-top: 50px}
/* 下 */
.mgb5 {margin-bottom: 5px}
.mgb10 {margin-bottom: 10px}
.mgb15 {margin-bottom: 15px}
.mgb20 {margin-bottom: 20px}
.mgb30 {margin-bottom: 30px}
.mgb40 {margin-bottom: 40px}
.mgb50 {margin-bottom: 50px}
.mgb60 {margin-bottom: 60px}
.mgb70 {margin-bottom: 70px}
/* 左 */
.mgl5 {margin-left: 5px}
.mgl10 {margin-left: 10px}
.mgl15 {margin-left: 15px}
.mgl20 {margin-left: 20px}
.mgl30 {margin-left: 30px}
.mgl40 {margin-left: 40px}
.mgl50 {margin-left: 50px}
.mgl70 {margin-left: 70px}
/* 右 */
.mgr5 {margin-right: 5px}
.mgr8 {margin-right: 8px}
.mgr10 {margin-right: 10px}
.mgr15 {margin-right: 15px}
.mgr20 {margin-right: 20px}
.mgr30 {margin-right: 30px}
.mgr40 {margin-right: 40px}
.mgr50 {margin-right: 50px}
.mgr70 {margin-right: 70px}
/* 左右 */
.mglr5 {margin-left: 5px; margin-right: 5px}
.mglr10 {margin-left: 10px; margin-right: 10px}
.mglr15 {margin-left: 15px; margin-right: 15px}
.mglr20 {margin-left: 20px; margin-right: 20px}
.mglr30 {margin-left: 30px; margin-right: 30px}

/**** padding ****/
/* 全体 */
.pd3 {padding: 3px;}
.pd5 {padding: 5px;}
.pd10 {padding: 10px;}
.pd15 {padding: 15px;}
.pd20 {padding: 20px;}
.pd30 {padding: 30px;}
.pd40 {padding: 40px;}
/* 上下 */
.pdtb5 {padding-top: 5px; padding-bottom: 5px;}
.pdtb10 {padding-top: 10px; padding-bottom: 10px;}
.pdtb15 {padding-top: 15px; padding-bottom: 15px;}
.pdtb20 {padding-top: 20px; padding-bottom: 20px;}
.pdtb30 {padding-top: 30px; padding-bottom: 30px;}
.pdtb40 {padding-top: 40px; padding-bottom: 40px;}
.pdtb60 {padding-top: 60px; padding-bottom: 60px;}
.pdtb100 {padding-top: 100px; padding-bottom: 100px;}
/* 上 */
.pdt3 {padding-top: 3px;}
.pdt5 {padding-top: 5px;}
.pdt10 {padding-top: 10px;}
.pdt15 {padding-top: 15px;}
.pdt20 {padding-top: 20px;}
.pdt30 {padding-top: 30px;}
.pdt40 {padding-top: 40px;}
/* 下 */
.pdb5 {padding-bottom: 5px;}
.pdb10 {padding-bottom: 10px;}
.pdb15 {padding-bottom: 15px;}
.pdb20 {padding-bottom: 20px;}
.pdb30 {padding-bottom: 30px;}
.pdb40 {padding-bottom: 40px;}
.pdb50 {padding-bottom: 50px;}
.pdb60 {padding-bottom: 60px;}
.pdb70 {padding-bottom: 70px;}
/* 左右 */
.pdlr5 {padding-left: 5px; padding-right: 5px;}
.pdlr10 {padding-left: 10px; padding-right: 10px;}
.pdlr15 {padding-left: 15px; padding-right: 15px;}
.pdlr20 {padding-left: 20px; padding-right: 20px;}
.pdlr25 {padding-left: 25px; padding-right: 25px;}
.pdlr30 {padding-left: 30px; padding-right: 30px;}
.pdlr40 {padding-left: 40px; padding-right: 40px;}
/* 左 */
.pdl5 {padding-left: 5px;}
.pdl10 {padding-left: 10px;}
.pdl15 {padding-left: 15px;}
.pdl20 {padding-left: 20px;}
.pdl30 {padding-left: 30px;}
/* 右 */
.pdr5 {padding-right: 5px;}
.pdr10 {padding-right: 10px;}
.pdr15 {padding-right: 15px;}
.pdr20 {padding-right: 20px;}
.pdr30 {padding-right: 30px;}
/* 左右 */
.pdlr5 {padding-left: 5px; padding-right: 5px}
.pdlr10 {padding-left: 10px; padding-right: 10px}
.pdlr15 {padding-left: 15px; padding-right: 15px}
.pdlr20 {padding-left: 20px; padding-right: 20px}
.pdlr30 {padding-left: 30px; padding-right: 30px}


/* イベントボタン、印刷ページ --------------------------------- */
#sale_tb table,#sale_tb td,#sale_tb th {border-collapse: collapse;border:1px solid #999;}
#sale_tb th {width:150px;}
.yt-box {
    background: #f5f3ed;
    border: 3px solid #c6baa3;
    margin: 25px 0 15px;
    padding: 20px 20px 30px;
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
    line-height: 1.7;
}
.yt_title {
    display: block;
    padding: 0 0 5px 0;
    margin-bottom: 10px;
    color: #4e402c;
    font-weight: bold;
    font-size: 28px;
    text-align: center;
}
.yt-img{
    width: 80%;
    max-width: 270px;
    margin-bottom: 10px;
}
a.bigbtn{
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
    text-decoration:none;
    height: 45px;
    line-height: 45px;
    width: 80%;
    text-align: center;
    display: inline-block;
    margin:0 0 5px 0;
    padding: 8px 30px;
    outline: none;
    position: relative;
    z-index: 2;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin: 20px 0 10px 0;
}
.bigbtnbtn:before,.bigbtnbtn:after{
    position: absolute;
    display: inline-block;
    content:"";
    height: 100%;
    width: 100%;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.v2-7{
    border: 3px solid #e57067;
    color: #fff;
    text-shadow: rgba(0,0,0,0.3) -1px -1px;
    background: #e57067;
    box-shadow:
        0px 4px 0px 0px #c2463c;
    border-radius: 3px;
    -webkit-transition:all 0s !important;
    transition:all 0s !important;
}
.v2-7:hover{
    top: 4px;
    box-shadow:none;
    border: 3px solid #c2463c;
    background: #c2463c;
    color: #fff;
    text-decoration: none;
}
@media only screen and (max-width: 980px){
    a.bigbtn{
        font-size: 22px;
        padding: 10px 20px;
        height: auto;
        line-height: 1.4;
    }
    .yt_title {
    font-size: 22px;
}
}
.printbody {
    border: none;
}
.print-wrapper {
    display: block;
    border: #ccc solid 1px;
    padding: 20px 20px 30px;
    text-align: center;
    line-height: 1.4;
    box-sizing: border-box;
    background-color: #fff;
}
.print-wrapper img{
    max-width: 100%;
}
.pri-img{
    display: inline-block;
    margin: 20px auto 0;
    
}
.pri-a {
    font-size: 24px;
    font-weight: bold;
    padding-top: 35px;
    padding-bottom: 10px;
}
.pri-b {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 25px
}
.pri-c {
    font-size: 18px;
}
.pri-d {
    font-size: 18px;
    font-weight: bold;
    padding-top: 25px;
    padding-bottom: 20px
}
.pri-e {
    font-size: 16px;
    text-align: left;
}

table.printtbl {
    width: 100%;
    text-align: left;
    font-size: 14px;
    margin: 10px 0;
}
table.printtbl th{
    min-width: 140px;
    padding: 10px 20px;
    border: 1px solid #ccc;
}
table.printtbl td{
    padding: 10px 20px;
    border: 1px solid #ccc;
}
.pri-close {
    text-align: center;
    margin-top: 30px;
}
.pri-close input{
    text-align: center;
    width: 110px;
    font-size: 17px;
    padding: 10px 10px;
    margin: 5px;
    background: #f7f7f7;
}
@media print{
    .no_print{
        display: none;
    }
}
@media only screen and (max-width: 980px){
    .no_mobile{
        display: none;
    }
}


/* PCでのみ表示 */
@media only screen and (min-width: 961px){
.sp{display: none !important;}
#header .ec_banner{
    position: absolute;
    top: 26px;
    left: 570px;
}
}
/* スマホでのみ表示 */
@media only screen and (max-width: 960px){
.pc{display: none !important;}
#header .ec_banner {
    height: 45px;
    display: block;
    position: absolute;
    right: 54px;
    top: 10px;
}
#header .ec_banner img {
    height: 100%;
}
}

/* 非表示 */
.allnone{display:none;}


/* lp_共通ヘッダー＆フッター --------------------------------- */

.lp_header_app{
    z-index: 10000;
    top:-75px !important;
}

.lp_head_info {
    background: #fff2cb;
    text-align: center;
    padding: 10px;
}

.lp_head_info a:link{
    color: #FF0000;
    font-weight: bold;
}

.lp_head_info a:visited{
    color: #FF0000;
    font-weight: bold;
}