@charset "utf-8";
/* CSS Document */


.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
div#main, h2, h3, h4 {
	font-family: "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
}
div#main a:hover {
	opacity: 0.7;
	transition: 0.3s;
}
div#main a {
		text-decoration: none;
		cursor: pointer;
	}
#container #main {
	font-size: 16px;
	line-height: 1.6;
}
div#main {
	margin: 0 auto;
	width: 960px;
	background: #fff;
}

#container #main .head_box {
    width: 960px;
    text-align: center;
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
}

#container #main h2 {
    color: #fff;
background-color:rgba(2,143,231,0.7);
text-shadow: 1px 1px 1px #04629d;
    padding: 5px 15px 20px 15px;
    font-size: 50px;
    margin: 0 auto;
    width: 500px;
    position: absolute;
    top: 30%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
	font-weight: normal;
    text-align: center;
    letter-spacing: 5px;
    line-height: 1.3;
}
	
#container #main h2 span{
	font-size: 24px;
	color: #fff799;
}
	

#container #main p.blog_bn {
    background: url(https://www.mapcamera.com/html/201905_sportsday/images/blog_bn.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    color: #fff;
    text-align: left;
    padding: 60px 0;
    width: 960px;
    font-size: 40px;
    letter-spacing: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: normal;
    margin-bottom: 70px;
    text-align: center;
    text-shadow: 1px 1px 1px #019CEC;
    margin-top: -20px;
}
#container #main p.blog_bn:hover {
    background: url(https://www.mapcamera.com/html/201905_sportsday/images/blog_bn_on2.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    color: #fff;
    text-align: left;
    padding: 60px 0;
    width: 960px;
    font-size: 40px;
    letter-spacing: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: normal;
    margin-bottom: 70px;
    text-align: center;
    text-shadow: 1px 1px 1px #019CEC;
    margin-top: -20px;
}
	#container #main p.btn03 {
	background: #FA7800;
	font-size: 115%;
	border-radius: 10px;
	width: 70%;
	/* height: 30px; */
	line-height: 30px;
	padding: 25px 20px 25px 20px;
	margin: 30px auto 0;
	text-align: center;
}
#container #main p.btn03 a {
	display: block;
	color: #fff;
	font-size: 115%;
	text-decoration: none;
	letter-spacing: 3px;
}
#main p.read_text {
	margin: 10px 10px 25px;
	line-height: 1.8;
	text-align: left;
	font-size: 18px;
}

#main p.spc_text {
	text-align: center;
	display: block;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	color: #4A4A4A;
}

div#main p.midashi_g {
    position: relative;
    padding: 0;
    margin: 180px 120px 70px;
    line-height: 1.5;
    color: #494949;
    background: transparent;
    font-size: 160%;
    letter-spacing: 2px;
    text-align: center;
    border-bottom: 1px dotted #999;
    display: inline-block;
    width: 720px;
}
	
div#main p.midashi_g:before {
content: "";
    position: absolute;
    top: -22px;
    left: 50%;
    width: 150px;
    height: 80px;
    border-radius: 50%;
    border: 4px double #999;
    border-left-color: transparent;
    border-right-color: transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	}
div#main p.midashi_f {
    margin: 70px 120px 30px;
    line-height: 1.5;
    color: #494949;
    background: transparent;
    font-size: 160%;
    letter-spacing: 2px;
    text-align: center;
    border-bottom: 1px dotted #999;
    display: inline-block;
    width: 450px;
    color: #333;
}
div#main p.midashi_f2 {
    margin: 0 205px 10px;
    line-height: 1.5;
    color: #494949;
    background: transparent;

    font-size: 160%;
    letter-spacing: 2px;
    text-align: center;
    border-bottom: 1px dotted #999;
    display: inline-block;
    width: 550px;
    color: #333;
}
div#main p.midashi_f3 {
    margin: 0 120px 10px;
    line-height: 1.5;
    color: #494949;
    background: transparent;
    font-size: 160%;
    letter-spacing: 2px;
    text-align: center;
    border-bottom: 4px double #999;
    display: inline-block;
    
    color: #333;
}
	div#main p.text_col_red {
		color: #C30D23;
		    border-bottom: 4px double #C30D23;

	}
	div#main p.midashi_e {
    margin: 0 auto 30px;
    display: block;
    line-height: 1.5;
    font-weight: 800;
    font-size: 30px;
    letter-spacing: 2px;
    text-align: center;
	 color: #193682;
}
div#main p.main_text {
    margin: 15px 0px 50px 0px;
	line-height: 2;
}
.sp-button {
	border: 2px solid #ccc;
}
.sp-selected-button {
	background-color: #ccc;
}
#container #main .al_center {
	text-align: center;
}
#main .slider-pro {
		margin-bottom: 50px;
	}
