.inc_pc_header{
  z-index: 100000000000000 !important;
}
/* .sp{ display:none !important;} */

h1 {
  font-size:30px;
  margin-bottom:15px;
  padding-left:10px;
}

h2 {
  font-size:16px;
  position:relative;
  background:#e6e6e6;
  color:#404040;
  padding:18px 20px;
  line-height:1.25em;
  font-weight: normal;
}
h2 .btn{
  position:absolute;
  right:20px;
  top:18px;
  width:100px;
}

h3 {
  font-size:18px;
  margin-bottom:5px;
  font-weight:bold;
}
h3 span.size_s{ font-size:12px; line-height:3em; font-weight:bold;}
h4 {}
h5 {}

dl dt{
  float:left;
  margin-bottom:20px;
  clear:both;
}
dl dd{ margin-left:140px; margin-bottom:20px;}

table th.short, table td.short {white-space: nowrap;}

table th.short.date, table td.short.date {
  width: 110px;
}
table th.short.version, table td.short.version {
  width: 110px;
}

.mb{ margin-bottom:40px !important;}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/*Country Selector
----------------------------------------------------------*/
.sbHolder{
  width: 155px;
  font-size: 12px;
  padding-left: 15px;
  height: 36px;
  line-height: 36px;
  margin: 0px 0px 15px;
}

.sbSelector{
  height: 36px;
  line-height: 36px;
}

.sbToggle{
  height: 36px;
  right: -12px;
  top: 9px;
  width: 30px;
}

/* btn
----------------------------------------------------------*/

a.pagetop,
a.btn_as,
a.btn_gp,
a.more{
  display:block;
  position:relative;
}

a.btn_g{
  display:inline-block;
  padding:13px 33px;
  text-align:center;
  font-size:20px;
  color:#fff;
  background:#404040;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
a.btn_g img{
  vertical-align:middle;
  width:18px;
  height:auto;
}
a.btn_g:hover{ opacity: 0.7;}

a.pagetop,
a.more{
  padding-right:15px;
  color:#404040;
  font-size:12px;
  margin-bottom:15px;
}
a.pagetop:hover,
a.more:hover{ opacity: 0.7;}

a.pagetop:before,
a.more:before{
  content:" ";
  position:absolute;
  display:block;
  z-index:10;
}

a.pagetop{float:right;}
a.pagetop:before{
  background:url("https://theta360.com/intl/common/img/bullet_top.png") no-repeat;
  background-size: contain;
  width:7px;
  height:4px;
  top:12px;
  right:0;
}
a.more:before{
  background:url("https://theta360.com/intl/common/img/bullet_right_g.png") no-repeat;
  background-size: 5px 8px;
  width:5px;
  height:9px;
  top:9px;
  right:0;
}
h2 a.more{
  float:right;
}
/*safari用*/
html:66irst-child a.pagetop:before{ top:10px;}
html:66irst-child a.more:before{top:7px;}

a.blank{
  padding-right:15px;
  position:relative;
  background: url("https://theta360.com/intl/common/img/blank_sp.png") no-repeat;
  background-size: 12px 9px;
  background-position:right center;
}
span.blank{
  padding-right:18px;
  position:relative;
  background: url("https://theta360.com/intl/common/img/blank_sp.png") no-repeat;
  background-size: 12px 9px;
  background-position:right 3px;
}

a.btn_as{
  width:200px;
  height:59px;
  background:url("../img/appstore.png") no-repeat;
  background-size:contain;
  text-indent:-9999px;
}

a.btn_gp{
  width:175px;
  height:61px;
  background:url("../img/googleplay.png") no-repeat;
  background-size:contain;
  text-indent:-9999px;
}

a.pdf{
  background:url("https://theta360.com/intl/common/img/pdf.png") no-repeat;
  padding-left:21px;
}

/* common
----------------------------------------------------------*/

/* width:100% */
#header,
#header > div,
#footer{
  min-width: 1008px;
  width:100%;
  display: block !important;
}
#header > div{
  position:relative;
  margin:0 auto;
}
/* width:960px */
#main{
  position:relative;
  width:960px;
  margin:0 auto;
}

