@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * メイン
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* -------------------------------------------------------------------------------------------------
   * セクショニング
/* ---------------------------------------------------------------------------------------------- */

#main {}

#main > .section {
  padding-top: 60px;
  padding-bottom: 60px;
}

#main div.body {
  max-width: 1000px;
	padding:0;
	margin: 0 auto;
	overflow: hidden;
}

#main .column ~ .column {
  margin-top: 40px;
}

/* :::::::: ブレイクポイント :::::::: */

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

 #main div.body {
   max-width: 100%;
	 padding:0 10px;
	 margin: 0 auto;
	 overflow: hidden;
	}
}

/* :::::::: ブレイクポイント :::::::: */

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

#main > .section {
  padding-top: 30px;
  padding-bottom: 30px;
}

#main div.body {
  max-width: 100%;
	padding:0 10px;
	margin: 0 auto;
	overflow: hidden;
}

#main .column ~ .column {
  margin-top: 20px;
}

}


/* ****************************************************************************************************
   * お買い物ガイド
**************************************************************************************************** */
/* ----------------------------------------------------------------------------------------------------
   * 共通
/* ------------------------------------------------------------------------------------------------- */

.guide {}

.guide .section {
  margin-top: -60px;
  padding-top: 120px;
}

.guide .guide-1.section {
  margin-top: -30px;
  padding-top: 100px;
}

.guide .item {
  margin-top: 40px;
}

/* :::::::: ブレイクポイント :::::::: */

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

.guide .guide-1.section {
  margin-top: -30px;
  padding-top: 40px;
}

}

/* ----------------------------------------------------------------------------------------------------
   * タイトル
/* ------------------------------------------------------------------------------------------------- */

.guide h2.title {
  background: #eeeeee;
  text-align: left;
  font-size: 25px;
  font-weight: bold;
  padding: 30px 0 30px 40px;
}

.guide p.title {
  font-weight: bold;
}

/* :::::::: ブレイクポイント :::::::: */

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

.guide h2.title {
  background: #eeeeee;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  padding: 20px 0 20px 10px;
}

.guide p.title {
  font-weight: bold;
}
}

/* ----------------------------------------------------------------------------------------------------
   * テキスト
/* ------------------------------------------------------------------------------------------------- */

.guide p.annotation ~ p {
  margin-top: 0;
}

.guide p.text {
  margin-top: 0;
}

/* ----------------------------------------------------------------------------------------------------
   * リンク
/* ------------------------------------------------------------------------------------------------- */

.guide p.text a {
  text-decoration: underline;
}
.guide p.text a:hover {
  text-decoration: none;
}


