@charset "UTF-8";

body{
 	letter-spacing: 1px;
	font-size:13px;
	-webkit-text-size-adjust: 100%;
}

#wrapper{
	width:100%; height:100%;
	margin:0; padding:0;
}

/*******************header*******************/
#header{
	width: 100%;
	color: #622A09;
	font-weight:bolder;
}

.header--top{
	width:100%; height: 36px;
	border-bottom:1px #c1bbaf dotted;
}
.infoarea{
	width:960px;
	margin:0 auto;
	height: 35px;
	font-size:1em;
}
.num{
	width: 200px;
	background-color: #f0ecdd;
	display:block;
	float:left;
}
.num img{
	display:block;
	margin:10px auto;
}
.time-date{
	float:left;
	margin:10px auto auto 20px; 
}
.time-date span{
	font-size:0.92em;
}
.headnav{
	float:right;
	margin:10px auto auto 20px;
}
.headnav a{
	text-decoration: none;
	color: #622A09;
}
.headnav img{
	width:20px; height:20px;
	margin:auto 2px auto auto;
	vertical-align:top;
}

/*******お知らせ(はじめ)******/
.header--middle{
	height: 60px;
	background-image: url(../img/learning/sos.png);
	background-color: #451514;
}
.news{
	width: 960px;
	margin:0 auto;
}
.news-title{
	width:110px; height:36px;
	display:block;
	margin:10px 0;
	background-color: #fff;
	float:left;
}
.news-text{
	width:845px; height:36px;
	display:block;
	margin:10px auto 8px 5px;
	background-color: #fff;
	float:left;
}
.news-title img{
	padding:1px 0 0 5px;
	display:block;
	float:left;
}
.news-title p{
	width:68px;
	display:block;
	float:right;
	text-align: center;
	padding:8px 5px 0 0;
	font-size:1.08em;
	color: #267323;
}
.news-text p{
	padding:8px 0 0 20px;
	font-size:1.08em;
	color: #267323;
}
/*******お知らせ(おわり)******/

.header--bottom{
	width:960px;
	margin:0 auto;
}
.logo{
	width:315px;
	display:block;
	margin:50px auto;
}

.gnav{
	height: 60px;
	background-color: #e3dbc5;
}
.gnav ul{
	width:960px;
	margin:0 auto;
}
.gnav ul li{
	width: 158px;
	display: block;
	float: left;
	border-right: 2px #c1bbaf solid;
	list-style: none;
}
.gnav ul li a{
	display: block;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	color: #622A09;
}
.first{
	width: 157px;
	border-left: 2px #c1bbaf solid;
}
.last{
	width: 157px;
}
.gnav ul li a:hover{
}


/*******************index-main*******************/
/* カルーセルの外枠 */
.carousel {
  width: 640px;
  height: 320px;
  display: flex;    /* 子要素を横に並べる */
  overflow: hidden; /* はみ出た部分は表示しない */
  margin: 0 auto;   /* 水平方向中央寄せ */
}
/* カルーセル内の画像 */
.carousel img {
  margin: 0;
  padding: 0;
  display: block; /* imgタグの改行のすき間を消すため */
}
/* スクロールアニメーションのキーフレーム */
@keyframes scroll {
  /* 初期位置は1個目の画像が左端 */
  0% { margin-left: 0; }      
  /* 1個分左の位置に進めて2個目の画像を左端にする */
  10% { margin-left: -100%; }
  /* 少しの間上と同じ位置 */  
  50% { margin-left: -100%; }
  /* 以降は上と同様に繰り返し */
  60% { margin-left: -200%; }
  100% { margin-left: -200%; }
}
/* カルーセルの子要素にスクロールアニメーションを設定 */
.carousel > :first-child {
  animation-name: scroll;    /* キーフレーム名 */
  animation-duration: 20s;  /* 再生時間全体は20秒 */
  animation-delay: 0s;      /* 読込直後から遅延無しで開始 */
  animation-iteration-count: infinite;  /* 無限に繰り返す */
}

.index-main-img{
	width: 100%;
	height: 320px;
	background-color:#451514;
}

.index-main-feature{
	width: 960px;
	height:auto;
	margin:50px auto 0 auto;
	display:table;
}
.feature{
	width: 270px;
	padding: 0 24px;
	display: block;
	float: left;
}
.border{
	border-right:1px #c1bbaf dotted;
}
.feature img{
	margin:0 15px 0 0;
	display:block;
	float:left;
}
.f-summary{
	width: 175px;
	display: block;
	float: right;
	text-align: center;	
}
.f-title{
	font-size: 1.31em;
	font-weight: bolder;
	color: #267323;
}
.f-sentence{
	padding: 8px 0 0 0;
	font-size: 1em;
	color: #622A09;
	line-height: 1.5em;
	letter-spacing: 0px;
}