#container #main p.blog_bn a{
	color: #fff;
	}
#main hr.mg_bt {
    width: 100%;
    margin-bottom: 80px;
    margin-top: 80px;
    background-color: #ccc;
}
#main .txt_cap {
    margin-left: 3.2%;
    margin-top: 50px;
}
.pre_link {
    text-align: center;
    margin-bottom: 50px;
}
.bn_cap {
	margin-left: 30px;
	margin-bottom: 5px;
}
div#main p.main_text_b {
    margin: 70px 3.2% 10px;
    line-height: 1.8;
    text-align: left;
    font-size: 16px;
}
div#main p.main_text_b {
    margin: 70px 3.2% 10px;
    line-height: 1.8;
    text-align: left;
    font-size: 16px;
}
.pc_none {
	display: none;
}
	.mg_btm40 {
		margin-bottom: 40px;
	}
#main p.topbtn {
    text-align: right;
    line-height: 1.5;
    margin-bottom: 30px;
    padding-right: 10px;
    margin-top: 30px;
}
p.topbtn a {
    font-size: 14px;
    color: #666;
    border: 1px solid #ddd;
    padding: 10px 15px 5px;
    border-radius: 10px;
}

.headingbox_1, .headingbox_2, .headingbox_3, .headingbox_4, .headingbox_5, .headingbox_6, .headingbox_7 {
	background: url(https://www.mapcamera.com/html/20190520_rainyseason2019/images/2019wetproof_02_bg.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 80px;
	margin-bottom: 10px;
	border-top: 4px double #193682;
	}

.headingbox_1 img {
    float: left;
    padding: 20px 30px;
}
 .headingbox_2 img {
	float: left;
	padding: 35px 30px 30px 50px; 
}	
.headingbox_3 img {
    float: left;
    padding: 10px 10px 20px 20px;
}
 .headingbox_4 img {
	float: left;
padding: 20px 20px 30px 20px;
}
 .headingbox_5 img {
	float: left;
padding: 20px 0 30px 20px;
}
 .headingbox_6 img {
	float: left;
padding: 20px 0 20px 20px;
}
 .headingbox_7 img {
	float: left;
padding: 20px 0 30px 20px;
}
.heading_1 {
	float: left;
    text-shadow: 1px 1px 1px #fff;
    padding: 50px 15px 20px 15px;
    margin: 0 auto;
    letter-spacing: 5px;
    line-height: 1.8;
    font-size: 18px;
	font-weight: bold;
}

.font_col_gre {
    color: #089949;
    font-size: 30px;
    line-height: 1.5;
    font-weight: bold;
	}
.heading_text {
    font-size: 68px;
    color: #193682;
    font-weight: bold;
	line-height: 1.3;
}
.headingbox_2 .font_col_gre {
    color: #089949;
    font-size: 25px;
    line-height: 1.8;
    font-weight: bold;
margin-top: -35px;
}
 .headingbox_2 .heading_text {
    font-size: 55px;
    color: #193682;
    font-weight: bold;
	
}
#main .headingbox_2 .captext {
 	font-size: 15px;
	line-height: 1.7;
}
.headingbox_3 .font_col_gre {
    color: #089949;
    font-size: 25px;
    line-height: 1.8;
    font-weight: bold;
	margin-top: -10px;
}
 .headingbox_3 .heading_text {
    font-size: 55px;
    color: #193682;
    font-weight: bold;
	line-height: 1.6;
}
.headingbox_4 .font_col_gre {
    color: #089949;
    font-size: 30px;
    line-height: 1.5;
    font-weight: bold;
}
 .headingbox_4 .heading_text {
    font-size: 55px;
    color: #193682;
    font-weight: bold;
	line-height: 1.6;
	 margin-top: 20px;
}
.headingbox_5 ul {
    margin-bottom: 20px;
    margin-top: -25px;
}
.headingbox_5 ul li {
    display: inline;
    padding: 5px 10px 5px 15px;
    background: #183682;
    color: #fff;
    text-shadow: none;
    border-radius: 5px;
    font-weight: bold;
    font-size: 13px;
}
#main .headingbox_5 .flobox p {
    float: left;
    vertical-align: middle;
    display: inline-block;
    color: #193682;
    line-height: 1.4;
}
#main .headingbox_5 .captext {
 	font-size: 14px;
	line-height: 1.6;
}
#main .headingbox_5 .heading_textspan {
	padding-top: 20px;
	padding-right: 10px;
}
.headingbox_6 .font_col_gre {
    color: #089949;
    font-size: 30px;
    line-height: 1.2;
    font-weight: bold;
    margin-top: -10px;
}
 .headingbox_6 .heading_text {
    font-size: 55px;
    color: #193682;
    font-weight: bold;
	line-height: 1.6;

}
 .headingbox_6 .captext {
 	font-size: 14px;
	line-height: 1.6;
}