#header{
  height:80px;
  background-color:#fff;
  margin-bottom:20px;
  position: fixed;
  top: 0;
  z-index: 10000000;
}
#header > div{
  position: relative;
  width: 1008px;
  height: 80px;
  margin: 0 auto;
}
.logo,
.gn{position:absolute;}
.logo{top:22px; left:0;}
.gn{min-width: 828px;margin-left: 180px;font-size: 18px;line-height: 20px;margin-top: 30px;}
.gn:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.logo a,
.gn a{display:inline-block;}
.logo a{
  width:141px;
  height:40px;
  background:url("https://theta360.com/intl/common/img/logo.png") no-repeat;
  background-size: 141px 40px;
  overflow:hidden;
}
.gn li{
  float:left;
  margin-right: 20px;
  letter-spacing: -0.5px;
}
.gn a{}
.gn li a{
  font-family: 'Open Sans', Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
  font-size: 15px;
  font-weight: normal;
  height: 25px;
  color: #404040;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.gn .separator{
  margin-right: 77px;
}
.gn > li:last-child{
  position:absolute;
  right:0;
  margin-right: 0;
}
#about .gn  a.about,
#app .gn  a.application,
#download .gn  a.download,
#store .gn  a.store,
#gallery .gn  a.gallery,
#enjoy .gn  a.enjoy,
#support .gn  a.support,
#info .gn  a.info,
.gn a:hover{ opacity:.7;}

.gn a.coming_soon {
  opacity: .7;
  cursor: default;
}

.gn li a.login{
  display:block;
  height: 30px;
  line-height: 30px;
  padding: 0 7px;
  text-align:center;
  font-size:15px;
  border: solid 1px #404040;
  margin-top: -3px;
}
.gn li a.login:hover{
  /* color:#fff; */
  /* background-color:#64c832; */
}

#main{}
.contents{}
.box{
  padding:50px 70px;
  background:#fff;
}
.box+.box{border-top:1px solid #ccc;}
.box p{ margin-bottom:5px;}
.lead{ margin:0 10px 30px;}

.nobox{ padding:0 10px 15px;}
.box+.nobox{ padding-top:15px;}

.note{ font-size:60%;}

.leftpane,
.rightpane,
.rightpane_02{ position:relative;}
.leftpane{ width:410px; float:left;}
.rightpane{ width:410px; float:right;}
.rightpane_02{ width:480px; float:right;}

.contents_2col{
  width:760px;
  float:left;
}
.contents_2col .box{
  padding:40px 50px;
  background:#fff;
}
.contents_2col .nobox{
  padding:40px 50px 30px;
}
.contents_2col .nobox+.nobox{ padding-top:0;}

.side{
  width:170px;
  float:right;
}
.lnav li{ margin-bottom:20px;}
.lnav a{
  display:block;
  color:#404040;
  width:170px;
  padding-right:10px;
  background-image:url("https://theta360.com/intl/common/img/bullet_right_g.png");
  background-size: 5px 8px;
  background-repeat:no-repeat;
  background-position:100% 46%;
}
.lnav .current a{color:#0088bd; font-weight: bold;}
.lnav a:hover{
  opacity: 0.7;
}

.have_caption{ margin-top:-25px;}
.caption{
  font-size:12px;
  margin-bottom:5px;
}
.box .caption{ color:#808080;}

#contents_foot{margin-top:90px;}
#contents_foot.sitemap{
  margin: 15px auto 0;
  width: 960px;
}

#footer{
  /*height: 300px;*/
  background: #ffffff;
  position: relative;
}
.footer_share {
  width: 250px;
  margin: auto;
  padding: 16px 0;
  overflow: visible;
  width: 1008px;
}
.footer_share #sns_button {
  padding: 0;
}
.footer_share:after {
  content: "";
  clear: left;
  display: block;
}
.footer_share .footer_share_tw {
  float: left;
  margin-right: 40px;
}
.footer_band {
  height: 550px;
  width: 100% !important;
  position: relative;
  color: #fff;
  background: #1a1a1a;
}
.footer_band table {
  width: 100%;
  table-layout: fixed;
}
.footer_band th {
  vertical-align: top;
  border: none;
}

.footer_band_inner {
  width: 1008px;
  height: 100%;
  margin: auto;
  position: relative;
}
.footer_band  a.global_main:hover {opacity: .7;}

