@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:700,700i|Roboto:400,700|Josefin+Sans|notosansjp");
@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:700,700i|Roboto:400,700|Josefin+Sans|notosansjp");

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('http://use.fontawesome.com/releases/v5.8.2/css/all.css');
@import url('https://use.fontawesome.com/releases/v5.8.2/css/all.css');

@media screen and (max-device-width: 480px) {
	.tokushu .pc {
		display: none !important;
	}

	.sns-wrap .fb-like,
	.sns-wrap .fb-share-button {
		top: -3.5px;
	}

	.sns_wrap iframe {
		margin-top: -3px !important
	}

	/* .sns_wrap iframe{
    margin-top: -3px!important
 }*/

	.tokushu {
		width: 100% !important;
	}

	/*top*/
	.tokushu .top img {
		width: 100%;
	}

	.tokushu .contents .box {
		padding: 1em !important;
	}

	.tokushu h3 {
		font-size: 16px !important;
		background: none !important;
	}

	.tokushu h5 {
		font-size: 1.4em !important;
	}

	.tokushu table th {
		width: 20% !important;
	}

	.tokushu table td {
		width: 80% !important;
	}

	.tokushu .flexbox .item.column1 p {
		line-height: 17px !important;
	}

	.tokushu .flexbox .item.column1 img {
		width: 60% !important;
	}

	.tokushu .flexbox .item.column2 img {
		width: 100%;
	}

	.tokushu .flexbox .item.column1 .detail {
		display: inline-block;
		width: 95% !important;
		padding-top: 0 !important;
	}

	.tokushu .flexbox .item.column2 .detail {
	font-size: 1.3em;
	font-size: 13px !important;
	letter-spacing: -0.4px!important;
	line-height: 18px !important;
	}

	.tokushu .flexbox .item dl {
		position: relative !important;
		font-size: 1.3em;
		font-size: 13px !important;
		text-align: center !important;
		margin: 5px 0 0 !important;
		padding: 0 !important;
	}

	.tokushu .flexbox .item.column1 dl {
		position: relative !important;
		text-align: center !important;
		margin: 5px 0 0 !important;
		padding: 0 !important;
	}

	.tokushu .flexbox .item dl dd span {
		font-size: 1.8em;
		font-size: 18px !important;
	}

	.tokushu .flexbox .item dl dd span:after {
		font-size: 1.0em;
		font-size: 10px !important;
	}
    
    /*
.tokushu .imageList {
    position: relative;
    width:100%;
    box-sizing: border-box;
    text-align: center!important;
    margin: 0 auto 10px!important;
    padding: 0!important;
}

.tokushu .imageList ul {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    text-align: center!important;
    list-style: none!important;
    margin: 0 auto!important;
    padding: 0!important;
}*/

.tokushu .imageList ul li {
    display: inline-block;
    width: calc(51% - 11px);
    margin: 0 auto 10px!important;
}

/*.tokushu .sheet1 ul li {
    width: 100%!important;
}

.tokushu .imageList ul li img {
    width: 100%;
    height: auto;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}*/

.tokushu .sheet1 ul li img {
    width: 90%!important;
}

.tokushu p.title {
	font-size: 14px !important;
}

.tokushu .title span {
    font-size: 16px !important;
}
    
    

}