.headingbox_7 .font_col_gre {
    color: #089949;
    font-size: 22px;
    line-height: 1.8;
    font-weight: bold;
	margin-top: -25px;
}
 .headingbox_7 .heading_text {
    font-size: 55px;
    color: #193682;
    font-weight: bold;
	line-height: 1.6;

}	
	
#main table.topmenu td, #main table.topmenu th {
    text-align: center;
    background: #E2EDFF;
    font-weight: bold;
    /* display: block; */
    vertical-align: middle;
    padding: 15px;
    /* border: 10px solid #fff; */
    color: #193682;
	}
	
#main table.topmenu td {
    border-top: 5px solid #fff;
border: 1px solid #aabcdf;
}
#main table.topmenu th {
	font-size: 30px;
    padding: 10px 0 5px 0;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom: 5px solid #193682;
}
#main table.topmenu tr {
border: 1px solid #ccc;
}	
#container #main .mg_top100 {
    margin-top: 100px;
}
#container #main .mg_top30 {
    margin-top: 30px;
}
	#container div#main .mg_top60 {
    margin-top: 60px;
}
	#container div#main .mg_top80 {
    margin-top: 80px;
}

	div#main .mg_btm50 {
		margin-bottom: 50px;
	}
	#container div#main .mg_top_m40 {	
		margin-top: -40px;
	}
	#container div#main .mg_top_m60 {	
		margin-top: -60px;
	}
#container #main p.model {
    font-size: 30px;
    margin-top: 55px;
    line-height: 1.6;
    font-weight: bold;
    text-align: center;
	margin-bottom: 30px;
	color: #C30D23;
}
#container #main p.model_b {
    font-size: 25px;
    margin-top: 55px;
    line-height: 1.6;
    font-weight: bold;
    text-align: center;
	margin-bottom: 30px;
	color: #1CA1F0;
}	
.header_hitomi ul .SONY_button {
    float: left;
    padding: 10px 45px 6px;
    font-size: 20px;
    background: #999;
    border-radius: 50px;
    vertical-align: middle;
    color: #ddd;
    margin-top: 13px;
	border: 1px solid #999;
	
}

.header_hitomi ul.btm_bt li:first-child {
	margin-right: 15px;
}
	.fa-angle-right {
		color: #ccc;
	}
	.fa-angle-right:hover {
		color: #000;
	}
	 .header_hitomi ul .SONY_button:hover {
	background: #fff;
	color: #C30D23;
		 border: 1px solid #C30D23;
	}
	 .header_hitomi ul .button00_of:hover {
	background: #fff;
	color: #C30D23;
		 border: 1px solid #C30D23;
	}

	#container div#main .header_hitomi ul a:hover {
	opacity: 1 !important;
	transition: 0s !important;
	}

	