#sns_button .social{
  text-align: center;
}
.footer_band .footer_sns {
  position: absolute;
  right: 0;
  top: 34px;
}
.footer_band .footer_sns li{
  float: left;
  margin-left: 29px;
}
.footer_band .footer_sns a{
  display: block;
  width: 27px;
  height: 27px;
}
.footer_band .footer_sns a:hover{
  opacity: .7;
}
.footer_band .footer_sns:after{
  content: "";
  clear: left;
  display: block;
}
.footer_band .footer_sns .fb {
  background: url("https://theta360.com/intl/common/img/sns_ico_f.png") no-repeat;
  background-size: 26px;
}
.footer_band .footer_sns .tw {
  background: url("https://theta360.com/intl/common/img/sns_ico_t.png") no-repeat;
  background-size: 27px;
}
.footer_band .footer_sns .ig {
  background: url("https://theta360.com/intl/common/img/sns_ico_i.png") no-repeat;
  background-size: 27px;
}
.footer_band .footer_sns .tb {
  background: url("https://theta360.com/intl/common/img/sns_ico_y.png") no-repeat;
  background-size: 27px;
}

.fb_iframe_widget span {
  vertical-align: baseline !important;
}

.footer_logo {margin: auto;
  padding: 30px 0 20px 0;
  background-color: #fff;
}
.footer_logo a {background: url("https://theta360.com/intl/common/img/company_logo.png") no-repeat;
  width: 101px;
  height: 35px;
  background-size: contain;
  display: block;
  margin: auto;
}
.footer_cr {text-align: center;
  background: #fff;
  padding-bottom: 34px;
  font-size: 12px;
  color: #404040;
}

#footer li {
  list-style: none;
  display: block;
  margin-left: 20px;
  width: 100%;
  height: 24px;
  line-height: 18px;
  color: #404040;
  font-size: 13px;
}
.global,
.fnavi,
.cr{position:absolute;}

ul.global{
  position: relative;
  top: 38px;
  float: left;
  left: 0;
  height: auto;
  min-width: 200px;
}
.global > li{ position:relative;}
.global li a{
  display:block;
  height:24px;
  line-height: 18px;
  font-size: 13px;
  color: #fff;
  position:relative;
  text-indent:25px;
  cursor:pointer;
}
a.global_main:before {
  content: " ";
  display: block;
  position: absolute;
  z-index: 10;
}
a.global_main:before,
a.global_main:before{
  width:16px;
  height:16px;
  top:0;
  left:0;
  background: url("https://theta360.com/intl/common/img/globe.png") no-repeat;
}
.global .global_sub {
  top: 18px;
  left: 6px;
  position: absolute;
  text-align: left;
  list-style:none;
  padding-left:0;
}
.global .global_sub li {background-color: #1a1a1a;color: #404040;}
.global .global_sub a{
  background: #1a1a1a;
  text-indent:0;
  height:32px;
  line-height:32px;
}
.global .global_sub a:hover{opacity: .7;}
.global .global_sub .margin{
  display:block;
  height: 10px;
  background: #1a1a1a;
}
.global li .global_sub li a{
  color: #fff;
}

.fnavi{
  padding-left: 45px;
  top: 42px;
  left:90px;
}
.fnavi li{
  float:left;
  margin-right: 24px;
  line-height: 18px;
}
.fnavi a{
  display:block;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
}
.fnavi a:hover{opacity: .7;}

.cr{
  font-size:11px;
  color: #808080;
  top: 0;
  right:0;
  margin-top: 24px;
}

.footer_band_inner_sp {
  display: none;
}
.footer-mid li a,.footer-long li a {
  width: 100%;
  text-align: left;
  text-indent:0;
}
.footer-sub {
  margin-left: 10px;
  margin-bottom: 24px;
  font-size: 11px;
}

.hoverMenu {
  position: absolute;
  z-index: 10;
  top: 30px;
  left: 0;
  padding: 16px;
  background-color: rgba(00, 00, 00, 0.4);
  color: #ffffff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: none;
}
.hoverMenu.active {
  display: block;
}
#header.style li.hoverMenu_item {
  display: block;
  margin-right: 0;
  margin-top: 16px;
  float: none;
}
#header.style li.hoverMenu_item a {
  display: block;
  margin-right: 0;
  line-height: 15px;
  font-size: 18px;
  font-weight: normal;
  color: #ffffff;
  padding-left: 15px;
  background-image: url(../img/icon_hoverList.png);
  background-repeat: no-repeat;
}
#header.style li.hoverMenu_item a:hover {
  color: #0088bd;
}
#header.style li.hoverMenu_item:first-child {
  margin-top: 0;
}