/*******送料お知らせ(はじめ)******/

.balloon{
	width: 960px;
	height:auto;
	margin:50px auto 0 auto;
	display: flex;
	-webkit-box-lines: multiple;
	flex-wrap: wrap;
}
.balloon1-top {
	position: relative;
	display: inline-block;
	float: left;
	padding: 18px 18px;
	width: 444px;
	background: #a3754f;
}
.balloon1-top:before{
	content: "";
	position: absolute;
	top: -21px;
	left: 10%;
	margin-left: -15px;
	border: 10px solid transparent;
	border-bottom: 12px solid #a3754f;
}
.balloon1-top p {
	margin: 0;
	padding: 0;
	font-size: 1.15em;
	font-weight: bolder;
	color: #fff;
} 
.balloon1-top ul {
	list-style:none;
	font-size: 1em;
	padding:8px 0 0 0;
	color: #fff;
}
.balloon2{
	width: 478px;
	display: block;
	float: left;
	border: 1px #a3754f solid;
	font-size: 0.92em;
}
.balloon2 p{
	padding: 16px 18px;
	color:#a3754f;
}
.balloon2 p a{
	text-decoration:underline;
	color:#B10B0B;
}


.balloon3{
	width: 720px;
	height:auto;
	margin:0px auto 30px auto;
	display: flex;
	-webkit-box-lines: multiple;
	flex-wrap: wrap;
}
.balloon3-top {
	position: relative;
	display: inline-block;
	float: left;
	padding: 18px 18px;
	width: 720px;
	background: #a3754f;
}
.balloon3-top p {
	margin: 0;
	padding: 0;
	font-size: 1.15em;
	font-weight: bolder;
	color: #fff;
} 
.balloon3-top ul {
	list-style:none;
	font-size: 1em;
	padding:8px 0 0 0;
	color: #fff;
}
/*******送料お知らせ(おわり)******/


/*******************main*******************/
main{
	width:960px; height:auto;
	margin:85px auto 0 auto;
	display:table;
}
.index-content-right{
	width:200px;
	display:block;
	float:right;
}
.side-banner{
}
.side-banner img{
	display:block;
	margin:0 0 15px 0;
}
.lb-jgto img{
	display:block;
	margin:0 6px 0 0;
	float:left;
}

/*******************content-left*******************/
.content-left{
	width:720px;
	display:block;
	float:left;
}

.main-title-outside{
	width:720px; height:45px;
	margin:0 0 35px 0;
	display:block;
	border:1px #c1bbaf solid;
}
.main-title-outside-2{
	margin:80px 0 35px 0;
}
.main-title-inside{
	width:710px; height:35px;
	margin:5px;
	display:block;
	background-color: #f0ecdd;
}
.main-title-inside h2{
	margin:0 0 0 15px;
	display:block;
	float:left;
	font-weight:bold;
	color: #622A09;
	font-size: 1.15em;
	line-height: 35px;
}
.title-link{
	margin: 0 10px 0 0;
	display: block;
	float: right;
	font-weight: bold;
	font-size: 1em;
	line-height: 35px;
}
.title-link a{
	text-decoration: none;
	color: #622A09;
}
.title-link img{
	width:20px; height:20px;
	margin:7px 2px 0 0;
	vertical-align:top;
}
.main-subtitle-inside{
	height:30px;
	display:block;
	background-color: #f0ecdd;
	border-left:10px #267323 solid;
	margin:0 0 30px 0; padding:0;
}
.main-subtitle-inside h3{
	margin:0 0 0 10px;
	font-weight:bold;
	color: #622A09;
	font-size: 1.08em;
	line-height: 30px;
}
.main-subtitle-inside-2{
	margin:60px 0 30px 0;
}


/***********pickup***********/
.pickup{
	height:auto;
	display:block;
}
.pickup-inner{
	display:table;
}
.pickup-inner ul{
	display:table;
}
.pickup-inner li{
	width:345px;
	display:block;
	float:left;
}
.pickup-inner li img{
	display:block;
}
.pickup-card-left{
	margin:0 15px 40px 0;
}
.pickup-card-right{
	margin:0 0 40px 15px;
}
.pickup-card-left-last{
	margin:0 15px 0 0;
}
.pickup-card-right-last{
	margin:0 0 0 15px;
}
.pc-summary img{
	display:block;
	float:left;
	margin:0 4px 0 0;
}
.pc-summary{
	margin:5px 0 0 0;
	display:block;
	color:#111111;
	font-size:0.93em;
	letter-spacing: 0px;
}
.pc-summary span{
	font-size: 1.54em;
	color: #B10B0B;
	font-weight: bold;
	letter-spacing: 0px;
}