.header_hitomi ul .Nikon_button{
    float: left;
    padding: 10px 50px 6px;
    font-size: 30px;
    background: #fff;
    border-radius: 50px;
    vertical-align: middle;
    margin-right: 20px;
    border: 3px solid #ccc;
    color: #333;
}
.header_hitomi ul .button00 {
    padding: 10px 30px 6px;
    font-size: 24.5px;
    background: #fff;
    border-radius: 50px;
    vertical-align: middle;
    margin-right: 20px;
    border: 1px solid #ccc;
    color: #222;
    letter-spacing: 0.6px;
    margin-bottom: 10px;
    text-align: center;
    letter-spacing: 2.3px;
}
.header_hitomi ul .button00 span{
	font-weight: bold;
}
.button00_of {
    margin-top: 10px;
    padding: 15px 25px 10px;
    font-size: 18px;
    background: #999;
    border-radius: 50px;
    vertical-align: middle;
    color: #ddd;
    margin-top: 15px;
    border: 1px solid #999;
    text-align: center;
    letter-spacing: 2.3px;
	
}

	.header_hitomi {
		position: relative;
	}
/*.header_hitomi ul {
    position: absolute;
    left: 30px;
    bottom: 80px;
}*/
.header_hitomi .poshi_ab {
    position: absolute;
    left: 30px;
    bottom: 80px;
}
/*
.header_hitomi ul.s_vs_n{
    position: absolute;
    left: 30px;
    bottom: 150px;
	}
*/
	#container #main .mg_btm60 {
		margin-bottom: 60px;
	}
	#container .twit_box {
		margin: 0 auto 10px;
		border: 1px solid #9cdaff;
		padding: 15px;
	}
.ninja-recommend.text .ninja-recommend-article-text-box {
    padding: 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
	.trademark_wrap img {
		display: none;
	}
	.ninja-recommend .social-count {
    min-width: 10%;
    margin-right: 10px;
    font-weight: 700;
	}
	.ninja-recommend-article-content {
    margin-top: 0;
    font-size: 19px !important;
}
	iframe {
    width: 800px;
    height: 450px;
    margin: 0 auto;
    text-align: center;
    display: inherit;
	}
	span.font_150 {
		font-size: 1.5em;
		color: #fff45c;
	}
		span.font_120 {
		font-size: 1.2em;
		color: #fff45c;
	}
.twittebox {
    background: #1CA1F0;
    padding: 30px 20px;
    text-align: center;
    color: #fff;
    line-height: 1.8;
    font-size: 20px;
	font-weight: bold;
}

	iframe {
    width: 800px;
    height: 450px;
    margin: 0 auto;
    text-align: center;
    display: inherit;
	}
	
#container #main .btn04 {
	text-align: center;
	width: 50%;
}
	
#container #main .btn04 a {
    display: inline-block;
    color: #000;
    font-size: 115%;
    text-decoration: none;
    letter-spacing: 3px;
	   
	background: #fff;
    font-size: 115%;
    border-radius: 10px;
    width: 90%;
    line-height: 30px;
    padding: 25px 0;
    margin: 30px auto 30px;
    text-align: center;
	border: 1px solid #999;
}	

#container #main .btn04 a:hover {
    color: #C30D23;
	border: 1px solid #C30D23;
	display: inline-block;
	text-align: center;
}	
#container #main .btn04 p{
	text-align: center;

	margin: 0 auto;
	}
	
.flo_box .btn04 {
	float: left;
	
}


/*ガジェット*/
.spk_subitle {
	word-wrap: break-word;
}
.spk_wrapper {
	width: 350px;
}
.spk_point {
	/*display: none;*/
}
.spk_subitle {
	display: none;
}
.spk_m_wrapper {
	line-height: 1.4;
	font-size: 80%;
}
.spk_m_point {
	/*display: none;*/
}
.spk_m_page.right {
	margin-left: 10px!important;
}
#container #main .spk_wrapper {
	width: 350px;
	margin: 0 25px;
	text-align: left;
	/*height: 520px;*/
}
.spk_gadget_wrapper {
	width: 100%;
	text-align: center;
}
.spk_item_wrapper {
	width: 800px;
	margin: 0 auto;
	margin-left: 100px;
}
.spk_img img {
	max-width: 250px;
}
#container div#main table {
	margin-bottom: 60px;
}
.detailbox {
	 border-top: 1px solid #999;
}
.flo_mc_box {
    width: 960px;
    border-bottom: 1px solid #999;
    margin: 0 auto;

}
.img_lef {
    /* float: left; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    display: table-cell;
}
.img_lef img {
    margin: 20px 10px 10px 0;
}
.text_rig {
    /* float: left; */
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    /* padding-right: 30px; */
    padding-left: 30px;
    line-height: 2;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
	color: #000;
}
.sp-selected-button {
    background-color: #ccc !important;
}