/* 言語切替
----------------------------------------------------------*/

.lang{ position:relative;}
#ID{
  position:absolute;
  top:62px;
  left:0;
}
#ID a{
  display:block;
  background:#f7f7f7;
  color:#404040;
  width:155px;
  padding-left:15px;
  height:36px;
  line-height:36px;
  marginbottom:-20px;
  font-size:12px;
}
#ID a:hover{
  color:#0088bd;
  opacity: 0.7;
}

/* About
----------------------------------------------------------*/

#view360 {
  height: 248px;
  margin: auto;
}

#about h2 {
  font-size:35px;
  background:none;
  color:#404040;
  padding:0;
  line-height:1.5em;
  text-align:center;
  margin-bottom:50px;
}
#about h3 {
  font-size:35px;
  line-height:1.25em;
  margin-bottom:20px;
  font-weight:300;
}
#about h4 {
  font-size:18px;
  font-weight:bold;
  color:#64c832;
  margin-top:30px;
}
#about p{ color:#808080;}

.about_img_01{
  position:absolute;
  top:0px;
  right:-480px;
  width:410px;
  height:688px;
  background:url("../../about/theta/img/about_img_02.png") no-repeat;
}

#about .downloads{ margin-top: 20px;}
#about .downloads .btn_as,
#about .downloads .btn_gp{ display:inline-block; padding:0 10px;}
#about a + .notice{ margin-top:20px;}
#about .notice + .notice{ margin-top: 15px;}
#about .notice p{ margin-bottom:5px;}

.iphonebox1{ margin: 0 0 150px;}
.iphonebox2{ margin: 30px 0 150px;}
.iphonebox3{ margin:0 0 50px;}

.about_img_02,
.about_img_03,
.about_img_04{
  position:absolute;
  top:-75px;
}
.about_img_02{
  right:-480px;
}
.about_img_03{
  left:-480px;
}
.about_img_04{
  top:20px;
  right:-440px;
}

.about_img_05{
  position:absolute;
  top:0px;
  left:-410px;
  width:410px;
  height:530px;
  background:url("../../about/theta/img/about_img_06.png") no-repeat;
}

.attachment {
  min-height: 238px;
}
#about .attachment h3{ font-size:30px; padding-top:20px;}

.attachment_img{
  position:absolute;
  left:-420px;
}

.about_title_pc{ margin-top:20px;}
.in_set_margin{ margin-bottom:30px;}

.specs{}
.specs dl{
  border-top:1px #ccc solid;
  margin-top:10px;
  padding-top:10px;
}
.specs dl:last-of-type{
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom:1px #ccc solid;
}
.specs dl:last-child{
  margin-bottom:0;
}
.specs dt{ clear:both; margin-bottom:0;}
.specs dd{ margin-left:230px; margin-bottom:0;}

.about_buynow{ margin-top:30px;}

/* Buy
----------------------------------------------------------*/
#store .lead p { float: left;}
#store .lead p.enterprise { float: none; text-align: right;}
#store .enterprise:after{
  content: "";
  clear: left;
  display: block;
}

/* support
----------------------------------------------------------*/

.box_sp{
  padding:80px 92px 30px;
  background-color:#fff;
}
.support_link{
  width:170px;
  height:260px;
  margin-right:132px;
  margin-bottom:50px;
  text-align:center;
  float:left;
}
.support_link a{
  display:block;
  width:100%;
}
.support_link a:hover img{
  opacity: 0.70;
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  -ms-filter: "alpha(opacity=70)";
}
.support_link img{ margin-bottom:5px;}
.support_03,.support_06{ margin-right:0px;}

/* faq
----------------------------------------------------------*/

