@charset "shift_jis";
/* CSS Document */
/*----- last up date 20180509 -----*/

div#main .gbBnr{
    width:720px;
    float:left;
    margin-bottom:30px;
}

div#main h2#cvp{
    width:680px;
    border:solid 1px #ffc281;
    border-radius:7px;
    margin-bottom:10px;
    padding:10px 20px;
    font-size:12px;
    float:left;
    background:-webkit-gradient(linear,left top, left bottom,from(#fff),to(#fff4dd));
    background:linear-gradient(#fff,#fff4dd);
}

div#main h2#cvp span{
    font-weight:bold;
    font-size:120%;
}

div#main h3{
    background:url(https://www.kijoan.com/img/top/top-sprit_img_01.png) no-repeat 0 -392px;
    width:100%;
    display:block;
    /*    text-indent:-9999px;*/
    float:left;
}

div#main h3{
    background: rgba(0, 0, 0, 0) url("https://www.kijoan.com/img/top/top-sprit_img_01.png") no-repeat scroll 0 -392px;
    width:720px;
    height:43px;
    display: block;
    margin-bottom:20px;
    position: relative;
    float:left;
}

div#main div#seasons,
div#main div#rank,
div#main div#topCata,
div#main div#review,
div#main div#gift,
div#main div#takumi,
div#main div#home,
div#main div#news,
div#main div#comic,
div#main div#tenpo,
div#main div#kodawari,
div#main div#manzoku,
div#main div#media,
div#main div#dining,
div#main div#faceBook,
div#main div#uma{
    margin-bottom:30px;
    float:left;
}

div#main div#seasons ul > li{
    display:block;
    float:left;
    width:355px;
}

div#main div#seasons ul > li:nth-child(1){
    margin:0px 0 0px 0;
    width:720px;
}


div#main div#seasons ul > li:nth-child(2){
    margin:10px 0 0px 0;
}

div#main div#seasons ul > li:nth-child(3){
    margin:10px 0px 0px 10px;
}

div#main div#seasons ul > li span{
    font-weight:bold;
    color:#a6000f;
}

div#main div#topCata h3{width:355px; background-position:0 -436px;}
div#main div#review h3{width:355px; background-position:0 -436px;}

div#main div#topCata,
div#main div#review,
div#main div#comic,
div#main div#tenpo,
div#main div#media,
div#main div#dining{
    width:355px;
}

div#main div#topCata,
div#main div#comic,
div#main div#media{
    margin:0 10px 30px 0;
}

div#main div#gift,
div#main div#home{
    margin-bottom:11px;
}

div#main div#uma ul > li:nth-child(1),
div#main div#uma ul > li:nth-child(2){
    margin-bottom:15px;
}

div#main div#kodawari{
    margin-bottom:10px;
}

div#main div#gift ul > li,
div#main div#home ul > li,
div#main div#kodawari ul > li{
    display:block;
    float:left;
    width:355px;
    margin:0 0 19px;
}

div#main div#gift ul > li:nth-child(1),
div#main div#home ul > li:nth-child(1){
    margin-right:10px;
}

div#main div#kodawari ul > li:nth-child(2n){
    margin-left:10px;
}

div#main div#kodawari a{
    margin-bottom:10px;
}

div.hentry{
    display:none;
}


/*----- review -----*/

div#main div.rss-box-reciew{
    background-color:#fff;
    margin:0px;
    overflow:auto;
    width:355px;
    height:198px;
    border:solid 1px #bfb48f;
    border-radius:7px;
}

div#main div.rss-box-reciew ul,
div#main div.rss-box-reciew ul > li{
    list-style-type:none;
    margin:0px;
    padding:0px;
    line-height:1.4;
}

div#main div.rss-box-reciew ul > li{
    margin:4px 11px 13px;
    font-size:90%;
    color:#4f4f4f;
    padding:0 0 15px 7px;
    background:url(https://www.kijoan.com/img/top/news_line_01.png) no-repeat left bottom;
}

div#main div.rss-box-reciew ul > li a{
    color:#4f4f4f;
    font-weight:bold;
}

div#main div.rss-box-reciew ul > li a:hover{
    color:#fa1;
    text-decoration:underline;
}


/*----- recomend -----*/


div#recommendRankStyle{
    width:720px;
}

div#recommendRankStyle ul > li{
    float:left;
    width:220px;
}

div#recommendRankStyle ul > li ul > li a img{
    width:95px;
}

