@charset "UTF-8";
/* CSS Document */



/******************************
レイアウトE
******************************/
section.wideColumn .wideColumnWrapper_01{
	background:url(../images/bg_wide_01.jpg) right top no-repeat;
	background-size: cover;
}
section.wideColumn .wideColumnWrapper_02{
	background:url(../images/bg_wide_02.png) right bottom no-repeat;
	background-size: cover;
}



/******************************
カートボタンを使うなら削除
******************************/
.cartBtn {
	display:none;
}



/******************************
ページ独自のstyleはこちら
******************************/
/******************************
間隔調整
******************************/
#main {
    padding: 15px 0;
}
.readText {
    margin: 0 auto 15px;
}
.itemArea section {
    margin-bottom: 30px;
}
.itemArea h2 {
    padding-top:15px;
    margin-bottom: 15px;
}
.column3{
    margin-bottom: 15px;
}
.column3 p {
    margin-bottom: 0px;
}
@media screen and (max-width: 768px){
.mainImgArea .mainTit {
    padding-top: 60px;
}
.mainImgArea .mainTit {
    margin-bottom: 15px;
}
}
/******************************
パンくず
******************************/
.breadcrumb_list ul,
.breadcrumb_list ol {
	font-size: 1.1em;
	margin-left: 15px;
}
.breadcrumb_list ul li,
.breadcrumb_list ol li {
    margin-right: 3px;
	display: inline;
    margin-right: 3px;
}
.breadcrumb_list ul li a::after,
.breadcrumb_list ol li a::after {
    margin-left: 2px;
}
/******************************
タイトルフォントサイズ
******************************/
.mainImgArea .mainTit h1{
	font-size:2.4em
}
.itemArea h2{
	font-size:2.0em
}
.contentsArea .column2 h3{
	font-size:1.8em
}
.readText {
	font-size: 1.5em;
}
h4{
	font-size:1.7em
}
h5{
	font-size:1.6em
}
h6{
	font-size:1.5em
}
p{
	font-size:1.5em
}
.copy {
    font-size: 0.8em;
}
@media screen and (max-width: 768px){
p.cart a i, p.search span i {
    font-size: 1.8em;
}
}



/******************************
タブ2カラム
******************************/
.tabList ul li{
	width:calc(100% / 2);
	-webkit-width:calc(100% / 2);
	-moz-width:calc(100% / 2);
	-ms-width:calc(100% / 2);
}
.tabList ul li a img{
	margin:0 5px 0 0;
	width:50px;
	vertical-align: middle;
}



/******************************
アプリについて詳しく見るボタン
******************************/
.typeBtn2 a {
    display: block;
    border: 2px solid #cdcdcd;
    text-decoration: none;
    text-align: center;
    padding: 10px 0;
    font-size: 1.4em;
    max-width: 350px;
	width:90%;
    border-radius: 5px;
	margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    color: #000;
}
.typeBtn2 a::before {
    content: "\f054";
    margin-left: -5%;
    font-family: 'FontAwesome';
    position: absolute;
}
/******************************
アプリ起動
******************************/
.submit_ {
	padding: 20px;
	border: 2px solid #ccc;
	background-color: #f3f3f3;
	margin:0 auto 30px;
	box-sizing: border-box
}
.apptxt {
	text-align: center;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}
ul.store {
	text-align: center;
	margin-bottom: 30px;
}

.store li:nth-child(2n+0) {
	margin: 0 0 0 10px;
}
/*スマートフォン用*/
@media screen and (max-width:980px){
.apptxt{
	text-align: left;
}
.submit_ {
width: 90%;
}
div.forpc{
	display: none;
}
ul.store {
margin: 0 auto 30px 0;
display: flex;
justify-content: center;
}
.store li a img {
	width:100%;
}
.appbtn {
	display: block;
	color: #fff!important;
	text-decoration: none;
	vertical-align: middle;
}
.large_button_ {
	margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 5px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 0 1px 2px #999;
    -webkit-box-shadow: 0 1px 2px #999;
    box-shadow: 0 1px 2px #999;
    line-height: 2.6em;
    letter-spacing: 2px;
    border: none;
}
.button_ {
	color: #fff;
}
.deepgreen_button_ {
	font-weight:bold
	-moz-text-shadow: 0 -1px 1px #333;
	-webkit-text-shadow: 0 -1px 1px #333;
	text-shadow: 0 -1px 1px #333;
	background: #1c3e26 -moz-linear-gradient(top,#264c33,#183521);
	background: #1c3e26 -webkit-gradient(linear,left top,left bottom,from(#264c33),to(#183521));
	background: #1c3e26 linear-gradient(top,#264c33,#183521);
	-webkit-box-shadow: inset 0px 0px 5px #487c5a;     /* 内側に光彩を追加 */
    -moz-box-shadow: inset 0px 0px 5px #487c5a;     /* 内側に光彩を追加 */
    box-shadow: inset 0px 0px 5px #487c5a;     /* 内側に光彩を追加 */
}
}

/*PC用*/
@media screen and (min-width:981px){
.submit_ {
	width:980px;
}
div.forsp {
	display: none;
}
.store li {
	display: inline;
}
.store li a img {
	width: 100%;
}
}