/***********index-price***********/
.index-price{
	height:auto;
	display:block;
}
.index-price-inner{
	display:table;
}
.index-price-iron{
	width:345px;
	margin:0 15px 0 0;
	display:inline-block;
	float:left;
}
.index-price-driver{
	width:345px;
	margin:0 0 0 15px;
	display:inline-block;
}
.index-price-id-inner{
	width:335px;
	margin:0 0 0 10px;
	display:block;
	color:#111111;
}
.index-price-name{
	font-size: 1.08em;
	font-weight:bold;
}
.index-price-note{
	font-size: 0.92em;
}
.index-price-id-inner img{
	margin:25px 0 20px 0;
}

.index-price-table{
	width: 100%;
}
.index-price-table th, .index-price-table td{
	padding:0 5px;
	text-align: right;
	vertical-align: middle;
	border: 1px solid #c1bbaf;
}
.index-price-table th{
	width: 160px; height: 45px;
	font-size: 0.92em;
	background-color: #eee;
}
.index-price-table td{
	width: 175px; height: 45px;
	font-size: 1em;
	background-color: #fff;
}
.index-price-table td span{
	color: #B10B0B;
	font-weight: bold;
}
.sum{
	font-size: 1.23em;
}
.index-price-comment{
	color: #B10B0B;
	font-size:0.92em;
	margin:15px 0 0 0;
}
.index-price-ironlist{
	width:720px;
	display:inline-block;
}
.index-price-ironlist-inner{
	width:720px;
	margin:0 0 0 10px;
	display:block;
}
.index-price-ironlist-comment{
	font-weight: bolder;
	margin:0 0 15px 0;
	color:#267323;
}
.index-price-ironlist-table{
	width: auto;
	display:block;
	float:left;
	text-align: left;
	line-height:2em;
}
.index-price-ironlist-table th{
	margin:0 20px 0 0;
	float:left;
}
.index-price-ironlist-table td{
	color: #B10B0B;
	font-weight:bold;
	float:right;
}
.index-price-ironlist-table-left{
	margin:0 70px 0 0;
}


/*******************footer*******************/
#footer{
	width:100%;
	clear:both;
	margin:85px auto 0 auto;
}
.footer--top{
	width:960px; height: 43px;
	margin:0 auto;
}
.return{
	float:right;
}
.return a{
	text-decoration: none;
	color: #622A09;
	font-weight:bold;
}
.return span{
	vertical-align: bottom;	
}
.return img{
	width: 24px; height: 24px;
	margin:0 2px 0 0;
	vertical-align: top;
}

.footer--middle{
	background-color: #e3dbc5;
	border-top:1px #c1bbaf dotted;
	padding:10px 0 0 0;
}
.footnav{
	height: 20px;
	font-size:0.92em;
	width:960px;
	margin:0 auto;
}
.footnav ul{
	width:815px;
	margin:0 auto;
}
.footnav ul li{
	width: 135px;
	display: block;
	float: left;
	list-style: none;
}
.footnav ul li a{
	display: block;
	line-height: 20px;
	text-align: center;
	text-decoration: none;	
	color: #622A09;
}
.f-line{
	border-right: 1px #c1bbaf dotted;
}
.footlogo{
	width:170px;
	display:block;
	margin:0 auto;
	padding:40px 0 30px 0;
}
.footlogo img{
	width:170px;
}

.footer--bottom{
	height:25px;
	background-color: #451514;
	text-align: center;
}
.copy{
	line-height: 25px;
	font-size:0.77em;
	color:#fff;
}

/*********************about*********************/
/***********content-right***********/
.content-right{
	width:200px;
	display:block;
	float:right;
}
.content-right-side-feature{
	margin:0 0 35px 0;
	display:table;
}
.side-feature{
	width: 200px;
	padding:25px 0;
	display: inline-block;
	border-bottom:1px #c1bbaf dotted;
}
.side-feature-top{
	border-top:1px #c1bbaf dotted;
}
.sf-title{
	font-size: 1.15em;
	font-weight: bolder;
	color: #267323;
	text-align:center;
}
.sf-title span{
	font-size: 0.8em;
	font-weight:normal;
	color: #267323;
	text-align:center;
}
.sf-summary{
	display: block;
}
.side-feature img{
	width:64px; height:68px;
	margin:0 15px 0 5px;
	display:block;
	float:left;
}
.sf-sentence{
	padding: 10px 0 0 0;
	display:block;
	font-size: 0.92em;
	color: #622A09;
	line-height: 1.5em;
	letter-spacing: 0px;
}

