@charset "UTF-8";

/* 共通 */
.content {width: 980px; margin: 0 auto;}

.content {
h1, .app_wrap h2, .app_wrap h3, #app_point h4, #point02 h5,
.nsans {font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo;}
}

h2:first-child,
h3:first-child,
h4:first-child,
#point02 h4:first-child,
#point03 h4:first-child {margin-top: 0;}

p.lg,
p.xlg {line-height: 1.6;}

.bg_wht {overflow: hidden; background-color: #fff; padding-bottom: 30px; position: relative; border-radius: 8px; margin-bottom: 1em;}
.initial.hikaridenwa .flets {float: left; height: 130px; border-right: 1px dotted #999; margin: 0; padding: 0 10px;}
.initial.hikaridenwa p.tit {border: 1px solid #ddd; margin: 0; padding: 5px 20px;}
.app_wrap {padding: 0 30px 30px 30px; border-radius: 20px; margin-bottom: 30px; border: solid 5px #999; background: top center repeat-x;}

.app_wrap h2 {text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 0; line-height: 1.3; color: #fff; font-size: 38px; margin: 0 0 3px; text-align: center; border: none; background-color: none;}
.app_wrap h2 .bg_icon {padding: 25px 0 25px 110px; display: inline-block; text-align: left; background: url(/denwa/hikaridenwa/smartphone/images/bg_icon.png) no-repeat left center;}

.point_wrap {padding: 30px 0 20px 0;}

#app_about {border-color: #006699; background-color: #cbe4ee; background-image: url(/denwa/hikaridenwa/smartphone/images/app_bg_blue.png);}
#app_about h2 {background-color: #0ea6d9;}

#app_install {border-color: #e5821f; background-color: #f9eec5; background-image: url(/denwa/hikaridenwa/smartphone/images/app_bg_yellow.png);}
#app_install h2 {background-color: #f6b70e; font-size: 32px;}

#app_point {border-color: #003300; background-color: #cde5b2; background-image: url(/denwa/hikaridenwa/smartphone/images/app_bg_green.png);}
#app_point h2 {background-color: #336633;}

.bg_wht img.reason {position: absolute; left: 0; top: 0;}
#app_point h4 {font-size: 30px; text-align: center; margin: 0 0 25px;}
#point01 h4 {height: 2.5em; margin-bottom: 0; box-sizing: border-box;}
#point01 .before h4 {padding-top: 15px;}
#point02 h4,
#point03 h4 {margin-top: 30px;}
#point02 h5 {font-size: 26px; color: #f08200; margin: 0 0 20px 0; letter-spacing: 0;}
h4 u {background: url(/denwa/hikaridenwa/smartphone/images/idx_uline.png) center bottom repeat-x; text-decoration: none;}

#app_point h3 {padding: 15px 20px; margin: -3px -45px 0 -45px; border: 3px solid #003300; color: #093e09; font-size: 29px; background: url(/denwa/hikaridenwa/smartphone/images/idx_icon_open.png) no-repeat #fff 900px center; cursor:pointer; box-shadow: 0 3px 3px rgba(25,56,25,0.7);}
#app_point h3.active {background-image: url(/denwa/hikaridenwa/smartphone/images/idx_icon_close.png); color: #003300;}
#app_point h3:hover span {border-bottom: 2px solid #093E09; border-top: 2px solid #fff;}

#app_point .padding .pos_abs {top: 100px; left: 90px;}

#order{border: 3px solid #f93;}
#order .ordix {margin: 0 auto; width: 760px;}
.underline {background: #fdf16c;}

/* トップページ */
#hitsuyo {margin: 0;}
#hitsuyo li {position: relative; width: 175px; min-height: 14em; margin: 0 0 0 10px; float: left; list-style: none; background-color: #fff; border-radius: 8px; padding: 10px 0;}
#hitsuyo li:before {content: url(/shared/images/icon_plus.png); position: absolute; left: -25px; top: 50%; margin-top: -20px;}
#hitsuyo li.no_icon:before {display: none;}
#hitsuyo strong {display: block; height: 3em; line-height: 1.4;}

#app_install h3 {border: none;}
#app_install h3 strong {letter-spacing: 0.1em; display: block; padding: 0.2em 0; font-size: 22px; color: #fff; background-color: #666; margin: 0 -20px 1em; text-align: center;}

#point01 .padding {padding: 20px 90px 0; position: relative;}
#point02 .padding {padding: 40px 40px 0; position: relative;}

.nav_use {position: relative; padding: 1em 30px 0; background:url(/shared/images/hr_shadow_950.png) center 0 no-repeat #fff;}
.nav_use .p_r {position: relative;}
.nav_use ul.glid_btn.center {margin-top: 1.5em;}
.nav_use ul.glid_btn.center a {width: 26em; padding: 5px 0 14px; font-size: 20px;}
.nav_use .glid_btn img {margin: 0 5px; vertical-align: -0.3em; width: 250px; height: auto;}
.nav_use .glid_btn li.ord_btn {border: solid 2px #f08200 !important;}
.nav_use .glid_btn li.ord_btn a {padding: 4px 0 13px;}
.nav_use p {text-align: center;}
.nav_use p.indent {text-align: left;}
.nav_use .return {margin: 0; position: absolute; left: 40px; top: 8px}
.nav_use .return a {display: block; padding: 10px 10px 10px 40px; background:url(/denwa/hikaridenwa/smartphone/images/icon_return.png) 0 center no-repeat;}

p.sarani {line-height: 1.4; margin: 15px;}
p.sarani img {margin: 5px 10px 0 0;}

#point01 h4 img {margin-left: 5px; vertical-align: -0.3em; width: 390px; height: auto;}
#point01 .bg_wht {margin: 30px 0;}
#point01 .bg_wht:first-child {margin-top: 0;}

.atatte {text-align: center;}
ul.example {margin: 0.5em 0;}
ul.example {padding-left: 1.5em;}

.pos_abs {position: absolute;}


/* 下層ページ */
#pagehead {position: relative;}
#pagehead h1 {padding-left: 20px; font-size: 220%;}

.wrap_app {overflow: hidden; border-radius: 24px; border: solid #069 5px; background: #fff; padding: 0 30px 30px; position: relative;}
.age .wrap_app {border-color: #FC6600;}
.wrap_app h2.no_dc {margin: -5px -35px 30px;}

/* アプリダウンロード */
.app_box {border: 3px solid; border-radius: 8px; margin: 15px 0 30px; padding: 10px 15px;}
.app_box a {margin-left: 10px; float: left; margin-top: 4px;}
.app_box p {width: 430px; font-size: 130%; float: left}
.age .app_box {background: #fff9e3; border-color: #fc6600; color: #fc6600;}
.liv .app_box {background: #e6f8ff; border-color: #2366b5; color: #2366b5;}

#nav_app {position: absolute; bottom: 5px; right: 0;}
#nav_app .logo img {margin-bottom: 10px; width: 250px; height: auto;}
#nav_app ul.glid_btn li.off {box-shadow: none; background: #e4e4e4; border-color: #e4e4e4;}
#nav_app ul.glid_btn li a,
#nav_app ul.glid_btn li.off span {display: block; padding: 6px 15px 6px 10px;}