@charset "utf-8";
/* CSS Document */
body, html {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#demo-header-wrap {
    position: relative;
    width: 100%;
    padding: 10px 0px 10px 0;
    background: #fff;
}
#demo-header-wrap:after {
    position: absolute;
    content: "";
    width: 1000px;
    height: 1px;
    top: 90px;
    left: 50%;
    margin-left: -500px;
    background: #ccc
}

.finditem-keyword-input .finditem-form {
	max-width: 1000px;
}
/*-------------------------------------------
シンプルのみ検索窓をセンタリングするためのスタイルここから
-------------------------------------------*/
@media screen and (min-width: 1000px) {
.finditem-select-container{
	width: 1000px;
	margin: 0 auto;
}
.simple_demo .finditem-select{
	margin-left: 230px;
}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
.finditem-select-container{
	width: 100%;
}
.simple_demo .finditem-select{
	margin-left: calc((100% - 540px) / 2);
}
}

/*-------------------------------------------
シンプルのみ検索窓をセンタリングするためのスタイルここまで
-------------------------------------------*/

.modal-open .finditem-show-modal {
    display: none;
}
#contents {
	width:100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 80px 0px 30px;
    box-sizing: border-box
}
#contents div > img {
    display: block;
    margin: 0 auto;
}
#contents div {
    font-size: 21px;
    font-weight: bold;
    background: #333;
    padding: 18px 10px 14px 20px;
    line-height: 1.0;
    color: #fff;
}
#contents div#title {
    background: none;
    margin:50px !important;
}

#contents div#title img {
	width: 100%

}
#contents div span {
    color: #fbc1b9;
}

#contents ul{
	padding-left: 0
}

#contents li {
    list-style: none;
    width: 100%;
    margin: 0 auto;
    font-size: 18px;
    margin-bottom: 40px;
    line-height: 2.5;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#contents li span {
    font-weight: bold;
    color: #e54840;
}
#Fukidashi {
    background: #0097ee;
    color: #FFF;
    font-size: 15px;
    width: 120px;
    padding: 17px 15px 17px 30px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 0px;
}
#Fukidashi:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 20px;
    left: -29px;
    width: 29px;
    height: 23px;
    background: url(../img/fukidashi.png) no-repeat;
}
/*---------------------------------------
詳細ページ
---------------------------------------*/
#item {
	   width: 1000px;
    margin: 0px auto;
    padding: 50px 20px;
    box-sizing: border-box
}
#item-box {
    width: 100%;
    overflow: hidden;
}
#left-box {
    width: 540px;
    width: 50%;
    float: left;
}
#left-box #gazou {
    display: flex;
    justify-content: center; /* 3 */
    align-items: center; /* 4 */
    margin-bottom: 30px;
}
#left-box #item-gazou {
	width: 100%;
    height: auto;
    margin: 0 10px 0px;
}
#left-box #gazou + p {
    padding: 30px;
    font-weight: bold;
    font-size: 20px;
    color: #0097ee
}
#right-box {
    float: right;
	width: 50%;
}
#right-box img{
	width: 100%;
}
#right-box #meisyo {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    word-break: break-all
}
#right-box #kakaku {
    font-size: 30px;
    margin-bottom: 50px;
    font-weight: bold;
}
#right-box #kakaku span.zeikomi {
    font-size: 14px;
}
/*---------------------------------------
サジェスト
---------------------------------------*/
.pc_only {
    display: block;
}
.mb_only {
    display: none;
}
@media screen and (max-width: 767px) {
    body, html {
        min-width: 100%;
    }
    .pc_only {
        display: none;
    }
    .mb_only {
        display: block;
    }
    #demo-header-wrap {
        position: fixed;
        z-index: 100;
        top: 0;
    }
    #demo-header-wrap:after {
        display: none
    }
    #demo-header {
        width: 100%;
        padding-bottom: 5px;
        margin: 0 auto
    }
	.finditem-select-container {
    width: 100%;
}
    .finditem_refine_modal {
        background: url(../img/search_bt_white.png) center 7px no-repeat;
        background-color: #fb8272;
    }
    .finditem_refine_modal:before {
        bottom: 8px;
        color: #fff;
    }

    .refine-category, .refine-numbers {
        background: #fff;
    }
    #contents {
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        padding: 20px;
        margin-top: 50px;
    }
    #contents div > img {
        display: none
    }
    #contents div {
        font-size: 17px;
        padding: 15px 10px 10px 10px;
        margin: 30px 0 0;
        line-height: 1.2
    }
    #contents div#title {
		background:  url(../img/demo-title-mb.gif) center top no-repeat;
		background-size:100%; 
		padding-top: 27%
    }
    #contents ul {
        padding-left: 0px;
    }
    #contents li {
        width: 100%;
        font-size: 15px;
        margin-bottom: 0 auto 30px;
    }
    #contents li span {
        font-weight: bold;
        color: #e54840;
    }
    #Fukidashi {
        box-sizing: border-box;
        font-size: 13px;
        width: 100%;
        padding: 17px;
        text-align: center;
        position: relative;
        top: 10px;
        right: 0px;
    }
    #Fukidashi:before {
        content: " ";
        display: block;
        position: absolute;
        top: -23px;
        left: 50%;
        margin-left: -20px;
        background: url(../img/fukidashi.png) no-repeat;
        transform: rotate(90deg)
    }
    /*---------------------------------------
詳細ページ
---------------------------------------*/
    #item {
        width: 100%;
        padding: 30px 10px;
    }
    #item-box {
        width: 100%;
        overflow: hidden;
    }
    #left-box {
        width: 100%;
        float: none;
    }
    #left-box #item-gazou {
        width: 80%;
        height: auto;
        margin: 0 10px 0px;
    }
    #left-box #gazou + p {
        font-size: 18px;
    }
    #right-box {
        float: none;
        width: 100%
    }
    #right-box #meisyo {
        font-size: 18px;
        margin-bottom: 15px;
        font-weight: bold;
    }
    #right-box #kakaku {
        font-size: 18px;
        margin-bottom: 30px;
        font-weight: bold;
    }
    #right-box #kakaku span.zeikomi {
        font-size: 14px;
    }
    #right-box .mb_only {
        color: #0097ee
    }
    .dummy-mb {
        width: 100%;
        margin: 0 auto;
    }
}