/**************************************************************************************************************
MODULE-CSS
LAST UPDATE : 2017/07/11
****************************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------------
 ALL FRAMES
--------------------------------------------------------------------------------------------------------------*/

.page_anker_section ul{overflow: hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: -10px;}
.page_anker_section ul li{width: 16.5%; float: left; padding-right: 10px;}
.page_anker_section ul li:last-child{ padding-right: 0; }
.page_anker_section ul li a{display: block;padding: 15px 15px 15px 20px; color: #fff; background: url(../img/icon_arrow_page.png) no-repeat left 15px center #645031; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
position: relative;
text-align: center;
font-size: 16px;
}
.page_anker_section ul li a:hover{ opacity: 0.7; text-decoration: none; }
.ankerPath{padding-top: 90px; margin-top: -90px; display: block;}
.sectionWrap .section { padding: 70px 0; }
.sectionWrap .section:nth-child(2n) {background: #fafafa;}
.section h2.txt_serif{ font-size: 32px; color: #645031; font-weight: normal; margin-bottom: 20px;}
.ranList>li{margin-top: 15px;}
.ranList>li>a{color: initial; display: block;}
.ranList>li>a:hover{ text-decoration: none; opacity: 0.7; }
.ranTable th{ width: 60px; font-size: 16px; }
.ranBox{border: 1px solid #ccc; display: table; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
width: 100%;
background: #fff;
}
.ranBox dt{ display: table-cell; vertical-align: top; border-right: 1px solid #ccc;
-webkit-border-radius: 8px 0 0 8px;
-moz-border-radius: 8px 0 0 8px;
-o-border-radius: 8px 0 0 8px;
border-radius: 8px 0 0 8px;
overflow: hidden;
width: 540px;
text-align: center;
}
.ranBox dt img{ width: 60%; height: auto; }
.ranBox dd{display: table-cell; vertical-align: top; padding: 30px;}
.ranBox .ttl{font-size: 24px; color: #645031; margin-bottom: 20px;}
.ranBox dd .colorB{margin-bottom: -20px;}
.ranBox dd .colorB li{-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%; overflow: hidden;}
.ranBox dd .colorB li {width: 20px; height: 20px; margin-right: 10px; margin-bottom: 10px;}
.ranBox dd .colorB li img{width: 100%; height: auto;}
.ranBox dd .colorB li span{display: none;}
.ranBox dd table th,
.ranBox dd table td{ vertical-align: top; padding: 4px 0;}
.ranBox dd table th{font-size: 16px; font-weight: normal;}
.ranBox dd table td .price{ font-size: 20px; display: inline-block;line-height: 1; vertical-align: middle;}
.ranBox dd table td .price:before{ content: "¥"; margin-right: 5px; line-height: 1;}
/* overallWrap -------------------------------------------------------*/
#overallWrap {
    width: 100%;
}

#overallVisual .overallList {
    height: 494px;
}

#overallVisual .overallList li {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

#overallVisual .overallList li .img img {
    width: 100%;
    height: auto;
}

#overallVisual .overallList li .maintxt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#overallVisual .overallList li .maintxt p {
    position: absolute;
}

#overallVisual .overallList li .maintxt img {
    width: 100%;
    height: auto;
}

#overallVisual .overallList li.main01 .txt01 {
    margin-top: 5%;
    margin-left: 83%;
    width: 3%;
}

#overallVisual .overallList li.main01 .txt02 {
    margin-top: 10%;
    margin-left: 73%;
    width: 8%;
}

#overallVisual .overallList li.main01 .txt03 {
    margin-top: 10%;
    margin-left: 20%;
    width: 6%;
}

#overallVisual .overallList li.main02 .txt01 {
    margin-top: 7%;
    margin-left: 76%;
    width: 4.5%;
}

#overallVisual .overallList li.main02 .txt02 {
    margin-top: 7%;
    margin-left: 64%;
    width: 8%;
}

#overallVisual .overallList li.main02 .txt03 {
    margin-top: 10%;
    margin-left: 19%;
    width: 6%;
}

.overallNav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: rgba( 255, 255, 255, 0.8 );
    filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#B4ffffff, endcolorstr=#B4ffffff, gradienttype=0);
    zoom: 1;
    _background: #fff;
}

.overallNavInner {
    width: 888px;
    margin: 0 auto;
}

.overallNav .copy {
    text-align: center;
    line-height: 30px;
    color: #000;
}

.overallNav ul {
    width: 100%;
    overflow: hidden;
}

.overallNav ul li {
    float: left;
    margin-right: 2px;
}

.overallNav ul li.nav01 {
    width: 300px;
}

.overallNav ul li.nav02 {
    width: 288px;
}

.overallNav ul li.nav03 {
    width: 296px;
}

.overallNav ul li.last {
    margin-right: 0;
}

.overallNav ul li a {
    display: block;
    padding-top: 26px;
    padding-bottom: 21px;
    margin-bottom: 3px;
}

.overallNav ul li a:hover {
    margin-bottom: 0;
    border-bottom: 3px solid #000;
    background: url(/randoseru/common/img/main_nav_arrow_pc.png) no-repeat center bottom;
}

/* takumiPickUp -------------------------------------------------------*/
.takumiPickUpWrap {
    margin-top: 30px;
}

.takumiPickUp {
    margin-top: 20px;
    width: 100%;
    overflow: hidden;
    zoom: 1;
}

.takumiPickUp .tabBtn {
    width: 190px;
    float: left;
    margin-right: 40px;
}

.takumiPickUp .tabBtn li {
    margin-bottom: 20px;
}

.takumiPickUp .tabBtn li.nav01 {
    background: url(/randoseru/aboutus/img/btn_takumi_pickup_kurokawa_on.gif) no-repeat;
}

.takumiPickUp .tabBtn li.nav01 a {
    background: url(/randoseru/aboutus/img/btn_takumi_pickup_kurokawa.gif) no-repeat;
}

.takumiPickUp .tabBtn li.nav01 a:hover {
    background: none;
}

.takumiPickUp .tabBtn li.nav02 {
    background: url(/randoseru/aboutus/img/btn_takumi_pickup_higuchi_on.gif) no-repeat;
}

.takumiPickUp .tabBtn li.nav02 a {
    background: url(/randoseru/aboutus/img/btn_takumi_pickup_higuchi.gif) no-repeat;
}

.takumiPickUp .tabBtn li.nav02 a:hover {
    background: none;
}

.takumiPickUp .tabBtn li.cur a {
    background: none;
}

.takumiPickUp .tabBtn li a {
    display: block;
    height: 60px;
    text-indent: -9999px;
    overflow: hidden;
}

.takumiPickUp .tabBtn li a:hover img {
    visibility: hidden;
}

.takumiPickUp .pickUpContents {
    width: 610px;
    float: right;
    zoom: 1;
}

