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

/* 大型商品B 配送料一覧ページ */

.oogatasouryou table{
	border:1px #b9b9b9 solid!important;
	padding:2px!important;
	}

.oogatasouryou table caption{
	font-weight:bold;
	}

.oogatasouryou table th{
	font-weight:bold;
	}

.oogatasouryou h3{
	margin:10px;
	padding:5px;
	border-bottom:1px solid #b9b9b9;
	border-top:1px solid #b9b9b9;
	font-size:125%;
	font-weight:bold;
}

.oogataimage{
	width:150px;
	margin-right:10px;
	margin-left:10px;
	float:left;
}

.oogatatext{
	width:570px;
	float:right;
	clear:right;
	margin-right:10px;
}
.oogataprice{
	clear:both;
}
.del {
	text-decoration:line-through;
	text-decoration-color:#cb0000;
	text-decoration-style:double;
}
.free{
	color:#cb0000;
	font-weight:bold;
}


/* よくあるお問い合わせ */

.faqlist{
	margin:10px;
}

.faqlist li{
	border-bottom:1px #9be4ff solid;
	width:90%;
	list-style-position:inside;
	margin-bottom:5px;
}
.faqlist a{
	text-decoration:none!important;
}
.faqlist li:first-letter{
	font-weight:bold;
}