/***********message***********/
.message{
	height:auto;
	display:block;
}
.message-inner{
	display:table;
}
.message-inner-body{
	width:450px;
	display:block;
	font-size:1em;
	line-height:2;
	float:left;
}
.message-text{ 
	font-size:1em;
}
.message-writer{ 
	margin:20px 0 0 0;
	float:right;
}
.message-inner-img{
	display:block;
	float:right;
	margin:0 0 0 30px;
}
.message-inner-img img{
	display:block;
}

/***********about-reshaft***********/
.about-reshaft{
	height:auto;
	display:block;
}
.about-reshaft-inner{
	display:table;
}
.about-reshaft-summary{
	margin:0 0 35px 0;
	color:#267323;
	font-weight:bold;
	line-height: 1.5;
	display:inline-block;
}
.about-reshaft-summary-body{
	width:440px;
	display:block;
	float:left;
}
.about-reshaft-summary-text{
	font-size:1em;
}
.about-reshaft-summary-text-2{
	font-size:1em;
}
.about-reshaft-summary-comment{
	font-size:0.92em;
	margin:2px 0 8px 0;
}
.about-reshaft-summary img{
	width:240px;
	margin:0 0 0 40px;
}
.about-reshaft-rg{
	width:720px;
	display:block;
}
.about-reshaft-rg-inner{
	margin:0 0 0 10px;
	display:block;
}
.about-reshaft-rg-inner img{
	margin:0 30px 0 0;
	display:inline-block;
	float:left;
}
.about-reshaft-rg-text{
	display:inline-block;
	font-size:1em;
	font-weight:bold;
	line-height: 2;
}
.about-reshaft-rg-text span{
	font-size:0.92em;
	font-weight:normal;
}
.about-reshaft-rg-comment{
	margin:20px 0 0 0;
	font-size:0.92em;
	font-weight:normal;
	color:#B10B0B;
}

/***********studiomenu***********/
.studiomenu-table{
	width: 100%;
}
.studiomenu-table th, .studiomenu-table td{
	padding:0 10px 0 10px;
	height: 33px;
	text-align: left;
	font-size: 0.92em;
	vertical-align: middle;
	border: 1px solid #c1bbaf;
}
.studiomenu-table th{
	background-color: #eee;
}
.studiomenu-table td{
	background-color: #fff;
}
.studiomenu-table td span{
	margin:0 10px 0 0;
	color: #B10B0B;
	font-size: 1em;
	font-weight: bold;
}





/*********************flow*********************/
/***********flow***********/
.flow{
	height:auto;
	display:block;
}
.flow-inner{
	display:table;
}
.flow-inner-upper{
	display:table;
}
.flow-inner-lower{
	display:table;
	margin:45px 0 0 0;
}
.flow-inner-body{
	width:210px;
	margin:0 30px 0 0;
	display:block;
	float:left;
}
.flow-inner-top{
	width:210px;height:80px;
	display:block;
}
.flow-inner-middle{
	width:210px;
	display:block;
}
.flow-inner-middle p{
	padding:10px;
}
.flow-inner-bottom{
	width:210px;
	display:block;
	background-color: #eee;
}
.flow-inner-bottom ul{
	padding:5px 10px;
}
.flow-inner-bottom ul li{
}
.flow-inner-bottom ul li a{
	text-decoration: none;
	color: #B10B0B;
}
.flow-inner-bottom ul li a:hover{
	text-decoration:underline;	
}
.flow-inner-comment{
	padding:0 10px;
	font-size: 0.92em;
}

/***********fee***********/
.fee{
	height:auto;
	display:block;
}
.fee-inner{
	display:table;
}
/***********postage***********/
.postage{
	width:720px;
	display:inline-block;
}
.postage-inner{
	display:block;
	margin:0 0 0 10px;
}
.postage-summary{
	margin: 0 0 35px 0;
	display:inline-block;
}
.postage-summary-left{
	display:inline-block;
	float:left;
}
.postage-summary-left img{
	width:64px; height:68px;
	display:block;
	float:left;
}
.postage-summary-left p{
	margin:15px;
	display: inline-block;
	color:#267323;
	font-size:1.15em;
	font-weight:bold;
}
.postage-summary-left span{
	font-size: 0.8em;
	font-weight:normal;
}
.postage-summary-right{
	margin:0 0 0 30px;
	display:inline-block;
}
.postage-summary-text{
	font-weight:bold;
	color:#622A09;
}
.postage-summary-comment{
	margin:2px 0 6px 0;
	font-size:0.92em;
	color:#B10B0B;
}

