/*共通設定*/
body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}
a:link, a:visited, a:hover, a:active {
  color: #333;
  text-decoration: none;
}
.top {
}
.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
  opacity: 0.7;
}
/*色*/
.bg_blue{
 background-color:#2a7beb;
}

/*ブロック毎の設定*/
#global-nav{
 background-color:#fff;
 border-bottom:1px solid #ccc;
}
.calc_body{
border-radius:20px;
background-color:#2a7beb;
}
.main-title{
font-weight:bold;
}
.GoTosim_logo{
 height:40px;
}
.logo{

}
.icon_log{
height: 1.1rem;
}
.icon-hand-point-down{
font-size:3rem;
}
.icon-plus{
font-size:3rem;
}
.icon-flag{

}
.result-title{
 line-height:2rem;
 font-weight:bold;
}
.price_a{
background-color:#fff;
border-bottom:1px solid #aaa;
font-size: 1.1rem;
font-weight: bold;
line-height: 2;
color: #aaa;
}
.price_b{
background-color:#fff;
border-bottom:2px solid #000;
font-size: 1.1rem;
font-weight: bold;
line-height: 2;
color: #333;
}
.price_c{
background-color:#fff;
font-size: 1.5rem;
font-weight: bold;
line-height: 2;
color: #333;
}


.price_d{
display:none;
color: #333;
margin-top:20px;
}

.price_abc{
border-radius: 20px;
background-color:#fff;
border:5px solid #fe696b;
padding:20px;
}

.price_f{
border-radius: 20px;
background-color:#fff;
border:5px solid #fe696b;
font-size: 1.5rem;
font-weight: bold;
line-height: 2;
color: #333;
}


 .price_d div ul, .price_d div ol {
  background: #efefef;
  box-shadow: 0px 0px 0px 10px #efefef;/*線の外側*/
  border: dashed 1px #ccc;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;
}

.price_d div ul li, .price_d div ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}

.result_price{
font-weight: bold;
}
.minus_price{
color:red;
}
.review_block{
cursor:pointer;
}
.slide_btn{
cursor:pointer;
}
/*フォーム装飾*/
.selectdiv, .input_design {
  width: 100%;
  height: 5rem;
  margin: 5px 0px;
  padding: 0px 24px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 2px solid #000;
  -ms-word-break: normal;
  word-break: normal;
}

/*ピンポイント*/

/*ソーシャルボタン*/
.social_container{
margin-top:5rem;
background-color:#e8f7fb;
}
.social-share{
 border:1px dashed #ccc;
 background-color:#fff;
 border-radius:20px;
}
.social {
margin-top:2rem;
margin-bottom:2rem;
}

.social .link {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px dashed #ccc;
  background-clip: content-box;
  padding: 10px;
  transition: .5s;
  color: #D7D0BE;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 40px;
}

.social .link span {
  display: block;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.social .link:hover {
  padding: 20px;
  color: white;
  margin-left: -5px;
  transform: translateX(10px) rotate(360deg);
}

.social .link.google-plus {
  background-color: tomato;
  color: white;
}

.social .link.twitter {
  background-color: #00ACEE;
  color: white;
}

.social .link.line {
  background-color: #00B900;
  color: white;
}

.social .link.facebook {
  background-color: #3B5998;
  color: white;
}
.share-title{
font-weight:bold;
}



/*リンクエリア*/
.link_area{
padding:2rem;
background-color:#efefef;
}
.link-title{
 background-color:#fff;
 padding:0.5rem;
 border-radius:20px;
}
.link-a p{
font-size: 0.8rem;
padding:6px 0;
color:#333;
}
.link-a:hover{
text-decoration: none;
color:#333;
}