div#recommendRankStyle ul > li ul,
div#recommendRankStyle ul > li ul > li{
    width:100px;
    margin-bottom:0;
    text-align:left;
    float:left;
}

div#recommendRankStyle ul > li ul.text{
    width:120px;
}

div#recommendRankStyle ul > li ul > li.rankText,
div#recommendRankStyle ul > li.line{
    background-image:url(https://www.kijoan.com/img/top/top-sprit_img_01.png);
    display:block;
    text-indent:-9999px;
    float:left;
}

div#recommendRankStyle ul > li ul > li.rankText,
div#recommendRankStyle ul > li ul > li.itemText,
div#recommendRankStyle ul > li ul > li.priceText{
    width:120px;
}


div#recommendRankStyle ul > li ul > li.rankText1,
div#recommendRankStyle ul > li ul > li.rankText2,
div#recommendRankStyle ul > li ul > li.rankText3{
    height:25px;
}

div#recommendRankStyle ul > li ul > li.rankText1{background-position:-370px -87px;}
div#recommendRankStyle ul > li ul > li.rankText2{background-position:-370px -119px;}
div#recommendRankStyle ul > li ul > li.rankText3{background-position:-370px -147px;}

div#recommendRankStyle ul > li ul > li.priceText{
    text-align:right;
}

div#recommendRankStyle ul > li.line{
    width:6px;
    height:93px;
    background-position:-355px -85px;
    margin:6px 12px;
}


/*--- maincontent ---*/

h3.titlebar {
    font-weight: normal;
    margin-bottom: 20px;
    color: #fff;
    /*    width: 100%;*/
}

h3.titlebar .title {
    border-left: 10px solid #a60007;
    font-family: Montserrat,"?q???M?m?p?S ProN W3","Hiragino Kaku Gothic ProN","???C???I",Meiryo,sans-serif;
    font-size: 18px;
    left: 10px;
    letter-spacing: 0.06em;
    padding-left: 10px;
    position: absolute;
    top: 10px;
    /*    -webkit-text-stroke: 0.2px #000;*/
}

h3.titlebar .subtitle {
    font-family: "?q???M?m?p?S ProN W3","Hiragino Kaku Gothic ProN","???C???I",Meiryo,sans-serif;
    font-size: 14px;
    margin-left: 10px;
}

#recommend .text ,
#takumi .text ,
#pickup .text {
    padding: 10px 5px;
}

#recommend .text .lead,
#takumi .text .lead ,
#pickup .text .lead {
    font-family: ???C???I,Meiryo,'?l?r ?o?S?V?b?N','MS PGothic','?q???M?m?p?S Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
    font-size: 0.95rem;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
}

#recommend a img ,
#takumi a img ,
#pickup a img {
    float: none;
}

div .maincontent {
    position: relative;
    /*    border-bottom: 1px dotted #bbb;*/
}

a:link, a:visited {
    color: #000000;
    /*    display: inline-block;*/
    text-decoration: none;
}


/*--- news_information ---*/

div#main div#news span.date {
    color: #6a6a6a;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0;
}

div#main div#news span.icon {
    color: #fff;
    display: inline-block;
    font-size: 95%;
    height: 13px;
    letter-spacing: 0.04em;
    line-height: 13px;
    margin: 0 10px 0 8px;
    text-align: center;
    width: 50px;
}

div#main div#news span.new {
    background-color: #e74c39;
    border-radius:3px;
}

div#main div#news span.event {
    background-color: #ff8c11;
    border-radius:3px;
}

div#main div#news span.info {
    background-color: #333333;
    border-radius:3px;
}

div#main div#news div#newsWin{
    width:720px;
    height:240px;
    overflow:auto;
    border:solid 1px #bfb48f;
    border-radius:3px;
}

div#main div#news div#newsWin ul {
    background: rgba(0, 0, 0, 0) url("https://www.kijoan.com/img/top/news_line_01.png") repeat-x scroll left bottom;
    color: #555;
    float: left;
    font-size: 80%;
    line-height: 1.4;
    margin: 2px 15px 0;
    padding: 5px 0;
}

div#main div#news div#newsWin ul > li{
    margin: 2px 5px 0;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    letter-spacing: 0.06em;
    float:left;
    width: 660px;
}

i {
    margin-right: 0.8em;
}

div#main div#news div#newsWin a {
    color: #444;
    text-decoration: none;
}

div#main div#news div#newsWin a:hover {
    color: #ff8c11;
    /*    text-decoration: underline;*/
}