.sp-button {
    border: 2px solid #ccc !important;
}
.flo_boximg {
	width: 950px;
	margin: 0 auto 40px;
}
.flo_boximg li {
	float: left;
	padding: 10px;
}
.flo_boximg li p{
 font-size: 13px;
	padding-top: 5px;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
}
#simple .cap {
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
}
.fa-dot-circle {
    padding: 0 10px 5px;
    font-size: 18px;
    vertical-align: middle;
}
.slider-pro p.sp-layer {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
}


@media screen and ( max-width:896px ) {	
#container #main .spk_wrapper {
	width: 38%;
	margin: 0 6% 80px;
	height: 340px;
}
#container #main .spk_gadget_wrapper {
	width: 100%;
	text-align: center;
}
#container #main .spk_item_wrapper {
	width: 100%;
	margin: 0 auto;
}
.spk_m_wrapper {
	line-height: 1.4;
	font-size: 100%;
	margin-left: 10px;
	width: 41%;
}
.spk_m_page.left {
	margin-left: 0!important;
}
.spk_m_page.right {
	margin-left: -5px!important;
}

#container .spk_title .spk_product_name {
	font-size: 14px;
	font-weight: bold;
	/*text-overflow: ellipsis;*/
	overflow : hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.spk_title .spk_maker {
	font-size: 14px;
		overflow : hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.spk_img img {
	max-width: 120px;
}
div#main .spk_icon {
	width: 300px;
	overflow: hidden;
}	
div#main .spk_m_product_name {
	font-size: 12px !important;
	}
	}
/*ガジェット end*/	
	
@media screen and ( max-width:480px ) {	
	#inner {
		margin: 0;
	}
	div#main {
	margin: 0 auto;
	width: 100%;
}

#container #main .head_box {
    width: 100%;
    text-align: center;
    position: relative;
    margin-top: 0;
    margin-bottom: 30px;
}
div#container {
    min-width: 100%;
}	
#container #main .sp_img {
    width: 80%;
    margin: 0 10%;
}
#container #main .sp_img3 {
width: 100%;
    margin: 0 auto;
}
#main .sp_img2 {
    width: 96%;
	margin: 0 2%;
}
#container div#main table {
	margin-bottom: 0;
}
#container #main h2 {
    color: #fff;
background-color:rgba(2,143,231,0.7);
text-shadow: 1px 1px 1px #04629d;
    padding: 5px 5px 10px 5px;
    font-size: 25px;
    margin: 0 auto;
    width: 80%;
    position: absolute;
    top: 10.5%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    font-weight: normal;
    text-align: center;
    letter-spacing: 5px;
    line-height: 1.3;
    border-bottom: none;
	}
#container #main h2 span{
	font-size: 16px;
}
	.head_box img {
		width: 100%;
	}
	#main p.read_text {
    font-size: 14px;
	 line-height: 2;
	margin: 10px 10px 40px;
}


div#main p.main_text {
	margin: 15px 0px 30px 0px;
    line-height: 2;
    font-size: 14px;
}
#main hr.mg_bt {
	width: 96%;
	background-color: #ccc;
	margin: 50px auto;
}
#main .slider-pro {
	margin-bottom: 20px;
}
#container #main p.blog_bn {
	background: url(https://www.mapcamera.com/html/201905_sportsday/images/blog_bn.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    color: #fff;
    text-align: left;
    padding: 18px 0;
	width: 100%;
	font-size: 20px;
    letter-spacing: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: normal;
    margin-bottom: 70px;
    text-align: center;
    text-shadow: 1px 1px 1px #019CEC;
    margin-top: 20px;
}
#container #main p.blog_bn:hover {
	background: url(https://www.mapcamera.com/html/201905_sportsday/images/blog_bn_on2.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left top;
    color: #fff;
    text-align: left;
    padding: 18px 0;
	width: 100%;
	font-size: 20px;
    letter-spacing: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-weight: normal;
    margin-bottom: 70px;
    text-align: center;
    text-shadow: 1px 1px 1px #019CEC;
    margin-top: 20px;
}
#main .txt_cap {
    margin-left: 5px;
    text-align: center;
    margin-top: 0;
}
.pre_link {
    text-align: center;
    margin-bottom: 20px;
    margin: 0 10px 50px;
}
div#main p.main_text_b {
    margin: 30px 3.2% 10px;
    line-height: 1.8;
    text-align: left;
    font-size: 14px;
}
	div#main .mg_btm50 {
		margin-bottom: 50px;
	}
