﻿	.coordinate {
		overflow: hidden;
	}
	.coordinateImage ul li{
		display: inline-block; 
		vertical-align: top; /* 中央を揃える */
		margin-bottom: 10px;
	}
	.coordinateImage ul li img {
		width: 100px;
		margin: 5px 5px 5px 5px;
	}
	.coordinateSubImage ul {
		font-size: 0;
	}
	.coordinateSubImage ul li {
		display: inline-block;
		vertical-align: top; /* 中央を揃える */
		margin: 2.5px 2.5px 2.5px 2.5px;
	}
	.ddl {
		width: 120px;
		outline: none;
		text-indent: 0.01px;
		vertical-align: middle;
		font-size: 8px;
		color: inherit;
		height: 30px;
		line-height: 30px;
		padding: 0 30px 0 10px;
		border: 1px solid #999;
		border-radius: 5px;
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		background: #fff url(../../Contents/ImagesPkg/arrow_select.png) right 50% no-repeat;
		cursor: pointer;
		font-family: 'Lato', 'Noto Sans Japanese', "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
		margin-bottom: 5px;
		margin-right: 5px;
	}
	.ddl2 {
		width: 150px;
		outline: none;
		text-indent: 0.01px;
		vertical-align: middle;
		font-size: 8px;
		color: inherit;
		height: 30px;
		line-height: 30px;
		padding: 0 30px 0 10px;
		border: 1px solid #999;
		border-radius: 5px;
		-webkit-appearance: button;
		-moz-appearance: button;
		appearance: button;
		background: #fff url(../../Contents/ImagesPkg/arrow_select.png) right 50% no-repeat;
		cursor: pointer;
		font-family: 'Lato', 'Noto Sans Japanese', "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
		margin-bottom: 5px;
		margin-right: 5px;
	}
	.ddl::-ms-expand {
		display: none;
	}
	.ddl2::-ms-expand {
		display: none;
	}
	.coodinate_itemdetail {
		padding: 0 15px 15px;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.6em;
	}
	.MoreList {
		margin: 10px 0 30px;
	
		clear: both;
	}
	.MoreList .title {
		font-size: 15px;
		font-weight: bold;
		padding: 8px;
		border-bottom: 1px solid #333;
	}
	.MoreList .productCheckList {
		float: left;
		margin: 3px;
	}
	.MoreList .productCheckList ul {
		width: 187.5px;
	}
	.MoreList .productCheckList ul li {
		margin: 3px 0;
		line-height: 1.5;
	}
	.MoreList .productCheckList ul li p { line-height: 1.5; }
	.MoreList .productCheckList ul li p strike { color: #f00; }
	.MoreList .productCheckList ul li.thumnail img {
		width: 187.5px;
		height:250px;
		margin-bottom: 20px;
	}
	.MoreList .productCheckList ul li.thumnail {
		position: relative;
		text-align: center;
	}
	.MoreList .productCheckList ul li.thumnail .soldout {
		color: #fff;
		word-wrap: normal;
		position: absolute;
		top: 45%;
		left: 0%;
		text-align: center;
		width: 100%;
		height: 26px;
		line-height: 26px;
		background-color: #000;
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
	.parent {
		/*親要素*/
		position: relative;
		background: orange;
		height: 200px;
		clear: left;
	}
	.parent p {
		position: absolute;
		top: 50%;
		left: 40%;
		-webkit-transform : translate(-50%,-50%);
		transform : translate(-50%,-50%);
		width: 100px;
		text-align: center;/*一応BOX内の文字も中央寄せ*/
		font-size: 3em;
		white-space: nowrap;
		color: white;
	}
	.accesstop_info {
		padding: 20px 100px 0;
		position: relative;
	}
	.accesstop_brandlogo {
		width: 76px;
		height: 76px;
		position: absolute;
		top: 10px;
		left: 80px;
		z-index: 10;
	}
	.accesstop_brand {
		margin-bottom: 5px;
		font-size: 10px;
		font-weight: bold;
		font-family: 'Poppins',NotoSans, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
		color: #888888;
		text-align: center;
	}
	.accesstop_shop {
		font-size: 10px;
		font-weight: bold;
		font-family: NotoSans;
		text-align: center;
	}
	.accesstop_date {
		font-size: 10px;
		font-weight: bold;
		font-family: 'Poppins',NotoSans, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
		color: #888888;
		position: absolute;
		bottom: 30px;
		right: 20px;
		z-index: 10;
	}
	.coodinate_itemphoto {
		padding: 30px 0 0px 10px;
	}
	.coodinate_itemphoto .coodinate_subtitle {
		font-size: 13px;
		font-weight: bold;
		font-family: NotoSans;
		margin-bottom: 20px;
	}
	.coodinate_itemphoto ul li:nth-child(2n-1) {
		clear: both;
	}
	.coodinate_itemphoto ul li {
		width: 50%;
		padding-right: 10px;
		box-sizing: border-box;
		float: left;
		text-align: center;
		position: relative;
		margin-bottom: 20px;
	}
	.coodinate_itemphoto .item_photo {
		margin-bottom: 5px;
		position: relative;
		vertical-align: middle;
	}
	.coodinate_itemphoto .coodinate_price {
		margin-bottom: 10px;
		font-weight: bold;
	}
	.coodinate_itemphoto .coodinate_item {
		margin-bottom: 5px;
		font-size: 10px;
		font-weight: bold;
		width: 100%;
		overflow: hidden;
		height: 1em;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.item_price {
		font-size: 14px;
		font-weight: bold;
		display: block;
	}
	.item_price {
		font-size: 14px;
		font-weight: bold;
		display: block;
	}
	.coodinate_itemphoto .item_photo img {
		width: 100%;
		height: auto;
		/* vertical-align: middle; */
	}

    .beforefollow {
        background: #3897f0;
        border-color: #3897f0;
        color: #fff;
        padding:5px 8px 5px 8px;
    }

    .afterfollow {
        background: 0 0;
        background-color: #e1e1e1;
        color: #262626;
        padding:5px 8px 5px 8px;
    }

    a.btn.beforefollow:hover {
        background: #3897f0;
        border-color: #3897f0;
        color: #fff;
    }
    a.btn.afterfollow:hover {
        background: 0 0;
        border-color: #dbdbdb;
        color: #262626;
    }