.takumiPickUp .pickUpContents .personBlock {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.takumiPickUp .pickUpContents .personBlock dt {
    width: 200px;
    float: left;
    margin-right: 40px;
}

.takumiPickUp .pickUpContents .personBlock dd {
    float: left;
}

.takumiPickUp .pickUpContents .personRead {
    line-height: 2;
}

/* faqList -------------------------------------------------------*/
.faqList {
    margin-bottom: -30px;
}

.faqList li {
    margin-bottom: 30px;
}

.faqList li dl {
    background: url(/randoseru/faq/img/bg_faq_contents.jpg) no-repeat left bottom;
    padding-right: 1px;
    padding-bottom: 1px;
}

.faqList li dl dt {
    background: url(/randoseru/faq/img/txt_faq_q.png) no-repeat 19px 0.5em #4d4d4b;
    padding: 9px 20px 8px 58px;
    color: #fff;
    font-size: 120%;
    border-bottom: solid 1px #b3b3b3 ;
    cursor: pointer;
}

.faqList li.cur dl dt {
    background: url(/randoseru/faq/img/txt_faq_q.png) no-repeat 19px 0.5em #8c4f4f;
}

.faqList li dl dt span {
    display: block;
    background: url(/randoseru/faq/img/icon_arrow_faq.gif) no-repeat right center;
    padding-right: 15px;
    line-height: 22px;
}

.faqList li.cur dl dt span {
    display: block;
    background: url(/randoseru/faq/img/icon_arrow_faq_cur.gif) no-repeat right center;
}

.faqList li dl dd {
    display: none;
    padding: 14px 18px 14px 46px;
    line-height: 2;
    letter-spacing: 1.5px;
}

.faqList li.cur dl dd {
    display: none;
}

.faqList li dl dd p {
    text-indent: -27px;
}

.faqList li dl dd p img {
    vertical-align: middle;
    margin-right: 7px;
}

/* faqList -------------------------------------------------------*/
.cNavWrap {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.cNav {
    max-width: 960px;
    margin: 0 auto;
}

.cNav ul {
    overflow: hidden;
    display: table;
    width: 100%;
    table-layout: fixed
}

.cNav ul li {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.cNav ul li:after {
    content: "";
    border-right: 1px dotted #cccccc;
    display: block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: 0;
}

.cNav ul li:first-child:before {
    content: "";
    border-left: 1px dotted #cccccc;
    display: block;
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 0;
}

.cNav ul li span {
    display: block;
    padding: 10px;
    margin: 3px;
    text-align: center;
    font-size: 133.33%;
}

.cNav ul li.cur span {
    background: #8c4f4f;
    color: #fff;
}

.productsTab .proTabContents {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
}

.productsTab .tabContentsList {
    display: none;
    padding: 35px 0;

}

.productsTab .tabContentsList.cur {
    display: block;
}

.productsTab .tabContentsList h2 {
    font-size: 233%;
    line-height: 1.25;
    text-align: center;
    margin-bottom: 35px;
}

.productsTab .tabContentsList h2 .icon {
    margin-right: 20px;
    vertical-align: top;
}

.tabBoxWrap .tabBtn {
    cursor: pointer;
}

.tabBoxWrap .tabBtn > span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.tabBoxWrap .tabBtn > span:hover {
    opacity: 0.8;
}

.proIndexTable {
    width: 100%;
}

.proIndexTable th,
.proIndexTable td {
    padding: 15px;
    text-align: center;
    font-size: 116%;
    border: 1px solid #dddddd;
}

.proIndexTable th {
    background: #f2f2ed;
    vertical-align: middle;
}

.proIndexTable td {
    vertical-align: top;
}

.proIndexTable th:first-child {
    width: 100px;
}

.proItemList {
    overflow: hidden;
    margin-top: -15px;
}

.proItemList li {
    margin-top: 15px;
}

/*.proItemList li:first-child{ margin-top: 0; }*/
.proItemList li a {
    color: inherit;
}

.proItemList li a:hover {
    text-decoration: none;
}

.proItemList li a:hover img {
    opacity: 0.8;
}

.proItemList.col2 li {
    float: left;
    width: 50%;
}

.proItemList.col3 li {
    float: left;
    width: 33.33%;
}

.proItem .img img {
    height: 88px;
    width: auto;
}

.noticeWrap {
    position: relative;
}

.noticeWrap .colTxt {
    font-size: 83%;
    line-height: 1.75;
    padding-right: 180px;
}

.noticeWrap .colBtn {
    position: absolute;
    right: 0;
    top: 0;
}

.noticeWrap .colBtn .bg_btn {
    background: #434343;
    position: relative;
    cursor: pointer;
    display: block;
    padding: 10px ;
    width: 150px;
    text-align: center;
    font-size: 116.66%;
    color: #fff;
}

.noticeWrap .colBtn .bg_btn:after {
    content: "＞";
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -0.4em;
    font-size: 50%;
    line-height: 1;
}

.noticeWrap2 {
    position: relative;
}

.noticeWrap2 .colTxt {
    font-size: 83%;
    line-height: 1.75;
    padding-right: 180px;
}

.noticeWrap2 .colBtn {
    /*position: absolute; right: 0; top: 0;*/
}

.noticeWrap2 .colBtn .bg_btn {
    background: #434343;
    position: relative;
    cursor: pointer;
    display: block;
    padding: 10px ;
    width: 150px;
    text-align: center;
    font-size: 116.66%;
    color: #fff;
}

.noticeWrap2 .colBtn .bg_btn:after {
    content: "＞";
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -0.4em;
    font-size: 50%;
    line-height: 1;
}

/* boxLinkLists -------------------------------------------------------*/
.boxLinkLists ul {
    width: 974px;
    margin: 0 -7px 40px -7px ;
    overflow: hidden;
}

.boxLinkLists ul li {
    float: left;
    width: 310px;
    margin: 0 7px 15px;
}

.boxLinkLists ul li a {
    display: block;
    position: relative;
}

.boxLinkLists ul li a:hover {
    opacity: 0.85;
    filter: alpha(opacity=80); /* ie lt 8 */
    -ms-filter: "alpha(opacity=85)"; /* ie 8 */
    -moz-opacity: 0.85; /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.85; /* Safari 1.x */
    zoom: 1;
    cursor: pointer;
    text-decoration: none;
}

.boxLinkLists ul li a span {
    background: #000;
    color: #fff;
    font-size: 135%;
    text-align: right;
    line-height: 1;
    padding: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0.85;
    filter: alpha(opacity=80); /* ie lt 8 */
    -ms-filter: "alpha(opacity=85)"; /* ie 8 */
    -moz-opacity: 0.85; /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.85; /* Safari 1.x */
    zoom: 1;
    cursor: pointer;
    text-decoration: none;
}

.boxLinkLists ul li.bnr a span {
    background: #000;
    color: #fff;
    font-size: 100%;
    position: static;
    width: 100%;
    opacity: 1;
    filter: alpha(opacity=100); /* ie lt 8 */
    -ms-filter: "alpha(opacity=100)"; /* ie 8 */
    -moz-opacity: 1; /* FF lt 1.5, Netscape */
    -khtml-opacity: 1; /* Safari 1.x */
    zoom: 1;
    cursor: pointer;
    text-decoration: none;
}

.boxLinkLists ul li a span em {
    font-style: normal;
    padding: 10px 20px 10px 10px;
    display: block;
    background: url(/randoseru/img/icon_top_menu01.gif) no-repeat right center;
}

/* categoryHBlock -------------------------------------------------------*/
.categoryHBlock {
    margin: 0 0 50px 0;
}

/* proBlock -------------------------------------------------------*/
dl.proBlock,
dl.proBlock {
    padding: 30px 30px 30px 30px; /*width:840px;*/
    overflow: hidden;
    background: url(/randoseru/common/img/bg_secline_pc.gif) no-repeat 0 0 #fff;
}

.bgBSection dl {
    background: #fff !important;
}

dl.proBlock dt {
    float: right;
    margin-left: 25px;
}

dl.proBlock dd {
    /*float:left;*/
    /*width:401px;*/
    padding: 0;
    overflow: hidden;
    line-height: 2;
    letter-spacing: 1px;
}

dl.proBlock.pd0 dd {
    padding: 20px 30px;
}

dl.proBlock h2 {
    line-height: 1.25;
    font-size: 233%;
    margin-bottom: 20px;
}

dl.proBlock h2 .icon {
    margin-right: 20px;
}

dl.proBlock h3 {
    margin-top: 10px;
}

dl.proBlock dd .section_txt {
    font-size: 116%;
}

dl.proimgL dt {
    float: left;
    margin-left: 0;
    margin-right: 25px;
}

dl.proimgL dd {
    /* float:right;*/
}

dl.proBlock.pd0 {
    padding: 0;
}

dl.proBlock.pd0 dt {
    margin-left: 0;
    margin-right: 0;
}

.imgSwapTab {}

.imgSwapTab .proBlock.proimgL > dt {
    max-width: 470px;
}

.imgSwapTab .imgTabList {
    position: relative;
}

.imgSwapTab .imgTabList .tabContentsListInner img {
    width: 100%;
    height: auto;
}

.imgSwapTab .imgTabList .tabContentsList {
    opacity: 0;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.imgSwapTab .imgTabList .tabContentsList.cur {
    opacity: 1;
    position: relative;
    z-index: 10;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.imgSwapTab .textTabList .tabContentsList {
    opacity: 0;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

}

.imgSwapTab .textTabList .tabContentsList.cur {
    opacity: 1;
    position: relative;
    z-index: 10;
}

.thumbnailList {
    overflow: hidden;
    margin-right: -10px;
    position: relative;
    z-index: 11;
}

.thumbnailList li {
    cursor: pointer;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    width: 86px;
    height: 86px;
    overflow: hidden;
    text-align: center;
}

.thumbnailList li img {
    height: 100%;
    width: auto;
}

.specBlock dl.proimgL dt {
    width: 360px;
}

.specBlock dl.proimgL dt .flexslider_pro img {
    width: 100%;
    height: auto;
}

.specBlock dl.proimgL dt .flexslider_pro .txt {
    font-size: 116.6%;
    display: block;
    text-align: center;
    margin-top: 5px;
}

.specBlock dl.proBlock h2 {
    line-height: 1.25;
    font-size: 183%;
    position: relative;
}

.specBlock dl.proBlock h2 .icon {
    position: absolute;
    right: 0;
    top: 0;
    margin-right: 0;
}

.specBlock dl.proBlock h3 {
    line-height: 1.25;
    font-size: 183%;
}

.specBlock dl.proBlock h3 .txtS {
    font-size: 55%;
}

.specBlock .typeTable {
    border-top: 1px solid #dddddd;
    width: 100%;
    margin-top: 20px;
}

.specBlock .typeTable th,
.specBlock .typeTable td {
    padding: 10px 0;
    border-bottom: 1px solid #dddddd;
    vertical-align: middle;
}

.specBlock .typeTable .img {
    width: 50px;
}

.specBlock .typeTable .name {
    padding: 10px;
}

.specBlock .typeTable .btn {
    width: 140px;
    font-size: 14px;
}

.specBlock .typeTable .btn .bg_btn {
    font-size: 100%;
    width: 100%;
    display: block;
    color: #fff;
    border: none;
    line-height: 1;
    padding: 10px 0;
    text-align: center;
}

.specBlock .typeTable .btn .bg_btn.disable {
    background: #ccc;
}

.specBlock .typeTable .btn .bg_btn.cart {
    background: #8c4f4f;
    position: relative;
    cursor: pointer;
}

.specBlock .typeTable .btn .bg_btn.cart:after {
    content: "＞";
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -0.4em;
    font-size: 50%;
    line-height: 1;
}

.specBlock .specTable {
    margin-top: 20px;
    width: 100%;
}

.specBlock .specTable th,
.specBlock .specTable td {
    padding: 10px;
    border: 1px solid #dddddd;
    vertical-align: middle;
    line-height: 1.5;
}

.specBlock .specTable th {
    width: 80px;
    background: #f2f2ed;
}

.flW {
    overflow: hidden;
}

.flW .flL {
    float: left;
    display: block;
}

.flW .ov {
    overflow: hidden;
    display: block;
}

/*#boy div,#girl div{background:#fff !important;}*/

/* mateBlock -------------------------------------------------------*/
.bgBSection dl.mateBlock {
    overflow: hidden;
    background: none !important;
}

dl.mateBlock dt {
    float: right;
    margin-left: 25px;
}

dl.mateBlock dd {
    padding: 0;
    overflow: hidden;
    line-height: 2;
    letter-spacing: 1px;
}

dl.mateBlock h2 {
    line-height: 1.25;
    font-size: 175%;
    margin-bottom: 20px;
}

dl.mateBlock h3 {
    line-height: 1.25;
    font-size: 200%;
    margin-bottom: 10px;
}

/* productsDetail -------------------------------------------------------*/
.productsDetail {
    padding: 30px;
    background: #fff;
}

.productsDetail h2 {
    margin: 0 0 25px;
}

.productsDetail h3.item {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #b3b3af;
    margin: 0 0 20px 0;
}

.productsDetail h3.item span.name {
    float: left;
}

.productsDetail h3.item span.price {
    float: right;
    padding-top: 13px;
}

/* colorPattern -------------------------------------------------------*/
.colorPattern {
    width: 100%;
    overflow: hidden;
}

.colorPattern li {
    margin: 0 15px 0 0;
    float: left;
    text-align: center;
}

.colorPattern li span {
    display: block;
    text-align: center;
    font-size: 85%;
}

/* colorVar -------------------------------------------------------*/
.colorB {
    width: 100%;
    overflow: hidden;
}

.colorB li {
    margin: 0 15px 0 0;
    float: left;
    text-align: center;
}

.colorB li span {
    display: block;
    text-align: center;
    font-size: 85%;
    width: 40px;
}

.colorG {
    width: 100%;
    overflow: hidden;
}

.colorG li {
    margin: 0 15px 0 0;
    float: left;
    text-align: center;
}

.colorG li span {
    display: block;
    text-align: center;
    font-size: 85%;
    width: 40px;
}

/* textData -------------------------------------------------------*/
.textData {
    margin: 0 0 20px;
}

.textData dt {
    font-weight: bold;
    margin: 0 0 5px;
}

.textData dd {
    line-height: 1.5;
}

/* noticeList -------------------------------------------------------*/
.noticeList {
    color: #919191;
    font-size: 83%;
    line-height: 1.6;
}

.noticeList li {
    text-indent: -1em;
    margin: 0 0 0 1em;
}

/* btnCol1C -------------------------------------------------------*/
.btnCol1C {
    text-align: center;
    padding: 5px 0 0 0;
}

.btnCol1C li {
    text-align: center;
    margin: 25px 0 0 0;
}

.btnCol1C li a img:hover {
    opacity: 0.85;
    filter: alpha(opacity=80); /* ie lt 8 */
    -ms-filter: "alpha(opacity=85)"; /* ie 8 */
    -moz-opacity: 0.85; /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.85; /* Safari 1.x */
    zoom: 1;
    cursor: pointer;
    text-decoration: none;
}

/* productsNav -------------------------------------------------------*/
.productsNav {
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin: 0 0 30px 0;
}

.productsNav .photo {
    float: right;
}

.productsNav .aboutItem {
    float: left;
    width: 400px;
    position: relative;
    min-height: 600px;
}

.productsNav .aboutItem h1.item {
    border-bottom: 1px solid #b3b3af;
    margin: 0 0 20px;
}

.productsNav .aboutItem p {
    line-height: 2;
}

.productsNav .aboutItem .colorVar {
    position: absolute;
    right: 0;
    border-bottom: 1px solid #b3b3af;
    border-top: 3px solid #b3b3af;
    min-height: 144px;
    width: 100%;
}

.productsNav .aboutItem .colorVar ul li {
    margin: 0 0 10px 10px;
    float: left;
}

.productsNav .aboutItem .colorVar ul {
    width: 100%;
    overflow: hidden;
}

.products_main {
    margin-top: 30px;
}

.products_main .productsNav {
    margin-top: 40px;
    margin-bottom: 30px;
}

.products_main .productsNav .photo {
    float: none;
    text-align: center;
}

.products_main .productsNav .aboutItem {
    float: none;
    text-align: center;
    width: auto;
    min-height: initial;
    min-height: auto;
}

.products_main .productsNav .colorVar {
    position: static;
    border: none;
    margin-top: 20px;
}

.products_main .productsNav .colorVar dl dt {
    font-size: 150%;
    line-height: 2;
    margin-bottom: 15px;
}

.products_main .productsNav .aboutItem .colorVar ul li {
    display: inline-block;
    float: none;
    vertical-align: top;
}

.products_main .productsNav .aboutItem .colorVar ul li a {
    display: block;
    position: relative;
}

.products_main .productsNav .aboutItem .colorVar ul li.cur a:after {
    content: "";
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    left: 1px;
    border: 1px solid #ccc;
}

.page_detail_hd {
    font-size: 233%;
    font-weight: normal;
    text-align: center;
}

.txt_serif {
    font-family: "Shuei Mincho M", "EB Garamond", 游明朝, YuMincho, "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    -webkit-font-smoothing: antialiased;
}

/* footLineup -------------------------------------------------------*/
.footLineup {
    margin: 0 0 20px 0;
}

.footLineup dl dt {
    display: none;
}

.footLineup ul.bnr {
    width: 984px;
    overflow: hidden;
    margin: 0 -24px 0 0;
}

.footLineup ul.bnr li {
    margin: 0 24px 40px 0;
    float: left;
}

.footLineup ul.bnr li a img:hover {
    opacity: 0.85;
    filter: alpha(opacity=80); /* ie lt 8 */
    -ms-filter: "alpha(opacity=85)"; /* ie 8 */
    -moz-opacity: 0.85; /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.85; /* Safari 1.x */
    zoom: 1;
    cursor: pointer;
    text-decoration: none;
}

.bgBSection #group5,
.bgBSection #group3,
.bgBSection #group3,
.bgBSection #group2,
.bgBSection #group2 {
    display: none;
}

/* supportBox -------------------------------------------------------*/
.supportBox {
    background: #fff;
    width: 840px;
    padding: 30px;
    overflow: hidden;
    position: relative;
}

.supportBox h3 {
    margin: 30px 0 25px 0;
    font-size: 150%;
    padding: 0 0 5px 0;
}

.supportBox .clear {
    clear: both;
}

.supportBox .imgArea {
    width: 400px;
    float: right;
}

.supportBox .textArea {
    width: 400px;
    float: left;
}

.supportBox .textArea p {
    line-height: 2.2;
}

.supportBox .textArea dl {
    width: 400px;
    border: 1px solid #cccccc;
}

.supportBox .textArea dl dt {
    background: #dededa;
    padding: 10px;
    border-bottom: 1px solid #cccccc;
}

.supportBox .textArea dl dd {
    padding: 15px 15px 0 15px;
    text-align: center;
}

.supportBox .textArea dl dd p {
    margin: 0 0 15px 0;
}

.supportBox .supportBtn {
    margin: 20px 0;
}

/* supportSection -------------------------------------------------------*/
.supportSection {
    background: #fff;
    width: 900px;
    padding: 30px;
    overflow: hidden;
    margin: 30px 0 0 0;
}

.supportSection .textArea {
    text-indent: -1em;
    margin: 10px 0 10px 1em;
    line-height: 1.8;
}

/* aboutCatalog -------------------------------------------------------*/
.aboutCatalog {
    background: #fff;
    width: 840px;
    padding: 30px;
    overflow: hidden;
    position: relative;
}

.aboutCatalog .imgArea {
    width: 400px;
    float: right;
}

.aboutCatalog .textArea {
    width: 400px;
    float: left;
}

.aboutCatalog .textArea p {
    line-height: 2.2;
}

.aboutCatalog .textArea dl {
    width: 400px;
    border: 1px solid #cccccc;
    margin-top: 20px;
}

.aboutCatalog .textArea dl dt {
    background: #dededa;
    padding: 10px;
    border-bottom: 1px solid #cccccc;
}

.aboutCatalog .textArea dl dd {
    padding: 15px 15px 0 15px;
    text-align: center;
}

.aboutCatalog .textArea dl dd p {
    margin: 0 0 15px 0;
}

/* catalogForm -------------------------------------------------------*/
.catalogForm {
    background: #fff;
    width: 840px;
    padding: 30px;
    overflow: hidden;
    margin: 30px 0 0 0;
}

.catalogForm h2 {
    margin: 0 0 25px 0;
}

.catalogForm h3 {
    margin: 0 0 25px 0;
    font-size: 120%;
    border-bottom: 1px solid #4d4d4b;
    padding: 0 0 5px 0;
}

.catalogForm form dl {
    width: 100%;
    overflow: hidden;
}

.catalogForm form dl dt {
    width: 210px;
    padding: 25px 0 25px 15px;
    float: left;
    background: url(/randoseru/catalog/img/icon_square_form.gif) no-repeat left center;
    font-size: 110%;
    clear: left;
}

.catalogForm form dl dt span {
    font-size: 80%;
    vertical-align: top;
    color: #e10000;
    padding: 0 0 0 5px;
}

.catalogForm form dl dd {
    float: left;
    padding: 20px 0 20px 225px;
    margin: 0 0 0 -225px;
    border-bottom: 1px solid #dededa;
    width: 615px;
    font-size: 110%;
}

.catalogForm form dl dd input {
    border: 1px solid #b3b3af;
    padding: 5px;
    margin: 0 10px;
}

.catalogForm form dl dd .w200L {
    width: 190px;
    margin: 0 45px 0 10px;
}

.catalogForm form dl dd .w200M {
    width: 190px;
}

.catalogForm form dl dd .w200R {
    width: 190px;
}

.catalogForm form dl dd select {
    width: 175px;
    height: 30px;
    line-height: 30px;
}

.catalogForm form dl dd .w60 {
    width: 50px;
}

.catalogForm form dl dd .w75 {
    width: 65px;
}

.catalogForm form dl dd .w80F {
    width: 70px;
    margin: 0 10px 0 0;
}

.catalogForm form dl dd .w100F {
    width: 90px;
    margin: 0 10px 0 0;
}

.catalogForm form dl dd .w100 {
    width: 90px;
}

.catalogForm form dl dd .w280F {
    width: 270px;
    margin: 0 10px 0 0;
}

.catalogForm form dl dd .w230F {
    width: 230px;
    margin: 0 10px 0 0;
}

.catalogForm form dl dd .w230 {
    width: 230px;
}

.catalogForm form dl dd .w200 {
    width: 190px;
}

.catalogForm form dl dd .w515F {
    width: 505px;
}

.catalogForm form dl dd span.dpB {
    display: block;
    margin: 0 0 5px 0;
}

.catalogForm form dl dd span.dpB input {
    margin: 0 0 5px 0;
}

.kakunin {
    margin: 0;
}

.kakunin form dl dt {
    padding: 20px 0 20px 15px;
}

.contactForm h3 {
    border-bottom: 1px solid #4D4D4B;
    font-size: 120%;
    margin: 15px 0 25px;
    padding: 0 0 30px;
}

/* yumeranBox -------------------------------------------------------*/
.yumeranBox {
    padding: 0 15px 15px 15px;
    position: relative;
}

.yumeranBox h2 {
    margin: 0 0 15px 0;
}

.yumeranBox p {
    line-height: 2;
    margin: 0 0 25px 0;
    width: 465px;
    font-size: 120%;
}

.yumeranBox p.dlBtn {
    margin: -5px 0 25px 0;
    line-height: 1;
}

.yumeranBox p.imgPdf {
    position: absolute;
    top: 0;
    right: 15px;
    text-align: right;
}

.yumeranBox dl.notice {
    width: 465px;
    border-radius: 10px;
    border: 1px solid #cccccc;
}

.yumeranBox dl.notice dt {
    border-bottom: 1px solid #cccccc;
    background: #cfedf1;
    padding: 6px 15px 10px 15px;
    border-radius: 10px 10px 0 0;
    color: #1d1818;
    font-size: 130%;
}

.yumeranBox dl.notice dd {
    padding: 20px;
}

.yumeranBox dl.notice dd p {
    line-height: 1.8;
    margin: 0 0 20px;
    width: 425px;
    font-size: 100%;
}

/* yumeranList -------------------------------------------------------*/
.yumeranListWrap {
    border-top: 1px solid #dededa;
}

ul.yumeranList {
    padding: 40px 0 0 0;
    width: 974px;
    margin: 0 -7px 0 -7px;
    overflow: hidden;
}

ul.yumeranList li {
    width: 194px;
    height: 280px;
    border-bottom: 1px solid #dededa;
    margin: 0 0 40px 0;
    float: left;
}

ul.yumeranList li span {
    display: block;
    margin: 0 7px 0 7px;
}

ul.yumeranList li span.item {
    border: 5px solid #cfedf1;
    border-radius: 10px;
}

ul.yumeranList li span.item img {
    border: 2px solid #fff;
    border-radius: 10px;
}

ul.yumeranList li span.lead {
    margin: 5px 7px 0 7px;
    line-height: 1.8;
}

/* portraitList -------------------------------------------------------*/
ul.portraitList {
    overflow: hidden;
    clear: both;
}

ul.portraitList .clear {
    clear: both;
}

ul.portraitList li {
    width: 300px;
    margin: 0 30px 40px 0;
    float: left;
}

ul.portraitList li.last {
    margin: 0 0 40px 0;
}

ul.portraitList li .photo {
    border: 5px solid #cfedf1;
    border-radius: 10px;
    float: left;
}

ul.portraitList li .photo img {
    border: 2px solid #fff;
    border-radius: 10px;
}

ul.portraitList li .read {
    margin-left: 10px;
    width: 145px;
    float: left;
}

ul.portraitList li .read h2 {
    font-weight: bold;
}

ul.portraitList li .read p {
    margin-top: 10px;
    line-height: 1.5;
}

/* monthList -------------------------------------------------------*/
ul.monthList {
    overflow: hidden;
    clear: both;
    margin-bottom: 10px;
}

ul.monthList li {
    width: 50px;
    height: 30px;
    float: left;
    margin-right: 2px;
}

ul.monthList li a {
    display: block;
    line-height: 26px;
    text-align: center;
    border: 2px solid #4d4d4b;
    background-color: #4d4d4b;
    color: #ffffff;
}

ul.monthList li a.cur {
    background-color: #f2f2ed;
    color: #000000;
}

ul.monthList li a:hover {
    background-color: #f2f2ed;
    color: #000000;
    text-decoration: none;
}

/* filterArea -------------------------------------------------------*/
.filterArea .title {
    background: #000;
    color: #fff;
    font-size: 115%;
    line-height: 1;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.filterArea .title span {
    font-style: normal;
    padding: 10px 10px 9px 20px;
    display: block;
    float: left;
    background: url(/randoseru/img/icon_top_menu01.gif) no-repeat left center;
}

.filterArea .title a {
    float: right;
    margin: 2px 2px 1px;
}

.filterArea .filterInner {
    border: 1px solid #000000;
    padding: 20px;
    margin-bottom: 30px;
}

.filterArea .filterInner ul {
    clear: both;
    overflow: hidden;
}

.filterArea .filterInner li {
    float: left;
    margin-right: 30px;
}

.filterArea .filterInner li.last {
    margin-right: 0;
}

.filterArea .filterInner li a {
    line-height: 30px;
    display: block;
    padding-left: 40px;
}

.filterArea .filterInner li a:hover {
    text-decoration: none;
}

.filterArea .filterInner li.black {
    background: url(/randoseru/uv/img/icon_black_off.gif) no-repeat left center;
}

.filterArea .filterInner li.navy {
    background: url(/randoseru/uv/img/icon_navy_off.gif) no-repeat left center;
}

.filterArea .filterInner li.blue {
    background: url(/randoseru/uv/img/icon_blue_off.gif) no-repeat left center;
}

.filterArea .filterInner li.green {
    background: url(/randoseru/uv/img/icon_green_off.gif) no-repeat left center;
}

.filterArea .filterInner li.red {
    background: url(/randoseru/uv/img/icon_red_off.gif) no-repeat left center;
}

.filterArea .filterInner li.pink {
    background: url(/randoseru/uv/img/icon_pink_off.gif) no-repeat left center;
}

.filterArea .filterInner li.brown {
    background: url(/randoseru/uv/img/icon_brown_off.gif) no-repeat left center;
}

.filterArea .filterInner li.camel {
    background: url(/randoseru/uv/img/icon_camel_off.gif) no-repeat left center;
}

.filterArea .filterInner li.aqua {
    background: url(/randoseru/uv/img/icon_aqua_off.gif) no-repeat left center;
}

.filterArea .filterInner li.purple {
    background: url(/randoseru/uv/img/icon_purple_off.gif) no-repeat left center;
}

.filterArea .filterInner li.black:hover {
    background: url(/randoseru/uv/img/icon_black_on.gif) no-repeat left center;
}

.filterArea .filterInner li.navy:hover {
    background: url(/randoseru/uv/img/icon_navy_on.gif) no-repeat left center;
}

.filterArea .filterInner li.blue:hover {
    background: url(/randoseru/uv/img/icon_blue_on.gif) no-repeat left center;
}

.filterArea .filterInner li.green:hover {
    background: url(/randoseru/uv/img/icon_green_on.gif) no-repeat left center;
}

.filterArea .filterInner li.red:hover {
    background: url(/randoseru/uv/img/icon_red_on.gif) no-repeat left center;
}

.filterArea .filterInner li.pink:hover {
    background: url(/randoseru/uv/img/icon_pink_on.gif) no-repeat left center;
}

.filterArea .filterInner li.brown:hover {
    background: url(/randoseru/uv/img/icon_brown_on.gif) no-repeat left center;
}

.filterArea .filterInner li.camel:hover {
    background: url(/randoseru/uv/img/icon_camel_on.gif) no-repeat left center;
}

.filterArea .filterInner li.aqua:hover {
    background: url(/randoseru/uv/img/icon_aqua_on.gif) no-repeat left center;
}

.filterArea .filterInner li.purple:hover {
    background: url(/randoseru/uv/img/icon_purple_on.gif) no-repeat left center;
}

.filterArea .filterInner li.black a.active {
    background: url(/randoseru/uv/img/icon_black_on.gif) no-repeat left center;
}

.filterArea .filterInner li.navy a.active {
    background: url(/randoseru/uv/img/icon_navy_on.gif) no-repeat left center;
}

.filterArea .filterInner li.blue a.active {
    background: url(/randoseru/uv/img/icon_blue_on.gif) no-repeat left center;
}

.filterArea .filterInner li.green a.active {
    background: url(/randoseru/uv/img/icon_green_on.gif) no-repeat left center;
}

.filterArea .filterInner li.red a.active {
    background: url(/randoseru/uv/img/icon_red_on.gif) no-repeat left center;
}

.filterArea .filterInner li.pink a.active {
    background: url(/randoseru/uv/img/icon_pink_on.gif) no-repeat left center;
}

.filterArea .filterInner li.brown a.active {
    background: url(/randoseru/uv/img/icon_brown_on.gif) no-repeat left center;
}

.filterArea .filterInner li.camel a.active {
    background: url(/randoseru/uv/img/icon_camel_on.gif) no-repeat left center;
}

.filterArea .filterInner li.aqua a.active {
    background: url(/randoseru/uv/img/icon_aqua_on.gif) no-repeat left center;
}

.filterArea .filterInner li.purple a.active {
    background: url(/randoseru/uv/img/icon_purple_on.gif) no-repeat left center;
}

/* exhibitionList -------------------------------------------------------*/
ul.exhibitionList {
    width: 974px;
    margin: 0 -7px 0 -7px;
    overflow: hidden;
    clear: both;
}

ul.exhibitionList li {
    width: 194px;
    height: 370px;
    float: left;
}

ul.exhibitionList li div {
    display: block;
    margin: 0 7px 0 7px;
}

ul.exhibitionList li .item {
    border: 5px solid #cfedf1;
    border-radius: 10px;
}

ul.exhibitionList li .item img {
    border: 2px solid #fff;
    border-radius: 10px;
}

ul.exhibitionList li .read {
    margin: 5px 7px 30px 7px;
    line-height: 1.8;
    overflow: hidden;
}

ul.exhibitionList li .read p {
    line-height: 1.5;
}

ul.exhibitionList li .read h2 {
    font-weight: bold;
}

/* exhibitionSimpleList -------------------------------------------------------*/
ul.exhibitionSimpleList {
    width: 974px;
    margin: 0 -7px 0 -7px;
    overflow: hidden;
    clear: both;
}

ul.exhibitionSimpleList li {
    width: 194px;
    height: 230px;
    float: left;
}

ul.exhibitionSimpleList li div {
    display: block;
    margin: 0 7px 0 7px;
}

ul.exhibitionSimpleList li .item {
    border: 5px solid #fff;
}

ul.exhibitionSimpleList li .item img {
    border: 2px solid #fff;
}

/* mapArea -------------------------------------------------------*/
.mapArea {
    padding: 30px;
    background: #fff;
}

/* areaList -------------------------------------------------------*/
.areaList {
    padding: 0 30px 1px 30px;
    background: #fff;
}

.areaList ul li {
    padding: 40px 0 0;
    margin: 0 0 40px;
    border-top: 1px solid #dededa;
    position: relative;
    color: #646464;
    min-height: 326px;
}

.areaList ul span {
    display: block;
}

.areaList ul span.name {
    margin: 10px 0 15px 0;
}

.areaList ul span.location {
    line-height: 2;
    margin: 0 0 10px 0;
    font-size: 115%;
    width: 400px;
}

.areaList ul span.date {
    width: 400px;
}

.areaList ul span.mapImg {
    position: absolute;
    right: 0;
    top: 40px;
}

.areaList ul span.link {
    margin-top: 20px;
}

.areaList ul span.link a {
    background: url(/randoseru/shop/img/btn_more_link.gif) no-repeat 0 0;
    height: 15px;
    text-indent: -9999px;
    width: 128px;
    display: block;
}

.areaList ul span.link a:hover {
    background: url(/randoseru/shop/img/btn_more_link.gif) no-repeat bottom left;
}

/* shopDetail -------------------------------------------------------*/
.shopDetail {
    width: 100%;
    overflow: hidden;
}

.shopDetail .textDetail {
    float: left;
    width: 410px;
}

.shopDetail .textDetail h2 {
    margin-top: 10px;
}

.shopDetail .textDetail dl {
    width: 410px;
    overflow: hidden;
    margin: 25px 0 0 0;
}

.shopDetail .textDetail dl dt {
    float: left;
    width: 72px;
    line-height: 1.8;
    display: block;
    letter-spacing: 0.1em;
    text-align: justify;
    text-justify: inter-ideograph;
}

.shopDetail .textDetail dl dd {
    float: right;
    line-height: 1.8;
    background: url(/randoseru/aboutus/img/bg_colon.gif) no-repeat 0 0.6em;
    margin: 0 0 0 0;
    width: 325px;
    padding: 0 0 0 10px;
}

.shopDetail .textDetail dl dd a {
    color: #646464;
}

.shopDetail .picDetail {
    float: right;
    width: 400px;
}

.shopDetail .picDetail ul {
    width: 413px;
    overflow: hidden;
    margin: 0 -13px 10px 0;
}

.shopDetail .picDetail ul li {
    margin: 13px 13px 0 0;
    float: left;
    cursor: pointer;
}

.shopDetail .picDetail ul li.cur {
    border: 2px solid #8c4f4f;
}

.shopDetail .picDetail ul li.cur img {
    border: 1px solid #fff;
    width: 84px;
    height: auto;
}

/* thanksPage -------------------------------------------------------*/
.thanksPage {
    position: relative;
    width: 100%;
}

.thanksPage .catalogImg {
    margin: 0 0 0 0;
    position: absolute;
    top: -10px;
    right: -30px;
}

.thanksPage .thanksMessage {
    margin: 30px 0 110px 0;
    line-height: 1.8;
    width: 55%;
}

/* link -------------------------------------------------------*/
.arrowNomal a {
    background: url(/randoseru/common/img/icon_arrow_01.png) no-repeat left center;
    padding: 0 0 0 10px;
}

.sqNomal a {
    background: url(/randoseru/common/img/icon_sq_01.gif) no-repeat left center;
    padding: 0 0 0 10px;
}

/* hover -------------------------------------------------------*/
a.ov:hover,
input.ov:hover,
.ovGroup a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70); /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)"; /* ie 8 */
    -moz-opacity: 0.7; /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7; /* Safari 1.x */
    zoom: 1;
    cursor: pointer;
}

/* Hx -------------------------------------------------------*/
h1.categoryH {}

/* TEXT -------------------------------------------------------*/
.categoryLead {
    line-height: 2;
    padding: 25px 25px 20px 25px;
    font-size: 115%;
    margin: 0 0 60px 0;
    border-bottom: 1px solid #dedede;
}

.detailLead {
    line-height: 2;
    padding: 25px 25px 0 25px;
    font-size: 115%;
    margin: 0 0 0 0;
}

.welcome .detailLead {
    line-height: 2.5;
    padding: 35px 20px 20px 20px;
}

.squarePocket {
    margin-left: 10px;
    color: #619bdb;
}

.heartPocket {
    margin-left: 10px;
    color: #fd5366;
}

.notes {
    font-size: 83%;
}

/* law -------------------------------------------------------*/
.whiteInner p {
    line-height: 1.9;
}

.whiteInner dl dt {
    font-weight: bold;
}

.whiteInner dl dd {
    margin-bottom: 15px;
    line-height: 1.9;
}

/* spacing -------------------------------------------------------*/
.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

/* NONE -------------------------------------------------------*/
.bgNone {
    background: none !important;
}

.bdNone {
    border: none !important;
}

.spOnly {
    display: none !important;
}

.pcOnly {
    display: block !important;
}

.tabOnly {
    display: none !important;
}

.pctabOnly {
    display: block !important;
}

/* ALIGN -------------------------------------------------------*/
.layoutC {
    text-align: center !important;
}

.layoutR {
    text-align: right !important;
}

.layoutL {
    text-align: left !important;
}

.figR {
    float: right !important;
}

.figL {
    float: left !important;
}

/* Login -------------------------------------------------------*/
.loginBlock {
    width: 440px;
    margin: 100px auto;
}

.loginBlock ul {
    overflow: hidden;
}

.loginBlock ul li {
    float: left;
}

.loginBlock ul li:nth-child(2) {
    float: right;
}

.loginBlock ul li:hover {
    opacity: 0.6;
}

/*-------------------------------------------------------------------------------------------------------------
 Windowサイズが481px以上～850px以内の Style
--------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 481px) and (max-width: 850px) {
    /* NONE -------------------------------------------------------*/
    .spOnly {
        display: none !important;
    }

    .pcOnly {
        display: none !important;
    }

    .tabOnly {
        display: block !important;
    }

    .pctabOnly {
        display: block !important;
    }

    .mt20_ts {
        margin-top: 20px !important;
    }

    /* overallWrap -------------------------------------------------------*/
    .overallNavInner {
        width: 100%;
    }

    #overallVisual .overallList li {
        height: auto;
    }

    .overallNav ul li {
        margin-right: 0;
    }

    .overallNav ul li img {
        width: 100%;
        height: auto;
    }

    .overallNav ul li.nav01 {
        width: 34%;
    }

    .overallNav ul li.nav02 {
        width: 32.5%;
    }

    .overallNav ul li.nav03 {
        width: 33.5%;
    }

    /* takumiPickUp -------------------------------------------------------*/
    .takumiPickUpWrap {
        border-top: 1px #ccc solid;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .takumiPickUp .tabBtn {
        margin-right: 0;
    }

    .takumiPickUp .pickUpContents {
        float: none;
        margin-left: 220px;
        width: auto;
    }

    .takumiPickUp .pickUpContents .personBlock {
        margin-bottom: 20px;
    }

    .takumiPickUp .pickUpContents .personBlock dt {
        width: 160px;
        margin-right: 30px;
    }

    .takumiPickUp .pickUpContents .personBlock dd {
        width: 300px;
    }

    .takumiPickUp .pickUpContents .personBlock img {
        width: 100%;
        height: auto;
    }

    /* faqList -------------------------------------------------------*/
    .faqList li dl {
        padding-right: 0;
        padding-bottom: 0;
        background-image: none;
        -moz-box-shadow: 1px 1px 2px #b3b3b3;
        -webkit-box-shadow: 1px 1px 2px #b3b3b3;
        box-shadow: 1px 1px 2px #b3b3b3;
    }

    .faqList li dl dt {
        border: none;
    }

    .faqList li dl dd {
        border-left: #dededa 1px solid;
    }

    /* categoryHBlock -------------------------------------------------------*/
    .categoryHBlock {
        margin: 0 0 40px 0;
    }

    /* boxLinkLists -------------------------------------------------------*/
    .boxLinkLists ul {
        width: 738px;
        margin: 0 -4px 40px -4px ;
    }

    .boxLinkLists ul li {
        width: 238px;
        margin: 0 4px 8px;
    }

    .boxLinkLists ul li img {
        width: 100%;
        height: auto;
    }

    .boxLinkLists ul li a span {
        font-size: 100%;
    }

    /* TEXT -------------------------------------------------------*/
    .categoryLead {
        padding: 40px 0 40px 0;
        font-size: 100%;
        margin: 0 0 0 0;
    }

    .detailLead {
        padding: 40px 0 0 0;
        font-size: 100%;
        margin: 0 0 0 0;
    }

    /* Hx -------------------------------------------------------*/
    h1.categoryH {
        margin: 10px 0 0;
    }

    h1.categoryH img {
        height: auto;
        width: 100%;
    }

    /* proBlock -------------------------------------------------------*/
    dl.proBlock {
        padding: 30px 0 30px 0;
        width: 730px;
        overflow: hidden;
        background: #fff;
        border-top: 1px solid #dedede;
    }

    .bgBSection {
        background: #fff;
        border-bottom: 1px solid #dedede;
    }

    .bgBSection dl.bgNone {
        background: #fff !important;
        border: none !important;
    }

    dl.proBlock dt {
        /*min-width:350px; */
        float: right;
        line-height: 2;
        width: 48%;
    }

    dl.proBlock dd {
        /*min-width:350px; */
        float: left;
        line-height: 2;
        width: 48%;
    }

    dl.proBlock dt img,
    dl.proBlock dd img {
        height: auto;
        width: 100%;
    }

    dl.proBlock dd img.icon {
        width: auto;
        height: auto;
    }

    dl.proBlock dd {
        float: left;
    }

    dl.proimgL dt {
        float: left;
    }

    dl.proimgL dd {
        float: right;
    }

    dl.proBlock.pd0 {
        padding: 30px 0 30px 0;
    }

    dl.proBlock.pd0 dd {
        padding: 0;
    }

    /* mateBlock -------------------------------------------------------*/
    #contents .mateSection {
        margin: 0 0 40px 0;
        background: #f2f2ed;
        padding: 20px;
        border-top: none;
    }

    .bgBSection dl.mateBlock {
        width: 690px;
        overflow: hidden;
        background: #fff;
    }

    dl.mateBlock dt img {
        zoom: 0.6
    }

    /* productsNav -------------------------------------------------------*/
    .productsNav {
        margin: 0;
    }

    .productsNav .photo {
        width: 50%;
    }

    .productsNav .photo img {
        height: auto;
        width: 100%;
    }

    /*.productsNav .aboutItem img{ height:auto; width:95%;}*/
    .productsNav .aboutItem {
        width: 50%;
        min-height: 560px;
    }

    .products_main .productsNav .photo {
        margin: 0 auto;
    }

    /* footLineup -------------------------------------------------------*/
    .footLineup {
        margin: 0 0 20px 0;
    }

    .footLineup dl dt {
        display: none;
    }

    .footLineup ul.bnr {
        width: 740px;
        overflow: hidden;
        margin: 0 auto 0 auto;
    }

    .footLineup ul.bnr li {
        padding: 0 12px 40px 12px;
        float: left;
        margin: 0;
    }

    .footLineup ul.bnr li img {
        width: 100%;
        height: auto;
    }

    dl.Lineup ul li {
        width: 33.3%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .footLineup ul.bnr li a img:hover {
        opacity: 0.85;
        filter: alpha(opacity=80); /* ie lt 8 */
        -ms-filter: "alpha(opacity=85)"; /* ie 8 */
        -moz-opacity: 0.85; /* FF lt 1.5, Netscape */
        -khtml-opacity: 0.85; /* Safari 1.x */
        zoom: 1;
        cursor: pointer;
        text-decoration: none;
    }

    /* productsDetail -------------------------------------------------------*/
    .productsDetail {
        padding: 0 0 30px;
    }

    /* supportBox -------------------------------------------------------*/
    .supportBox {
        width: 730px;
        padding: 30px 0 20px 0;
        margin: 0 0 20px 0;
        border-bottom: 1px solid #dededa;
    }

    .supportBox h2 img {
        width: 100%;
        height: auto;
    }

    .supportBox .imgArea {
        width: 355px;
    }

    .supportBox .imgArea img {
        width: 100%;
        height: auto;
    }

    .supportBox .textArea {
        width: 355px;
    }

    .supportBox .textArea p {
        line-height: 2;
    }

    .supportBox .textArea dl {
        width: 355px;
        border: 1px solid #cccccc;
        position: static;
        margin: 15px 0 0 0;
    }

    .supportBox .textArea dl dt {
        background: #dededa;
        padding: 10px;
        border-bottom: 1px solid #cccccc;
    }

    .supportBox .textArea dl dd {
        padding: 15px 15px 0 15px;
        text-align: center;
    }

    .supportBox .textArea dl dd p {
        margin: 0 0 15px 0;
    }

    .supportBox .supportBtn img {
        width: 100%;
        height: auto;
    }

    /* supportSection -------------------------------------------------------*/
    .supportSection {
        width: 730px;
        padding: 0;
        overflow: hidden;
        margin: 0 0 0 0;
    }

    .supportSection .stepImg img {
        width: 100%;
        height: auto;
    }

    /* aboutCatalog -------------------------------------------------------*/
    .aboutCatalog {
        width: 730px;
        padding-bottom: 0 0 20px 0;
        margin-bottom: 20px;
        border-bottom: 1px solid #dededa;
    }

    .aboutCatalog h2 img {
        width: 100%;
        height: auto;
    }

    .aboutCatalog .imgArea {
        width: 355px;
    }

    .aboutCatalog .imgArea img {
        width: 100%;
        height: auto;
    }

    .aboutCatalog .textArea {
        width: 355px;
    }

    .aboutCatalog .textArea p {
        line-height: 2;
    }

    .aboutCatalog .textArea dl {
        width: 355px;
        border: 1px solid #cccccc;
        position: static;
        margin: 15px 0 0 0;
    }

    .aboutCatalog .textArea dl dt {
        background: #dededa;
        padding: 10px;
        border-bottom: 1px solid #cccccc;
    }

    .aboutCatalog .textArea dl dd {
        padding: 15px 15px 0 15px;
        text-align: center;
    }

    .aboutCatalog .textArea dl dd p {
        margin: 0 0 15px 0;
    }

    /* catalogForm -------------------------------------------------------*/
    .catalogForm {
        width: 730px;
        padding: 0;
        overflow: hidden;
        margin: 0 0 0 0;
    }

    .catalogForm h2 {
        margin: 0 0 15px 0;
    }

    .catalogForm h3 {
        margin: 0 0 15px 0;
    }

    .catalogForm form dl dt {
        width: 180px;
        padding: 25px 0 25px 15px;
    }

    .catalogForm form dl dd {
        float: left;
        padding: 20px 0 20px 195px;
        margin: 0 0 0 -195px;
        border-bottom: 1px solid #dededa;
        width: 535px;
        font-size: 110%;
    }

    /* yumeranBox -------------------------------------------------------*/
    .yumeranBox {
        padding: 0 0 0 0;
        position: relative;
    }

    .yumeranBox h2 {
        margin: 0 0 10px 0;
        width: 355px;
    }

    .yumeranBox h2 img {
        width: 100%;
        height: auto;
    }

    .yumeranBox p {
        line-height: 2;
        margin: 0 0 15px 0;
        width: 355px;
    }

    .yumeranBox p.dlBtn {
        width: 355px;
    }

    .yumeranBox p.dlBtn img {
        width: 100%;
        height: auto;
    }

    .yumeranBox p.imgPdf {
        width: 355px;
        right: 0;
    }

    .yumeranBox p.imgPdf img {
        width: 100%;
        height: auto;
    }

    .yumeranBox dl.notice {
        width: 355px;
        border-radius: 10px;
        border: 1px solid #cccccc;
    }

    .yumeranBox dl.notice dt {
        border-bottom: 1px solid #cccccc;
        background: #cfedf1;
        padding: 6px 15px 10px 15px;
        border-radius: 10px 10px 0 0;
        color: #1d1818;
        font-size: 130%;
    }

    .yumeranBox dl.notice dd {
        padding: 10px 15px;
    }

    .yumeranBox dl.notice dd p {
        line-height: 1.8;
        margin: 0 0 10px;
        width: 335px;
    }

    /* yumeranList -------------------------------------------------------*/
    .yumeranListWrap {
        border-top: 1px solid #dededa;
    }

    ul.yumeranList {
        padding: 30px 0 0 0;
        width: 744px;
    }

    ul.yumeranList li {
        width: 25%;
        height: 260px;
        margin: 0 0 30px 0;
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.yumeranList li span.item {
        10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.yumeranList li span.item img {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    /* portraitList -------------------------------------------------------*/
    ul.portraitList li {
        width: 365px;
        margin: 0 0 20px;
    }

    ul.portraitList li.last {
        margin: 0 0 20px
    }

    ul.portraitList li .photo {
        10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.portraitList li .photo img {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.portraitList li .read {
        margin-left: 10px;
        width: 200px;
        float: left;
    }

    /* filterArea -------------------------------------------------------*/
    .filterArea .filterInner {
        padding-bottom: 10px;
    }

    .filterArea .filterInner li {
        width: 115px;
        margin: 0 20px 10px 0;
    }

    .filterArea .filterInner li.last {
        margin-right: 0;
    }

    /* exhibitionList -------------------------------------------------------*/
    .exhibitionListWrap {
        border-top: 1px solid #dededa;
    }

    ul.exhibitionList {
        padding: 30px 0 0 0;
        width: 744px;
    }

    ul.exhibitionList li {
        width: 25%;
        margin: 0 0 30px 0;
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.exhibitionList li .item {
        10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.exhibitionList li .item img {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    /* exhibitionSimpleList -------------------------------------------------------*/
    ul.exhibitionSimpleList {
        padding: 30px 0 0 0;
        width: 744px;
    }

    ul.exhibitionSimpleList li {
        width: 25%;
        margin: 0 0 0 0;
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.exhibitionSimpleList li .item {
        10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.exhibitionSimpleList li .item img {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    /* mapArea -------------------------------------------------------*/
    .mapArea {
        padding: 0;
        background: #fff;
        width: 100%;
    }

    .mapArea img {
        width: 100%;
        height: auto;
    }

    /* areaList -------------------------------------------------------*/
    .areaList {
        padding: 20px 10px 1px 10px;
        background: #fff;
    }

    .areaList ul span.location {
        width: 340px;
    }

    .areaList ul span.date {
        width: 340px;
    }

    .areaList ul span.mapImg {
        position: absolute;
        right: 0;
        top: 40px;
        width: 340px;
        height: auto;
    }

    .areaList ul span.mapImg img {
        height: auto;
        width: 100%;
    }

    .areaList ul li {
        min-height: 277px;
    }

    /* shopDetail -------------------------------------------------------*/
    .shopDetail .textDetail {
        width: 350px;
    }

    .shopDetail .textDetail dl {
        width: 350px;
    }

    .shopDetail .textDetail dl dd {
        width: 265px;
    }

    .shopDetail .picDetail {
        float: right;
        width: 350px;
    }

    .shopDetail .picDetail img {
        width: 100%;
        height: auto;
    }

    .shopDetail .picDetail ul {
        width: 363px;
        overflow: hidden;
        margin: 13px 0 10px 0;
    }

    .shopDetail .picDetail ul li {
        width: 21%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0 15px 0 0 ;
        padding: 0 0 0 0;
    }

    .shopDetail .picDetail ul li.cur {
        border: 2px solid #8c4f4f;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .shopDetail .picDetail ul li.cur img {
        border: 1px solid #fff;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .shopDetail .picDetail ul li:last-child {
        margin: 0;
    }

    /* thanksPage -------------------------------------------------------*/
    .thanksPage .catalogImg {
        top: -15px;
        right: 0px;
    }
}

/*end media*/

/*-------------------------------------------------------------------------------------------------------------
 Windowサイズが480px以下の Style
--------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
    /* NONE -------------------------------------------------------*/
    .spOnly {
        display: block !important;
    }

    .pcOnly {
        display: none !important;
    }

    .tabOnly {
        display: none !important;
    }

    .pctabOnly {
        display: none !important;
    }

    .mt20_ts {
        margin-top: 20px !important;
    }

    /* overallWrap -------------------------------------------------------*/
    .overallNav {
        position: absolute;
        top: 250px;
        left: 0;
    }

    .overallNavInner {
        width: 100%;
    }

    .overallNav ul {
        border-top: 1px #000 solid;
    }

    .overallNav ul li {
        float: none;
        width: 100% !important;
    }

    .overallNav ul li a, .overallNav ul li a:hover {
        padding: 6px 0;
        text-align: center;
        margin-bottom: 0;
        border-bottom: 1px #000 solid;
        background: url(/randoseru/common/img/main_nav_arrow_sp.png) no-repeat right bottom;
        background-size: 14px 14px;
    }

    #overallVisual .overallList {
        height: auto;
    }

    #overallVisual .overallList li.main01 .txt01 {
        margin-top: 5%;
        margin-left: 89%;
        width: 5%;
    }

    #overallVisual .overallList li.main01 .txt02 {
        margin-top: 10%;
        margin-left: 72%;
        width: 16%;
    }

    #overallVisual .overallList li.main01 .txt03 {
        margin-top: 10%;
        margin-left: 6%;
        width: 13%;
    }

    #overallVisual .overallList li.main02 .txt01 {
        margin-top: 4%;
        margin-left: 87%;
        width: 9%;
    }

    #overallVisual .overallList li.main02 .txt02 {
        margin-top: 4%;
        margin-left: 64%;
        width: 15%;
    }

    #overallVisual .overallList li.main02 .txt03 {
        margin-top: 4%;
        margin-left: 20%;
        width: 11%;
    }

    .overallNav .copy {
        font-size: 10px;
    }

    /* takumiPickUp -------------------------------------------------------*/
    .takumiPickUpWrap {
        border-top: 1px #ccc solid;
        margin-top: 0;
        padding-top: 20px !important;
        border-bottom: 1px #ccc solid;
        padding-bottom: 20px !important;
    }

    .takumiPickUp {
        margin-top: 10px;
    }

    .takumiPickUp .tabBtn {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .takumiPickUp .tabBtn ul {
        width: 100%;
        overflow: hidden;
    }

    .takumiPickUp .tabBtn li {
        float: left;
        width: 49.8%;
        text-align: center;
        margin-bottom: 10px;
    }

    .takumiPickUp .tabBtn li:last-child {
        float: right;
    }

    .takumiPickUp .tabBtn li.nav01 {
        background: url(/randoseru/aboutus/img/btn_takumi_pickup_kurokawa_sp_on.gif) no-repeat;
        background-size: 100%;
    }

    .takumiPickUp .tabBtn li.nav01 a {
        background: url(/randoseru/aboutus/img/btn_takumi_pickup_kurokawa_sp.gif) no-repeat;
        background-size: 100%;
    }

    .takumiPickUp .tabBtn li.nav02 {
        background: url(/randoseru/aboutus/img/btn_takumi_pickup_higuchi_sp_on.gif) no-repeat;
        background-size: 100%;
    }

    .takumiPickUp .tabBtn li.nav02 a {
        background: url(/randoseru/aboutus/img/btn_takumi_pickup_higuchi_sp.gif) no-repeat;
        background-size: 100%;
    }

    .takumiPickUp .tabBtn li.cur a {
        background: none;
    }

    .takumiPickUp .pickUpContents {
        width: 100%;
        float: none;
    }

    .takumiPickUp .pickUpContents .personBlock {
        width: 100%;
        overflow: hidden;
        margin-bottom: 0;
    }

    .takumiPickUp .pickUpContents .personBlock dt {
        width: 120px;
        float: left;
        margin-right: 0;
    }

    .takumiPickUp .pickUpContents .personBlock dd {
        display: table-cell;
        vertical-align: middle;
        padding: 0 10px;
        margin-left: 130px;
        float: none;
        height: 138px;
    }

    .takumiPickUp .pickUpContents .personBlock dd {}

    .takumiPickUp .pickUpContents .personBlock img {
        width: 100%;
        height: auto;
    }

    .takumiPickUp .pickUpContents .personReadTxt img {
        width: 100%;
        height: auto;
    }

    /* faqList -------------------------------------------------------*/
    .faqList {
        margin-bottom: 0;
        margin-top: 30px;
    }

    .faqList li dl {
        padding-right: 0;
        padding-bottom: 0;
        background-image: none;
        -moz-box-shadow: 1px 1px 2px #b3b3b3;
        -webkit-box-shadow: 1px 1px 2px #b3b3b3;
        box-shadow: 1px 1px 2px #b3b3b3;
    }

    .faqList li dl dt {
        border: none;
    }

    .faqList li dl dd {
        border-left: #dededa 1px solid;
    }

    /* categoryHBlock -------------------------------------------------------*/
    .categoryHBlock {
        margin: 0 10px 10px 10px;
    }

    /* Hx -------------------------------------------------------*/
    h1.categoryH {
        margin: 0 0 0;
    }

    h1.categoryH img {
        height: auto;
        width: 100%;
    }

    /* TEXT -------------------------------------------------------*/
    .categoryLead {
        padding: 20px 10px;
        font-size: 100%;
        margin: 0 0 20px 0;
    }

    .detailLead {
        padding: 20px 10px 0;
        font-size: 100%;
        margin: 0 0 0 0;
    }

    /* boxLinkLists -------------------------------------------------------*/
    .boxLinkLists {
        margin: 0 10px;
    }

    .boxLinkLists ul {
        width: 100%;
        margin: 0 auto 30px auto ;
        min-width: 300px;
    }

    .boxLinkLists ul li {
        min-width: 145px;
        margin: 0 0 8px 0;
        width: 49%;
    }

    .boxLinkLists ul li:nth-child(even) {
        margin: 0 0 8px 0;
        float: right;
    }

    .boxLinkLists ul li img {
        width: 100%;
        height: auto;
    }

    .boxLinkLists ul li a span {
        font-size: 100%;
    }

    .boxLinkLists ul li.bnr {
        min-width: 290px;
        width: 100%;
    }

    /* proBlock -------------------------------------------------------*/
    dl.proBlock {
        padding: 20px 0 20px 0;
        width: 100%;
        overflow: hidden;
        background: #fff;
        border-top: 1px solid #dedede;
    }

    .bgBSection dl.bgNone {
        background: #fff !important;
        border: none !important;
    }

    dl.proBlock dt {
        min-width: 300px;
        float: none;
        line-height: 2;
        width: 100%;
        margin: 0 0 20px 0;
    }

    dl.proBlock dd {
        min-width: 300px;
        float: none;
        line-height: 2;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }

    dl.proBlock dd h2 {
        padding: 0 10px
    }

    dl.proBlock dd h3 {
        padding: 0 10px
    }

    dl.proBlock dd span.section_txt {
        display: block;
        padding: 0 10px;
    }

    dl.proBlock dd p {
        padding: 0 10px;
    }

    dl.proBlock dt img,
    dl.proBlock dd img {
        height: auto;
        width: 100%;
    }

    dl.proBlock .thumbnailList li img {
        height: 100%;
        width: auto;
    }

    dl.proBlock dd {
        float: none;
    }

    dl.proimgL dt {
        float: none;
    }

    dl.proimgL dd {
        float: none;
    }

    dl.proBlock h2 img {
        width: auto;
        height: auto;
    }

    dl.proBlock.pd0 dd {
        padding: 0;
    }

    .specBlock dl.proimgL dt {
        margin: 0 auto;
        width: auto;
    }

    /* mateBlock -------------------------------------------------------*/
    #contents .mateSection {
        margin: 0;
        background: #f2f2ed;
        padding: 10px;
        border-top: none;
    }

    dl.mateBlock dt {
        float: none;
        margin: 0 0 20px 0;
    }

    dl.mateBlock dt img {
        width: 100%;
        height: auto;
    }

    /* productsNav -------------------------------------------------------*/
    .productsNav {
        width: 100%;
        overflow: hidden;
        background: #fff;
        margin: 0;
    }

    .productsNav .photo {
        float: none;
        width: 100%;
        text-align: center;
    }

    .productsNav .photo img {
        width: 75%;
        height: auto;
    }

    .productsNav .aboutItem {
        float: none;
        width: 100%;
        position: static;
        min-height: 200px;
    }

    .productsNav .aboutItem img {
        width: 100%;
        height: auto;
    }

    .productsNav .aboutItem h1.item {
        margin: 0 0 10px;
    }

    .productsNav .aboutItem p {
        line-height: 1.5;
        margin: 0 1em;
    }

    .productsNav .aboutItem .colorVar {
        width: auto;
        position: static;
        bottom: 0;
        right: 0;
        border-bottom: 1px solid #b3b3af;
        border-top: 3px solid #b3b3af;
        min-height: 50px;
        margin: 10px 10px;
    }

    .productsNav .aboutItem .colorVar ul li {
        margin: 0 5px 10px 0;
        float: left;
    }

    .productsNav .aboutItem .colorVar ul {
        width: 100%;
        overflow: hidden;
    }

    .bgBSection .bgNone {
        border: noen;
    }

    .products_main .productsNav .colorVar {
        border: none;
    }

    /* productsDetail -------------------------------------------------------*/
    .productsDetail {
        padding: 15px 10px;
        background: #fff;
        border-top: 1px solid #dddddd;
    }

    .productsDetail h2 {
        margin: 0 0 25px;
    }

    .productsDetail h3.item {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #b3b3af;
        margin: 0 0 20px 0;
    }

    .productsDetail h3.item span.name {
        float: none;
        display: block
    }

    .productsDetail h3.item span.price {
        float: none;
        padding-top: 0;
    }

    .productsDetail .btnCol1C img {
        width: 100%;
        height: auto;
    }

    /* footLineup -------------------------------------------------------*/
    .footLineup {
        margin: 20px 0 20px 0;
    }

    .footLineup dl dt {
        display: block;
        background: #4d4d4b;
        color: #fff;
        padding: 10px 20px;
        background: url(/randoseru/common/img/icon_arrow_btm.png) no-repeat 95% center #4d4d4b;
        background-size: 10px 5px;
        border-bottom: 1px solid #fff;
    }

    .footLineup dl dt.cur {
        background: #8c4f4f;
        background: url(/randoseru/common/img/icon_arrow_btm_02.png) no-repeat 95% center #8c4f4f;
        background-size: 10px 5px;
    }

    .footLineup ul.bnr {
        width: 100%;
    }

    .footLineup ul.bnr li {
        width: 50%;
        margin: 0;
        padding: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .footLineup ul.bnr li img {
        width: 100%;
        height: auto;
    }

    /* supportBox -------------------------------------------------------*/
    .supportBox {
        width: 100%;
        padding: 10px 10px 30px 10px;
        overflow: hidden;
        border-bottom: 1px solid #cccccc;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0 0 20px 0;
    }

    .supportBox .imgArea {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }

    .supportBox .imgArea img {
        height: auto;
        width: 100%;
    }

    .supportBox .textArea {
        width: 100%;
        float: none;
    }

    .supportBox .textArea p {
        line-height: 1.6;
    }

    .supportBox .textArea dl {
        margin: 20px 0 0 0;
        width: 100%;
        border: none;
        position: static;
        border: 1px solid #cccccc;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .supportBox .textArea dl dt {
        background: #dededa;
        padding: 10px;
        border-bottom: 1px solid #cccccc;
    }

    .supportBox .textArea dl dd {
        padding: 15px 15px 0 15px;
        text-align: center;
    }

    .supportBox .textArea dl dd p {
        margin: 0 0 15px 0;
    }

    .supportBox .textArea dl dd img {
        width: 100%;
        height: auto;
    }

    .supportBox .supportBtn img {
        width: 100%;
        height: auto;
    }

    /* supportSection -------------------------------------------------------*/
    .supportSection {
        width: 100%;
        padding: 0;
    }

    .supportSection img {
        width: 100%;
        height: auto;
    }

    /* aboutCatalog -------------------------------------------------------*/
    .aboutCatalog {
        width: 100%;
        padding: 10px 10px 30px 10px;
        overflow: hidden;
        border-bottom: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0 0 20px 0;
    }

    .aboutCatalog h2 img {
        width: 100%;
        height: auto;
    }

    .aboutCatalog .imgArea {
        width: 100%;
        float: none;
        margin: 0 0 20px 0;
    }

    .aboutCatalog .imgArea img {
        height: auto;
        width: 100%;
    }

    .aboutCatalog .textArea {
        width: 100%;
        float: none;
    }

    .aboutCatalog .textArea p {
        line-height: 1.6;
    }

    .aboutCatalog .textArea dl {
        margin: 20px 0 0 0;
        width: 100%;
        border: none;
        position: static;
        border: 1px solid #cccccc;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .aboutCatalog .textArea dl dt {
        background: #dededa;
        padding: 10px;
        border-bottom: 1px solid #cccccc;
    }

    .aboutCatalog .textArea dl dd {
        padding: 15px 15px 0 15px;
        text-align: center;
    }

    .aboutCatalog .textArea dl dd p {
        margin: 0 0 15px 0;
    }

    .aboutCatalog .textArea dl dd img {
        width: 100%;
        height: auto;
    }

    /* catalogForm -------------------------------------------------------*/
    .catalogForm {
        width: 100%;
        padding: 0;
    }

    .catalogForm h2 {
        margin: 0 0 15px 0;
    }

    .catalogForm h2 img {
        width: 100%;
        height: auto;
    }

    .catalogForm h3 {
        margin: 0 10px 15px 10px;
        font-size: 120%;
        border-bottom: 1px solid #4d4d4b;
        padding: 0 0 5px 0;
    }

    .catalogForm form {
        margin: 10px 10px 30px 10px;
    }

    .catalogForm form dl {
        width: 100%;
        overflow: hidden;
    }

    .catalogForm form dl dt {
        width: 100%;
        padding: 5px 0 0 15px;
        float: none;
        background: url(/randoseru/catalog/img/icon_square_form.gif) no-repeat 0 9px;
        font-size: 110%;
        clear: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .catalogForm form dl dt span {
        font-size: 80%;
        vertical-align: top;
        color: #e10000;
        padding: 0 0 0 5px;
    }

    .catalogForm form dl dd {
        float: none;
        padding: 10px 0 10px 0;
        margin: 0 0 10px 0;
        border-bottom: 1px solid #dededa;
        width: 100%;
        font-size: 110%;
    }

    .catalogForm form dl dd input {
        border: 1px solid #b3b3af;
        padding: 5px;
        margin: 0 10px;
    }

    .catalogForm form dl dd textarea {
        border: 1px solid #b3b3af;
        padding: 5px;
        margin: 0;
    }

    .catalogForm form dl dd .w200L {
        width: 90px;
        margin: 0 20px 0 10px;
    }

    .catalogForm form dl dd .w200R {
        width: 90px;
    }

    .catalogForm form dl dd.col2 .w200L {
        width: 80px;
        margin: 0 10px 0 10px;
    }

    .catalogForm form dl dd.col2 .w200R {
        width: 80px;
    }

    .catalogForm form dl dd select {
        width: 230px;
        height: 30px;
        line-height: 30px;
    }

    .catalogForm form dl dd .w60 {
        width: 60px;
    }

    .catalogForm form dl dd .w75 {
        width: 75px;
    }

    .spClr {
        clear: left;
        display: block;
    }

    .catalogForm form dl dd .w80F {
        width: 40px;
        margin: 0 10px 0 0;
    }

    .catalogForm form dl dd .w100F {
        width: 50px;
        margin: 0 10px 0 0;
    }

    .catalogForm form dl dd .w100 {
        width: 60px;
    }

    .catalogForm form dl dd .w230F {
        width: 40%;
        margin: 0 5px 0 0;
    }

    .catalogForm form dl dd .w230 {
        width: 40%;
        margin: 0 0 0 5px
    }

    .catalogForm form dl dd .w200 {
        width: 58px;
    }

    .catalogForm form dl dd .w515F {
        width: 505px;
    }

    .catalogForm form dl dd span.dpB {
        display: block;
        margin: 0 0 5px 0;
    }

    .catalogForm form dl dd span.dpB input, .catalogForm form dl dd span.dpB textarea {
        margin: 0 0 0 0;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .kakunin {
        margin: 0;
    }

    .kakunin form dl dt {
        padding: 5px 0 0 15px;
        background: url(/randoseru/catalog/img/icon_square_form.gif) no-repeat 0 9px;
    }

    /* yumeranBox -------------------------------------------------------*/
    .yumeranBox {
        padding: 0;
        position: relative;
        padding: 10px 0 0 0 ;
        border-top: 1px solid #dededf;
    }

    .yumeranBox h2 {
        margin: 0 0 10px 0;
    }

    .yumeranBox h2 img {
        width: 100%;
        height: auto;
    }

    .yumeranBox p {
        line-height: 2;
        margin: 0 0 15px 0;
        width: 100%;
    }

    .yumeranBox p.dlBtn {
        margin: -5px 0 25px 0;
        line-height: 1;
    }

    .yumeranBox p.dlBtn img {
        width: 100%;
        height: auto;
    }

    .yumeranBox p.imgPdf {
        position: static;
        text-align: right;
    }

    .yumeranBox p.imgPdf img {
        width: 100%;
        height: auto;
    }

    .yumeranBox dl.notice {
        width: 100%;
        border-radius: 10px;
        border: 1px solid #cccccc;
        margin: 0 0 20px 0;
    }

    .yumeranBox dl.notice dt {
        border-bottom: 1px solid #cccccc;
        background: #cfedf1;
        padding: 10px;
        border-radius: 10px 10px 0 0;
        color: #1d1818;
        font-size: 130%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .yumeranBox dl.notice dd {
        padding: 10px;
        pxbox-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .yumeranBox dl.notice dd p {
        line-height: 1.6;
        margin: 0 0 10px;
        width: 100%;
    }

    /* yumeranList -------------------------------------------------------*/
    .yumeranListWrap {
        border-top: none;
        border-bottom: 1px solid #dededa;
        margin-bottom: 20px ;
    }

    ul.yumeranList {
        padding: 0 0 0 0;
        width: 100%;
        margin: 0 -3px 0 -3px;
        overflow: hidden;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.yumeranList li {
        width: 50%;
        min-height: 215px;
        height: auto;
        border-top: 1px solid #dededa;
        margin: 0 0 0 0;
        padding: 20px 0 20px 0;
        float: left;
        border-bottom: 0;
    }

    ul.yumeranList li:nth-child(odd) {
        clear: left;
    }

    ul.yumeranList li span {
        display: block;
        margin: 0 3px 0 3px;
    }

    ul.yumeranList li span.item {
        border: 5px solid #cfedf1;
        border-radius: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.yumeranList li span.item img {
        border: 2px solid #fff;
        border-radius: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
        height: auto;
    }

    ul.yumeranList li span.lead {
        margin: 5px 8px 0 8px;
        line-height: 1.6;
    }

    /* portraitList -------------------------------------------------------*/
    ul.portraitList li {
        width: 100%;
        margin: 0 0 20px;
    }

    ul.portraitList li.last {
        margin: 0 0 20px;
    }

    ul.portraitList li .photo {
        width: 40%;
        10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.portraitList li .photo img {
        width: 100%;
        height: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.portraitList li .read {
        margin-left: 10px;
        width: 55%;
        float: left;
    }

    /* filterArea -------------------------------------------------------*/
    .filterArea .filterInner {
        padding-bottom: 10px;
    }

    .filterArea .filterInner li {
        width: 40%;
        margin: 0 20px 10px 0;
    }

    .filterArea .filterInner li a {
        padding-left: 35px;
    }

    /* exhibitionList -------------------------------------------------------*/
    .exhibitionListWrap {
        border-top: none;
        border-bottom: 1px solid #dededa;
        margin-bottom: 20px ;
    }

    ul.exhibitionList {
        padding: 0 0 0 0;
        width: 100%;
        margin: 0 -3px 0 -3px;
        overflow: hidden;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.exhibitionList li {
        width: 50%;
        height: auto;
        margin: 0 0 0 0;
        padding: 10px 0 0 0;
        float: left;
        border-bottom: 0;
    }

    ul.exhibitionList li div {
        display: block;
        margin: 0 3px 0 3px;
    }

    ul.exhibitionList li div.item {
        border: 5px solid #cfedf1;
        border-radius: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.exhibitionList li div.item img {
        border: 2px solid #fff;
        border-radius: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
        height: auto;
    }

    ul.exhibitionList li div.read {
        margin: 0 2px 10px 2px;
        line-height: 1.6;
        height: 130px;
    }

    /* exhibitionSimpleList -------------------------------------------------------*/
    ul.exhibitionSimpleList {
        padding: 0 0 0 0;
        width: 100%;
        margin: 0 -3px 0 -3px;
        overflow: hidden;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.exhibitionSimpleList li {
        width: 50%;
        height: auto;
        margin: 0 0 0 0;
        padding: 10px 0 0 0;
        float: left;
        border-bottom: 0;
    }

    ul.exhibitionSimpleList li div {
        display: block;
        margin: 0 3px 0 3px;
    }

    ul.exhibitionSimpleList li div.item {
        border: 5px solid #fff;
        border-radius: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    ul.exhibitionSimpleList li div.item img {
        border: 2px solid #fff;
        border-radius: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        width: 100%;
        height: auto;
    }

    ul.exhibitionSimpleList li div.read {
        margin: 0 2px 10px 2px;
        line-height: 1.6;
        height: 130px;
    }

    /* mapArea -------------------------------------------------------*/
    .mapArea {
        padding: 0;
        background: #fff;
    }

    .mapArea img {
        width: 100%;
        height: auto;
    }

    /* areaList -------------------------------------------------------*/
    .areaList {
        padding: 10px 0 1px 0;
        background: #fff;
    }

    .areaList ul li {
        padding: 20px 0 0;
        margin: 0 0 20px;
        border-top: 1px solid #dededa;
        position: relative;
        color: #646464;
    }

    .areaList ul span {
        display: block;
    }

    .areaList ul span.name {
        margin: 0 0 10px 0;
    }

    .areaList ul span.name img {
        height: auto;
        width: 100%;
    }

    .areaList ul span.location {
        line-height: 2;
        margin: 0 0 10px 0;
        font-size: 115%;
        width: 100%;
    }

    .areaList ul span.date {
        margin: 0 0 10px 0;
        width: 100%;
    }

    .areaList ul span.mapImg {
        position: static;
        margin: 0 0 10px 0;
    }

    .areaList ul span.mapImg img {
        height: auto;
        width: 100%;
    }

    .areaList ul span.link {
        position: static;
    }

    /* shopDetail -------------------------------------------------------*/
    .shopDetail {
        width: 100%;
        overflow: hidden;
        margin: 20px 0 0 0;
    }

    .shopDetail .textDetail {
        float: none;
        width: 100%;
    }

    .shopDetail .textDetail dl {
        margin: 10px 0 0 0;
        width: 100%;
        min-width: 300px;
    }

    .shopDetail .textDetail dl dt {
        float: left;
        width: 62px;
        line-height: 1.8;
        display: block;
        letter-spacing: 0.1em;
        text-align: justify;
        text-justify: inter-ideograph;
    }

    .shopDetail .textDetail dl dd {
        float: left;
        line-height: 1.8;
        background: url(/randoseru/aboutus/img/bg_colon.gif) no-repeat 0 0.6em;
        margin: 0 0 0 0;
        min-width: 228px;
        width: 228px;
        padding: 0 0 0 10px;
    }

    .shopDetail .picDetail {
        float: none;
        width: 300px;
        margin: 20px auto 0 auto;
    }

    .shopDetail .picDetail img {
        width: 100%;
        height: auto;
    }

    .shopDetail .picDetail ul {
        width: 300px;
        overflow: hidden;
        margin: 5px 0 0 0;
    }

    .shopDetail .picDetail ul li {
        width: 24%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin: 0 1.3% 0 0 ;
        padding: 0 0 0 0;
    }

    .shopDetail .picDetail ul li img {
        height: auto;
        width: 100%;
    }

    .shopDetail .picDetail ul li.cur {
        width: 24%;
        border: 2px solid #8c4f4f;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .shopDetail .picDetail ul li.cur img {
        border: 1px solid #fff;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .shopDetail .picDetail ul li:last-child {
        margin: 0;
    }

    /* thanksPage -------------------------------------------------------*/
    .thanksPage {
        margin: 0 0 20px;
    }

    .thanksPage img {
        width: 100%;
        height: auto;
    }

    .thanksPage .catalogImg {
        margin: 0 0 0 0;
        position: static;
        margin-top: 10px;
    }

    .thanksPage .thanksMessage {
        margin: 0 0 10px 0;
        line-height: 1.6;
        width: 100%;
    }

    .noticeWrap {
        margin-left: 10px;
        margin-right: 10px;
    }

    .noticeWrap .colTxt {
        padding-right: 0;
        padding-bottom: 50px;
    }

    .noticeWrap .colBtn {
        top: initial;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .noticeWrap .colBtn .bg_btn {
        width: auto;
        display: block;
    }

    .noticeWrap2 {
        margin-left: 10px;
        margin-right: 10px;
    }

    .noticeWrap2 .colTxt {
        padding-right: 0;
        padding-bottom: 50px;
    }

    .noticeWrap2 .colBtn {
        top: initial;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .noticeWrap2 .colBtn .bg_btn {
        width: auto;
        display: block;
    }

    .cNav ul {
        display: block;
        overflow: hidden;
        margin-right: -1px;
        width: auto;
    }

    .cNav ul li {
        display: block;
        width: 50%;
        float: left;
    }

    .cNav ul li span {
        padding: 5px;
    }

    .cNav ul li:first-child:before {
        display: none;
    }

    .productsTab .proTabContents {
        padding: 0 10px;
    }

    .proIndexTableWrap.spOnly .proIndexTable {
        font-size: 10px;
    }

    .proIndexTableWrap.spOnly .proIndexTable thead th {
        background: #000;
        color: #fff;
        border: 1px solid #000;
    }

    .proIndexTableWrap.spOnly .proIndexTable thead th br {
        display: none;
    }

    .proIndexTableWrap.spOnly .proItemList li {
        float: left;
        width: 33.33%;
    }

    .proIndexTableWrap.spOnly .proItem .img img {
        height: 50px;
    }

    .proIndexTableWrap.spOnly .proIndexTable th,
    .proIndexTableWrap.spOnly .proIndexTable td {
        padding: 8px;
    }

    .proIndexTableWrap.spOnly .proIndexTable th:first-child {
        width: 50px;
    }

    .proIndexTableWrap.spOnly .proIndexTable tfoot {
        display: none;
    }

    .proIndexTableWrap.spOnly .proIndexTable tfoot.cur {
        display: table-footer-group;
    }

    .table_foot_toggle {
        padding: 10px 0;
        text-align: right;
    }

    /* Login -------------------------------------------------------*/
    .loginBlock {
        width: 190px;
        margin: 50px auto;
    }

    .loginBlock ul {
        overflow: hidden;
    }

    .loginBlock ul li {
        float: none;
        margin-top: 10px;
    }


    .page_anker_section ul li,
    .page_anker_section ul li:last-child{width: 50%;padding-right:10px; margin-bottom: 10px;}
    .page_anker_section ul li a{padding: 10px 5px 10px 10px; font-size: 14px; background-position: left 7px center;}
    .sectionWrap .section{padding: 30px 0;}
    .ranBox{display: block; border: none; background: none;}
    .ranBox dt{display: block; width: 100%; border: 1px solid #cccccc; -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 10px;
    background: #fff;
    }
    .ranBox dt img{width: 50%;}
    .ranBox dd{display: block; width: 100%; padding: 15px 0;}
    .ranBox .ttl{font-size: 18px; margin-bottom: 5px;}
    .ranBox dd table th{font-size: 12px;width: 50px; }
    .ranBox dd table th,.ranBox dd table td{padding: 5px 0;}
    .ranIcon{text-align: center; margin-bottom: 30px; margin-top: -15px;}
    .ranIcon img{ width: 150px; height: auto; }
    .section h2.txt_serif{text-align: center;}
    .ranBox dd .colorB li{width: 16px; height: 16px; margin-right: 5px; margin-bottom: 5px;}
    .ranBox dd table td .price{font-size: 16px;}
    .bg_btn{padding: 10px;}
    .bg_btn .inner_btn{padding-right: 17px;}

}

/*end media*/


/*-------------------------------------------------------------------------------------------------------------
 Windowサイズが481px以上の Style
--------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 481px) {
    .ranIcon{display: none;}

}

/*end media