#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: -20px;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
text-shadow: 1px 1px 1px #fff;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f102';
  font-size: 25px;
  color: #555;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 10px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  color: #555;
	font-weight: bold;
}
.pc_none {
	display: block;
}
.sp_none {
	display: none;
}
	.mg_btm40 {
		margin-bottom: 20px;
	}
#container #main p.btn03 {
    background: #FA7800;
    border-radius: 10px;
    width: 70%;
    line-height: 30px;
    padding: 15px 20px;
    margin: 0 auto;
    text-align: center;
}
#container #main p.btn03 a {
    display: block;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: 2px;
}
	p.topbtn a {
    font-size: 14px;
    color: #666;
    border: none;
    padding: 10px 15px 5px;
    border-radius: none;
}
	
.headingbox_1, .headingbox_2, .headingbox_3, .headingbox_4, .headingbox_5, .headingbox_6, .headingbox_7 {
    background: url(https://www.mapcamera.com/html/20190520_rainyseason2019/images/2019wetproof_02_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 80px;
    margin-bottom: 10px;
    border-top: 4px double #193682;
}
	
.heading_1 {
    float: none;
    text-shadow: 1px 1px 1px #fff;
    padding: 10px 15px 10px 15px;
    margin: 0 auto;
    letter-spacing: 5px;


    line-height: 2;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
#main .headingbox_1 img,
#main .headingbox_2 img,
#main .headingbox_3 img, 
#main .headingbox_4 img,
#main .headingbox_5 img,
#main .headingbox_6 img,
#main .headingbox_7 img {
    padding: 0;
	padding-top: 15px;
    float: none;
    margin: 0 7%;
}
#main .font_col_gre {
    color: #089949;
    font-size: 14px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 10px;
}
#main .heading_text {
    font-size: 28px;
    color: #193682;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px;
}
div#main p.midashi_e {
    margin: 0 10px 10px;
    font-size: 17px;
    letter-spacing: 0;
}
div#main p.midashi_g {
    margin: 100px 4% 70px;
    font-size: 17px;
    letter-spacing: 0;
    width: 94%;
    border-bottom: none;
}
div#main p.midashi_g:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    width: 150px;
    height: 80px;
    border-radius: 50%;
    border: 4px double #999;
    border-left-color: transparent;
    border-right-color: transparent;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#main .headingbox_2 .captext, #main .headingbox_5 .captext, #main .headingbox_6 .captext, #main .headingbox_7 .captext {
    font-size: 11px;
    line-height: 1.7;
}
	#container div#main .mg_top_m40 {
		margin-top: 0;
		
	}
#container div#main p.mg_top100 {
    margin-top: 50px;
}
div#main p.midashi_f {
    font-size: 17px;
    letter-spacing: 0;
    width: initial;
    margin: 40px 6% 40px;
    display: inline-block;
}
div#main p.midashi_f2 {
    margin: 0 auto 10px;
    font-size: 17px;
    letter-spacing: 0;
    width: initial;
    margin: 0 9% 5px;
    display: inline-block;
    text-align: center;
}
div#main p.midashi_f3 {
    margin: 0 auto 10px;
    font-size: 17px;
    letter-spacing: 0;

    margin: 0 2% 5px;
    display: inline-block;
}
.headingbox_5 ul li {
    display: inline;
    padding: 5px 10px 5px 15px;
    background: #183682;
    color: #fff;
    text-shadow: none;
    border-radius: 5px;
    font-weight: bold;
    font-size: 13px;
    line-height: 3;
}
#main .headingbox_5 .heading_textspan {
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 20px;
}

.mg_top60 {
    margin-top: 30px;
}
#container div#main .mg_top_m40 {
    margin-top: 50px;
}
div#container div#main .mg_top_m60 {
    margin-top: 40px;
}
 .headingbox_6 .heading_text {
    font-size: 26px;
    color: #193682;
    font-weight: bold;
	line-height: 1.6;

}
div#container div#main .mg_top60 {
    margin-top: 60px;
}
	.menu {

    margin: 0 10px 30px;
	    text-align: center;

	}