.postage-body{
	display:inline-block;
}
.postage-body p{
	margin: 0 0 10px 0;
	font-weight:bold;
	color:#622A09;
}
.postage-table{
	width: 100%;
}
.postage-table tr{
}
.postage-table td{
	width:80px;
	text-align: center;
	vertical-align: middle;
	font-size: 1em;
	border: 1px solid #c1bbaf;
}
.postage-area{
	height: 33px;
	background-color: #ddd;
}
.postage-postage{
	height:28px;
	background-color: #eee;
}
.postage-prefecture{
	height:90px;
	background-color: #fff;
}
.postage-prefecture td{
	width:90px;
	padding:10px 0;
	font-size: 0.92em;
	vertical-align:top;
}
ul.tworows-left{
	width:45px;
	float:left;
}
ul.tworows-right{
	width:45px;
	float:right;
}
.postage-table-second{
	margin: 5px 0 0 0;
}

/***********payment***********/
.fee-middle{
	width:720px;
	display:table;
}
.payment{
	width:345px;
	padding:0 15px 0 0;
	display:inline-block;
	float:left
}
.payment-inner{
	display:block;
	margin:0 0 0 10px;
}
.payment-inner p{
}
.payment-inner span{
	color:#267323;
}
.transfer{
	margin:25px 0 0 0;
}
.transfer img{
}
.transfer-payee{
	width:240px;
	margin:10px 0 0 0;
	display:block;
	background-color: #eee;
}
.transfer-payee ul{
	padding:5px 10px;
}
.transfer-payee ul li{
}
.cash{
	margin:25px 0 0 0;
}
.cash img{
}
.cash-table{
	width: 100%;
	margin:10px 0 0 0;
}
.cash-table th, .cash-table td{
	width: 167px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #c1bbaf;
}
.cash-table th{
	height:30px;
	background-color: #eee;
}
.cash-table td{
	height:25px;
	background-color: #fff;
}

/***********delivery***********/
.delivery{
	width:345px;
	padding:0 0 0 15px;
	display:inline-block;
}
.delivery-inner{
	display:block;
	margin:0 0 0 10px;
}
.delivery-inner-upper{
	display:inline-block;
}
.delivery-inner img{
}
.delivery-inner ul{
	margin:10px 0 20px 0;
}
.delivery-inner ul li{
}
.delivery-inner p{
	font-size:0.92em;
	color:#B10B0B;
	float:right;
}
.delivery-inner-lower{
	margin:25px 0 0 0;
	display:inline-block;
}
.delivery-inner-lower ul{
	width:210px;
	padding:5px 10px;
	display:block;
	background-color: #eee;
}
.delivery-inner-lower ul li{
}

/***********delivery-method***********/
.fee-bottom{
	width:720px;
	display:table;
}
.delivery-date{
	width:345px;
	padding:0 15px 0 0;
	display:inline-block;
	float:left
}
.delivery-date-inner{
	display:block;
	margin:0 0 0 10px;
}
.delivery-date-inner p{
	margin:10px 0 0 0;
}

/***********mailorder-low***********/
.mailorder-low{
	width:345px;
	padding:0 0 0 15px;
	display:inline-block;
}
.mailorder-low-inner{
	display:block;
	margin:0 0 0 10px;
}


/*********************access*********************/
/***********access***********/
.access{
	height:auto;
	display:block;
}
.access-inner{
	display:table;
}
.access-top{
	display:table;
}
.access-top-left{
	width:415px;
	margin:0 15px 0 0;
	display:inline-block;
	float:left;
}
.access-top-right{
	width:275px;
	margin:0 0 0 15px;
	display:inline-block;
}
.access-top-right p{
	line-height: 95px;
	font-weight:bold;
}
.access-table{
	width: 275px;
	border-top: 1px dotted #c1bbaf;
}
.access-table th, .access-table td{
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px dotted #c1bbaf;
}
.access-table th{
	width: 75px; height: 50px;
}
.access-table td{
	width: 200px; height: 50px;
}
.access-middle{
	width:720px;
	display:inline-block;
}
.access-middle p{
	margin:5px 20px 0 0;
	float:left;
	color:#622A09;
}
.access-middle p a{
	text-decoration: none;
	color: #622A09;
}
.access-middle p a:hover{
	text-decoration: underline;	
}
.access-middle img{
	width:20px; height:20px;
	margin:auto 2px auto auto;
	vertical-align:top;
}
.access-bottom{
	display:table;
}
.access-bottom-inner{
	display:block;
	margin:0 0 0 10px;
}
.access-bottom-left{
	width:415px;
	margin:0 15px 0 0;
	display:inline-block;
	float:left;
}
.access-bottom-comment{
	font-weight:bold;
}
.access-bottom-comment span{
	color:#267323;
}
.directions{
	width:405px;
	margin:10px 0 0 0;
	display:block;
	background-color: #eee;
}
.directions p{
	padding:5px 10px;
}
.directions-comment{
	font-weight:bold;
	color:#267323;
}
.access-bottom-right{
	width:275px;
	margin:0 0 0 15px;
	display:inline-block;
}
/***********profile***********/
.profile{
	height:auto;
	display:block;
}
.profile-inner{
	display:table;
}
.profile-left{
	width:415px;
	margin:0 15px 0 0;
	display:inline-block;
	float:left;
}
.profile-left p{
	font-weight:bold
}
.profile-table{
	width: 415px;
	margin:30px 0 0 0;
	border-top: 1px dotted #c1bbaf;
}
.profile-table th, .profile-table td{
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px dotted #c1bbaf;
}
.profile-table th{
	width: 115px; height: 50px;
}
.profile-table td{
	width: 300px; height: 50px;
}
.profile-right{
	width:275px;
	margin:0 0 0 15px;
	display:inline-block;
}
.profile-right img{
	margin:0 0 15px 0;
}


