@charset "utf-8";

/* 要素のリセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
 margin: 0;
 padding: 0;
 border: none;
 font-style: normal;
 font-weight: normal;
 font-size: 100%;
 text-align: left;
 list-style-type: none;
}

/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }

/* hr 要素は不可視で使う */
hr { display: none; }

/* table 要素の文字サイズ固定 */
table {
 font-size: inherit;
 font: 100%;
}

/* 文字サイズ class */
.text10 { font-size: 77%;}
.text11 { font-size: 85%;}
.text12 { font-size: 93%;}
.text13 { font-size: 100%;}
.text14 { font-size: 108%;}
.text15 { font-size: 116%;}
.text16 { font-size: 123.1%;}
.text17 { font-size: 131%;}
.text18 { font-size: 138.5%;}
.text19 { font-size: 146.5%;}
.text20 { font-size: 153.9%;}
.text21 { font-size: 161.6%;}
.text22 { font-size: 167%;}
.text23 { font-size: 174%;}
.text24 { font-size: 182%;}
.text25 { font-size: 189%;}
.text26 { font-size: 197%;}

/* clearfix */
.clearfix {
 zoom: 1;
}

.clearfix:after {
 content: "";
 display: block;
 clear: both;
}

/* 全体設定 */
html, body {
 font: 13px marugo,"HG丸ゴシックM-PRO",verdana,arial,sans-serif;
 *font-size: small;
 *font: x-small; margin: 0;
 text-align: left;
 word-break: break-all;
 word-wrap: break-word;
 -webkit-text-size-adjust: none;
 height: 100%;
 background: #fff;
 color: #333;
}

@font-face {
 font-family: 'Noto Sans';
 src: url('../fonts/NotoSansJP-Black.eot');
 src: url('../fonts/NotoSansJP-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
      url('../fonts/NotoSansJP-Black.otf') format('opentype');
}


#container {
 margin: 0 auto;
}

/* h 要素 */
h1{
 background: #008f9b;
 color: #fff;
 font-weight: bold;
 padding: 3px;
 text-align: center;
 font-size: 93%;
}

h2 {
 z-index: 98;
 color: #633223;
 border-bottom: 2px #633223 solid;
 font-size: 220%;
 font-weight: bold;
 padding: 20px 20px 5px 60px;
 background: url(../images/wood.png) no-repeat 15px 0;
 margin-bottom: 30px;
}

h3.itemname{
 background: #D3C69C;
 color: #fff;
 font-weight: bold;
 padding: 5px;
 text-align: center;
 font-size: 153.9%;
 border-radius: 10px 10px 0 0 / 10px 10px 0 0;
 -moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
 -webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}

h3.itemname span {
 font-size: 93%;
 color: #cc7e31;
}

h3.side_title {
 background: #7fcc30;
 color: #fff;
 font-weight: bold;
 padding: 5px;
 text-align: center;
 font-size: 123.1%;
}

h3.moumtain_title {
 width: 40%; 
 margin: 5px auto;
 text-align: center;
}

h3.moumtain_title img {
 width: 100%;
}

h3.moumtain_name {
 color: #fff;
 font-weight: bold;
 padding: 5px;
 text-align: center;
 font-size: 153.9%;
 border-radius: 5px 5px 0 0 / 5px 5px 0 0;
 -moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
 -webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}

h3.moumtain_name span {
 font-size: 93%;
 color: #fef065;
}

h3.manners_name {
}

h3.manners_name img {
 text-align: center;
 width: 100%;
 margin: 0 0 2%;
}


h4.title_list {
}

/* 全体リンク */
a {
 outline: medium none;
}

a:link {
 color: #000;
}

a:visited {
 color: #000;
}

a:hover {
 color: #C62F64;
}

a:active {
 color: #000;
}

/* 共通 */
a:hover img.over {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -ms-filter: "alpha( opacity=70 )";
}

.center {
 text-align: center;
}

.padding5 {
 padding: 5px;
}

.padding10 {
 padding: 10px;
}

.margin10 {
 margin: 10px;
}

.marginright {
  margin-right: 22px;
}

/* ヘッダ */
header {
}

header img {
 width: 100%;
}

