@charset "shift_jis";


/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
	適用範囲：サイト全体
	概　　要：html要素初期化設定・汎用クラスセレクタ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/


/******************** Reset **************************/
body,div,dl,dt,dd,ul,ol,menu,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul,menu{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6,big,small{font-size:100%;font-weight:normal;}
select,input,textarea{font-size:100%;}
b,strong{font-weight:normal;}
em{	font-style:normal;}
a:link,a:visited,a:active{color:#333333;text-decoration:none;}
address,article,aside,figure,footer,header,hgroup,menu,nav,section{display: block;margin:0;padding:0;}
img{border:0;vertical-align:bottom;}
body img {display:none;}
body div img {display:inline;}



/*****************************Default********************************/
html{
	-webkit-text-size-adjust:none;
}
body{
	background: #ffffff;
	color:#333333;
	font-size:88%;
	line-height:1.5;
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, Arial, Helvetica;
}

/*****************************General********************************/
input{
	vertical-align:middle;
	font-family:inherit;
}
input[type=radio],input[type=checkbox]{
	position:relative;
	top:-2px;
	margin-right:5px;
}
.mt0{
	margin-top:0 !important;
}
.mt5{
	margin-top:5px !important;
}
.mt10{
	margin-top:10px !important;
}
.mt20{
	margin-top:20px !important;
}
.mb0{
	margin-bottom:0 !important;
}
.mb5{
	margin-bottom:5px !important;
}
.mb10{
	margin-bottom:10px !important;
}
.mb20{
	margin-bottom:20px !important;
}
.mtb10rl5{
	margin:10px 5px !important;
}
.txtC{
	text-align:center !important;
}
.txtL{
	text-align:left !important;
}
.txtR{
	text-align:right !important;
}
.fontSS{
	font-size:60% !important;
}
.fontS{
	font-size:83% !important;
}
.fontM{
	font-size:100% !important;
}
.fontL{
	font-size:125% !important;
}

.borderNoneT{
	border-top:none !important;
}
.txtBold{
	font-weight:bold;
}
.txtGlay{
  color:#999;
}
.info-alert p a ,
.info-alert p a:hover,
.info-alert p a:visited,
.info-alert p a:active {
text-decoration: underline;
}

#assistArea .breadCrumbs ul:after,#footerView .viewChange:after,#assistArea .serviceNav li ul:after {
    content: "";
    display: block;
    clear: both;
}

noscript p {
    margin: 5px;
    padding: 5px;
    border: 2px solid #f00;
    color: #f00;
}

#wrapper {
    position: relative;
    min-height: 100%;
    width: 100%;
    overflow: hidden;
}

#header {
    padding: 0;
    background: #fff url(/smp/images/bg_header01.gif) repeat-x 0 44px;
}

#header #siteLogo {
    float: left;
    width: 216px;
    height: 42px;
    margin-top: 2px;
    padding: 6px 0 0 11px;
    background: url(/smp/images/bg_header02.png) no-repeat 0 0;
}

#header .utility {
    float: right;
    margin-top: 5px;
}

#header .utility li {
    float: left;
    margin-left: 5px;
}

#header .utility li:first-child {
    margin-left: 0;
}

#header .utility li a {
    display: block;
}

#header .catch {
    margin: 1px 14px 10px;
    font-size: 85%;
    color: #929292;
}

#header .lead,#header2 .lead {
    margin-bottom: 1px;
    margin-top: -5px;
    padding: 0 0 13px;
    text-align: center;
}

#header2 {
    background: none;
}

#header2 .catch {
    color: #999;
    font-size: 12px;
    padding: 3px 5px 7px;
}

#header2 .headerTop {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    border-bottom: 1px solid #cbcbcb;
    height: 45px;
    box-sizing: border-box;
}

#header2 .headerTop #siteLogo {
    background: none;
    width: auto;
    height: auto;
    margin-top: 6px;
    padding: 0 0 0 12px;
}

#header2 .headerTop #siteLogo img{
    max-height: 100%;
    max-width: 100%;
}

#header2 .headerTop .tool {
    display: flex;
    min-height: 45px;
}

#header2 .headerTop .tool a {
    display: block;
    min-height: 45px;
    width: 50px;
}

#header2 .headerTop .tool a:last-of-type {
    float: right;
}

#header2 .headerTop .tool .menu-button {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    height: 44px;
    width: 50px;
    padding: 0;
    float: left;
    border: none;
    border-left: 1px solid #cbcbcb;
    background-color: #fff;
}