/*********************price*********************/
/***********price***********/
.tabs ,.tabs0{
  margin-top: 50px;
  background-color: #fff;
	border: 1px solid #c1bbaf;
  width: 720px;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item ,.tab_item0{
  width: calc(100%/5);
  height: 32px;
  border-bottom: 1px solid #c1bbaf;
  background-color: #eee;
  line-height: 32px;
  font-size: 12px;
  text-align: center;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item0{
	width: calc(100%/4);
}
.tab_item:hover ,.tab_item0:hover{
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] ,input[name="tab_item0"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content {
  display: block;
}
#tab6:checked ~ #tab6_content,
#tab7:checked ~ #tab7_content,
#tab8:checked ~ #tab8_content,
#tab9:checked ~ #tab9_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #622A09;
	color: #fff;
}
.tabs0 input:checked + .tab_item0 {
  background-color: #622A09;
	color: #fff;
}


.price{
	height:auto;
	display:block;
}
.price-inner{
	display:table;
}
.price-comment{
	color:#267323;
	font-size:1em;
	font-weight:bold;
	margin-bottom: 30px;
}
.price-comment ul{
}
.price-comment ul li{
}
.tab_content li{
	float: left;	
}
.tab_contents{
	display:inline-block;
	background: #fff;
	border: 1px solid #c1bbaf;
	clear: both;
}
.tab_content ul{
	margin:45px 0 25px 0;
	display:inline-block;
}
.tab_content ul li{
	margin:25px 45px 25px 44px;
	width:270px; height:90px;
	display:inline-block;
	float:left;
}
.tab_content ul li p{
	text-align: center;	
}
.tab_content ul li p.price-shaft{
	margin:10px 0 0 0;
	font-weight:bold;
}
.tab_content ul li p.price-shaft span{
	color:#B10B0B;
	font-size:0.92em;
}
.tab_content ul li p.price-note{
	font-size:0.92em;
}
.tab_content ul li p.price-price{
	font-weight:bold;
	color:#B10B0B;
	font-size:1.15em;
}
.tab_content ul li img{
	display:block;
	margin:0 auto;
}

/*********************price-link*********************/
/***********price-link***********/
.price-link{
	height:auto;
	display:block;
}
.price-link-inner{
	display:table;
}
.price-link-body{
	display:inline-block;
}
.price-link-body ul li{
	display:block;
	margin:0 0 8px 5px;
	float:left;
}
.price-link-body ul li.leftend{
	margin:0 0 8px 0;
}
.price-link-body ul li a{
	display:block;
}
.price-link-body img{
	width:140px;
	display:block;
}
.price-link-comment{
	margin:12px 0 0 0;
}
.price-link-comment p{
	font-size:1em;
}

/*********************contact*********************/
/***********contact***********/
.contact{
	height:auto;
	display:block;
}
.contact-inner{
	display:table;
}
.contact-comment{
}
.contact-comment p{
	font-size:1em;
}
.contact-comment p span{
	color:#B10B0B;
}

/***********調整中***********/
.contact-comment table{
	margin:20px 0 0 0;
	text-align: left;
	line-height: 2rem;
}
.contact-comment table a{
	color:#000000;
	font-weight: bold;
	margin-right: 20px;
}

.contact-body{
	margin:30px 0 0 0;
	display:inline-block;
}
#contact-form{
	width: 720px;
}
#contact-form tr{
	width: 720px;
	height: 46px;	
}
#contact-form tr th{
	width: 210px;
	padding:0 0 0 20px;
	border: 1px solid #c1bbaf;
	text-align: left;
	vertical-align: middle;
}
#contact-form tr th span{
	color:#B10B0B;
}
#contact-form tr td{
	width: 510px;
	padding:0 0 0 20px;
	border: 1px solid #c1bbaf;
	vertical-align: middle;
}
#contact-form tr td input{
	height:20px;
	background-color:#eee;
	border: 1px solid #c1bbaf;
}
#contact-form tr td textarea{
	background-color:#eee;
	font-size:0.92em;
	font-weight:normal;
	margin:12px 0 5px 0;
	border: 1px solid #c1bbaf;
}
#contact-form tr td input[type=radio] {
    width: 20px;
    height: 20px;
	margin:0;
    vertical-align: middle;
}
#contact-form tr td label{
	margin:0 10px 0 0;
}
#prefBox td input{
	margin:8px 0 13px 0;
}
#prefBox td select{
	margin:13px 0 0 0;
	vertical-align:bottom;
}
#contact-form tr th.button, #contact-form tr td.button{
	border:none;
}
#contact-form tr td.button input{
	width: 100px; height: 35px;
	margin: 15px 0 0 0;
	background-color: #e3dbc5;
	font-size:1em;
}
#contact-form tr td input:hover, #contact-form tr td textarea:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
#contact-form tr td.button input:hover{
	background-color: #f0ecdd;
	filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