.faq_top{ background:#fff;}
.faq_top > li{border-top:1px solid #ccc;}
.faq_top >li.last_child{border-bottom:1px solid #ccc;}
.faq_top >li span{
  font-size:16px;
  position:relative;
  color:#404040;
  padding:18px 0;
  text-indent:20px;
  line-height:1.25em;
  display:inline-block;
  width:100%;
}
.faq_top >li span:hover{ color:#64c832; background-color:#f7f7f7}
.faq_top > li span:before{
  content:" ";
  display:block;
  position:absolute;
  top:24px;
  right:25px;
  width:15px;
  height:9px;
  background: url("https://theta360.com/intl/common/img/global_open_normal_sp.png") no-repeat;
  background-size:contain;
}
.faq_top li ul{
  border-top:1px solid #ccc;
  padding:50px 70px;
}
.faq_top li ul li{ margin-bottom:18px; line-height:1.5em;}
.faq_top li ul li.last_child{ margin-bottom:0;}

.faq_list{}
.faq_list li{ margin-bottom:18px; line-height:1.5em;}
.faq_list li.last_child{ margin-bottom:0;}

.faq_entry ul > li { list-style-type: disc; margin-left: 1.5em; }
.faq_entry ol > li { list-style-type: decimal; margin-left: 1.5em; }

.faq_entry .models li { display: inline-block; margin: 0 1.5em 0 0; }

.searchbox {
  left: 700px;
  position: absolute;
  right: -25px;
  top: 10px;
}
.searchbox table th, .searchbox table td {
  border-bottom: none;
  padding: 0;
}
.searchbox .gsc-control-cse,
.searchbox .gsc-control-cse .gsc-search-box .gsc-input {
  padding: 0;
}
.searchbox .gsc-input-box {
  border: none;
  height: auto;
}
.searchbox input.gsc-input {
  height: 30px !important;
}
.searchbox .gsc-search-button {
  margin: 0;
}
.searchbox input[type="submit"] {
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  background: #64c832 url(../img/search_pc.png) no-repeat 10px 50%/14px 14px;
  border-radius:2px;
  border: none;
  color: #ffffff;
  height: 31px;
  padding: 0 12px 0 28px;
}

.searchbox .gsc-results .gs-title {
  height: auto;
}
.searchbox .gsc-results .gs-title a {
  color: #0088bd;
  text-decoration: none;
}

/* ce_docs
----------------------------------------------------------*/

.ce_docs_list{}
.ce_docs_list h3{
  margin:0px;
  padding:0px;
  height:20px;
  line-height:20px;
}
.ce_docs_list dl{
  border-bottom:1px solid #ccc;
}
.ce_docs_list dt,
.ce_docs_list dd{
  padding:0px;
  line-height:14px;
  margin-bottom:15px;
}
.ce_docs_list dd{ margin-left:320px;}

/* open_source
----------------------------------------------------------*/

.open_source_list{}
.open_source_list h3{
  margin:0px;
  padding:0px;
  height:20px;
  line-height:20px;
}
.open_source_list ul{
  float: left;
  width: 33.33333%;
}
.open_source_list li{
  padding:0 0 15px 0;
  line-height:14px;
  margin-bottom:15px;
  border-bottom:1px solid #ccc;
}


/* download
----------------------------------------------------------*/

.download_area{ margin-bottom:40px;}
.download_area .btn_g{width:200px;}
.download_area dd{
  margin-left:220px;
  line-height:50px;
  color:#808080;
}

#download .box * + h3{ margin-top: 1em;}

.ex{ margin-bottom:20px;}

/* info
----------------------------------------------------------*/

.info_vi{ margin-bottom:70px;}


/* 404
----------------------------------------------------------*/
#e404 .contents{
  text-align:center;
  margin:262px 0 281px;
}

/* thanks
----------------------------------------------------------*/
#thanks .contents{
  text-align:center;
  margin:262px 0 281px;
}


/* Legal
----------------------------------------------------------*/
.decimal li{
  list-style-type: decimal;
  margin-left: 1.5em;
}
.paren_decimal, .angle_decimal {
  counter-reset: cnt;
}
.paren_decimal > li, .angle_decimal > li {
  list-style-type: none;
  counter-increment: cnt;
  margin-left: 1.5em;
}
.paren_decimal > li:before {
  content: "(" counter(cnt) ") ";
}
.angle_decimal > li:before {
  content: "<" counter(cnt) "> ";
}


#menu-list .menu.current-menu a {
  color: #0088bd !important;
  font-weight: bold;
}

/* google
----------------------------------------------------------*/

#google h2,
#google h3{
  font-size:35px;
  font-weight:bold;
  margin-bottom:15px;
  color:#64c832;
}
#google h2{
  text-align:center;
  background:none;
  padding:0;
  margin:0 0 40px;
}
#google p{ font-size:16px;}
.google_mv{
  background-color:#fff;
  text-align:center;
  position: relative;
}
.google_mv img{
  display:inline-block;
  margin:0 auto;
}
#google .google_mv p{
  font-size:40px;
  line-height:1.25em;
}
#google  .borderline{
  margin-top:50px;
  width:100%;
  height:1px;
  border-top:1px solid #ccc;
}
#google  p.annotation{
  font-size:12px;
}
#google p + p{ margin-top:30px;}
#google p.annotation + p.annotation{ margin-top:0px;}

