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

div.reason {
  margin:10px;
}

.reasonbox{
  display: inline-block;
  margin: 2px;
}

.reasonboxContainer {
display: inline-block;
  margin: 5px;
  }
  p.reason{text-align:left;
  font-size:14px;
  width: 88%;
  margin:10px;
  }

#column .font14 {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: inline-block;
  font-size: 14px;
  color: #ef9694;
  border-bottom: 1px solid #ef9694;
}
.content_box .desc {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
}

.columntitle {
  font-size: 18px;
  margin-top: 50px;
　border-bottom: 1px solid #EF4D58;
　padding-bottom: 5px;
}
.columntitle span {
  font-size: 27px;
  color: #EF4D58;
}

.column_border_title {
  font-size: 26px;
  color: #FFF;
  background-color: #ef9694;
  padding: 10px;
}
.column_border_title img {
  width: auto;
  height: 20px;
  display: block;
  margin: 0 auto;
}

.columnbox {
  float:left;
}
.columnboxcontainer {
  overflow:hidden;
}

.content_box h2{
  background-color: #ef9694;
  color:#FFFFFF;
  font-size: 24px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: middle;
  text-align:center;
}

/* clearfix */
.columnboxcontainer:before,
.columnboxcontainer:after {
    content: "";
    display: table;
}

.columnboxcontainer:after {
    clear: both;
}

 .kaitoribox {
  display: inline-block;
  margin: 5px;
}

.kaitoriboxContainer {
  overflow: hidden;
  margin: 5px;
}

.kaitoriboxContainer ul{
position:relative;
}

.column-bottom-link{ font-size:16px;
line-height:1.5em;
}
.column-bottom-link-text{ font-size:20px;
text-align:center;
margin:10px;
line-height:1.5em;
}

/* clearfix */
.kaitoriboxContainer:before,
.kaitoriboxContainer:after {
    content: "";
    display: table;
}

.kaitoriboxContainer:after {
    clear: both;
}

.jissekibox{
  display: inline-block;
}

.jissekiboxContainer {
  display: inline-block;
  margin: 5px;
  max-width: 870px;
}

.jissekibox-text {
  top:30px;
  position: absolute;
  left: 50px;
}


.kyokabox{
  display: inline-block;
  margin: 2px;
}

.kyokaContainer {
display: inline-block;
  margin: 2px;

  }

.kyokabox-text {
  top:30px;
  position: absolute;
  left: 50px;
}


.column-midashi-text{
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:18px;
  color:#333333;
  font-weight: bold;
  line-height:2em;
}
.column-midashi-textpink {
  font-size:26px;
  color:#ef9694;
  font-weight:bold;
}

.kaisetsu-text {
  line-height: 1.8em;
  margin: 10px 30px;
  text-align: left;
  font-size:16px;
}
.kaisetsu-text-top {
  line-height: 1.8em;
  margin: 20px;
  text-align: left;
  font-size:18px;
}
.kaisetsu-midashi {
  border-bottom:3px solid #ef9694;
  color: #ef9694;
  padding:5px;
  font-size:18px;
  font-weight:bold;
  text-align:left;
}


div.jewelry_img_1 {/*背景画像を含むdiv*/
width:495px; /*幅は画像幅と同じ*/
height:252px;
padding: 0; /*パディングを0に指定*/
margin: 5px; /*マージンは10pxに*/
background: url(http://omoio.co.jp/column_img/kaitori_bridel.jpg); /*背景画像を指定*/
}
div.jewelry_img_1 p{ /*背景画像の内側の段落(パラグラフ・paragraph)のタグ*/
position:relative;
margin-top: 158px; /*上からのマージン*/
margin-left: 10px; /*左からのマージン*/
margin-right: 10px; /*右からのマージン*/
padding: 8px; /*この指定で、背景色が文字の8px外側までになる。*/
}

/* 全体の枠 */
.jewelry-text {
    position: relative;
}

/* 重ねる文字 */
.textjewelry {
  position: absolute;
  top: 150px;
  padding: 10px;
  font-size: 12px;
  line-height: 130%;
  left: 50px;
}
.image1 {
width:495px; /*幅は画像幅と同じ*/
height:252px;
padding: 0; /*パディングを0に指定*/
margin: 5px; /*マージンは10pxに*/
}

.relative1 {
    position: relative;
  float:left;
  margin-left:250px;
}
.relative2 {
    position: relative;
  float:left;
}
.absolute {
  position: absolute;
  top:170px;
  left:30px;
  width: 425px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pcji { display: block !important; }
.spji { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (min-width: 480px){
  .pcji { display: none !important; }
  .pcji2 { display: none !important; }
  .spji { display: block !important; }

  .column-midashi-text{
   　font-size: 16px;
  }
  .column-midashi-textpink{
   　font-size: 24px;
   　line-height: 2.2rem;
  }
  .column_border_title{
    font-size: 18px;
    line-height: 2rem;
  }
  .content_box h2{
    font-size: 18px;
    line-height: 2rem;
  }
  .kaisetsu-text {
    margin: 10px 10px;
  }
  .kaisetsu-text-top {
    margin: 10px;
    font-size:18px;
  }
}