/*--- maincontent pickup ---*/

#pickup {
    height: 650px;
/*    position: relative;*/
    width: 720px;
    font-family: メイリオ,Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
    top:30px;
    position: absolute;
    top: 50px;
}

#pickup .pickup_category {
    float: left;
}

#pickup .tab {
    background: #efefef none repeat scroll 0 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-right:3px;
    display: block;
    font-size: 14px;
    padding: 8px 0;
    text-align: center;
    width: 110px;
    -webkit-transition:all 0.5s;
    cursor: pointer;
}

#pickup .tab:hover {
    background: #333333 none repeat scroll 0 0;
    color: #fff;
}

#pickup input[type="radio"] {
    display: none;
}

#pickup input[type="radio"]:checked ~ .tab-contents {
    opacity: 1;
    z-index: 999;
    background: #ffffff;
}

#pickup .tab-active {
    background: #ff8c11 none repeat scroll 0 0 !important;
    color: #ffffff;
    cursor: default;
}

#pickup .tab-contents {
    background-color: white;
    left: 0;
    position: absolute;
    top: 50px;
    height: 560px;
    width: 720px;
    left: -10px;
    padding-left: 10px;
    padding-top: 5px;
}

#pickup .tab-contents .point {
    color: #b9863a;
    display: block;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -0.5px;
    margin-bottom: 3px;
}

#pickup .tab-contents img {
    display: block;
    margin-bottom: 10px;
}

#pickup .tab-contents > div {
    float: left;
    font-size: 12px;
    margin-bottom: 30px;
    margin-right: 20px;
    width: 165px;
    height: auto;
}

.right_end, .left_end {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

img {
    border: medium none;
    padding: 0;
}

#pickup div.tags{
    position: relative;
}

#pickup a .tag {
    width: 72px;
    height: auto;
    top:-2px;
    left: -4px;
    position: absolute;
    display: block;
}

#pickup .itemnon{
    display: block;
    width: 165PX;
    height: 254px;
    background-color: #fff;
}


/*--- facebook ---*/
div#facebook {
    width: 350px;
    float: left;
    margin-bottom: 30px;
}


/*--- instagram ---*/
#instagram {
    width: 350px;
    height: 500px;
    float: right;
/*    background-color: #220000;*/
    background-color: #ffffdb;
    margin-bottom: 30px;
}
.insta-inner {
    width: 300px;
    overflow: hidden;
    margin: 0 auto;
}
.insta-img {
    width: 160px;
    height: 160px;
    margin: 6px 0px 6px 10px;
}
.insta-inner li {
    float: left;
    line-height: 0;
}

#instagram h4.title:before {
    position: relative;
    font-family: FontAwesome;
    content: "\f16d";
    font-size: 2rem;
    font-weight: normal;
    margin-right: 20px;
    top: 4px;
    left: 10px;
/*    color: #ffffff;*/
}


h4.title {
    font-family: Montserrat, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 18px; //
    IE8
    font-size: 1.2rem;
    -webkit-text-stroke: 0.2px #000;
    margin-top: 6px;
    margin-bottom: 10px;
    text-align: left;
/*    color: #ffffff;*/
}

#btn-more {
    background: #ff4500;
    border: none;
    color: #ffffff;
    border-radius: 8px;
    display: block;
    width: 240px;
    padding: 12px;
    margin: 20px 55px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s;
    display: inline-block;
}

#btn-more:hover {
    background: #ffffff;
    color: #383838;
}


/*--- column ---*/
div#column {
    width: 100%;
    float: left;
    background: #ffffff;
    color: #666666;
    padding: 4px 10px;
    margin: 10px 0px 0px;
    height: 200px;
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

div#column h3 {
    width: 100%;
    padding: 10px 0px 10px 20px;
    color: #3322aa;
    font-size: 18px;
    border-bottom: 1px dotted;
    margin: 0px auto 10px;
}

div#column ul {
    font-size: 12px;
    padding: 3px 0px 3px;
}

div#column li {
    width: 100% !important;
    height: auto !important;
    font-size: 11px;
    line-height: 1.6;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

span.date {
    margin: 5px 0;
}

div#column span.date:before {
    font-family: 'FontAwesome';
    content: "\f02b";
    margin-right: 7px;
    margin-left: 10px;
    font-size: 16px; // IE8
    font-size: 1rem;
}

div#column span {
    width: 100%;
    display: inline-block;
    font-weight: bold;
    background-color: #ffffdb;
}