#main .menu li.head {
    display: block;
    text-align: center;
    border-bottom: 5px solid #193682;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: bold;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 5px solid #193682;
    padding: 10px;

	}

	#main .menu li {
    display: inline-block;
    padding: 10px 10px;
    font-size: 11px;
	background: #E2EDFF;
}

#main p.spc_text {
    text-align: center;
    display: block;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    color: #4A4A4A;
	margin: 0 10px;
}
.header_hitomi ul .Nikon_button {
    float: none;
    padding: 5px 0 3px;
    font-size: 16px;
    background: #fff;
    border-radius: 0;
    vertical-align: middle;
    margin-right: 0;
    border: none;
    color: #333;
    display: block;
    border: 1px solid #ccc;
}
.header_hitomi ul .SONY_button {
    float: none;
    padding: 5px 10px 5px 15px;
    font-size: 13px;
    background: #999;
    border-radius: 50px;
    vertical-align: middle;
    color: #ddd;
    margin-top: 5px;
    border: 1px solid #999;
    display: inline-block;
}
.header_hitomi ul .button00 {
    padding: 6px 10px 3px;
    font-size: 14px;
    background: #fff;
    border-radius: 0;
    vertical-align: middle;
    margin-right: 20px;
    border: 1px solid #ccc;
    color: #222;
    line-height: 1.6;
    margin-bottom: 5px;
    display: block;
    text-align: center;
    margin: 5px auto 10px;
	letter-spacing: 0.5px;
}
.button00_of {
    margin-top: 10px;
    padding: 6px 10px 4px;
    font-size: 13px;
    background: #999;
    border-radius: 50px;
    vertical-align: middle;
    color: #ddd;
    margin-top: 5px;
    border: 1px solid #999;
}	
.header_hitomi .poshi_ab {
    position: absolute;
    left: 10px;
    bottom: 12px;
}
.header_hitomi .ab_none {
    margin: 5px auto 40px;
    width: 90%;
    text-align: center;
}

	.header_hitomi ul.btm_bt li:first-child {
	margin-right: 0;
		margin-bottom: 5px;
}
	
	.header_hitom  .ab_none ul.btm_bt {
		margin: 0 auto;
		width: 100%;
	}
/*.header_hitomi ul.s_vs_n {
    position: absolute;
    left: 10px;
    top: 120px;
}*/
  div#container div#main div.iframe-wrapper {
    position: relative;
    width: 90%;
    padding: calc(315 / 560 * 100%) 0 0;
	  margin: 0 auto 30px;
  }
  .iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
#container div#main p.model {
    font-size: 18px;
    line-height: 1.6;
    font-weight: bold;
	margin: 25px 15px;
}
#container #main p.model_b {
    font-size: 17px;
}
	#main .twittebox {
    background: #1CA1F0;
    padding: 30px 20px;
    text-align: center;
    color: #fff;
    line-height: 1.8;
    font-size: 14px;
    font-weight: bold;
		margin: 0 auto 0;
}
	#container div#main .sp_mg_btm60 {
		margin-bottom: 60px;
	}
	#container div#main .sp_mg_btm30 {
		margin-bottom: 30px;
	}
	.ninja-recommend-block {
    width: inherit;
    max-width: 90%;
}
	#container #main .mg_lr10 {
    margin-left: 10px;
    margin-right: 10px;
}
	.ninja-recommend-article-content {
    margin-top: 0;
    font-size: 14px !important;
}
	
#container #main .btn04 p {
    text-align: center;
     width: 100%; 
    margin: 0 auto;
}
#container #main .btn04 a {
    display: inline-block;
    color: #000;
    font-size: 115%;
    text-decoration: none;
    letter-spacing: 3px;
    background: #fff;
    font-size: 16px;
    border-radius: 50px;
    width: 80%;
    line-height: 30px;
    padding: 15px 0;
    margin: 0 auto 30px;
    text-align: center;
    border: 1px solid #999;
}
#container #main .sp_mg_top50 {
		margin-top: 50px;
	}
#container #main .sp_mg_btm100 {
		margin-bottom: 100px;
	}
	#container #main .mg_top100 {
    margin-top: 50px;
}
	

	.flo_box .btn04 {
    float: none;
}
	#container #main .btn04 {
    text-align: center;
    width: 90%;
    margin: 0 auto;
}
	.flo_box {
		margin-bottom: 50px;
	}	
	}