.faqbox{
	width:90%;
	margin:20px 20px 20px 10px;
	padding:10px;
	border:1px #eee solid;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

.faqbox .question{
	position: relative;
	padding-bottom: .3em;
	border-bottom: 2px solid #9be4ff;
	margin-top:10px;
	font-size:110%;
	font-weight:bold;
}

.faqbox .answer{
	position: relative;
	padding-bottom: .3em;
	border-bottom: 2px solid #ffb1b1;
	margin-top:10px;
	font-size:110%;
	font-weight:bold;
}


.faqbox .detail{
	background-color:#FFF;
	margin:10px;
	}

.faqbox .relation{
	background-color:#FFF;
	margin:10px;
}

.faqbox .icon{border:1px #484848 solid; background-color:#FFF; font-weight:bold; color:#484848; padding:0 3px;}

.applybutton {
	display:block;
	width:360px;
	margin:0 auto;
	text-align:center;
	position: relative;
	background-color: #464646;
	border-radius: 4px;
	border:1px #FFF solid;
	box-shadow : 0 0 0 1px #464646;
	color: #fff!important;
	line-height: 40px;
	-webkit-transition: none;
	transition: none;
	font-weight:bold;
	font-size:130%;;
	text-decoration:none!important;
}
.applybutton:hover {
	background-color: #686868;
	box-shadow : 0 0 0 1px #686868;
}

.telbox{
	width:80%;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	margin:0 auto;
	padding:10px;
	border:1px #686868 solid;
	border-radius:4px;
}

.telno{
	font-size:150%!important;
	text-align:center;
	font-weight:bold;
}

/* お知らせ */

.news h4{margin:0 0 10px 10px; border-bottom:#ccc 1px dashed; font-weight:bold; font-size:110%;}
.news h5{margin-left:10px; font-weight:bold; font-size:100%;}

.data table{
	border:1px #cccccc solid!important;
	padding:2px!important;
	}

.data caption{
	font-weight:bold;
	}

.data th{
	font-weight:bold;
	background-color:#ebebeb!important;
	font-weight:bold!important;
	}

.data th,.data td{
	padding:5px 0!important;
	vertical-align:middle!important;
	text-align:center!important;
}

.haisouicon{border:1px #484848 solid; background-color:#FFF; font-weight:bold; color:#484848; padding:0 3px;}

/* お知らせ（新商品） */
.newitem dt{margin-left:1em;}
.newitem dd{margin-left:3em;}
.newitem dd:before{content:"・";}
.newitem a{text-decoration:none;}
.newitem a:hover{text-decoration:underline;}


/* ご利用ガイド */

#guidepage ul{padding-left:10px;}
#guidepage h3{margin-bottom:15px;border-bottom:1px solid #b9b9b9; font-size:125%; margin-top:30px;}
#guidepage h4{margin:0 0 10px 10px; border-bottom:#ccc 1px dashed; font-weight:bold; font-size:110%;}

/* 特集 */

#pickup_menu{margin:auto; overflow:hidden;}
#pickup_menu .button{float:left; width:150px; height:30px; margin:10px 15px; text-align:center;}
#pickup_menu .button img{width:150px; height:30px;}

#pickup_menu:before,
#pickup_menu:after {content: ""; display: table;}/* clearfix */

#tormekphoto{margin:auto; overflow:hidden;}
#tormekphoto .photolist{float:left; width:100px; height:100px; margin:10px 5px; text-align:center;}

#main .woodroad_button{	
	background-color:#5c4639;
	border-radius:4px;
	width:350px;
	height:40px;
	line-height:40px;
	font-size:120%;
	text-align:center;
	margin:5px auto;
	font-weight:bold;
}
#main .woodroad_button:hover{
	background-color:#685042;
}
#main .woodroad_button a{
	color:#FFF;
	text-decoration:none;
	display:block;
	}
.tokusyuu h2.tokusyuu {
	background: #7d92c0!important;
	box-shadow: 0px 0px 0px 5px #7d92c0;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
	color:#FFF;
}
.tokusyuu .itemname{
	font-size:100%;
	font-weight:bold;
	
}
.tokusyuu .itemname a{
	text-decoration:none;
}
.tokusyuu .itemname a:hover{
	text-decoration:underline;
}
.tokusyuu .setsumei{
	width:750px;
	display:flex;
	margin:20px 0;
}
.tokusyuu .setsumei .mainimage{
	width:350px;
}
.tokusyuu .setsumei .textarea{
	width:350px;
	margin-left:10px;
}
.tokusyuu .setsumei-r{
	width:750px;
	display:flex;
	margin:20px 0;
}
.tokusyuu .setsumei-r .mainimage{
	width:350px;
}
.tokusyuu .setsumei-r .textarea{
	width:350px;
	margin-right:10px;
}

.tokusyuu .setsumei-w{
	width:750px;
	display:flex;
	margin:0 0 20px 0;
}
.tokusyuu .setsumei-w .textarea{
	width:750px;
}

.tokusyuu .images{
	width:750px;
	display:flex;
	margin:20px 0;
	justify-content:space-between;
	flex-wrap:wrap;
}
.tokusyuu .images .item{
	width:350px;
	margin-bottom:20px;
}

.tokusyuu .images .item-w{
	width:750px;
	margin-bottom:20px;
}

.tokusyuu .half{
	width:750px;
	display:flex;
	margin:20px 0;
	justify-content:space-between;
	flex-wrap:wrap;
}
.tokusyuu .half .box{
	width:350px;
	margin-bottom:20px;
	border:solid #CCC 2px;
	border-radius:4px;
}

.tokusyuu .half .box img{
	width:94%;
	padding:3%;
}

.tokusyuu .half .box .notice{
	margin:0 0 20px 0;
	text-align:center;
	background-color:#FFC;
	border-radius:4px;
	margin:3%;
	width:94%;
}

.tokusyuu .half .box a.button{
	width:70%;
	font-size:120%;
	line-height:120%;
	background-color:#333;
	color:#FFF;
	padding:10px 15px;
	text-align:center;
	font-weight:bold;
	border-radius:4px;
	text-decoration:none;
}
.tokusyuu .half .box a.button:hover{
	background-color:#555;
}

.tokusyuu .setsumei:after {content: ""; clear:both;}/* clearfix */

.tokusyuu .setsumei .textarea span {
    display: block;
    width:350px;
    text-align: center;
    font-size:150%;
    font-weight: bold;
}

/*Carpenter 商品特集*/
.tokusyuu h2.carpenter {
  color: #4E4E4E;/*文字色*/
  padding: 14px 0 0 12px!important;/*文字周りの余白*/
  background: #FFEACC!important;/*背景色*/
  border-bottom: solid 3px #FFC778;/*下線*/
  font-weight: bold!important;
  font-family:'Kosugi Maru', sans-serif;
}

#ext a.btn-flat-simple {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #0A65B9;
  background: #ECECEC;
  transition: .4s;
  float: right;
}