#google .product_caption {
  width: 630px;
  font-size: 0;
  text-align: center;
  margin: 0 auto;
  line-height: 1.25em;
  padding-bottom: 10px;
}
#google .product_caption p {
  font-size: small;
  display: inline-block;
  width: 50%;
  margin-top: 0;
  text-align: right;
}
#google .product_caption.single {
  width: 330px;
}
#google .product_caption.single p {
  width: 100%;
}

#google p.credit { font-size: small; text-align: right; margin: 0 auto;}
#google .google_mv .credit {
  position: absolute;
  top: 10px;
  right: 20px;
}
#google .diagram .credit { width: 861px;}
#google .google_about .credit {
  position: absolute;
  top: 10px;
  right: 20px;
}
#google .google_about .constellations.credit { width: 950px;}
#google .cr { font-size:11px;}

.mainContent{
  margin-bottom:20px;
}
.diagram > div{
  text-align:center;
  width:100%;
}

.google_about .imgpane{
  text-align:center;
  background:#fff;
  position: relative;
}
.google_about .textpane{
  padding-top:20px;
  margin-bottom:20px;
}

#google .mb{ margin-bottom:20px !important;}

/* recipe
----------------------------------------------------------*/

/* recipe_top */

#recipe_top .recipe_mv{
  width: 960px;
  height: 722px;
  background: url(../../recipe/img/recipe_top_mv_pc.jpg) no-repeat;
}
#recipe_top .recipe_mv .btn_g{
  position: absolute;
  top: 410px;
  left: 120px;
  padding: 0px 48px;
  font-size: 30px;
  height: 60px;
  line-height: 60px;
  width: auto;
}

#recipe_top h1 {padding-left:0px;}

#recipe_top .contents h2{
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  background: none;
  color: #808080;
}

#recipe_top .recipe_box{
  margin-top: 25px;
  padding: 50px 70px;
  background: #fff;
}
#recipe_top .recipe_intro{
  text-align: center;
  margin-bottom: 50px;
}
#recipe_top .recipe_intro h2{
  font-size:48px;
  position:relative;
  background:none;
  color:#000000;
  line-height:1.25em;
  font-weight: bold;
}
#recipe_top .recipe_intro{text-align: center;}
#recipe_top .theta_area{ margin-bottom: 50px;}
#recipe_top .theta_area .ricoh-theta-spherical-image,
#recipe_top .theta_area iframe{ height: 490px !important; width: 960px !important;}

#recipe_top .recipe_list{}
#recipe_top .recipe_list li{
  display: block;
  float: left;
  width: 273px;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}
#recipe_top .recipe_list li p{
  font-size: 24px;
  font-weight: bold;
  line-height: 1em;
  margin: 15px 0 5px;
}
#recipe_top .recipe_list li .num{
  position: absolute;
  top:144px; left: 15px;
  font-size: 70px;
  color: #fff;
  z-index: 1000;
  font-weight: normal;
  margin: 0;
}

#recipe_top .recipe_outro{
  text-align: center;
  border-top:1px solid #ccc;
  padding-top: 50px;
}
#recipe_top .recipe_outro h3{
  font-size: 35px;
  color: #000000;
}

#recipe_top .recipe_product{ display: table; background: #fff;}
#recipe_top .product_img{ display: table-cell; width: 480px;}
#recipe_top .product_spec{
  display: table-cell;
  vertical-align: middle;
  min-height: 320px;
  width: 480px;
}
#recipe_top .product_spec h4{
  font-size: 24px;
  font-weight: bold;
}
#recipe_top .product_spec p + p,
#recipe_top .product_spec h4 + p,
#recipe_top .product_spec p + a{
  margin-top: 5px;
}
.recipe_capture{margin-bottom: 20px;}