#header2 .headerTop .tool div.okiniiri,#header2 .headerTop .tool div.savelist {
    background: url(/smp/images/img_okiniiri_tool.png) 0 0 no-repeat;
    width: 50px;
    position: relative;
    border-left: 1px solid #cbcbcb;
    min-height: 45px;
    box-sizing: border-box;
    position: relative;
}

#header2 .headerTop .tool div.login {
		background: url(/smp/images/img_login.png) 0 0 no-repeat;
		width: 50px;
		position: relative;
		border-left: 1px solid #cbcbcb;
		min-height: 45px;
		box-sizing: border-box;
		position: relative;
		display: none;
}

#header2 .headerTop .tool div.mypage {
		background: url(/smp/images/img_mypage.png) 0 0 no-repeat;
		width: 50px;
		position: relative;
		border-left: 1px solid #cbcbcb;
		min-height: 45px;
		box-sizing: border-box;
		position: relative;
		display: none;
}

.notLoggedIn #header2 .headerTop .tool div.login {
    display : block;
}

.loggedIn #header2 .headerTop .tool div.mypage {
    display : block;
}

#header2 .headerTop .tool div.okiniiri {
    float: left;
    background-size: auto 44px;
}

#header2 .headerTop .tool div.savelist {
    float: left;
    background-position: -49px 0;
    background-size: auto 44px;
}

#header2 .headerTop .tool div.login, #header2 .headerTop .tool div.mypage {
    float: right;
    background-size: auto 44px;
}

#header2 .headerTop .tool .menu-button.notify .icon-wrapper {
    display: inline-flex;
    position: relative;
}

#header2 .headerTop .tool .menu-button.notify .icon {
    height: 1.85em;
    width: 1.85em;
    color: #b4b3b3;
    fill: currentColor;
}

#header2 .headerTop .tool .menu-button.notify .icon svg {
    width: 100%;
    height: 100%;
    color: inherit;
}

#header2 .headerTop .tool .menu-button.notify .badge {
    position: absolute;
    top: 0;
    right: 0;
    -js-display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 1.875em;
    height: 1.875em;
    padding: 0 0.125em;
    background-color: currentColor;
    border: 2px solid white;
    border-radius: 999em;
    font-size: 52%;
    font-weight: 700;
    white-space: nowrap;
    -webkit-transform: translate(45%, -15%) scale(0.75);
    transform: translate(45%, -15%) scale(0.75);
    overflow: hidden;
    z-index: 1;
}

#header2 .headerTop .tool .menu-button.notify .badge.is-red {
    background-color: #f64c4c;
}

#header2 .headerTop .tool .menu-button.notify .badge.is-hidden {
    visibility: hidden;
}

#header2 .headerTop .tool .menu-button.notify .txt {
    margin-bottom: -0.3em;
    font-size: 1.5rem;
    line-height: 0.7em;
    font-weight: 700;
    white-space: nowrap;
    -webkit-transform: scale(0.32);
    transform: scale(0.32);
    display: block;
    color: #9e9e9e;
}

#header2 .headerTop .tool div.savelist .icon {
    z-index: 100;
    position: relative;
}

#header2 .headerTop .tool div .txt {
    text-indent: -9999em;
    position: absolute;
}

#header2 .headerTop .tool div span.num {
    font-size: 9px;
    position: absolute;
    right: 4px;
    top: 7px;
    left: 27px;
    text-align: center;
    color: #FFF;
    z-index: 300;
    height: 20px;
    width: 20px;
}

#header2 .headerTop .tool div span.num::after {
    position: absolute;
    content: "";
    background-color: #ff3b30;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    z-index: -1;
    top: -3px;
    left: 0;
}

#content {
    padding: 0 0 5px;
}

#assistArea .breadCrumbs {
    padding: 7px 3px 7px;
    font-size: 92%;
    line-height: 1.1;
}

#assistArea .breadCrumbs li {
    float: left;
    padding: 0 15px 8px 5px;
    background: url(/smp/images/ic_ex.png) no-repeat 100% -149px;
    white-space: nowrap;
    color: #939393;
}

#assistArea .breadCrumbs li:last-child {
    padding-right: 0;
    background: none;
}

#assistArea .breadCrumbs li a {
    font-weight: bold;
}

#assistArea .breadCrumbs li.current {
    color: #333;
}

#assistArea .breadCrumbs li.current strong {
    border-bottom: 2px solid #f00;
    font-weight: bold;
}

#assistArea .columnParts {
    margin: 15px 0;
}

