@CHARSET "UTF-8";

* {-webkit-tap-highlight-color:rgba(0,102,204,0.2);}

/* common */
#tn-head,
#headnavi,
#h03,
.clearboth,
.searcharea,
.bline,
#footer dl,
#footnavi ul,
.point4_ttl,
ol.point4,
.compare,
.bottom_regist_area .question,
.sttl {
display:none;
}
.hidden {
display:none;
}
.visible {
display:inline;
}
body {
padding: 0;
font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}
h1,h2,h3,h4,h5,h6,p,#blog_hajimeru {
font-size: 100%;
}
#header, #footer  {
min-width: inherit;
}
#footer #footnavi {
background-color: transparent;
}
ul#logo {
float: none;
width: 100%;
background: #fff;
padding: 8px 0 6px 0;
-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);-ms-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);-o-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);
box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);
}
ul#logo li a img {
display: none;
}
ul#logo li, ul#logo li a {
display: inline-block;
}
ul#logo li:first-child {
margin-left: 7px;
}
ul#logo li:first-child a {
width: 65px;
height: 32px;
background-position: -12px -9px;
}
ul#logo li:last-child a {
width: 82px;
height: 32px;
background-position: -78px -9px;
}
.outline {
width: 100%;
}
.cont_inner {
padding-left: 7px!important;
padding-right: 7px!important;
}