header p {
 margin: 1%;
 line-height: 1.8em;
 font-size: 116%;
 text-align: center;
}

.header_message {
 font-weight: bold;
 font-size: 131%;
 color: #c62f64;
}

#message p {
 text-align: center;
 font-size: 153.9%;
 font-weight: bold;
 line-height: 1.5em;
 margin-top: 15px;
}

.banner_message {
 line-height: 1.5em;
 margin-top: 40px;
}

.mountain_category_banner {
 left: 246px;
 }

.mountain_comment {
 position: absolute;
 top: 440px;
 left: 640px;
 }

/* メニューボタン */

#navi{
 padding: 3% 0;
}

#navi li {
 float: left;
}

.navipadding {
 padding-right: 26px;
}

#navi li img {
 float: left;
 width: 100%;
}

/* メインコンテンツ */
#backimages {
 background: url(../images/backimages.jpg);
}

#contents {
 margin: 0 auto;
 width: 960px;
 padding: 0 0 2%;
}

#contents_category {
 float: left;
 width: 750px;
}

/* 持ち物 */

#product {
}

.br-sp_2 {
 display: none;
}


.rule_mannerssize {
 position: absolute;
 border: 4px #7FCC30 solid;
  border-radius: 20px; /* CSS3 */
 -moz-border-radius: 20px; /* Firefox */
 -webkit-border-radius: 20px; /* Safari,Chrome */
}

.rule_memo {
 float: left;
 line-height: 1.8em;
 font-size: 108%;
}

.item {
 float: left;
 width: 31%;
 text-align: center;
 background: #fff;
 box-shadow: 0 0px 20px rgba(0,0,0,0.3);
 border-radius: 10px; /* CSS3 */
 -moz-border-radius: 10px; /* Firefox */
 -webkit-border-radius: 10px; /* Safari,Chrome */
}

.item_area {
 padding: 5%;
}

.item_subtitle {
 padding: 1% 0;
 text-align: center;
 font-size: 131%; 
 font-weight: bold;
 color: #cc7e31;
}

.item_photo {
 width: 100%;
}

.button_product {
 padding: 5% 0 0;
 width: 100%
}

.item p {
 line-height: 1.8em;
}

.item_data p {
 padding: 5px 10px;
 line-height: 1.5em;
 font-weight: bold;
 color: #555;
 font-size: 93%;
}

.item_photo {
 padding: 5% 0;
}

* html .item_photo a {/* IE 6 */
 display: inline-block;
}

* html .item_photo .target span {/* IE 6 */
 display: inline-block;
 height: 145px;
}

*:first-child+html .item_photo a {/* IE 7 */
 display: inline-block;
}

*:first-child+html .item_photo a span {/* IE 7 */
 display: inline-block;
 height: 145px;
}

.item_photo * {
 vertical-align: middle;
}

/**//*/

.item_photo {
 display: block;
}

.item_photo span {
 display: inline-block;
 height: 100%;
 width: 1px;
}

/**/

.line {
 margin: 3% 1%;
 display: inline-block;
}

#belongings {
 margin: 5% 0 0;
}

.pickup_banner {
 float: left;
 width: 175px;
 padding: 5px;
 background: #eee;
}

.download {
 margin: 5% auto;
 width: 100%;
 text-align: center;
}

.download img {
 width: 90%;
}
 
 
.indicate {
 text-align: right;
 line-height: 1.8em;
 font-weight: bold;
}

.mark {
 font-family: 'Noto Sans';
}


.bringlist {
 border-collapse: collapse; 
 border: 1px #898989 solid;
 width: 100%;
 background: #fff;
 box-shadow: 0 0px 20px rgba(0,0,0,0.3);
} 


.bringlist th {
 font-weight: bold;
 font-size: 123.1%;
 padding: 1%;
 text-align: center;
 border: solid #898989 1px;
}

.bringlist td {
border: solid #898989 1px;
}

.producttitle {
 font-size: 123.1%;
 padding: 1%;
 text-align: center;
 font-weight: bold;
 background-color: #EFEFEF;
}

.table_width {
 width: 5%;
}

.maru {
 text-align: center;
 padding: 3px 0;
 font-family: 'Noto Sans';
}