#assistArea .columnParts p.ttl {
    border-top: solid 4px #e0e0e0;
    color: #333;
    line-height: 1.2;
    padding: 5px 0 5px 10px;
    font-weight: bold;
    background: #ebebeb;
}

#assistArea .columnParts .list a {
    display: block;
    line-height: 1.3;
    border-bottom: solid 1px #eaeaea;
    padding: 10px 5px;
    overflow: hidden;
}

#assistArea .columnParts .list .img {
    float: left;
}

#assistArea .columnParts .list img {
    max-width: 100px;
    max-height: 65px;
    width: auto;
}

#assistArea .columnParts .list .txt {
    margin: 0 0 0 110px;
}

#assistArea .columnParts .list time {
    color: #999;
    font-size: 11px;
}

#assistArea .serviceNav {
    margin-bottom: 15px;
    padding: 10px 0 1px;
    border-bottom: 1px solid #d7d7d7;
}

#assistArea .serviceNav li {
    border-top: 1px solid #ccc;
}

#assistArea .serviceNav li a {
    display: block;
    padding: 16px 31px 15px 7px;
    line-height: 1.2;
    background: #f9f9f9;
    font-weight: bold;
}

#assistArea .serviceNav li .btMod:after {
    right: 6px;
}

#assistArea .serviceNav li.current a {
    background: #e5eaed;
}

#assistArea .serviceNav li.current a {
    color: #667481;
    font-weight: bold;
}

#assistArea .serviceNav li .sttl {
    padding: 5px;
    background: #ebebeb;
    border-top: solid 1px #ccc;
}

#assistArea .serviceNav li ul {
    padding: 12px 7px 12px;
}

#assistArea .serviceNav li li {
    float: left;
    margin-right: 5px;
    border-top: none;
}

#assistArea .serviceNav li li:last-child {
    margin-right: 0;
}

#assistArea .serviceNav li.businessLink li a {
    display: block;
    width: 48px;
    padding: 3px 5px;
    border: 1px solid #c5c5c5;
    line-height: 1.1;
    border-radius: 3px;
    text-align: center;
}

#assistArea .serviceNav li.prLink li a:before {
    content: "・";
    display: inline-block;
}

#assistArea .serviceNav li.prLink li a {
    margin-right: 5px;
    padding: 0;
    text-decoration: underline;
    display: inline-block;
    background: none;
}

#assistArea .serviceNav li.prLink .icoPC {
    display: inline-block;
    padding: 0 3px;
    border: solid 1px #C5C5C5;
    background: #fff;
    border-radius: 2px;
    font-size: .86em;
    color: #888;
}

#footerView .viewChange {
    display: table;
    margin: -6px auto 15px;
    border-collapse: separate;
    border-spacing: 6px;
}

#footerView .viewChange li {
    display: table-cell;
    width: 111px;
    border: 1px solid #a4adb1;
    font-size: 85%;
    line-height: 1.1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#footerView .viewChange li.sp span {
    position: relative;
    display: block;
    padding: 5px 6px 5px 21px;
    background: #667481;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#footerView .viewChange li.sp span:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 6px;
    width: 8px;
    height: 13px;
    margin-top: -7px;
    background: url(/smp/images/ic_1806.png) no-repeat 0 -320px;
		background-size: 40px auto;
}

#footerView .viewChange li.pc a {
    position: relative;
    display: block;
    padding: 5px 6px 5px 23px;
    background: #f5f7f8;
    color: #667481;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#footerView .viewChange li.pc a:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 5px;
    width: 14px;
    height: 13px;
    margin-top: -7px;
    background: url(/smp/images/ic_1806.png) no-repeat -8px -320px;
	 background-size: 40px auto;
}

#footer .utility {
    width: 18em;
    max-width: 320px;
    margin: 25px auto 15px;
    text-align: center;
    line-height: 1.1;
}

#footer .utility li {
    margin: 0 10px 25px;
    display: inline-block;
    white-space: nowrap;
}

#footer #copyright {
    padding: 6px 0 5px;
    border-top: 1px solid #000;
    text-align: center;
    font-size: 107%;
    line-height: 1.1;
}

#footer .utility .include-media-info li:first-child {
    display: block;
}

#footer .utility .include-media-info li:first-child,#footer .utility .include-media-info li:nth-child(3),#footer .utility .include-media-info li:nth-child(4),#footer .utility .include-media-info li:last-child {
    padding-right: 0;
    border-right: none;
}

