@charset "utf-8";
/* share5 CSS Document */

h1.s5-heading1 span {
	display: inline-block;
}

.mod-categoryHeader-wrap .mq-arrow {
	font-weight: bold;
}

.mod-categoryHeader-wrap .xstyle {
	display: flex;
    flex-direction: row-reverse;
}

.mod-categoryHeader-wrap .xstyle ul{
	margin: 0;
	padding-left: 0;
}

.js-category-header .mq_sub-text-product {
	display: none;
}

/* .topArea.info　*/
#contents .topArea.info {
	display: block;
}

#contents .productArea img {
	float: left;
	margin-right: 2em;
}

/* get_adobe */
.get_adobe a {
    display: flex;
    align-items: center;
}
.get_adobe a img {
	padding-right: 1em;
}

/* info_box　*/
.info_box {
    display: table;
    background: linear-gradient(#e2eaef, #f3f3f3);
    border-radius: 5px;
    padding: 1em;
    width: 600px;
    margin-top: 1em;
}

.info_box img{
	vertical-align:text-top;
	margin-right:10px;
}

.info_box p{
    display: table-cell;
    text-align: left;
}

.info_box p > a{
    display: inline-block;
    background-position: 0 7px;
}

.info_box dl{
	display: table-cell;
    padding-left: 1em;
    padding: 0.5em;
	width:100%;
}

.info_box dl dt{
	margin-left: 0;
    font-weight: 700;
    margin-bottom: 0.5em;
}

.info_box dl dd{
	margin-left: 0;
    margin-bottom: 0;
}

@media (max-width: 1030px){
	.mod-categoryHeader-wrap .mod-productsArea-inner{
		margin-left: 0;
	}
	
	#contents .productArea {
		display: flex;
		align-items: center;
	}
	
	.info_box {
        width: auto;
        margin-top: 1em;
    }
}

@media (max-width: 850px){
	.mod-categoryHeader-wrap .xstyle{
		flex-direction: column-reverse;
	}
	
	.mod-categoryHeader-wrap .xstyle ul li:last-child{
		margin-right: 0!important;
	}
}

@media (max-width: 640px){
	/* .js-category-header .mq_sub-text-product {
		display: block;
	} */
	
	.js-category-header .mq_sub-text-product ul {
		padding: 0;
		margin: 0;
	}
	
	#contents .topArea.info {
		width: 100%;
	}
	
	#contents .productArea {
		display: flex;
		align-items: center;
	}
	
	#contents .productArea .imgArea img {
		float: none;
		margin-right: 0;
	}
	
    .get_adobe a {
        display: block;
    }
	.get_adobe a span {
		display: inline-block;
	}
}