#contact-form tr td input, #contact-form tr td textarea, #contact-form tr td.button input{
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

/*********************confirm*********************/
/***********confirm***********/
.confirm{
	height:auto;
	display:block;
}
.confirm-inner{
	display:table;
}
.confirm-body{
	margin:30px 0 0 0;
	display:inline-block;
}
#confirm-form{
	width: 720px;
}
#confirm-form tr{
	width: 720px;
	height: 46px;	
}
#confirm-form tr th{
	width: 210px;
	padding:0 0 0 20px;
	border: 1px solid #c1bbaf;
	text-align: left;
	vertical-align: middle;
}
#confirm-form tr th span{
	color:#B10B0B;
}
#confirm-form tr td{
	width: 510px;
	padding:0 0 0 20px;
	border: 1px solid #c1bbaf;
	vertical-align: middle;
}
#confirm-form tr td input{
	height:20px;
	background-color:#eee;
	border: 1px solid #c1bbaf;
}
#confirm-form tr th.button, #confirm-form tr td.button{
	border:none;
}
#confirm-form tr td.button input{
	width: 100px; height: 35px;
	margin: 15px 0 0 0;
	background-color: #e3dbc5;
	font-size:1em;
}
#confirm-form tr td.button input:hover{
	background-color: #f0ecdd;
	filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
#confirm-form tr td.button input{
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

/*********************complete*********************/
/***********complete***********/
.complete{
	height:auto;
	display:block;
}
.complete-inner{
	width: 720px;
	display:table;
}
.complete-inner p{
	text-align: center;	
	font-size: 1em;
}
.complete-inner p.button{
	width: 100px; height: 35px;
	margin:30px auto;
	display:block;
	background-color: #e3dbc5;
	border: 1px solid #c1bbaf;
}
.complete-inner p.button a{
	width: 100px; line-height: 35px;
	display: block;
	font-size: 1em;
	text-decoration: none;
	text-align: center;
	color:#111;
}
.complete-inner p.button a:hover{
	background-color: #f0ecdd;
	filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.complete-inner p.button a{
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}
/*********************learning*********************/
/***********learning***********/
#lp-header{
	width: 100%;
	color: #622A09;
	font-weight:bolder;
}

.lp-header--top{
	width:100%; height: 45px;
}
.lp-infoarea{
	width:960px;
	margin:0 auto;
	height: 45px;
	font-size:1em;
}
.lp-logo{
	margin:10px auto;
	display:block;
	float:left;
}
.lp-num{
	width: 200px;
	display:block;
	float:left;
}
.lp-num img{
	display:block;
	margin:10px auto;
}
.lp-time-date{
	float:left;
	margin:10px auto auto 60px; 
}
.lp-time-date-2{
	float:left;
	margin:10px auto auto 20px; 
}
.lp-title-outside{
	width: 100%;
	height:90px;
	background-image: url(../img/learning/sos.png);
}