#footer .utility .include-media-info li:nth-child(2) {
    padding-right: 4px;
    border-right: 1px solid #333;
}

.voice_area {
    border: 1px solid #EAEAEA;
    background: #F8F8F8;
    margin-top: 20px;
    padding-bottom: 11px;
}

.voice_area .detailCommonTtl {
    border-bottom: 2px solid #E57B2C;
    font-size: 15px;
    padding: 6px 10px 6px;
    background: #fffcf2;
    font-weight: bold;
    border-left: none;
    color: #333;
    text-align: left;
}

.voice_area .mark .manshion_note {
    width: 145px;
    height: 22px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/sp_kuchikomi_icons.png) 0 0 no-repeat;
    background-size: 160px;
    float: right;
    margin: 8px 5px 0;
}

.voice_area .map-img-box {
    border: 1px solid #EAEAEA;
    width: 220px;
    height: 140px;
    background: #fff;
    float: right;
    margin: 0 0 13px 7px;
}

.voice_area .map-img-box .img {
    margin: 8px;
}

.voice_area .main p.txt {
    font-size: 13px;
    padding: 0 11px 10px;
}

.voice_area .section {
    margin: 10px 5px 0;
    border: 1px solid #EAEAEA;
    background: #fff!important;
    border-radius: 4px;
}

.voice_area .section .head .hyoka {
    width: 53px;
    height: 42px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    margin-right: 6px;
}

.voice_area .section .head .hyoka.good {
    background: #EB8181 url(../images/sp_kuchikomi_icons.png) 0 -21px no-repeat;
    background-size: 160px;
    border-radius: 4px;
}

.voice_area .section .head .hyoka.bad {
    background: #7B9FD1 url(../images/sp_kuchikomi_icons.png) -53px -21px no-repeat;
    background-size: 160px;
    border-radius: 4px;
}

.voice_area .section .head {
    padding: 10px 11px 0;
    position: relative;
}

.voice_area .section .head .toggle {
    background: url(../images/sp_kuchikomi_icons.png) -116px -62px no-repeat;
    background-size: 160px;
    display: block;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 20px;
    right: 11px;
}

.voice_area .section .head .toggle.on {
    background: url(../images/sp_kuchikomi_icons.png) -128px -62px no-repeat;
    background-size: 160px;
}

.voice_area .section .head .l {
    padding-bottom: 10px;
}

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

.voice_area .section .r {
    padding-top: 10px;
    text-align: right;
    margin: 0 11px 9px;
    border-top: 1px dotted #ccc;
}

.voice_area .section .user-names {
    display: inline-block;
    font-size: 11px;
    color: #666;
    line-height: 30px;
}

.voice_area .section .user-names-city {
    display: inline-block;
    font-size: 11px;
    color: #666;
    line-height: 18px;
}

.voice_area .section .r .user-img {
    border-radius: 15px;
    float: right;
    margin-left: 10px;
}

.voice_area .section .head .star {
    color: #888;
    font-size: 12px;
    line-height: 1;
}

.voice_area .section .head .cate {
    padding-top: 3px;
    line-height: 1.3;
}

.voice_area .stars {
    display: inline-block;
    margin: 3px 6px 0 0;
    background-image: url(../images/sp_kuchikomi_icons.png);
    background-size: 130px;
    background-repeat: no-repeat;
    width: 82px;
    height: 14px;
}

.voice_area .stars.star0 {
    background-position: 0 -51px;
}

.voice_area .stars.star1 {
    background-position: 0 -65px;
}

.voice_area .stars.star1h {
    background-position: 0 -81px;
}

.voice_area .stars.star2 {
    background-position: 0 -96px;
}

.voice_area .stars.star2h {
    background-position: 0 -111px;
}

.voice_area .stars.star3 {
    background-position: 0 -126px;
}

.voice_area .stars.star3h {
    background-position: 0 -141px;
}

.voice_area .stars.star4 {
    background-position: 0 -156px;
}

.voice_area .stars.star4h {
    background-position: 0 -171px;
}

.voice_area .stars.star5 {
    background-position: 0 -185px;
}

.voice_area .main a span.blank,.voice_area .morelink a span.blank {
    background: url(../images/sp_kuchikomi_icons.png) -100px -63px no-repeat;
    background-size: 160px;
    width: 16px;
    height: 11px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
}

.voice_area .main a.next {
    text-align: center;
    border-top: 1px solid #EAEAEA;
    display: block;
    padding: 5px 0;
}

.voice_area .main a.more {
    padding-right: 15px;
    display: block;
}