/* layout-1 */
ul#crumb li {
font-size: 114%;
}
ul#crumb li, ul#crumb li a {
color: #47443f;
text-decoration: none;
text-shadow: 0 1px 0px rgba(255,255,255,0.5);
}
ul#logo li a, .blog_title, .sec1, .description3 li.topic-1, .app_ttl_area a,.app_dlbtn_area a {
background: transparent url(images/exposition/blog_hajimeru_responsive/sprite_bloghajimeru-A_20130401.png) no-repeat 0 0;
-webkit-background-size:320px 1424px;-moz-background-size:320px 1424px;-ms-background-size:320px 1424px;-o-background-size:320px 1424px;
background-size:320px 1424px;
}
b {
color: #ff8003;
}
.container {
background: #d9d6cc url(images/exposition/blog_hajimeru_responsive/layoutA@2x.png) repeat 0 0;
-webkit-background-size:100px 100px;-moz-background-size:100px 100px;-ms-background-size:100px 100px;-o-background-size:100px 100px;
background-size:100px 100px;
min-width: 320px;
}
#blog_hajimeru {
background: none;
padding: 0px;
min-width: inherit;
}
.blog_title {
height: 120px;
background-position: 50% 6%;
margin-right: auto;
margin-left: auto;
}
.blog_main {
background: transparent;
border: none;
padding: 0;
}
[class*="sec"] {
width: 306px;
height: inherit;
margin-right: auto;
margin-left: auto;
-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;
border-radius:10px;
-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.3);-ms-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.3);-o-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow:0px 1px 2px rgba(0, 0, 0, 0.3);
color: #666562;
}
.sec1 {
margin-top: 115px;
padding: 0;
background-position: 50% 25.3%;
background-color: #fff;
position: relative;
padding-bottom: 118px;
font-size: 15px;
}
.sec1 .login_top  {
position: absolute;
top: -110px;
left: 0;
}
.sec1 h1 {
padding: 10px 5px 0 7px;
font-size: 94%;
line-height: 1.4;
}
/* app */
.sec2_info_app_0423 {
display:none;
}
.info_app2 {
display:block;
margin: 30px auto 0;
padding-top: 45px;
position: relative;
top: 266px;
background: none #fff;
overflow: visible;
}
.app_sttl {
display: none;
}
.app_ttl_area a {
width: inherit;
height: 292px;
text-decoration: none;
}
.app_ttl_area a, 
.app_ttl_area a:hover {
background-position: -7px -776px;
}
.app_dlbtn_area {
margin: 0px;
height: inherit;
}
.app_dlbtn_area a {
display: block;
width: 100%;
height: 80px;
}
.app_ttl_area {
margin:-66px 0 0 0px;
width: inherit;
height: inherit;
}
.app_ttl_area h2 {
padding-top: 13px;
color:#666562;
}
.app_ttl_area h2, .app_ttl_area p:first-of-type {
font-size: 106%;
line-height: 1.25;
text-decoration:none;
text-align:center;
}
.app_ttl_area h2 b {
font-size: 120%;
}
.app_ttl_area p:first-of-type {
text-indent:0em;
color:#666562;
}
.app_btnL, .app_btnR {
float: none;
margin: 0;
}
.app_dlbtn_area .dlbtn_iphone,
.app_dlbtn_area .dlbtn_iphone:hover {
background-position: -7px -1071px;
}
.app_dlbtn_area .dlbtn_android,
.app_dlbtn_area .dlbtn_android:hover {
background-position: -7px -1153px;
padding-bottom:10px;
}
.app_dlbtn_new {
display:none;
}
/* description3 */
.descript_area {
margin-top: 0px;
position: relative;
top: -445px;
font-size: 100%;
background-color: none #fff ;
}
.description3 {
padding: 0;
background: none;
overflow: visible;
}
.description3 li.topic-1 {
background-position: -7px -507px;
position: relative;
top: -30px;
margin-right: 0px;
margin-bottom: -12px;
width: inherit;
height: inherit;
font-size: 16px;
}
.description3 li.topic-1 p:first-child {
font-size: 19px;
padding: 26px 45px 0 11px;
text-align: center;
}
.description3 li.topic-1 h2 {
line-height: 1.25;
padding: 134px 7px 0;
}
.description3 li.topic-1 p:nth-of-type(2) {
padding: 0 7px 0;
}
.description3 li.topic-2, .description3 li.topic-3 {
display:none;
}
/* bottom_regist_area */
.bottom_regist_area {
height: inherit;
background: none;
padding: 35px 0;
}
/* reset */
.bgimg .btn5, .bgimg .link1, .bgimg .topic-1, .bgimg .app_ttl_area h2, .app_r p  {
text-indent: 0em;
}
/* btn&link */
[class*="btn."], [class*="btn."]:hover {
background: none;
}
.btn5, .btn5:hover {
width: 304px;
height: inherit;
padding: 5px 0 8px;
margin: 0 auto 5px;
-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;
border-radius:5px;
text-align: center;
border: 1px solid #94908a;
-webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.3),inset 1px 1px 1px #fcd39d;
-moz-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.3),inset 1px 1px 1px #fcd39d;
-ms-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.3),inset 1px 1px 1px #fcd39d;
-o-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.3),inset 1px 1px 1px #fcd39d;
box-shadow:0px 1px 1px rgba(0, 0, 0, 0.3),inset 1px 1px 1px #fcd39d;
background:#ff9100;
background:-webkit-gradient(linear, left top, left bottom, from(#fdad44), to(#ff9100));
background-image:-webkit-linear-gradient(top, #fdad44 #ff9100);
background-image:-moz-linear-gradient(top, #fdad44 #ff9100);
background-image:-o-linear-gradient(top, #fdad44 #ff9100);
background-image:-ms-linear-gradient(top, #fdad44 #ff9100);
background-image:linear-gradient(top, #fdad44 #ff9100);
font-size: 24px;
line-height: 1;
letter-spacing: 1px;
color: #fff!important;
text-decoration: none;
text-shadow: 0px 1px 2px rgba(0,0,0,0.23);
}
.btn5 span {
display: block;
font-size: 57%;
color: #fff!important;
text-shadow: none;
padding: 2px 0 4px 10px;
text-align: left;
}
.link1, .link1:hover, .link1:visited  {
background-image: none;
text-align: center;
width: 100%;
height: auto;
padding: 7px 0;
color: #036ec8;
text-shadow: 0px 1px 0px rgba(255,255,255,0.56);
font-size: 16px;
}
.bottom_regist_area dd .btn5, .bottom_regist_area dd .link1 {
float: none;
left:0;
right:0;
}