.delete {
    text-decoration: line-through;
}

#ext a.btn-flat-simple:hover {
  background: #0A65B9;
  color: white;
}
    
.family_img {
    margin-top: 50px;
}

.family_img li {
    margin-bottom: 50px;
}

.sa {
  opacity: 0;
  transition: all .5s ease;
}
.sa.show {
  opacity: 1;
  transform: none;
}
.sa-up {
  transform: translate(0, 100px);
}

.levelnav {
  width: 750px;
  margin:30px auto;
  display: flex;
  flex-wrap:wrap; 
  justify-content:space-around;
}

.button a#easy {
    background-color:#41D330;
}

.button a#normal {
    background-color:#30BDC9;
}

.button a#difficult {
    background-color:#ED8118;
}

.levelnav .button a {
  width:170px;
  height:35px;
  
  display: inline-block;
  padding:4px;
  color:#fff;
  margin:0 10px;
  text-align:center;
  border-radius:4px;
  text-decoration: none;
  font-size: 130%;
  line-height: 35px;
  font-family:'Kosugi Maru', sans-serif;
}


#main p span#message {
    font-family:'Kosugi Maru', sans-serif;
    font-size: 140%;
}



/* JET2017特集 */
#jet p{font-size:120%;}
#jet h3{font-size:200%!important; font-weight:bold; border-top:2px solid #353535; border-bottom:2px solid #353535!important; margin:20px 0!important; padding-left:10px;}
#jet h4{font-size:200%; font-weight:bold;}
#jet h5{font-size:120%; position: relative; padding: 0 1em 0em 1em;}
#jet h5:after{position: absolute; bottom: 0; left: 0; z-index: -2; content: ''; width: 100%; height: 10px; background-color: #f1f1f1;}
#jet .block{margin-bottom:20px;}
#jet .midashi{font-size:150%; font-weight:bold;}
#jet  .scrollbox{margin-bottom:20px;}
#jet .feature{margin:10px 0 20px 0;}
#jet .feature:after {content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#jet .feature .image{float:left; width:204px; height:169px; margin-right:10px;}
#jet .feature .title{float:right; width:536px; height:169px; line-height:169px;}
#jet .feature .title2{float:right; width:536px; height:169px; line-height:40px;}
#jet .feature2{width:350px; margin:0 10px 10px;}
#jet .feature2 img{width:100%; margin-top:10px;}
#jet .left{float:left;}
#jet .right{float:right;}
#jet .other{margin:20px 0 0 0;}
#jet .other:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}

/* RIKON2017特集 */
#rikonnew{color:#002e5f;}
#rikonnew .rikonbox{margin-bottom:50px;}
#rikonnew .rikonmovie{width:100%; margin:20px;}
#rikonnew .rikonbutton{
	margin:20px auto;
	background-color:rgba(0,0,0,0.3);
	border:2px solid #FFF;
	width:900px;
	height:70px;
	text-align:center;
	line-height:70px;
	color:#FFF;
	font-size:180%;
	letter-spacing:6px;
}
#rikonnew .rikonbutton::before,
#rikonnew .rikonbutton::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

#rikonnew .rikonbutton a{
	color:#FFF;
	display:block;
	line-height:70px;
	text-decoration:none;
}
#rikonnew .rikonbutton a:hover{
	background-color:rgba(0,0,0,0.6);
}

