/***************************************************************
           テーブル
***************************************************************/
/*--------------------------------------------------------------
    テーブル
--------------------------------------------------------------*/
#top
{
display: block;
width: 99%;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    左側
--------------------------------------------------------------*/
#top #top_left
{
display: none;
}
/*--------------------------------------------------------------
    右側
--------------------------------------------------------------*/
#top #top_right
{
display: block;
}


/***************************************************************
           トップページ
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#top #top_left p:nth-of-type(n+2)
{
display: none;
}
#top #top_left p img
{
display: none;
}


/***************************************************************
  iPhoneの修理なら13年の修理実績を持つリンゴ屋へ！
***************************************************************/
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#top #message .subtitle h2
{
width: 96%;
margin: 50px auto 20px;
padding: 2%;
color: #FFF;
background: -webkit-linear-gradient(linear,left top, right top,from(#0B3861),color-stop(50%, #72BAD0),to(#5CB6AB));
background: linear-gradient(to right,#0B3861,#72BAD0 50%,#5CB6AB);
background: -moz-linear-gradient(to right,#0B3861,#72BAD0 50%,#5CB6AB);
background: -webkit-linear-gradient(linear,left center,right center,from(#0B3861),color-stop(#72BAD0),to(#5CB6AB));
font-size: 24px;
font-weight: bold;
letter-spacing: 6px;
text-align: center;
line-height: 1.5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#top #message .subtitle h2 span
{
font-size: 28px;
font-weight: bold;
}
#top #message .subtitle h2 span:before {
    display: block;
    content: "";
}
/*--------------------------------------------------------------
    本文
--------------------------------------------------------------*/
#message .message-text {
    width: 96%;
    margin: 0 auto;
    line-height: 1.7;
    background: #F9F9F9;
    padding: 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#message .message-text p {
    margin: 0 0 10px 0;
}


/***************************************************************
           リンゴ屋の強み
***************************************************************/
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#top #top_forte .subtitle h2
{
margin: 50px 0;
color: #333;
font-size: 30px;
font-weight: bold;
letter-spacing: 6px;
text-align: center;
line-height: 40px;
}
/*--------------------------------------------------------------
    総務大臣認定の登録修理業者
--------------------------------------------------------------*/
#top #top_forte .certification
{
padding: 5px;
border-color: #333;
border-width: 5px;
border-style: solid;
}
#top #top_forte .certification .frame
{
padding: 5px;
border-color: #333;
border-width: 2.5px;
border-style: solid;
}
#top #top_forte .certification .frame p:nth-of-type(1)
{
color: #333;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
#top #top_forte .certification .frame p:nth-of-type(1) span
{
display: none;
}
#top #top_forte .certification .frame p:nth-of-type(2)
{
margin: 20px 0 0 0;
color: #333;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
text-align: center;
}
#top #top_forte .certification .frame p:nth-of-type(3)
{
color: #333;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
text-align: center;
}
/*--------------------------------------------------------------
    詳細
--------------------------------------------------------------*/
/* テーブル
--------------------------------------------------------------*/
#top #top_forte .detail
{
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* 項目
--------------------------------------------------------------*/
#top #top_forte .detail .partition
{
display: block;
margin: 50px 0 0 0;
}
#top #top_forte .detail .partition:nth-of-type(n+2)
{
margin: 20px 0 0 0;
}
/* 安心　信頼　格安
--------------------------------------------------------------*/
#top #top_forte .detail .partition p:nth-of-type(1)
{
width: 50%;
margin: 0 auto;
padding: 20px 0;
color: #fff;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
#top #top_forte .detail .partition:nth-of-type(1) p:nth-of-type(1)
{
background: -webkit-linear-gradient(linear,left top, left bottom,from(#C71585),to(#FF4500));
background: linear-gradient(#C71585,#FF4500);
background: -moz-linear-gradient(#C71585,#FF4500);
background: -webkit-linear-gradient(linear,left top,left bottom,from(#C71585),to(#FF4500));
}
#top #top_forte .detail .partition:nth-of-type(2) p:nth-of-type(1)
{
background: -webkit-linear-gradient(linear,left top, left bottom,from(#191970),to(#1E90FF));
background: linear-gradient(#191970,#1E90FF);
background: -moz-linear-gradient(#191970,#1E90FF);
background: -webkit-linear-gradient(linear,left top,left bottom,from(#191970),to(#1E90FF));
}
#top #top_forte .detail .partition:nth-of-type(3) p:nth-of-type(1)
{
background: -webkit-linear-gradient(linear,left top, left bottom,from(#2F4F4F),to(#8FBC8F));
background: linear-gradient(#2F4F4F,#8FBC8F);
background: -moz-linear-gradient(#2F4F4F,#8FBC8F);
background: -webkit-linear-gradient(linear,left top,left bottom,from(#2F4F4F),to(#8FBC8F));
}
/* 文章
--------------------------------------------------------------*/
#top #top_forte .detail .partition p:nth-of-type(2)
{
margin: 20px 0 0 0;
color: #333;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#top #top_forte .detail .partition p:nth-of-type(2) b
{
font-weight: bold;
}


/***************************************************************
           iPhone修理機種一覧
***************************************************************/
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#top #top_model .subtitle h2
{
margin: 50px 0;
color: #333;
font-size: 30px;
font-weight: bold;
letter-spacing: 6px;
text-align: center;
line-height: 40px;
}
/*--------------------------------------------------------------
    表
--------------------------------------------------------------*/
#top #top_model .modellist
{
font-size: 0;
text-align: center;
}
#top #top_model .modellist a
{
display: inline-block;
width: 25%;
vertical-align: top;
text-decoration: none;
}
#top #top_model .modellist a:nth-of-type(n+5)
{
margin: 20px 0 0 0;
}
#top #top_model .modellist a span.image
{
display: inline-block;
padding: 0 1%;
}
#top #top_model .modellist a span.image img
{
display: block;
width: 100%;
}
#top #top_model .modellist a span.text
{
display: block;
margin: 10px 0 0 0;
padding: 0 1%;
color: #333;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}


/***************************************************************
           iPhone修理料金一覧
***************************************************************/
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#top #top_price .subtitle h2
{
margin: 50px 0;
color: #333;
font-size: 30px;
font-weight: bold;
letter-spacing: 6px;
text-align: center;
line-height: 40px;
}
/*--------------------------------------------------------------
    パソコン用
--------------------------------------------------------------*/
/* サブタイトル
--------------------------------------------------------------*/
#top #top_price .pricelist .subtitles
{
  padding: 10px 5px;
  background: -webkit-linear-gradient(linear,left top, left bottom,from(#0B173B),to(#084B8A));
  background: linear-gradient(#0B173B,#084B8A);
  background: -moz-linear-gradient(#0B173B,#084B8A);
  background: -webkit-linear-gradient(linear,top,bottom,from(#0B173B),to(#084B8A));
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 4px;
  text-align: center;
}
#top #top_price .pricelist .subtitles span
{
  display: block;
  margin: 5px 0 0 0;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
}
/* テーブル
--------------------------------------------------------------*/
#top #top_price .pricelist .pc
{
  overflow: auto;
}
#top #top_price .pricelist .pc table
{
max-width: 1500px;
width: 1000px;
padding: 0;
box-sizing: border-box;
background: linear-gradient(to right,#0B3861,#72BAD0 50%,#5CB6AB);
background: -moz-linear-gradient(to right,#0B3861,#72BAD0 50%,#5CB6AB);
background: -webkit-linear-gradient(linear,left center,right center,from(#0B3861),color-stop(#72BAD0),to(#5CB6AB));
}
/* テーブルヘッド
--------------------------------------------------------------*/
#top #top_price .pricelist .pc table thead
{
width: 100%;
box-sizing: border-box;
}
#top #top_price .pricelist .pc table thead tr
{
width: 100%;
height: 50px;
box-sizing: border-box;
}
#top #top_price .pricelist .pc table thead tr th:nth-of-type(1)
{
width: 28%;
vertical-align: middle;
box-sizing: border-box;
background: #fff;
color: #333;
font-size: 14px;
font-weight: bold;
text-align: center;
}
#top #top_price .pricelist .pc table thead tr th:nth-of-type(1) img
{
display: inline-block;
width: 20px;
vertical-align: middle;
margin: 0 10px 0 0;
}
#top #top_price .pricelist .pc table thead tr th:nth-of-type(n+2)
{
width: 12%;
vertical-align: middle;
box-sizing: border-box;
background: #fff;
background-image: url("../gigamedia_img/top_price_3.jpg");
background-repeat: no-repeat;
background-size: 15px;
background-position: top left;
font-size: 14px;
font-weight: bold;
text-align: center;
}
#top #top_price .pricelist .pc table thead tr th:nth-of-type(3)
{
background-image: url("../gigamedia_img/top_price_4.jpg");
}
#top #top_price .pricelist .pc table thead tr th:nth-of-type(4)
{
background-image: url("../gigamedia_img/top_price_5.jpg");
}
#top #top_price .pricelist .pc table thead tr th:nth-of-type(5)
{
background-image: url("../gigamedia_img/top_price_6.jpg");
}
#top #top_price .pricelist .pc table thead tr th:nth-of-type(6)
{
background-image: url("../gigamedia_img/top_price_7.jpg");
}
#top #top_price .pricelist .pc table thead tr th:nth-of-type(7)
{
background-image: url("../gigamedia_img/top_price_8.jpg");
}
/* テーブルボディ
--------------------------------------------------------------*/
#top #top_price .pricelist .pc table tbody
{
width: 100%;
box-sizing: border-box;
}
#top #top_price .pricelist .pc table tbody tr
{
width: 100%;
height: 60px;
box-sizing: border-box;
}
#top #top_price .pricelist .pc table tbody tr th
{
width: 16%;
vertical-align: middle;
background: linear-gradient(to right,#0B3861,#72BAD0 50%,#5CB6AB);
background: -moz-linear-gradient(to right,#0B3861,#72BAD0 50%,#5CB6AB);
background: -webkit-linear-gradient(linear,left center,right center,from(#0B3861),color-stop(#72BAD0),to(#5CB6AB));
border-style: solid;
border-width: 2px;
border-color: #5CB6AB;
color: #fff;
font-size: 20px;
font-weight: bold;
text-align: center;
}
#top #top_price .pricelist .pc table tbody tr td:nth-of-type(1).organic
{
width: 6%;
vertical-align: middle;
background: rgb(11,56,97,50%);
border-style: solid;
border-width: 2px;
border-color: #5CB6AB;
color: #fff;
font-size: 14px;
letter-spacing: 2px;
line-height: 1.5;
text-align: center;
}
#top #top_price .pricelist .pc table tbody tr td:nth-of-type(1).electro
{
width: 6%;
vertical-align: middle;
background: rgb(114,186,208,50%);
border-style: solid;
border-width: 2px;
border-color: #5CB6AB;
color: #fff;
font-size: 14px;
letter-spacing: 2px;
line-height: 1.5;
text-align: center;
}
#top #top_price .pricelist .pc table tbody tr td:nth-of-type(n+2)
{
width: 13%;
vertical-align: middle;
background: #fff;
border-style: solid;
border-width: 2px;
border-color: #5CB6AB;
color: #333;
font-size: 20px;
font-weight: bold;
text-align: center;
}
#top #top_price .pricelist .pc table tbody tr td:nth-of-type(n+2) span
{
font-size: 10px;
}
#top #top_price .pricelist .pc table tbody tr td:nth-of-type(n+2).preparation
{
color: #a9a9a9;
font-size: 14px;
}
#top #top_price .pricelist .pc table tbody tr td:nth-of-type(n+2).preparation span
{
display: inline-block;
padding: 0 10px;
background: #a9a9a9;
color: #fff;
font-size: 14px;
}


/***************************************************************
  iPhone水没修理
***************************************************************/
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#top #top_submerge .subtitle h2
{
margin: 100px 0 50px 0;
color: #333;
font-size: 30px;
font-weight: bold;
letter-spacing: 6px;
text-align: center;
}
/*--------------------------------------------------------------
    本文
--------------------------------------------------------------*/
/* テーブル
--------------------------------------------------------------*/
.top_submerge-img img {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px;
}
.top_submerge-text {
    padding: 0 2%;
}
.top_submerge-text p {
    margin: 0 0 10px 0;
    line-height: 1.5;
}
.top_submerge-text strong {
    display: block;
    font-weight: bold;
    font-size: 24px;
    margin: 0 0 10px 0;
}
.top_submerge-text strong span {
    font-size: 30px;
    font-weight: bold;
    color: #CD0003;
    margin: 0 0 0 5px;
}
.top_submerge-text a {
    width: 180px;
    display: block;
    margin: 30px auto 0;
    padding: 10px 0;
    background: #000;
    color: #FFF;
    border-radius: 20px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.top_submerge-text a:hover {
    background: #4D4D4D;
}


/***************************************************************
           全国店舗一覧
***************************************************************/
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#top #top_store .subtitle h2
{
margin: 50px 0;
color: #333;
font-size: 30px;
font-weight: bold;
letter-spacing: 6px;
text-align: center;
line-height: 40px;
}
/*--------------------------------------------------------------
    店舗情報
--------------------------------------------------------------*/
/* テーブル
--------------------------------------------------------------*/
#top #top_store .area
{
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* 項目
--------------------------------------------------------------*/
#top #top_store .area .content
{
display: block;
}
#top #top_store .area .content:nth-of-type(n+2)
{
margin: 20px 0 0 0;
}
#top #top_store .area:nth-of-type(n+2) .content
{
margin: 20px 0 0 0;
}
/* タブ_見出し
--------------------------------------------------------------*/
#top #top_store .area .content .acMenu dt h3
{
width: 70%;
margin: 0 auto;
color: #333;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
line-height: 30px;
cursor: pointer;
}
#top #top_store .area .content .acMenu dt h3 i
{
float: right;
line-height: 30px;
}
/* タブ_情報（注意：タブを閉じる状態にするには『.acMenu dd』の「display: block」を「display: none」にすれば良い）
--------------------------------------------------------------*/
#top #top_store .area .content .acMenu dd
{
display: block;
margin: 20px 0 0 0;
padding: 10px 5px;
border-color: #D3D3D3;
border-width: 5px;
border-style: solid;
}
#top #top_store .area .content .acMenu dd p span
{
display: block;
width: 25%;
margin: 0 auto 10px auto;
padding: 2px 0;
background: #13b5b1;
color: #fff;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
}
#top #top_store .area .content .acMenu dd p:nth-of-type(n+2) span
{
margin: 10px auto 10px auto;
}
#top #top_store .area .content .acMenu dd p
{
color: #333;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#top #top_store .area .content .acMenu dd p:nth-of-type(n+2)
{
margin: 7px 0 0 0;
}
#top #top_store .area .content .acMenu dd p a:nth-of-type(1)
{
color: #333;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
text-decoration: none;
}
#top #top_store .area .content .acMenu dd p a:nth-of-type(2)
{
display: inline-block;
margin: 0 0 0 5px;
padding: 2px 4px;
background: #333;
color: #fff;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
text-decoration: none;
float: right;
}


/***************************************************************
           お客様の声
***************************************************************/
/*--------------------------------------------------------------
    iframe（iframeにてvoice.htmlを掲載しています）
--------------------------------------------------------------*/
#top #top_voice
{
margin: 50px 0 0 0;
}
#top #top_voice iframe
{
width: 100%;
height: 400px;
}


/***************************************************************
           ナビゲーション（スマートフォン&タブレット用）
***************************************************************/
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#top #top_navi .subtitle h2
{
margin: 50px 0;
color: #333;
font-size: 30px;
font-weight: bold;
letter-spacing: 6px;
text-align: center;
line-height: 40px;
}
/*--------------------------------------------------------------
    メニュー
--------------------------------------------------------------*/
#top #top_navi .menu a
{
display: block;
padding: 15px 10px;
background: -webkit-linear-gradient(linear,left top, left bottom,from(#808080),to(#C0C0C0));
background: linear-gradient(#808080,#C0C0C0);
background: -moz-linear-gradient(#808080,#C0C0C0);
background: -webkit-linear-gradient(linear,top,bottom,from(#808080),to(#C0C0C0));
border-color: #D3D3D3;
border-width: 1px;
border-style: solid;
color: #333;
font-size: 14px;
letter-spacing: 2px;
text-decoration: none;
}
#top #top_navi a:nth-of-type(n+2)
{
border-width: 0 1px 1px 1px;
}
#top #top_navi a span
{
float: right;
color: #333;
font-size: 14px;
}
/*--------------------------------------------------------------
    ドロップダウン
--------------------------------------------------------------*/
#top #top_navi .menu .acMenu dt p
{
padding: 15px 10px;
background: -webkit-linear-gradient(linear,left top, left bottom,from(#808080),to(#C0C0C0));
background: linear-gradient(#808080,#C0C0C0);
background: -moz-linear-gradient(#808080,#C0C0C0);
background: -webkit-linear-gradient(linear,top,bottom,from(#808080),to(#C0C0C0));
border-color: #D3D3D3;
border-width: 0 1px 1px 1px;
border-style: solid;
color: #333;
font-size: 14px;
letter-spacing: 2px;
}
#top #top_navi .menu .acMenu dt p span
{
float: right;
color: #333;
font-size: 14px;
}
#top #top_navi .menu .acMenu dd
{
display: none;
}
#top #top_navi .menu .acMenu dd a
{
display: block;
background: #fff;
text-decoration: none;
}
#top #top_navi .menu .acMenu dd a:nth-of-type(1)
{
border-width: 0 1px 1px 1px;
}
#top #top_navi .menu .acMenu dd a p
{
color: #333;
font-size: 14px;
letter-spacing: 2px;
}


/*--------------------------------------------------------------
追加CSS 2018/10/10
--------------------------------------------------------------*/
.slick-slide img {
  max-width: 100%;
  height: auto;
}
.new-title {
  background: #D3D3D3;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  padding: 5px;
}
.message-title {
  font-size: 24px;
  line-height: 1;
}
.message-title img {
  display: inline-block;
  padding: 0 5px 0 0;
  width: 110px;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
/*--------------------------------------------------------------
iPhoneの修理なら 9年の修理実績を持つリンゴ屋へ！
--------------------------------------------------------------*/
#message .point::after {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;
}
#message .point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#message .point li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  padding: 10px;
  width: 49%;
}
#message .point li:nth-child(3n+2) {
  margin: 0;
}
#message .point li:nth-child(2n) {
  margin-left: 2%;
}
#message .point li:nth-child(3),
#message .point li:nth-child(4),
#message .point li:nth-child(5),
#message .point li:nth-child(6) {
  margin-top: 15px;
}
.point_num {
  text-align: center;
}
/*#message .point li div {
  height: 160px;
  position: relative;
}
#message .point li img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 150px;
  height: auto;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}*/
#message .point li img {
  max-width: 100%;
  height: auto;
}
#message .point li p {
  font-size: 24px;
  line-height: 1.3;
  margin: 15px 0 0;
  text-align: center;
}
#message .point li p span {
  display: block;
  font-size: 20px;
  margin: 0 0 7px 0;
}
/*--------------------------------------------------------------
店舗情報
--------------------------------------------------------------*/
.top_area {
  margin: 100px 0;
}
.top_area ul {
  list-style: none;
}
.top_area ul::after {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;
}
.top_area li {
  float: left;
  width: 25%;
}
.top_area a:hover {
  display: block;
  opacity: .8;
}
.top_area li img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 480px) {
  #message .point {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #message .point li {
    width: 95%;
  }
  #message .point li:nth-child(3n+2) {
    margin: 0;
  }
  #message .point li:nth-child(2n) {
    margin-left: 0;
  }
  #message .point li:nth-child(2),
  #message .point li:nth-child(3),
  #message .point li:nth-child(4),
  #message .point li:nth-child(5),
  #message .point li:nth-child(6) {
    margin-top: 15px;
  }
  /*--------------------------------------------------------------
  �X�܏��
  --------------------------------------------------------------*/
  .top_area li {
    width: 50%;
  }
}