.listran {
 font-size: 100%;
 padding: 1%;
} 

.tdback {
 background-color: #d8f0c0;
}

/* 日帰り登山 */
ul#tabchange {
 *zoom: 1; /*forIE6,7*/
 text-align: center;
 margin: 5% 0 5%;
}

ul#tabchange li {
 float: left;
 margin: 0 2%;
 width: 29%;
}

ul#tabchange img {
 width: 100%;
}

ul#tabchange li a {
}

.mountain_category_banner3 {
 text-align: center;
}

.mountain_hight {
 text-align: center;
 font-size: 131%;
 font-weight: bold;
 margin: 2% 0;
}

.mountain_category {
 width: 47%;
 float: left;
 margin-top: 40px;
 background: #fff;
 box-shadow: 0 0px 20px rgba(0,0,0,0.3);
 border-radius: 10px; /* CSS3 */
 -moz-border-radius: 10px; /* Firefox */
 -webkit-border-radius: 10px; /* Safari,Chrome */
}

.mountain_category_rigth {
 margin-right: 3%;
}

.moumtain_image {
 text-align: center;
 margin: 3% auto;
}

.mountain_text {
 padding: 3%;
 font-weight: bold;
 line-height: 1.8em;
}

.homepage {
 text-align: center;
 font-size: 93%;
 font-weight: bold;
 padding: 0 0 5%;
 color: #259F61;
}

.homepage_1 {
 padding-top: 10px;
}

/* ルール・マナー */
.manners_category {
 margin-bottom: 22px;	
 background-color: rgba(255,255,255,0.6);
 padding: 2%;
 line-height: 1.8em;
 border-radius: 10px; /* CSS3 */
 -moz-border-radius: 10px; /* Firefox */
 -webkit-border-radius: 10px; /* Safari,Chrome */
 width: 333px;
 float: left;
 height: 230px;
}

.manners_category p{
 padding: 2% 0;
}

/* 登山用語集 */
.letsgotothemountainlist2 {
 border: 1px #898989 solid;
 border-collapse: collapse;
 width: 100%;
 background: #fff;
 box-shadow: 0 0px 20px rgba(0,0,0,0.3);
}

.letsgotothemountainlist2 th,.letsgotothemountainlist2 td  {
 border: solid #898989 1px;
 padding: 1%;
}


/* サイドコンテンツ */
#side_banner {
 float: right;
 width: 200px;
}

.sidebannerimages {
 width: 100%;
 box-shadow: 0 0px 20px rgba(0,0,0,0.3);
}

.margintop {
 margin-top: 10%;
}

#brand {
 margin-top: 10%;
 padding: 0 0 5%;
 background: #fff;
 box-shadow: 0 0px 20px rgba(0,0,0,0.3);
}

.underline {
 border-bottom: 1px #000 solid;
}

.brand_logo {
 text-align: center;
 margin-top: 20px;
}

.brand_logo img {
 width: 70%;
}

.brand_data {
 font-size: 93%;
 margin: 5%;
}

/* フッタ */
#mountain {
 width: 94%;
 padding: 0 3%
}

@media screen and (max-width:959px){
	
	
}

@media screen and (max-width:767px) {
img {
max-width: 100%;
height: auto;
width /***/:auto;　
}
	
h2 {
 font-size: 123.1%;
}
	
h3.itemname {
 padding: 2%;
 font-size: 197%;
}
	
h3.manners_name {
 text-align: center;
}
	
h3.manners_name img {
 width: 50%;
}
	
#container {
 width: 100%;
 margin: auto;
}
	
/* ヘッダ */

header p {
 width: 94%;
 margin: 3% auto 0; 
}	
	
/* ナビボタン */
#navi {
 padding: 2% 0;
}	
	
#navi li {
 width: 24%;	
}
	
.navipadding {
 padding-right: 1%;
}	

/* コンテンツ */	
#contents {
 width: 96%;
 padding: 2% 0;
}	

/* メインコンテンツ */
#contents_category {
 float: none;
 width: 100%;
}
	
.line {
 display: none;
}
	
.br-sp{
 display: none;
}
	

.item {
 float: none;
 width: 94%;
 margin: 5% auto;
}