#rikonnew .rpbutton{
	margin:20px auto;
	background-color:rgba(255,255,255,1);
	border:2px solid #004833;
	width:900px;
	height:70px;
	text-align:center;
	line-height:70px;
	color:#004833;
	font-size:180%;
	letter-spacing:6px;
}
#rikonnew .rpbutton::before,
#rikonnew .rpbutton::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

#rikonnew .rpbutton a{
	color:#004833;
	display:block;
	line-height:70px;
	text-decoration:none;
}
#rikonnew .rpbutton a:hover{
	background-color:rgba(0,72,51,1);
	color:#FFF;
}

#rikonnew .rikon tr td{border:#002e5f solid 1px!important;}
#rikonnew .rikon tr td:nth-of-type(2) {background:#eaf4ff;}
#rikonnew .rikon tr td:nth-of-type(4) {background:#eaf4ff;}
#rikonnew .rikon .price{font-size:200%; font-weight:bold;}

/*特集ページ内の商品一覧*/
#itemListImage li:nth-child(4n){
	margin-right:0px;
}

/*Carter & Son 特集ページ*/
#carterandson .contents{
	margin-bottom:30px;
}
#carterandson .contents h3{
	font-size:140%;
	text-align:center;
	border-top:1px #555 solid;
	border-bottom:1px #555 solid;
	width:50%;
	padding: 3px 0;
	margin:0 auto 10px;
}
#carterandson .contents h4{
	font-size: 130%;
    background: linear-gradient(transparent 60%, #fff3b9 60%);
    margin-bottom: 10px;
    padding-left: 10px;
}

/*イベント紹介（WWD2025）*/
#ext #event{
	max-width:1000px;
	margin:0 auto;
	font-size:120%;
	color:#1c251c;
}
#ext #event p{
	font-size:95%;
	margin:1em 0;
	line-height:1.7em;
}
#ext #event #event-smmary{
	margin:0 0 50px 0;
}
#ext #event h2{
	background:none!important;
	padding:0;
	text-align:center;
	font-weight: bold;
}
#ext #event h3{
	text-align: center;
}
#ext #event h4{
	display:inline;
	background: linear-gradient(transparent 60%, #e6f4dc 60%);
	font-size:110%;
}
#ext #event h5{
	color:#97ae9b;
	font-size:120%;
}
#ext #event h6{
	color:#275629;
	border-bottom:1px dotted #275629;
	padding:5px 0 5px 0;
}
#ext #event h6:before{
	display:none;
}
#ext #event a.button{
	background: #275629;
	color: #ffffff;
	border-radius: 0.25em;
	padding: 1em;
	display: inline-block;
	margin:20px 0;
	text-decoration: none;
}
#ext #event a.button:hover{
	opacity: 0.6;
}
#ext #event #event-smmary .infomation{
	line-height:1.5em;
}

#ext #event #event-organizers{
	margin-bottom:50px;
}
#ext #event #event-info{
	margin-bottom:50px;
}
#ext #event #event-schedule{
	margin-bottom:50px;
}
#ext #event #event-guests{
	margin-bottom:50px;
}
#ext #event #event-guests .demonstrator{
	margin:20px 0;
}
#ext #event #event-guests .bio{
	display:flex;
	justify-content: space-between;
	padding:10px;
	margin-bottom: 30px;
}
#ext #event #event-guests .bio section{
	width:auto;
	margin:0 5% 0 0;
}
#ext #event #event-guests .bio figure{
	width:500px;
	margin:1em 0;
}
#ext #event dl{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding:10px;
	width:100%;
	margin:0 auto;
}
#ext #event dt{
	width:20%;
	margin:0 0 30px 0;
}
#ext #event dd{
	width:75%;
	margin:0 0 30px 20px;
}
#ext #event dd p{
	margin:0;
}
#ext #event .supporter{
	margin:20px;
	display:flex;
	justify-content:center;
}
#ext #event .supporter div{
	margin:20px;
	width:40%;
	text-align: center;
}
#ext #event .supporter div img{
	height:60px;
}
#ext #event #return-home{
	margin-top:50px;
}