.lp-title-inside{
	margin:0 auto;
	display:table;
}
.lp-title-inside img{
	margin:21px 15px 21px 0;
	display:block;
	float:left;
}
.lp-title-inside h1{
	line-height: 90px;
	display: inline-block;
	font-size: 1.15em;
	font-weight: bold;
	color: #622A09;
	letter-spacing:2px;
}
.lp-title-inside span{
	font-size: 1.46em;
}
/***lp-main***/
.lp-main{
	width:960px;
	margin:0 auto;
}
.learning-top{
}
.lp-subtitle{
	display:table;
	margin:60px auto 40px auto;
}
.lp-subtitle-2{
	display:table;
	margin:80px auto 40px;
}
.lp-subtitle img, .lp-subtitle-2 img{
	margin:0 10px 0 0;
	display:block;
	float:left;
}
.lp-subtitle h2, .lp-subtitle-2 h2{
	line-height:30px;
	display: inline-block;
	font-size: 1.15em;
	font-weight:bold;
	color:#267323;
}
.learning-top-body{
	width:720px;
	display:table;
	margin:0 auto;
}
.learning-top-body p{
	width:510px;
	display:inline-block;
	font-size:1em;
}
.learning-top-body p span{
	color:#267323;
}
.learning-top-body img{
	width:170px; height:170px;
	margin:0 40px 0 0;
	display:inline-block;
	float:left;
}
.learning-middle article, .learning-bottom article{
	width: 720px;
	display:table;
	margin:50px auto 0 auto;
}
.learning-middle article.article-first, .learning-bottom article.article-first{
	margin:0 auto;
}
.learning-middle article img, .learning-bottom article img{
	margin:0 40px 0 0;
	display:inline-block;
	float:left;
}
.learning-middle article p, .learning-bottom article p{
	width:560px;
	display:inline-block;
	font-size:1em;
}
.learning-middle article p.point , .learning-bottom article p.point{
	color: #114e85;
	font-weight:bold;
}
.quote{
	margin:50px 0 0 0;
}
.quote p{
	text-align: center;
	color:#B10B0B;
	font-size:1em;
}

/*********************link*********************/
/***********link***********/
.link-body{
	display:table;
	margin:0 auto;
}
.link-body ul{
	width:720px; height:auto;
	display:block;
}
.link-body ul li{
	display:block;
	margin:0 0 8px 5px;
	float:left;
}
.link-body ul li.leftend{
	margin:0 0 8px 0;
}
.link-body ul li a{
	display:block;
}
.link-body img{
	width:140px;
	display:block;
}


/*********************qanda*********************/
/***********qanda***********/
.qanda{
	width:960px;
	margin:90px 0 0 0;
}
.qanda-tab{
}

.qanda-left{
	width:200px;
	display:block;
	float:left;
}
.tab-menu-3{
}
.tab-menu-3 li{
	line-height:1.8em;
}
.tab-menu-3 li a{
	display: block;
	padding: 8px 15px 4px 15px;
	color: #111;
	text-decoration:none;
}
.tab-menu-3 li a:hover{
	background: #eee;
}
.tab-menu-3 li span{
	margin:0 3px 0 0;
	font-weight:bold;
	color: #999;
}
.qa-tab{
	margin:20px 0 0 0;
	border-bottom: 1px dotted #c1bbaf;
	font-weight:bold;
	font-size:0.92em;
	color: #999;
}
.qa-tab-first{
	margin:0;
}

.qanda-right{
	width:700px;
	display:block;
	float:right;
}
.tab-contents-3{
}
#qa-tab1{
}
#qa-tab2{
}
#qa-tab3{
}
.lp-subtitle-qa{
	display:table;
	margin:0 auto 40px auto;
}
.lp-subtitle-qa img{
	margin:0 10px 0 0;
	display:block;
	float:left;
}
.lp-subtitle-qa h2{
	line-height:30px;
	display: inline-block;
	font-size: 1.15em;
	font-weight:bold;
	color:#267323;
}
.qanda-q{
}
.qanda-a{
}
.qanda-q-top img, .qanda-a-top img{
	margin:10px 10px 10px 20px;
	display:block;
	float:left
}
.qanda-q-top{
	color: #114e85;
}
.qanda-a-top{
	color: #B10B0B;
}
.qanda-q-top p, .qanda-a-top p{
	padding:10px 20px;
	font-weight:bold;
	font-size:1.15em;
	line-height:30px;
}
.qanda-inner{
	padding:20px;
}
.qanda-inner p{
	margin:0 0 10px 0;
}
.qanda-inner p.qanda-name{
	text-align:right;
	margin:0;
}
.qanda-last{
	margin:40px 0 0 0;
	background-image: url(../img/learning/sos.png);
}
.qanda-last-inner{
}
.qanda-last-inner img{
	width:20px;
	margin:2px 10px 0 0;
	display:block;
	float:left;
}
.qanda-last-inner p{
	font-weight:bold;
	color:#267323;
	padding:20px;
}

/*********************hover*********************/
header p.headnav a:hover, footer p.return a:hover, footer .footnav a:hover, .title-link a:hover{
	text-decoration: underline;	
}
.side-banner img:hover, .price-link-body img:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.gnav ul li a:hover{
	background-color: #f0ecdd;
}
.side-banner img, .gnav ul li a, .tab-menu a, .tab-menu-2 a, .price-link-body img, .tab-menu-3 li a{
	-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}