.voice_area .more a {
    display: block;
    text-align: center;
    background: #fff;
    padding: 8px 0;
    font-size: 13px;
}

.voice_area .main {
    display: none;
}

.voice_area .section.on .main {
    display: block!important;
}

.voice_area .morelink {
    text-align: center;
    margin: 0 5px;
    padding:20px 0;
}

.voice_area ul.atten {
    margin: 0 5px 10px;
    font-size: 12px;
}

.voice_area .morelink a,.voice_area ul.atten a {
    text-decoration: underline;
}

.voice_area .morelink a {
    background: #fff;
    border: #bfbfbf 2px solid;
    border-radius: 5px;
    box-shadow: 0 3px #bfbfbf;
    display: block;
    padding: 10px;
}

.moreSearchArea {
    margin-top: 25px;
}

.moreSearchArea h2 {
    font-size: 1.1em;
    font-weight: bold;
    clear: both;
    padding: 3px 0 0 10px;
    border-left: #f57324 7px solid;
    line-height: 1.1;
    margin: 15px 0 10px 0;
}

.moreSearchArea .recommend .inner .columnWrap {
    padding: 0 5px 0;
}

.moreSearchArea .nearlist {
    margin-bottom: 20px;
}

.moreSearchArea .nearlist li {
    float: left;
    width: 33.3%;
    margin-bottom: 15px;
}

.moreSearchArea .nearlist .list:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    width: 100%;
    height: 0;
}

.moreSearchArea .nearlist li a {
    padding-right: 10px;
    display: block;
    line-height: 1.3;
}

.moreSearchArea .nearlist li .img {
    width: 80px;
    float: left;
    position: relative;
    border: 1px solid #ccc;
    height: 80px;
    margin-right: 10px;
}

.moreSearchArea .nearlist li .img img {
    width: 90%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.moreSearchArea .nearlist a {
    text-decoration: none!important;
}

.moreSearchArea .nearlist a p.tit {
    text-decoration: underline!important;
    margin-bottom: 2px;
}

.moreSearchArea .nearlist a p.price {
    color: #333;
    font-weight: bold;
    margin-bottom: 8px;
}

.moreSearchArea .nearlist a p.sub {
    color: #666;
    font-size: 11px;
}

.moreSearchArea .staylist li {
    display: inline-block;
    border-right: 1px solid #333;
    padding-right: 10px;
    margin-right: 8px;
    margin-bottom: 7px;
    line-height: 1.2;
}

.moreSearchArea .staylist li:last-child {
    border: none;
}

.moreSearchArea {
    margin-bottom: 30px;
}

.moreSearchArea #rankMenu {
    margin-top: 13px;
    border-top: #f57324 3px solid;
}

body#buy .moreSearchArea #rankMenu {
    border-top: #7DB70C 3px solid;
}

body#buy .moreSearchArea {
    margin-bottom: 10px;
}