#recipe_top .home_area{
  text-align: center;
  width: 640px;
  margin: 45px auto;
}
#recipe_top a.btn_g{
  width: 480px;
  padding: 0px 0;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
}
#recipe_top .buynow{
  text-align: center;
  margin: 50px auto 0;
}
#recipe .buynow{ margin: 30px auto;}
#recipe_top a.btn_g img{
  width: 26px;
}

#recipe_top #sns_button{
  margin-bottom: -50px;
  padding-bottom: 30px;
  padding-top: 30px;
  text-align:center;
}
#recipe_top #contents_foot,
#recipe #contents_foot{
  width: 960px;
  margin: 0 auto;
}

/* Landingから引用 */

#buynow{
  width:960px;
  margin:0 auto 50px;
}
#buynow h2,
#buynow h3{
  text-align:center;
  color:#808080;
  font-weight:bold;
  font-size:50px;
  line-height:1em;
  margin-bottom: 10px;
  background: none;
}
#buynow h3{
  font-size:30px;
  margin-top:50px;
}
#recipe_top .sbHolder,
#recipe .sbHolder{
  height: 80px;
  font-size:30px;
  width:480px;
  display:block;
  margin:0px auto;
  position:relative;
  z-index:100;
  margin: 0 auto 50px;
  padding: 0;
}

#recipe_top .sbSelector,
#recipe .sbSelector{
  height: 30px;
  line-height: 30px;
  top:30%;
  display:block;
  background: url("../../recipe/img/bullet_top_down.png") no-repeat 95% 44%;
  background-color:#64c832;
  color:#fff;
  height:80px;
  line-height:80px;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  text-indent:20px;
}

#recipe_top .sbToggle,
#recipe .sbToggle{
  height: 50px;
  right: 25px;
  top: 15px;
  width: 30px;
}
#recipe_top .sbOptions,
#recipe .sbOptions{
  position: absolute;
  left:0px;
  top:60px;
  width: 100%;
}
#recipe_top .sbOptions li,
#recipe .sbOptions li{
  padding:10px;
  background-color:#fff;
  font-size:130%;
}

.lp_footer{
  text-align:center;
  background:#fff !important;
}
.lp_footer{ padding-bottom:50px;}
.lp_footer div{
  width:960px;
  margin:0 auto;
  position:relative;
}

/*recipe*/
#recipe h1{ display: none;}

#recipe .contents{ padding-top: 40px;}
#recipe .theta_area{width: 960px;}
#recipe .theta_area .ricoh-theta-spherical-image,
#recipe .theta_area iframe{height: 490px !important;width: 960px !important;}

#recipe .recipe_box{
  padding: 25px 70px 50px;
  background: #fff;
  margin-bottom:50px;
}
#recipe .box{ padding: 0;}

#recipe .title_area{width: 820px; margin-bottom: 30px;}
#recipe .title_area p{
  display: table-cell;
  vertical-align: top;
  width: 730px;
  border-left:3px solid #404040;
  padding-left: 20px;
  font-size: 48px;
  font-weight: bold;
  line-height: 1em;
  vertical-align: middle;
}
#recipe .title_area p span{
  font-size: 24px;
  color: #808080;
}
#recipe .title_area .num{
  display: table-cell;
  text-align: left;
  font-size: 120px;
  height: 50px;
  width: 90px;
  color: #404040;
  line-height: 0.8em;
  vertical-align: middle;
}

#recipe h2 {
  font-size:24px;
  position:relative;
  background:none;
  color:#808080;
  padding:15px 0 0 ;
  line-height:1.25em;
  border-top:#ccc 1px solid;
  margin-top: 30px;
}
#recipe .recipe_flow {}
#recipe .recipe_flow li{
  float: left;
  width: 256px;
  margin-left: 26px;
  list-style: none;
  margin-bottom: 50px;
}
#recipe .recipe_flow li div, #recipe .recipe_flow li p{font-size: 12px;}
#recipe .recipe_flow li:first-child{ margin-left: 0;}
#recipe .recipe_flow li img{ width: 256px;}
#recipe .recipe_flow h3 { font-weight: 500;}

#recipe .select_area{ text-align: center;}
#recipe .box + .select_area{ margin-top: 50px;}

#recipe .sbHolder{
  font-size: 24px;
  width: 540px;
  display:inline-block;
  text-align: left;
  padding:0;
  margin-bottom: 0;
}