.item_area {
 padding: 3%;
}
	
.item_subtitle {
 font-size: 159%;
}	
	
.item_photo {
 width: 48%;
 float: left;
 padding:0;
}
	
.product_text{
 width: 52%;
 float: right;
}
	
	
/*日帰り登山*/
.mountain_category {
 width: 94%;
 margin: 4% 3%;
 float: none;
}
	
.mountain_category_rigth {
 margin-right: 0;
}
	
.moumtain_image img {
 float: left;
 width: 46%;
 padding: 0 3%;
}
	
.mountain_text {
 float: left;
 width: 44%;
 padding: 0 2% 3%;
}	
	
	
/* 持ち物リスト */	
#belongings {
 margin: 5% auto;
 width: 96%;
}	

/* ルール・マナー */
.manners_category {
 width: 96%;
 float: none;
 height: 100%;
}
	
	
/* サイドバナー */	
#side_banner{
 float: none;
 width: 94%;
 margin: 5% auto 0;
}
	
.sidebannerimages {
 width: 28%;
 margin: 2%;
}
	
#brand {
 margin-top: 5%;
}
	
.brand_logo {
 width: 30%;
 float: left;
 margin-top: 0;
}
	
.brand_logo img {
 width: 100%;
}
	
.brand_data {
 font-size: 100%;
 float: right;
 width: 66%;
 margin-right: 2%;
 margin: 0%
}
	
.margin10 {
 padding: 2% 0;
}
	
}

@media screen and (max-width:417px) {
img {
max-width: 100%;
height: auto;
width /***/:auto;　
}
	
h2 {
 font-size: 146.5%;
 padding: 1% 0;
 background: none;
 text-align: center;
}
	
/* ヘッダー */	
header img {
 float: none;
 width: 100%;
}

.header_message {
 font-size: 100%;
}

/* ナビボタン */
#navi li {
 width: 46%;
 padding: 2%;
}
	
.navipadding {
 padding-right: 1%;
}	
	
/* メインコンテンツ */
	
#contents {
 padding: 5% 0;
}
	
.line {
 display: none;
}
	
.br-sp{
 display: inline;
}
	
.br-sp_2 {
 display: inline;
}

.item_subtitle {
 font-size: 131%;
}	
	
.item_photo {
 width: 100%;
 float: none;
 padding:2% 0;
}
	
.product_text{
 width: 100%;
 float: none;
}	
	
.listran {
　font-size: 77%;
}
	
/*日帰り登山*/
	
ul#tabchange li {
 float: none;
 margin: 7% auto;
 width: 75%;
}	
	
.moumtain_image img {
 float: none;
 width: 90%;
 padding: 0;
 margin: 2% auto;
}
	
.mountain_text {
 float: none;
 width: 94%;
 padding: 0;
 margin: 2% auto
}
	
/* 登山用語集 */
	
.letsgotothemountainlist2 th,.letsgotothemountainlist2 td {
 display: block;
}
	
.letsgotothemountainlist2 thead {
 display: none;
}
	
.table_width {
 width: 100%;
}
	
/* ルール・マナー */
.manners_category {
 width: 88%;
 padding: 2% 4%;
 margin: 0 auto 22px;
}
	
/* サイドバナー */
.sidebannerimages {
 width: 96%;
 margin: 5% 2%;
}
	
#brand {
 margin-top: 5%;
}
	
.brand_logo {
 width: 100%;
 float: none;
 margin: 2% 0;
}
	
.brand_logo img {
 width: 60%;
}
	
.brand_data {
 font-size: 100%;
 float: none;
 width: 100%;
 margin-right: 0;
 margin: 10% 0 0;
}
	
.margin10 {
 padding: 5%;
}
	
/* フッタ */
#mountain {
 display: none;
}
	
}

/* フッタ */

#footer {
 background: #008f9b;
}

#footer_content {
 padding: 10px;
}

#footer_content p {
 text-align: center;
 font-size: 85%;
 color: #fff;
}

#footer_content p a:link {
 color: #fff;
}

#footer_content p a:visited {
 color: #fff;
}

#footer_content p a:hover {
 color: #fff;
 text-decoration: none;
}

#footer_content p a:active {
 color: #fff;
}