.recommendTtl {
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f9f9f9),color-stop(1,#e8e8e8));
    background-image: -o-linear-gradient(bottom,#f9f9f9 0,#e8e8e8 100%);
    background-image: -moz-linear-gradient(bottom,#f9f9f9 0,#e8e8e8 100%);
    background-image: -webkit-linear-gradient(bottom,#f9f9f9 0,#e8e8e8 100%);
    background-image: -ms-linear-gradient(bottom,#f9f9f9 0,#e8e8e8 100%);
    background-image: linear-gradient(to bottom,#f9f9f9 0,#e8e8e8 100%);
    border-top: 1px solid #CCC;
    border-bottom: 2px solid #ea6644;
    padding: 10px;
}

.recommendTtl h3 {
    color: #ea6644;
    font-size: 14px;
    font-weight: bold;
    border-left: none;
    border-bottom: none;
    padding: 0;
    background: none;
}

.recommendArea {
    background-color: #f6eedc;
    padding: 2px;
}

.recommendItem {
    display: block;
    background: #fff;
    margin: 4px;
    border-radius: 5px;
    border: 1px solid #ccc;
    overflow: hidden;
    position: relative;
}

.recommendItemImg {
    float: left;
    padding: 10px 0 10px 10px!important;
    vertical-align: top;
    width: 90px;
}

.recommendItemImg img {
    margin-bottom: 5px;
}

.recommendItemImg li {
    text-align: center;
}

.recommendItemInfo {
    float: right;
    width: 100%;
    margin-left: -135px;
    padding-left: 135px;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 25px;
		color: #333;
}

.recommendItemInfo li {
    font-size: 12px;
    line-height: 1.3;
}

.recommendItemInfo li p.label {
    height: 22px;
    line-height: 22px;
    background: #E05F00;
    color: #fff;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
    padding: 0 10px;
    margin: 2px 0 0 0;
    display: inline;
    text-align: center;
}

.ItemType {
    font-size: 11px;
    font-weight: bold;
    background-color: #e9e9e9;
    padding: 2px 0;
    color: #00A99D;
    width: auto;
    display: block;
    text-align: center;
}

.priceBig {
    font-weight: bold;
    color: #ea6644;
    font-size: 18px;
}

.priceSmall {
    font-size: 14px;
    font-weight: bold;
    color: #ea6644;
}

.recommendArrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAB6CAYAAABtJ3l/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAoUlEQVRYw+3WMQ6CQBAF0A9oQiLGE1BwBe24gVjL7bzA2uMN6KgtKUjoyW5Bgrvamuju1Jo/9cvk/6kmcuP9CWFiCRARERERERH9HXJ6kpFWF8DaMFqGHqZRcqa5azF3rRzcNAqPoRfaWQtzuwooSbA5nsMoq2qs88KP0n2J9FD6g6/yAtmp/tgcvX9iTk+It7vwnb4BfzsiIiIiIiKi30Ev450pmirvuecAAAAASUVORK5CYII=) no-repeat;
    display: inline-block;
    position: absolute;
    right: 6px;
    width: 9px;
    height: 122px;
    top: 50%;
    margin-top: -61px;
}

a.recommendList {
    color: #333;
    text-decoration: none;
}

.carouselArea {
    margin: 15px 0;
}

#carouselCopy {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

#carouselCopy .recommendArea {
    background-color: #f6eedc;
    padding: 2px;
}

#carouselCopy .recommendItem {
    display: inline-block;
    background: #fff;
    margin: 4px 0 4px 4px;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 185px;
    height: auto;
    overflow: hidden;
    vertical-align: top;
    padding-bottom: 8px;
}

#carouselCopy .recommendItemImg {
    display: block;
    padding: 0!important;
    vertical-align: top;
    width: 175px;
    height: 110px;
    overflow: hidden;
    margin: 5px auto 0;
    float: none;
}

#carouselCopy .recommendItemImg img {
    margin-bottom: 5px;
    width: 100%;
    height: auto;
}

#carouselCopy .recommendItemImg li {
    text-align: center;
}

#carouselCopy .recommendItemImg li:first-child {
    height: 105px;
    overflow: hidden;
    margin-bottom: 5px;
}

#carouselCopy .recommendItemInfo {
    display: block;
    padding: 3px 15px 0!important;
    float: none!important;
    margin: 0!important;
}

#carouselCopy .recommendItemInfo li {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 2px;
}

#carouselCopy .ItemType {
    display: none;
}

#carouselCopy .priceBig {
    font-size: 12px;
    font-weight: lighter;
    color: #333;
}

#carouselCopy .priceSmall {
    font-size: 12px;
    font-weight: lighter;
    color: #333;
}

#carouselCopy .recommendArrow {
    background-image: none;
    height: auto;
}

#carouselCopy a.recommendList {
    color: #333;
    text-decoration: none;
    display: inline-block;
}

.detailContent .infoContact,.detailContent .socialpluginsArea {
    display: none;
}

#carouselCopy .recommendItemInfo ul {
    margin-bottom: 5px;
}

#carouselCopy .recommendItemInfo ul:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.app_info {
    padding: 12px 12px 5px;
    margin-bottom: 5px;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    text-align: center;
}

#rent .app_info p {
    font-weight: bold;
    color: #D65A17;
    background: url(/column/images/apriicon.png) left 0px no-repeat;
    background-size: 40px;
    height: 40px;
    padding-left: 48px;
    line-height: 40px;
    display: inline-block;
    margin-bottom: 5px;
    text-align: center;
}
#buy .app_info p {
    font-weight: bold;
    color: #2585DE;
    background: url(/column/images/apriicon2.png) left 0px no-repeat;
    background-size: 40px;
    height: 40px;
    padding-left: 48px;
    line-height: 40px;
    display: inline-block;
    margin-bottom: 5px;
    text-align: center;
}

.app_info li{
    display:table-cell;
    padding:5px;
}

.app_info img {
   width: 100%
}

/* CLS回避用のサイズ指定クラス */
img.full_width_img {
    width:100%;
    height:auto;
}