#recipe .sbSelector{
  height: 60px;
  line-height: 60px;
  padding-left: 15px;
  background: url("../../recipe/img/bullet_top_down.png") no-repeat 95% 44%;
  background-size:20px 40px;
  background-color:#404040;
}

#recipe .sbToggle{
  height: 30px;
  right: -6px;
  top: 6px;
  width: 30px;
}
#recipe .sbOptions{
  top:60px !important;
  list-style: none;

}
#recipe .sbOptions li{
  padding:5px 25px;
  background-color:#fff;
  z-index:10000;
  position:relative;
  font-size: 14px;
}

#recipe .home_area{
  text-align: center;
  width: 640px;
  margin: 0 auto;
}
#recipe .home_area > img{ margin-bottom: 20px;}
#recipe .home_area > a{ margin-bottom: 50px;}

#recipe .btn_g{
  width: 540px;
  padding: 0px 0;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
}
.btn_bbb { width: 540px; margin:25px auto 50px; display: block;}
.btn_bbb img{ background: #000; width: 540px;}
.btn_g_big:hover{ background-color:#9ae674;}

#recipe #sns_button{
  margin-bottom: -50px;
  padding-bottom: 25px;
  padding-top: 10px;
  text-align:center;
}

.menu_detail_wrapper {
  padding-top: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  display: none;
  opacity: 0;
}

.menu_detail {
  background-color: #fff;
  padding: 20px 15px;
  -webkit-box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.15);
}

.menu_detail_wrapper.about_detail,
.menu_detail_wrapper.topics_detail,
.menu_detail_wrapper.support_detail,
.menu_detail_wrapper.store_detail,
.menu_detail_wrapper.relative_detail{
  min-width: 250px;
}

.menu_about,
.menu_topics,
.menu_support,
.menu_store,
.menu_relative {
  position: relative;
}
.menu_about > .about,
.menu_topics > .topics,
.menu_support > .support,
.menu_store > .Store_link,
.menu_relative > .relative {
  padding-right: 18px;
  position: relative;
}
.menu_about > .about:after,
.menu_topics > .topics:after,
.menu_support > .support:after,
.menu_store > .Store_link:after,
.menu_relative > .relative:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 4px;
  position: absolute;
  top: 10px;
  right: 6px;
  background: url(../img/icon_arrow.png) no-repeat 0 0;
}
#about .menu_about > .about:after,
#app .menu_application > .application:after,
.menu_about:hover > .about:after,
.menu_topics:hover > .topics:after,
.menu_support:hover > .support:after,
.menu_store:hover > .Store_link:after,
.menu_relative:hover > .relative:after {
  background: url(../img/icon_arrow_current.png) no-repeat 0 0;
}

.menu_about,
.menu_application {
  position: relative;
}
.menu_about > .about,
.menu_application > .application {
  padding-right: 18px;
  position: relative;
}
.menu_about > .about:after,
.menu_application > .application:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 4px;
  position: absolute;
  top: 10px;
  right: 6px;
  background: url(../img/icon_arrow.png) no-repeat 0 0;
}
#about .menu_about > .about:after,
#app .menu_application > .application:after,
.menu_about:hover > .about:after,
.menu_application:hover > .application:after {
  background: url(../img/icon_arrow_current.png) no-repeat 0 0;
}
.menu_about:hover .about_detail,
.menu_application:hover .application_detail {
  display: block;
  opacity: 1;
  padding-top: 10px;
  animation: menu-hover 0.2s ease-in-out;
}

.menu_about:hover .about_detail,
.menu_topics:hover .topics_detail,
.menu_support:hover .support_detail,
.menu_store:hover .store_detail,
.menu_relative:hover .relative_detail {
  display: block;
  opacity: 1;
  padding-top: 10px;
  animation: menu-hover 0.2s ease-in-out;
}
.menu_detail li {
  margin-top: 10px;
  margin-right: 0;
  float: none;
}
.menu_detail li:first-child {
  margin-top: 0;
}
.menu_detail li a {
  font-size: 15px;
  color: #404040;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  height: auto;
}
.menu_detail li a:hover {
  opacity: .7;
}
@keyframes menu-hover {
  0% {
    opacity: 0;
    padding-top: 0;
  }
  20% {
    opacity: 0;
    padding-top: 0;
  }
  100% {
    opacity: 1;
    padding-top: 10px;
  }
}