@charset "UTF-8";
/* =====================================================================
   プリペット カスタムCSS（テーマ Magazine News 2.3.8 時代の style.css から復元）
   テーマ本体の style.css の後に読み込まれます。
   テーマを更新してもこのファイルは消えません。
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. テーマ標準ルールを書き換えていた箇所（旧 style.css 内で直接編集されていた値）
   --------------------------------------------------------------------- */
th {
	border: 1px solid #000000;
}
#page {
	border: 1px solid #ffffff;
}
button,
input[type="button"],
input[type="reset"] {
	background: #ff1493;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #ff1493;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #ff1493;
}
#site-navigation {
	background: #000000;
}
/* メイン列：テーマ 2.4.6 はサイドバー用に 69% 幅になっているため 100% に戻す */
#content main {
	float: left;
	width: 100%;
}
article header,
article header h1,
article header h2 {
	font-size: 20px;
}
#content article {
	background: #fff;
}
.category #content article {
	background: #eee;
}
.widget_search .search-form .search-field {
	width: 100%;
	margin: 0;
	line-height: 17px;
}

/* ---------------------------------------------------------------------
   2. 旧 style.css にあり 2.4.6 で削除された追加ルール
   --------------------------------------------------------------------- */
.mejs-fullscreen #site-navigation {
    z-index: 0 !important;
    position: absolute !important;
}
.mejs-fullscreen .container-slider {
    z-index: 0 !important;
    position: absolute !important;
}
.mejs-fullscreen .av-container{
    z-index: 0;
    position: absolute;
}
.mejs-fullscreen .animated {    
	z-index: 0;
    position: absolute;
}
.mejs-fullscreen .widget-title{    
	display:none;
}
.mejs-fullscreen .textwidget{    
	display:none;
}
.mejs-fullscreen .mejs-container-keyboard-inactive{
	display:none;
}
.mejs-fullscreen .mejs-container-fullscreen{
	display:block;
}

mt10 {
	margin-top: 10px;
}

mb10 {
	margin-bottom: 10px;
}



ttbox {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
}


marquee {
    margin: 0;
    padding-left: 100%;
    display: inline-block;
    white-space: nowrap;
    animation-name: marquee;
    animation-duration: 20s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    font-size: 120%;
    letter-spacing: 3px;
}



/* ---------------------------------------------------------------------
   3. 旧テーマのテンプレートで指定されていた見た目の補正
   --------------------------------------------------------------------- */
/* 固定ページ：旧テンプレートは main に width:100%; padding:20px を直書きしていた */
.home #content main,
.page #content main {
	width: 100%;
	padding: 20px;
}
/* 旧テンプレートでは固定ページの空の見出し領域は出力されていなかった */
.home #content article > .entry-header {
	display: none;
}
/* 旧フッターでは削除されていたテーマ作者クレジット */
.site-info a[href*="seosthemes.com"] {
	display: none;
}

/* ---------------------------------------------------------------------
   4. プリペット追加（旧 style.css 末尾の追加分をそのまま復元）
   --------------------------------------------------------------------- */
/* プリペット追加 */
body.custom-background {
    background-image: none;
}
    
    
button, input[type="button"], input[type="reset"] {
    text-shadow:none;
    box-shadow: none;
}



/**************************** プリペット追加 */
.page-top {
	margin: 0;
	padding: 0;
}
.page-top p {
	margin: 0;
	padding: 0;
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 10000;
}
.move-page-top {
	display: block;
	background: #0f2343;
	width: 50px;
	height: 50px;
	color: #fff;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.6;
}
.move-page-top:hover {
	opacity: 0.4;
	text-decoration: none;
}
.container {
	padding: 0 !important;
}
.nomargin {
	margin: 0;
}
.nopad {
	padding: 0;
}
.row {
	margin-right: 0px !important;
	margin-left: 0px !important;
}
.mt-50 {
	margin-right: 0px;
	margin-left: 0px;
	margin-top: -50px;
}
.blockmiddle {
	padding-right: 15px;
	padding-left: 15px;
}
.margin_nomal {
	padding-right: 15px;
	padding-left: 15px;
}
.article {
	text-align: justify;
	text-justify: inter-ideograph;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 0px;
	padding-left: 0px;
}
.a:link {
	color: #0000ff;
!important;
}
.a:visited {
	color: #1e90ff;
!important
}
.a:hover {
	color: #ff0000;
!important
}
.a:active {
	color: #ff1493;
!important
}
.subtitle_txt_m1 {
	font-weight: bold !important;
}
.subtitle_txt {
	font-weight: bold !important;
}
.subtitle_txt2 {
	font-weight: bold !important;
}
.subtitle_txt3 {
	font-weight: bold !important;
}
    
    .subtitle_txt5 {
	font-weight: bold !important;
}
.bluebox {
	font-weight: bold !important;
}
.backblack {
	background: #181E24 !important;
}
.imgmargin {
	margin-top: 50px;
	margin-bottom: 50px;
}
    .txtjustify{
        text-align: justify; /* 両端揃え */
   text-justify: inter ideograph; /* 両端揃えの種類 */
    }
    
    .doublebox {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #ff69b4;
}
.doublebox p {
    margin: 0; 
    padding: 0;
    line-height:1.5;
    font-weight: bold !important;
    text-align: center!important;
}
.btn_detail .btn-default {;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	border-left-width: 0px;
	border-right-width: 0px;
	font-size: 14px;
	height: 55px;
	border-radius: 0px;
}
.btn_detail a:link:hover, .btn_detail a[href]:hover {
	text-decoration: none;
}
.btn_detail .menu_black {
	padding-top: 18px;
	border-color: #000;
	color: #fff;
	background-color: #000 !important;
}
a:link:hover.menu_black, a[href]:hover.menu_black {
	color: #fff !important;
	background-color: #222 !important;
	border-color: #222 !important;
}
.btn_detail .menu_red {
	padding-top: 10px;
	border-color: #C71435;
	color: #fff;
	background-color: #C71435 !important;
}
a:link:hover.menu_red, a[href]:hover.menu_red {
	color: #fff !important;
	background-color: #d72445 !important;
	border-color: #d72445 !important;
}
.bt_red {
	background-color: #C71435 !important;
	border-color: #C71435 !important;
	color: #fff;
	width: 100%;
}
.bt_red:hover, .bt_red:hover {
	color: #fff !important;
	background-color: #C71435 !important;
	border-color: #C71435 !important;
}
    
.bt_white {
	border-color: #fff !important;
	width: 60%;
    border: 2px solid transparent;
    border-radius: 40px;
}
.bt_white:hover, .bt_white:hover {
	color: #fff !important;
	border-color: #FFFFFF;

}
    
 .bt_white_main {
	background-color: #000 !important;
    color: #fff !important;
	min-width: 90%;
    border: 3px solid #fff!important;
    border-radius: 40px;
}
.bt_white_main:hover, .bt_white_main:hover {
	color:#C71435;
        font-weight: bold;
    }
    
    .bt_white_main1 {
	background-color: #000 !important;
    color: #fff !important;
	min-width: 90%;
    border: 3px solid #fff!important;
    border-radius: 40px;
        animation: blink 1s linear infinite normal;
	-webkit-animation: blink 1s linear infinite normal;
	-moz-animation: blink 1s linear infinite normal;
	-o-animation: blink 1s linear infinite normal;
}
.bt_white_main1:hover, .bt_white_main:hover {
background-image: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
    }
    
 .bt_red_main1 {
	border-color: #C71435 !important;
	background-color: #C71435 !important;
    color: #fff !important;
	min-width: 90%;
    border: 2px solid transparent;
    border-radius: 40px;
     animation: blink 1s linear infinite normal;
	-webkit-animation: blink 1s linear infinite normal;
	-moz-animation: blink 1s linear infinite normal;
	-o-animation: blink 1s linear infinite normal;
}
.bt_red_main1:hover, .bt_red_main:hover {
	background-color: #D72445 !important;
    animation:none;
	-webkit-animation:none;

}
    
    @keyframes blink{
	0% {background-color:#c71435;}
	10% {background-color:#4d0813;}
	100% {background-color:#c71435;}
}
@-webkit-keyframes blink{
	0% {background-color:#c71435;}
	10% {background-color:#4d0813;}
	100% {background-color:#c71435;}
}
@-moz-keyframes blink{
	0% {background-color:#c71435;}
	10% {background-color:#4d0813;}
	100% {background-color:#c71435;}
}
@-o-keyframes blink{
	0% {background-color:#c71435;}
	10% {background-color:#800d22;}
	100% {background-color:#c71435;}
}
    
     .bt_red_main {
	border-color: #C71435 !important;
	background-color: #C71435 !important;
    color: #fff !important;
	min-width: 90%;
    border: 2px solid transparent;
    border-radius: 40px;
}
.bt_red_main:hover, .bt_red_main:hover {
	background-color: #D72445 !important;

}
    
    .bt_black {
	background-color: #000000 !important;
	border-color: #000000 !important;
	color: #fff;
	width: 100%;
}
.bt_black:hover, .bt_black:hover {
	color: #fff !important;
	background-color: #000000 !important;
	border-color: #000000 !important;
}
    
    .bt_blue {
	background-color: #00bfff !important;
	border-color: #00bfff !important;
	color: #fff;
	width: 100%;
}
.bt_blue:hover, .bt_blue:hover {
	color: #fff !important;
	background-color: #00bfff !important;
	border-color: #00bfff !important;
}
    
        .bt_gray {
	background-color: #696969 !important;
	border-color: #696969 !important;
	color: #fff;
	width: 100%;
}
.bt_gray:hover, .bt_black:hover {
	color: #fff !important;
	background-color: #696969 !important;
	border-color: #696969 !important;
}
	
.bt_red_border {
	background-color: #fff !important;
	border-color: #C71435 !important;
	border-style: solid !important;
	border-width: 3px !important;
	color: #C71435;
	width: 100%;
}
.bt_red_border:hover, .bt_red_border:hover {
	color: #C71435 !important;
	background-color: #eee !important;
	border-color: #d72445 !important;
}
    
    .bt_black_border {
	background-color: #fff !important;
	border-color: #000000 !important;
	border-style: solid !important;
	border-width: 3px !important;
	color: #000000;
	width: 100%;
}
.bt_black_border:hover, .bt_black_border:hover {
	color: #000000 !important;
	background-color: #eee !important;
	border-color: #000000 !important;
}
    
    

     	
.dotbox{
border: 1px solid #000;
}
    
    .dotbox1{
border: 1px solid #000;
margin-top:30px !important;
}

.red_title{
color:#C71435;
font-weight: bold;
}
    .red_title1{
color:#C71435;
font-weight: bold;
}
.bt_red_main{
font-weight: bold;
}
    .bt_red_main1{
font-weight: bold;
}
    
    

.bt_white_main{
font-weight: bold;
}
    .red_title2{
color:#C71435;
font-weight: bold;
}
    
.white_title{
color:#fff;
font-weight: bold;
}
    .white_title1{
color:#fff;
font-weight: bold;


}
    .white_title2{
color:#fff;
font-weight: bold;
}
.white_txt{
color:#fff;
font-weight: bold;
}
    
    .white_txt1{
color:#fff;
font-weight: bold;
}
    
    .white_title3{
color:#fff;
font-weight: bold;
}
    
        .white_title4{
color:#fff;
font-weight: bold;
}
    
    .white_title5{
color:#fff;
font-weight: bold;
}

.bigtxt{
text-align: center;
color:#000;
font-weight: bold;
}
    .bigtxt_w{
text-align: center;
color:#fff;
font-weight: bold;
}
        .bigtxt_w1{
text-align: center;
color:#fff;
font-weight: bold;
}
    
   
            .bigtxt_w2{
text-align: center;
color:#fff;
font-weight: bold;
}
    .bigtxt_w3{
text-align: center;
color:#fff;
font-weight: bold;
}
    
            .bigtxt_w4{
text-align: center;
color:#fff;
font-weight: bold;
}
    
.black_title{
text-align: center;
color:#000;
font-weight: bold;
}
    
    .black_text{
text-align: left;
color:#000;
font-weight: bold;
}
    
    .gene_title{
text-align: center;
color:#000;
font-weight: bold;
}
.black_bkg{
text-align: center;
color:#fff;
background: #000;
font-weight: bold;
}
    .text-grad {
background-image: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
    }
    
    .redtxt {
color:#C71435;
        font-weight: bold;
    }
    
    .yellowtxt {
color:#ffd700;
        font-weight: bold;
    }
    
    .pastelpinktxt {
color:#ff69b4;
        font-weight: bold;
    }
    
    .skybluetxt {
color:#00bfff;
        font-weight: bold;
    }
    
    .text-grad1 {
background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
    }
    
    .text-grad2 {
background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
    }
	
        .text-grad3 {
background-image: linear-gradient(-225deg, #5D9FFF 0%, #B8DCFF 48%, #6BBBFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
    }
    
.point_pad{
padding: 10px 15px 10px 15px;		
}

.contenttxt{
font-size: 17px;
}
    
    .contenttxt2{
font-size: 16px;
}
	
	
.rdo_model{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor:pointer;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 28px;
	background: #000;
	color:#fff;
}

.rdo_model:hover{
	text-decoration: none !important;
	border: 2px solid #0070c9;
	background: #333;
}

.rdo_model:active{
	text-decoration:none !important;
	border: 2px solid #0070c9;
    box-shadow: 0 0 0 3px rgba(0,112,201,.3);
	background: #333;
}



.model_selected{
	position: relative;
	overflow: hidden;
	/*
	display: block;
	*/
	
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
      opacity: 1;
}

.model_noselected{
	position: absolute;
	top:0;
	left:0;

	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
      opacity: 0;
}
.bg_gray{
	background-color: #B6B6B7;
}

.bg_blue{
	background-color: #15237A;
}

.bg_aqua{
	background-color: #E1F6F6;
}
.bg_selected{
	background-color: #333;
	color:#fff;
	border: 5px solid #dc143c !important;
	
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.border_selected{
	border: 6px solid #F68FBC;
	
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.bg_invalid{
	background-color: #b6b6b7;
	border: 2px solid #0070c9 !important;
	
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
	
.border_gray{
	border: 2px solid #B4B4B5;
}


input[type="radio"]{
	display: none;
	vertical-align: middle;
}

.radio_area {
	display: table;
	
	padding-right:  15px;
	padding-left: 15px;
}

.color_radio_area{
	display: table;
}
	

.model_block{
	min-height: 320px;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	overflow: hidden;
	position: relative;
}
	
.model_noselected{
	position: absolute;
	top:0;
	left:0;

	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
      opacity: 0;
}
	
.contentpad{
	padding-right: 15px;
	padding-left: 15px;
    padding-bottom: 15px;
}
	
	
.slide_sub_wr .slick-track{
	background: #DCDDDD;
}
.slide_sub{
	background: #DCDDDD;
	padding-right: 15px;
	padding-left: 15px;
}

.miserarete{
	background: #fff;
}

    .miserarete1{
	background: #000;
}
    
.model_noselected{
   z-index: -100;
}
	
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
background-color: #DDD;
}

	.mohou_sub{
		font-weight: bold;
	}
	
	.mohou_main{
		font-weight: bold;
		font-weight: bold;
	}
    	.mohou_main1{
		font-weight: bold;
	}
    	.mohou_main12{
		font-weight: bold;
	}
    
      	.mohou_main3{
		font-weight: bold;
	}
    
    
          	.mohou_main2{
		font-weight: bold;
        font-size: 22px;
	}
   
     .mohou_main4{
		font-weight: bold;
	}
    
     .mohou_main5{
		font-weight: bold;
	}
	
.navbar-inverse {
background-color: #000;
}
	.navbar {
    margin-bottom: 0px;
}

.video{
  position:relative;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
	.navbar-header{
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
    .slick-dots{
        padding-left:0px !important;
    }  
    
	/* ::::::::::::::::::::::::::: */
	
	.slick-list{
		border:0px solid #000;

	}
	.slidemargin{
		width: 85%;
	}
    
    .c_btn {
    width: 200px;
    margin: 0 auto;
    padding: 5px 0;
    font-size: 15px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #000;
        background-color: #f5f5f5;
    border-color: #000;
    border-style: solid;
        border-width: 1px;
    border-radius: 30px;
    -webkit-border-radius: 30px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 30px;/* for Firefox 対応*/
}


.modal_close_btn{
	text-align: center;
}
    .navbar{
        border: none !important;
    }
    
.kounyubutton{
    padding-top: 14px !important;
    background-color: #C71435 !important;
    border-color: #C71435 !important;
    color: #fff !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    height: 50px;
    display: block;
}
    
    
.pr{
padding-right: 0px !important;
}
    
.pl{
padding-left: 0px !important;
}

.redboxheight{
 height: auto;
}
    

    
    
	/****************** ::::::::::::::::::::::::::: ***************************/
/********** min-width : 320px *******/
@media only screen and (min-width : 320px) {
   
.redboxheight{
 height: auto;
}
.pr{
padding-right: 0px !important;
}
    
.pl{
padding-left: 0px !important;
}
    
.rdo_model{
	height: 80px;
}

.slidemargin{
  margin-top: 20px;
}	
.sumaho_center{
 text-align: center;
}	
 .mage1{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
 .mage2{
	width: 90%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}	
	
	
.slideback{
   margin-top: 0px;
}	
.fixheader{
    position: relative;
    right: auto;
    left: auto;
    z-index: 1030;
    top: auto;
    border-width: 0 0 1px;
}	
	
.fixedpc {
    position: fixed;
    top: 0;
}
	

	
.bigtxt{
font-size: 44px;
	margin-top: 10px;
	margin-bottom: 10px;
}
    .bigtxt_w{
font-size: 45px;
	margin-top: 10px;
	margin-bottom: 10px;
}
    
    .bigtxt_w1{
font-size: 38px;
	margin-top: 10px;
	margin-bottom: 10px;
}
    
        .bigtxt_w2{
font-size: 40px;
	margin-top: 10px;
	margin-bottom: 10px;
}
    
        .bigtxt_w3{
font-size: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
}
    
            .bigtxt_w4{
font-size: 38px;
	margin-top: 10px;
	margin-bottom: 10px;
}
    
.black_title{
font-size: 18px;
	margin-bottom: 10px;
}
    
    .black_text{
font-size: 16px;
	margin-bottom: 10px;
}
    
    .gene_title{
font-size: 18px;
	margin-bottom: 10px;
}
    


.black_bkg{
font-size: 20px;
}
	
.red_title{
margin-top: 5px;
font-size: 14px;
}
    .red_title1{
margin-top: 5px;
font-size: 20px;
}
    
.bt_red_main{
margin-top: 5px;
font-size: 20px;
}
    .bt_red_main1{
margin-top: 5px;
font-size: 20px;
}
    
.bt_white_main{
margin-top: 5px;
font-size: 20px;
}
    .red_title2{
margin-top: 5px;
font-size: 38px;
}
    
.white_title{
font-size: 14px;
}

.white_title1{
font-size: 25px;
}
    
    .white_title2{
font-size: 20px;
}
    
        .white_title3{
font-size: 22px;
}
    
            .white_title4{
font-size: 20px;
}
    
    .white_title5{
font-size: 18px;
}
    
    
    
.white_txt{
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
}
    
    .white_txt1{
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
}
    
        .size_ttl{
font-size: 23px;
}

	.mohou_sub{
		font-size: 14px;
	}
	
	.mohou_main{
		font-size: 16px;
	}
    
              	.mohou_main2{
		font-weight: bold;
                    font-size: 15px;
	}
    
    .mohou_main3{
		font-size: 14px;
	}
    
            .mohou_main4{
		font-weight: bold;
            font-size: 22px;
	}
              .mohou_main5{
		font-weight: bold;
            font-size: 22px;
	}
        	.notice{
		font-weight: bold;
            font-size: 24px;
	}
    
          	.notice_sub{
		font-weight: bold;
            font-size: 14px;
	}
	
	
.subtitle_txt_m1 {
	font-size: 16px!important
}
.subtitle_txt, .subtitle_txt h2 {
	font-size: 18px!important
}
.subtitle_txt2 {
	font-size: 24px!important
}
.subtitle_txt3 {
	font-size: 20px!important
}
.subtitle_txt4 {
	font-size: 28px!important;
	font-weight: 900!important
}
    
    .subtitle_txt5 {
	font-size: 20px!important;
}
    
.bluebox, .bluebox h2 {
	font-size: 15px!important
}
.redbox {
	font-size: 18px!important
}
.round_box table thead th {
	font-size: 18px!important
}
.blue_title {
	margin-left: 17px;
	margin-right: 17px;
	padding-bottom: 8px
}
div#hmenu ul {
	margin: 0;
	padding: 0
}
div#hmenu ul li {
	float: none;
	height: 40px
}
div#hmenu ul li a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 20px 22.5px;
	text-align: center;
	height: 40px;
	display: inline-block;
	font-size: 12px
}
div#hmenu {
	width: 100%;
	height: 330px;
	background-color: #000;
	padding: 8px 0;
	margin: 0 auto;
	color: #fff;
	font-family: mplus-1p-regular
}
.subtxt {
	font-size: 12px;
}
.subinfotxt3 {
	font-size: 12px;
}
.infotxt_b2 {
	font-size: 8px !important;
}
.xs-center {
	text-align: center;
}
　　 .m {
	font-size: 17px;
}
.blocktop {
	height: 23px;
}
.blockbt {
	height: 30px;
}
    
        .black_title1{
font-size: 22px;
        font-weight: bold;
	margin-bottom: 0px;
}
    
    .uresuji1{
        font-size: 17px;
        font-weight: bold;
        margin: 0;
    }
    .uresuji12{
        font-size: 18px;
        font-weight: bold;
    }
    .uresuji12_2{
        font-size: 17px;
        font-weight: bold;
    }
    .uresuji2{
        font-size: 16px;
        font-weight: bold;
        margin: 0;
    }
    .uresuji3{
        padding: 2px;
    }
    .tenpo1{
        font-size: 18px;
        margin-bottom: 0px;
    }
    .tenpo2{
        font-size: 32px;
        margin-top: 3px;
        margin-bottom: 2px;
    }
    .tenpo_box{
         padding: 1px;
         margin: 0px 4px 0px 7px;
         border: 2px solid #fff;
    }

}

/********** min-width : 480px *******/
@media only screen and (min-width : 480px) {

.uresuji12{
    font-size: 20px;
    font-weight: bold;
}
.uresuji12_2{
    font-size: 17px;
    font-weight: bold;
}
.redboxheight{
 height: auto;
}
.pr{
padding-right: 0px !important;
    display: block;
}
    
.pl{
padding-left: 0px !important;
    display: block;
}
    
.rdo_model{
	height: 130px;
}

        .black_title1{
font-size: 18px;
        font-weight: bold;
	margin-bottom: 5px;
}
    
    .black_text{
font-size: 30px;
        font-weight: bold;
	margin-bottom: 5px;
        margin-top: 80px;
}

.slidemargin{
  margin-top: 30px;
}
.sumaho_center{
 text-align: center;
}	
	
 .mage1{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
 .mage2{
	width: 90%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
	
.slideback{
   margin-top: 0px;
}
	
.fixheader{
    position: relative;
    right: auto;
    left: auto;
    z-index: 1030;
    top: auto;
    border-width: 0 0 1px;
}	
		
.fixedpc {
    position: fixed;
    top: 0;
}
	

.bigtxt{
font-size: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.black_title{
font-size: 24px;
	margin-bottom: 10px;
}
    
    .gene_title{
font-size: 20px;
	margin-bottom: 10px;
}
.black_bkg{
font-size: 24px;
}
	
	
.red_title{
margin-top: 14px;
font-size: 20px;
}
    .red_title1{
margin-top: 14px;
font-size: 20px;
}
.bt_red_main{
margin-top: 14px;
font-size: 20px;
}  
    .bt_red_main1{
margin-top: 14px;
font-size: 20px;
}
.bt_white_main{
margin-top: 14px;
font-size: 20px;
}
.white_title{
font-size: 20px;
}
    
    .white_title1{
font-size: 35px;
}
.white_txt{
margin-top: 20px;
margin-bottom: 20px;
font-size: 14px;
}
    
    .white_txt1{
margin-top: 20px;
margin-bottom: 20px;
font-size: 14px;
}
	.mohou_sub{
		font-size: 14px;
	}
	
	.mohou_main{
		font-size: 16px;
	}

        .size_ttl{
font-size: 20px;
}
	
.subtitle_txt_m1 {
	font-size: 16px!important
}
.subtitle_txt, .subtitle_txt h2 {
	font-size: 18px!important
}
.subtitle_txt2 {
	font-size: 24px!important
}
.subtitle_txt3 {
	font-size: 20px!important
}
.subtitle_txt4 {
	font-size: 24px!important;
	font-weight: 900!important
}
.bluebox, .bluebox h2 {
	font-size: 15px!important
}
.redbox {
	font-size: 18px!important
}
.round_box table thead th {
	font-size: 18px!important
}
.blue_title {
	margin-left: 17px;
	margin-right: 17px;
	padding-bottom: 8px
}
div#hmenu ul {
	margin: 0;
	padding: 0
}
div#hmenu ul li {
	float: none;
	height: 30px
}
div#hmenu ul li a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 20px 22.5px;
	text-align: center;
	height: 40px;
	display: inline-block;
	font-size: 12px
}
div#hmenu {
	width: 100%;
	height: 330px;
	background-color: #000;
	padding: 8px 0;
	margin: 0 auto;
	color: #fff;
	font-family: mplus-1p-regular
}
.subtxt {
	font-size: 14px;
}
.subinfotxt3 {
	font-size: 13px;
	margin-top: 6px;
}
.infotxt_b2 {
	font-size: 10px !important;
}
.xs-center {
	text-align: left;
}
.blocktop {
	height: 53px;
}
.blockbt {
	height: 70px;
}
}

/********** min-width : 768px *******/
@media only screen and (min-width : 768px) {
.redboxheight{
display: table-cell;
vertical-align: middle;
width: 100%;
 height: 86px;
}
.pr{
padding-right: 15px !important;
    display: table;
}
    
.pl{
padding-left: 15px !important;
    display: table;
}
    
.slidemargin{
  margin-top: 45px;
}
.sumaho_center{
 text-align: left;
}
 .mage1{

	width: 78%;
	margin-left: auto;
	margin-right: auto;
}
	
 .mage2{
	width: 90%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
	
.slideback{
   margin-top: 0px;
}
	
.fixheader{
    position: relative;
    right: 0;
    left: 0;
    z-index: 1030;
    top: 0;
    border-width: 0 0 1px;
}	
		
.fixedpc {  
    position: fixed;
    top: 0;
}
	
.bigtxt_w{
font-size: 70px;
	margin-top: 10px;
	margin-bottom: 10px;
}
    
.bigtxt{
font-size: 70px;
	margin-top: 20px;
	margin-bottom: 20px;
}
    .bigtxt_w2{
font-size: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
}
    
            .bigtxt_w3{
font-size: 60px;
	margin-top: 10px;
	margin-bottom: 10px;
}
    
                .bigtxt_w4{
font-size: 70px;
	margin-top: 10px;
	margin-bottom: 10px;
}
    
.black_title{
font-size: 35px;
	margin-bottom: 10px;
}
    
    .black_title1{
font-size: 22px;
        font-weight: bold;
	margin-bottom: 10px;
}
    
.black_bkg{
font-size: 35px;
}
    
    .size_ttl{
font-size: 23px;
}
	
	
.red_title{
margin-top: 20px;
font-size: 40px;
}
    .red_title1{
margin-top: 20px;
font-size: 28px;
}
.bt_red_main{
margin-top: 20px;
font-size: 28px;
}
    .bt_red_main1{
margin-top: 20px;
font-size: 28px;
}
.bt_white_main{
margin-top: 20px;
font-size: 28px;
}
.white_title{
font-size: 40px;
}
    .white_title1{
font-size: 60px;
}
    
                .white_title4{
font-size: 40px;
}
    
    .white_title5{
font-size: 30px;
}
.white_txt{
margin-top: 30px;
font-size: 24px;
}
    
    .white_txt1{
margin-top: 10px;
font-size: 15px;
}
	
	.mohou_sub{
		font-size: 18px;
	}
	
	.mohou_main{
		font-size: 35px;
	}
    	.mohou_main1{
		font-size: 20px;
	}
    	.mohou_main12{
		font-size: 14px;
	}
    
        .mohou_main3{
		font-size: 14px;
	}
        	.notice{
		font-weight: bold;
            font-size: 24px;
	}
    
          	.notice_sub{
		font-weight: bold;
            font-size: 20px;
	}
	
	        .mohou_main4{
		font-weight: bold;
            font-size: 42px;
	}
    
    	        .mohou_main5{
font-size: 22px;
        font-weight: bold;
	}
	
.subtitle_txt_m1 {
	font-size: 20px!important
}
.subtitle_txt, .subtitle_txt h2 {
	font-size: 26px!important
}
.subtitle_txt2 {
	font-size: 40px!important
}
.subtitle_txt3 {
	font-size: 50px!important
}
.subtitle_txt4 {
	font-size: 55px!important;
	font-weight: 900!important
}
    
        .subtitle_txt5 {
	font-size: 40px!important;
}
    
.bluebox, .bluebox h2 {
	font-size: 26px!important
}
.redbox {
	font-size: 26px!important
}
.round_box table thead th {
	font-size: 30px!important
}
.blue_title {
	margin-left: 57px;
	margin-right: 61px;
	padding-bottom: 8px
}
div#hmenu ul {
	margin: 5px 0 0 30px;
	padding: 0
}
div#hmenu ul li {
	float: left
}
div#hmenu ul li a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 5px 12.5px;
	text-align: center;
	height: 20px;
	display: table-cell;
	vertical-align: middle
}
div#hmenu {
	width: 100%;
	height: 80px;
	background-color: #000;
	padding: 8px 0;
	margin: 0 auto;
	color: #fff;
	font-family: mplus-1p-regular
}
.subtxt {
	font-size: 18px;
}
.subinfotxt3 {
	font-size: 16px;
	margin-top: 10px;
}
.subinfotxt4 {
	font-size: 20px;
	margin-top: 10px;
}
.infotxt_b2 {
	font-size: 16px !important;
}
    .uresuji1{
        font-size: 31px;
        font-weight: bold;
    }
    .uresuji12{
        font-size: 17px;
        font-weight: bold;
    }
    .uresuji12_2{
            font-size: 14px;
            font-weight: bold;
    }
    .uresuji2{
        font-size: 23px;
        font-weight: bold;
    }
    .uresuji3{
        padding: 0px;
    }
    .tenpo1{
        font-size: 27px;
        margin-bottom: 0px;
    }
    .tenpo2{
        font-size: 28px;
        margin-top: -2px;
        margin-bottom: 1px;
    }
    .tenpo_box{
         padding: 1px;
         margin: 0px 4px 0px 7px;
         border: 2px solid #FFFFFF;
    }

}

/********** min-width : 992px *******/
@media only screen and (min-width : 992px) {
    
.uresuji12{
    font-size: 20px;
    font-weight: bold;
}
.uresuji12_2{
    font-size: 20px;
    font-weight: bold;
}
.subtxt {
	font-size: 23px;
}
.subinfotxt3 {
	font-size: 20px;
	margin-top: 10px;
}
.subinfotxt4 {
	font-size: 24px;
	margin-top: 10px;
}
.infotxt_b2 {
	font-size: 16px !important;
}
}
.LC_Page_Products_List .container #main_column .top-topics.mt20 .topics-slider.slide_sub_wr .topics-slider__list.js-topics-slider .topics-slider__list-item.item-sakura.slide_sub .row.mt30.mb30.text-center .col-xs-offset-1.col-xs-10.text-center .sub_itle {
	font-size: 12px;
	font-weight: bolder;
}
.lense_description       {
	font-size: 18px;
	line-height: 1px;
}

/* 20180511 送料アンケート追加　ここから */
.enq_info{
	position: relative;
	border: 3px solid #000080;
	margin-bottom: 15px;
	border-radius: 4px;
}

.enq_info:before {
	position: absolute;
	content: "";
	display: inline-block;
	top: 100%;
	left: 50%;
	
	border: 15px solid transparent;
	border-top-color: #000080;
	border-bottom-width: 0px;
	width: 0;
	margin-left: -20px;
}

.enq_info:after {
	position: absolute;
	content: "";
	display: inline-block;
	top: 100%;
	left: 50%;
	
	border: 12px solid transparent;
	border-top-color: #FFFFFF;
	border-bottom-width: 0px;
	width: 0;
	margin-left: -17px;
}

.enq_info p{
	color: #000080;
	margin-top: 10px;
}
    
    
    gene_ttl {
     position: relative;
     padding:0 0 0.5em 0.7em;
     border-bottom: 1px solid black;
}
 
gene_ttl::after {
     position: absolute;
     top: 0.2em;
     left:0;
     content: '';
     width: 5px;
     height:1em;
     background-color: #ff69b4;
}

/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (min-width : 320px) {
	.kaiin_tokuten{
		margin-bottom: 10px
	}
	.kaiin_tokuten img{
		width: 100%;
		margin-bottom: 10px
	}
}
/* XSサイズ : Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.kaiin_tokuten{
		margin-bottom: 10px
	}
	.kaiin_tokuten img{
		width: 100%;
		margin-bottom: 10px
	}
}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.kaiin_tokuten{
		text-align: center;
	}
	.kaiin_tokuten img{
		width: 70%;
		margin-bottom: 10px
	}
}

/* 20180803 ターザン記事直接掲載 */
.round_box4 table thead th h4{font-weight:bold;}
.round_box4 table{width:100%;margin:10px 0;border:3px solid #C71435;border-collapse:separate;border-spacing:0;border-radius:5px;overflow:hidden;}
.round_box4 table thead th,
.round_box4 table tbody th,
.round_box4 table tbody td{padding:5px 10px;}
.round_box4 table thead th{font-size:25px;  background-color:#C71435;color:white;text-align:center;border-style:none;font-weight:bold;}
.round_box4 table tbody th{padding: 10px,20px,10px,20px; background-color:#fff;}
.round_box4 table tbody tr:last-child th,
.round_box4 table tbody tr:last-child td{border-bottom:none;}
.round_box4 table p{padding-left:20px;padding-right:10px;}
    
    /* 20180803 ターザン記事直接掲載 */
.round_box5 table thead th h4{font-weight:bold;}
.round_box5 table{width:100%;margin:10px 0;border:3px solid #000000;border-collapse:separate;border-spacing:0;border-radius:5px;overflow:hidden;}
.round_box5 table thead th,
.round_box5 table tbody th,
.round_box5 table tbody td{padding:5px 10px;}
.round_box5 table thead th{background-color:#000000;color:white;text-align:center;border-style:none;font-weight:bold;}
.round_box5 table tbody th{padding: 10px,20px,10px,20px; background-color:#fff;}
.round_box5 table tbody tr:last-child th,
.round_box5 table tbody tr:last-child td{border-bottom:none;}
.round_box5 table p{padding-left:20px;padding-right:10px;}	
    
        /* 20181015 ソフトバンク掲載 */
.round_box6 table thead th h4{font-weight:bold;}
.round_box6 table{width:100%;margin:10px 0;border:3px solid #C71435;border-collapse:separate;border-spacing:0;border-radius:5px;overflow:hidden;}
.round_box6 table thead th,
.round_box6 table tbody th,
.round_box6 table tbody td{padding:5px 10px;}
.round_box6 table thead th{background-color:#C71435;color:white;text-align:center;border-style:none;font-weight:bold;}
.round_box6 table tbody th{padding: 10px,20px,10px,20px; background-color:#fff;}
.round_box6 table tbody tr:last-child th,
.round_box6 table tbody tr:last-child td{border-bottom:none;}
.round_box6 table p{padding-left:20px;padding-right:10px;}	

	
/* 記事複数表示 20190114 */ 
.round_topics{
    border: 3px solid #000000;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 5px;
    overflow: hidden;
}
.round_topics .slick-list {
   border:none;
}
.round_head {
    background-color: #000000;
    color: white;
    text-align: center;
    border-style: none;
    font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (min-width : 320px) {
	.cm1{
		font-size: 14px;
	}
	.cm2{
		font-size: 16px;
	}
	.cm3{
		font-size: 18px;
	}
}
    .cast{
		font-size: 12px;
	}
    
  
	
/* XSサイズ : Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.cm1{
		font-size: smaller;
	}
	.cm2{
		font-size: larger;
	}
	.cm3{
		font-size: 35px;
	}
    
    .cast{
		font-size: smaller;
	}
    
}
    
/* animation フェードイン＋上移動 開始*/
.myanimation {
    animation-name: myfadein;
    animation-duration: 1s;
    animation-iteration-count: 1;
    opacity: 1 !important;
    transform: translateY(0) !important;
}
@keyframes myfadein {
    from {
        opacity: 0.5;
        transform: translateY(80px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* animation フェードイン＋上移動 終了*/
    
    
/* animation フェードインのみ 開始 */
.myanimation_onlyfade {
    animation-name: myfadein_onlyfade;
    animation-duration: 1s;
    animation-iteration-count: 1;
    opacity: 1 !important;
    transform: none;
}
@keyframes myfadein_onlyfade {
    from {
        opacity: 0.5;
    }
    to {
        opacity: 1;
    }
}
/* animation フェードインのみ 終了 */
    
.lazyload,
.lazyloading {
	opacity: 0;
	top: 60px;
}
.lazyloaded {
	opacity: 1;
	top:0px;
	transition-timing-function : ease-in-out;
	transition: opacity 1400ms, top 1400ms;
}
img {
    max-width: 100% !important;
    height: auto;
}
    
body.custom-background {
    background-color: #fff;
    background-image: none;
}
    
#page {
    max-width: 1050px;
    border: 1px solid #fff;
    background:#fff;
    background-color: #fff;
}
    
#content article   {
	background: #fff;
}

    html, body {
    background: #fff !important;
}
    
button, input[type="button"], input[type="reset"] {
    text-shadow:none;
    box-shadow: none;
}


 /* --- アニメーション1の設定 ------------------------------------ */
.sample2b {
  display    : inline-block;
  position   : relative;
}
.sample2b span {
  display    : inline-block;
  position   : absolute;
  top        : 0;
  left       : 0;
  bottom     : 0;
  right      : 0;
  background : linear-gradient(transparent 60%, rgba(0, 255, 0, 0.6) 80%);  /* ラインマーカーを付ける  */
  animation  : sample2bAnime 3s ease-in infinite;  /* アニメ */
}
@keyframes sample2bAnime {
   0% { right : 100%; }  25% { right : 0;    } 100% { right : 0;    }}
 /* --- アニメーション1の設定 ------------------------------------ */
 /* --- アニメーション2の設定 ------------------------------------ */
.sample2d {
  display       : inline-block;        /* ブロック化              */
  font-weight   : bold;                /* 太字                    */
  color         : #ffffff;             /* 文字色                  */
  background    : #C71435;             /* 背景色                  */
  padding       : 5px 3px;             /* 背景色内の余白          */
  margin        : 0 2px;               /* 背景色のの外左右余白    */
  animation  : sample2dAnime 2s infinite alternate;  /* アニメ */
}
@keyframes sample2dAnime {
   0% {
       color      : #ffffff;           /* 開始文字色              */
       background : #C71435;           /* 開始背景色              */
      }
 100% {
       color      : #C71435;           /* 終了文字色              */
       background : #ffffff;           /* 終了背景色              */
      }
}
 /* --- アニメーション2の設定 ------------------------------------ */
 /* --- boxの設定 ------------------------------------ */
.box{
margin-bottom:20px;
}
/* カスタム, iPhone Retinaディスプレイ */@media only screen and (min-width : 320px) {
	.box{
	font-size:19px;
	}
	}
/* XSサイズ : Extra Small Devices, Phones */@media only screen and (min-width : 480px) {
	.box{
	font-size:20px;
	}
}
 /* --- boxの設定 ------------------------------------ */
 
 
 
    
.txtjustify{
        text-align: justify; /* 両端揃え */
   text-justify: inter ideograph; /* 両端揃えの種類 */
    }
    
@media only screen and (min-width : 320px) {
	.img_henpin{
		 width:60%;
		text-align:center;
		display:inline !important;
	}
    
    .img_support{
		 width:65%;
		text-align:center;
		display:inline !important;
	}

	.step01_scene_txt1{
		height: 250px;
		vertical-align: middle;
	}
    
    .step01_scene_txt2{
		height: 600px;
		vertical-align: middle;
	}
    
	.txt_souryo{
		font-size:30px;
        color: #fff;
	}
	.step02_model div:nth-child(2) {
	    height: 320px;
	}
	.step02_model div:nth-child(3) {
	    height: 170px;
	}
}
@media only screen and (min-width : 768px) {
	.img_henpin{
		max-width:200px;
	}
    
    .img_support{
		 max-width:200px;
	}


	.step01_scene_txt1{
		height: 100px;
		vertical-align: middle;
	}
    
    .step01_scene_txt2{
		height: 150px;
		vertical-align: middle;
	}
	.txt_souryo{
		font-size:40px;
        color: #fff;
	}
	.step02_model div:nth-child(2) {
	    height: 320px;
	}
	.step02_model div:nth-child(3) {
	    height: 320px;
	}
    
        
     .white_title2{
font-size: 26px;
}
    
         .black_title2{
font-size: 26px;
}
	
	
	 .white_title3{
font-size:18px;
}
	 .black_title3{
font-size:18px;
}

label {
	width: auto !important;
        margin-bottom: 0px;
}

body.custom-background {
    background-color: #fff;
    background-image: none;
}
    
#page {
    max-width: 1050px;
    border: 1px solid #fff;
    background:#fff;
    background-color: #fff;
}
    
#content article   {
	background: #fff;
}

    html, body {
    background: #fff;
}
}

.radio_area label {
    width: 100% !important;
    margin-bottom: 0px !important;
}


	div{
		margin: 0px;
		padding: 0px;
	}

	p{
		margin: 0px;
		padding: 0px;
	}

	span{
		margin: 0px;
		padding: 0px;
	}
	
	a:link, a:visited, a:link:hover, a[href]:hover{
		color: inherit;
		text-decoration: none !important;
	}
	
	/* 汎用クラス */
	
	/* 並びあうcolの高さを揃える */
	.row-eq-height {
		display: flex;
		flex-wrap: wrap;
	}

	.pad0{
		padding: 0;
	}
.txt12{
		font-size: 12px;
	}

.txt13{
		font-size: 13px;
	}
.txt14{
		font-size: 14px;
	}

.txt18{
		font-size: 18px;
	}

.txt21{
		font-size: 21px;
	}

	.txt15{
		font-size: 1.2em;
	}
	.txt20{
		font-size: 1.5em;
	}


	.txt25{
		font-size: 2em;
	}
	.txt30{
		font-size: 2.5em;
	}

.txt28{
		font-size: 28px;
	}

	.txt40{
		font-size: 3em;
	}
	
	.fontbold_max{
		font-weight: 900;
	}
	
	.font_pink{
		color: #E4007F;
	}
	
	.font_red{
		color: #C71435;
	}
	
	.font_gray{
		color: #57595B;
	}
    
    .white_title2{
color:#fff;
font-weight: bold;
}
        .black_title2{
color:#000;
font-weight: bold;
}
	
	
	.white_title3{
color:#fff;
font-weight: bold;
}
    
    	.black_title3{
color:#000;
font-weight: bold;
}
    
    .yellowtxt {
color:#ffd700;
        font-weight: bold;
    }


	.bg_black{
		background-color: #000000;
		color: #FFFFFF;
		padding: 10px;
	}

	.bg_blue{
		background-color: #00bfff;
		color: #FFFFFF;
	}
    
    .bg_pink{
		background-color: #ff69b4;
		color: #FFFFFF;
	}
    
      .bg_y1{
		background-color: #ffd700;
		color: #000;
	}
    .bg_orange{
		background-color: #ff9900;
		color: #000;
	}
    

	.bg_green{
		background-color: #8fbc8f;
		color: #FFFFFF;
	}

	.bg_yellow{
		background-color: #F6DD00;
	}

	.bg_red{
		background-color: #C71336;
	}

	.bg_gray{
		background-color: #57595B;
		color: #FFFFFF;
	}
	
	.underline_yellow{
		background: linear-gradient(transparent 60%, #FFF87F 0%);
	}
	
	.underline{
		text-decoration-line: underline;
	}
	
	.border_black{
		border: solid 2px #000000;
		background-color: #FFFFFF;
		color: #000000;
	}	
	.border_gray{
		border: solid 3px #574F5B;
		background-color: #FFFFFF;
		color: #000000;
	}
	
	.border_red{
		border: solid 3px #C71435;
		background-color: #FFFFFF;
		color: #000000;
	}
    
    .border_yellow{
		border: solid 3px #ffd700;
		background-color: #fff;
		color: #000;
	}

	/* 丸みのあるdiv */
	div.round_border{
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		padding: 15px 0px;
	}

	/* ▼下向き黒三角 */
	.triangle_under{
		display: inline-block;
		border-style: solid;
		border-width: 25px 25px 0 25px;
		border-color: #000000 transparent transparent transparent;
	}

	/* Ｖ下向き三角 */

	.triangle_line_under:before {
		content: '';
		display: inline-block;
		border-style: solid;
		border-width: 25px 30px 0 30px;
		border-color: #000000 transparent transparent transparent;
		position: relative;
		left: 22px;
	}	.triangle_line_under:after {
		content: '';
		display: inline-block;
		border-style: solid;
		border-width: 19px 23px 0 22px;
		border-color: #FFFFFF transparent transparent transparent;
		position: relative;
		left: -31px;
		top: -7px;
	}

	/* ラジオボタン非表示（ラジオボタンのあるdivごとボタン要素にして、ONのとき着色） */
	input[type="radio"]{
		display: none;
		vertical-align: middle;
	}

	.radio_area {
		display: grid;
		padding: 3px;
	}

	.radio_area label{
		padding: 10px;
		cursor:pointer;
	}

	.radio_area:hover{
		opacity: 0.5;;
	}

	.radio_area:active{
		opacity: 0.5;;
	}
	
	.rdo_selected{
		/*border: solid 3px #E4007F;*/
		background-color: #E4007F;
	}
	
	.rdo_no_selected{
		
	}

	/* オンラインショップで購入の場合：の場合のみ表示 */
	.online_only{
		display: block;
	}
	
	/* お近くの店舗でお試しの場合：の場合のみ表示 */
	.real_only{
		display: none;
	}
	
	.on_shop_change{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	
	/* SETP01:使いたいシーン */
	#step01_scene{
		width: 100%;
		order: 1; /* JSで順序切替え */
	}
	/* SETP01:倍率と見え方 */
	#step01_view_mag{
		width: 100%;
		order: 2; /* JSで順序切替え */
	}

	.bt_red{
		background-color: #C71435 !important;
		border-color: #C71435 !important;
		width: 100%;
		padding: 15px;
	}
	
	.bt_red a:link,.bt_red a:visited{
		color: #FFFFFF;
	}

	.bt_green{
		background-color: #8EC31F !important;
		border-color: #8EC31F !important;
		width: 100%;
		padding: 15px;
	}
	
	.bt_green a:link,.bt_green a:visited{
		color: #FFFFFF;
	}

	.shoptype{
		padding: 15px;
	}

	/* STEP見出し */
	.step{
		background-color: #ffd700;
		color: #000;
		padding: 10px;
		height: 60px;
	}

	.step span{
		position: absolute;
		z-index: 1;
		padding-top: 6px;
		float: left;
		font-size: 1.5em;
		font-weight: 700;
	}
	.step div{
		z-index: 2;
		width: 100%;
		text-align: center;
		line-height: 100%;
		font-size: 2.5em;
		font-weight: 900;
	}
    
    .step1{
		background-color: #ff9900;
		color: #000;
		padding: 10px;
		height: 60px;
	}

	.step1 span{
		position: absolute;
		z-index: 1;
		padding-top: 6px;
		float: left;
		font-size: 1.5em;
		font-weight: 700;
	}
	.step1 div{
		z-index: 2;
		width: 100%;
		text-align: center;
		line-height: 100%;
		font-size: 2.5em;
		font-weight: 900;
	}
	
	/* 若葉マークフキダシ（下向き） */
	.baloon_wakaba{
		position: relative;
		display: inline-block;
		padding: 2px 2px 2px 2px;
		width: 100%;
		min-width: 115px;
		line-height: 34px;
		text-align: center !important;
		border: 3px solid #ffd700;
		background-color: #ffd700;
		z-index: 0;
	}
	.baloon_wakaba::before{
		content: "";
		position: absolute;
		bottom: -30px;
		left: 50%;
		margin-left: -25px;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 27px 23px 0 23px;
		border-color: #ffd700 transparent transparent transparent;
		z-index: 0;
	}
	/* 若葉マーク：画像 */
	.baloon_wakaba span{
		width: 20%;
		float: left;
	}
	.baloon_wakaba img{
		width: 45px;
	}
	/* 若葉マーク：タイトル */
	.baloon_wakaba div{
		width: 70%;
		/*float: left;*/
		font-size: 2em;
		font-weight: 900;
		height: 70px;
		display: table-cell;
		vertical-align: middle;
	}
	
	/* 交換させていただきます */
	.koukan{
		margin-left: 60px;
	}
	
	/* お問合せ先エリア */
	.inq_tel{
		width: 650px;
		margin: 0 auto;
	}
	
	/* お問合せ先：電話番号 */
	.inq_tel span{
		float: left;
		font-size: 3.7em;
	}
	
	/* お問合せ先：電話番号受付時間 */
	.inq_tel div{
		float: left;
		text-align: left;
		vertical-align: bottom;
		margin-top: 5px;
		margin-left: 15px;
		font-weight: 900;
		font-size: 1.4em;
	}

	.inq_hr{
		width: 90%;
		border-color: #d5d5d5;
		border-width: 2px;
		margin: 0 auto;
	}

	/* 使いたいシーンで選ぶ(灰色下向きフキダシ) */
	.baloon_gray{
		position: relative;
		display: inline-block;
		padding: 10px 5px 10px 5px;
		width: 100%;
		min-width: 115px;
		line-height: 34px;
		text-align: center;
		border: 3px solid #57595B;
		background-color: #57595B;
		z-index: 0;
		color: #FFFFFF;
	}
	.baloon_gray::before{
		content: "";
		position: absolute;
		bottom: -30px;
		left: 50%;
		margin-left: -25px;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 27px 23px 0 23px;
		border-color: #57595B transparent transparent transparent;
		z-index: 0;
	}
	
	/* 使いたいシーン */
	.scene_sp{
		width: 45%;
		margin: 0px 10px 0px 0px;
		float: left;
		text-align: center;
	}
	
	.scene_pc{
		width: 45%;
		margin: 0px 0px 0px 10px;
		float: right;
		text-align: center;
	}

	.step01_scene_txt{
		height: 90px;
		vertical-align: middle;
	}
	
	.scene_pc div:nth-child(1) {
		padding-top: 15px;
	}

	.scene_sp img, .scene_pc img{
		width: 100%;
	}

	.bairitsu_box{
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		padding: 15px 0px;
		background-color: #000000;
		color: #FFFFFF;
		font-weight: 900;
		font-size: 1.5em;
		text-align: center;
		margin: 20px;

	}

	/* 倍率と見え方 */
	.view_mag_img span{
		border: solid 2px #000000;
		float: left;
		width: 50%;
	}

	.view_mag_img span:first-child {
		border-right: solid 1px transparent;
		margin-right: -1px;
	}
	.view_mag_img img{
		width: 100%;
	}
	
	/* 倍率と見え方：説明 */
	.view_mag_descript{
		border: solid 2px #000000;
		padding: 10px 20px;
		display: inline-block;
	}
	.view_mag_descript img{
		width: 100%;
	}
	/* 焦点距離XX倍の画像 */
	.view_mag_descript div:nth-child(1) {
		float: left;
	}
	/* 女性のイラスト */
	.view_mag_descript div:nth-child(2) {
		float: right;
		margin-right: 20px;
	}
	/* 説明文 */
	.view_mag_descript div:nth-child(3) {
		float: left;
		margin-top: 10px;
	}
	
	/* レンズのサイズを選ぶ */
	.step02_model div{
		padding: 5px;
	}
	/* 見出し */
	.step02_model div:nth-child(1) {
	}
	/* ハズキ写真 */
	.step02_model div:nth-child(2) {
		float: left;
		border: solid 2px #574F5B;
		border-right: solid 1px #574F5B;
		width: 50%;
		height: 200px;
		text-align: center;
	}
	/* 説明文(右) */
	.step02_model div:nth-child(3) {
		float: right;
		border: solid 2px #574F5B;
		border-left: solid 1px #574F5B;
		width: 50%;
		height: 200px;
		padding: 15px 10px;
	}
	.step02_model ul, .step02_model li{
		list-style: disc inside;
		font-size: 1.2em;
		font-weight: 900;
		margin-bottom: 15px;
		margin-left: 10px;
	}
	
	/* STEP3:ブルーライトのカット率を選ぶ */
	/* クリアレンズ */
	.step03_lensclear {
		float: left;
		width: 50%;
		padding: 0px 15px 0px 0px;
		text-align: left;
	}
	/* カラーレンズ */
	.step03_lenscolor {
		float: right;
		width: 50%;
		padding: 0px 0px 0px 15px;
		text-align: right;
	}
	
	/* 使用上の注意 */
	.notice_using ul, .notice_using li{
		list-style: disc outside;
	}
	.notice_using li{
		list-style: disc outside;
		padding-left: -2px;
	}
/* スマホ(ブラウザが767pxより小さい場合) */
/*
@media  screen (min-width : 320px) and (max-width : 767px)  {

*/
@media screen and (min-width : 320px) and (max-width : 768px) {

	body{
		/* ベースのフォントサイズ */
		font-size: 13px;
	}

	img{
		width: 100%;
	}
	
    	.txt25{
		font-size: 1.5em;
	}
    
     .white_title2{
font-size: 20px;
}
         .black_title2{
font-size: 20px;
}
	
	
	 .white_title3{
font-size: 16px;
}
    
    	 .black_title3{
font-size: 16px;
}
	
	/* [スマホサイズ]SETP見出し */
	.step{
		height: 100%;
	}
	.step span{
		position: relative;
		display: table-cell;
	}
	.step div{
		text-align: left;
		display: table-cell;
		font-size: 1.9em;
		vertical-align: middle;
		line-height: 1.5;
		padding-left: 5px;
	}
    
    	.step1{
		height: 100%;
	}
	.step1 span{
		position: relative;
		display: table-cell;
	}
	.step1 div{
		text-align: left;
		display: table-cell;
		font-size: 1.9em;
		vertical-align: middle;
		line-height: 1.5;
		padding-left: 5px;
	}
    
    
    
	.step03{
		line-height: 1 !important;
	}
    
    
    
    /* [スマホサイズ]マージン*/
    .spmt20{
     margin-top: 20px !important;
     display: inline-block;
    }
    
	
	/* [スマホサイズ]若葉マーク：画像 */
	.baloon_wakaba span{
		margin-left: -15px;
		margin-top: 5px;
	}
	/* [スマホサイズ]若葉マーク：タイトル */
	.baloon_wakaba div{
		width: 255px;
		font-size: 1.5em;
	}

	/* [スマホサイズ]交換させていただきます */
	.koukan{
		margin: 0;
	}

	/* [スマホサイズ]使いたいシーン */
	.scene_sp{
		width: 100%;
	}

	.scene_pc{
		width: 100%;
	}

	/* [スマホサイズ]お問合せ先エリア */
	.inq_tel{
		width: 85%;
		margin: 0 auto;
	}

	/* [スマホサイズ]お問合せ先：電話番号 */
	.inq_tel span{
		font-size: 2.7em;
	}
	
	/* [スマホサイズ]お問合せ先：電話番号受付時間 */
	.inq_tel div{
		text-align: left;
		vertical-align: bottom;
		margin-top: 0px;
		margin-left: 15px;
		font-weight: 900;
		font-size: 1.5em;
	}

	/* [スマホサイズ]SETP1:または使いたいシーンで選ぶ */
	.baloon_gray{
		font-size: 1.6em;
	}

	/* [スマホサイズ]倍率と見え方 */
	.view_mag_img span{
		border: solid 2px #000000;
		float: left;
		width: 100%;
	}

	.view_mag_img span:first-child {
		border-right: solid 2px #000000;
		border-bottom: solid 1px transparent;
		margin-bottom: -1px;
	}
	.view_mag_img img{
		width: 100%;
	}

	/* [スマホサイズ]倍率と見え方：説明　女性の画像 */
	.view_mag_descript div:nth-child(2) {
		margin-top: 10px;
	}

	/* [スマホサイズ]レンズのサイズを選ぶ */
	.step02_model div{
		padding: 5px;
	}
	/* [スマホサイズ]見出し */
	.step02_model div:nth-child(1) {
	}
	/* [スマホサイズ]ハズキ写真 */
	.step02_model div:nth-child(2) {
		border: solid 2px #574F5B;
		border-right: solid 2px #574F5B;
		border-bottom: solid 1px #574F5B;
		width: 100%;
		text-align: center;
	}
	/* [スマホサイズ]説明文(右) */
	.step02_model div:nth-child(3) {
		border: solid 2px #574F5B;
		border-left: solid 2px #574F5B;
		border-top: solid 1px #574F5B;
		width: 100%;
		min-height: 140px;
		height: auto;
		padding: 5px;
	}
	.step02_model ul, .step02_model li{
		list-style: disc inside;
		font-weight: 900;
		margin-bottom: 5px;
		margin-left: 5px;
	}

	/* [スマホサイズ]STEP3:ブルーライトのカット率を選ぶ */
	/* クリアレンズ */
	.step03_lensclear {
		float: left;
		width: 100%;
		text-align: center;
	}
	.step03_lensclear div:nth-child(2){
		margin-left: 20px;
		margin-bottom: 15px;
	}

	/* カラーレンズ */
	.step03_lenscolor {
		float: right;
		width: 100%;
		text-align: center;
	}
	.step03_lenscolor div:nth-child(1){
		margin-right: 20px;
	}	
	/* フレームの色を選ぶ */
	.frame_color img{
		width: 100%;
	}

	/* [スマホサイズ]取扱店舗検索はこちら */
	.shop_kensaku{
		font-size: 2em;
	}
}



/* PC(ブラウザが767pxより大きい場合) */
@media only screen and (min-width : 768px) {


}

img {
    height: auto;
    width: auto !important;
    max-width: auto;
    display: inline;
}
.mr10 {
    margin-right: 10px !important;
}
ol, ul, li,dd {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}
.faq-box{
	background-color: #ffd700;
	/*width: 24.3%; */
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
　　  margin-right: 2px;
margin-left: 0px;
border-left: 3px solid #fff;
}
.mr5{
	margin-right: 5px;
}
.mt5{
	margin-top: 5px;
}
.faq-box:hover {
    background-color: #AAAAAA;
 color:#FFFFFF;
    }
hr.faq_border {
	border-width: 4px 0 0 0; 
	border-style: solid;
	border-color: #ffd700; 
	height: 4px;/* IE6用対策 */
	clear: both;  /* IE6用対策 */
}
.title_faq{
	color: #ffd700;
	font-weight: bold;
text-align: center;
font-size: 26px;
margin-top:10px;
margin-bottom: 10px;
}
.indent-1{
padding-left:1em;
text-indent:-1em;
}

.tip_white{
	color: #000;
    font-size: 220%;
    vertical-align: -14%;
}
.tip_red{
	    color: #D71333;
    font-size: 250%;
    vertical-align: -14%;
}
.tip_purple{
	color: #6B0082;
    font-size: 250%;
    vertical-align: -14%;
}
.tip_black{
	color: #000;
    font-size: 250%;
    vertical-align: -14%;
}


a.faq_category:hover{
	color:#FFFFFF !important;
text-decoration: none;
}
a.faq_category{
	color:#424242;	
       display:block;
margin-right:auto;
margin-left:auto;
padding-top:20px;
padding-bottom:20px;
padding-left:12px;
font-size:15px;
font-weight: bold;
}
strong.txt_bold{
	font-weight:900;
	color:#424242;
　　 font-size:+2;

}

.answer {
    padding:25px;
    border:1px solid #ddd;
	border-radius:5px;
	color:#424242;
     font-size:18px;
	font-weight:600;
    background-color: #fff;
}



/*accordion*/
dl.accordion dt {
  background: #000000;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  word-wrap:break-word;
}

dl.accordion dt:hover {
    background-color: #ffd700;
 color:#000;
	border-top-color: #000;
    }
dl.accordion dt {
	display: block;
	padding-top: 10px;
	padding-right: 30px;
	padding-left: 40px;
	padding-bottom: 10px;
		text-indent: -30px;
	color: #fff;
	font-size: 20px;
}

dl.accordion dt::before {
  content: "Q. ";
  
}
dl.accordion dt::after {
	content: "▶ 開く";
	position: relative;
  float: right;
  /*border: 9px solid transparent;
  border-top-color: #424242;
  width: 0;
  height: 0;*/
  top: 4px;
  right: -25px;
	font-size: 14px;
	color:#000;	
	font-weight: normal;
}
dl.accordion dt.open {
  background-color: #ffd700;
 color:#000;
}

dl.accordion dt.open::before {
  content: "Q. ";
}
dl.accordion dt.open::after {
  content: "▼ 閉じる";
  position: relative;
  float: right;
  /*border: 10px solid transparent;
  border-bottom-color: #fff;
  width: 0;
  height: 0;*/
  top: 6px;
  right: -20px;
	color: #000;
	font-size: 12px;
}

dl.accordion dd {
  word-wrap:break-word;
}
dl.accordion dd ul li {
  border-bottom: 1px solid #f2f2f3;
  list-style: none;
}
dl.accordion dd ul li a {
  color: #333;
  display: block;
  padding: 10px 30px 10px 15px;
}
dl.accordion dd ul li a::before {
  content: '';
  position: relative;
  float: right;
  border: 8px solid transparent;
  border-left-color: #333;
  width: 0;
  height: 0;
  top: 0;
  right: -25px;
}
   
    body.custom-background {
    background-color: #fff;
    background-image: none;
}
    
#page {
    max-width: 1050px;
    border: 1px solid #fff;
}
    
#content article   {
	background: #fff;
}
    
    #content main   {
	background: #fff;
}
    
    html, body {
    background: #fff;
}
    


    
@media screen and (max-width: 480px) {
br { display : none ; }
}


body.custom-background {
    background-color: #fff;
    background-image: none;
}
    
    
#content article   {
	background: #fff;
}
    
button, input[type="button"], input[type="reset"] {
    text-shadow:none;
    box-shadow: none;
}
.kaizyo{
 margin-top:40px;
 font-size:20px;
 border:none;
}
.kaizyo th{
 padding: 15px 10px 15px 15px;
 font-weight:bold;
 color:#808080;
 border-top:none !important;
 border-right:none !important;
 border-left:none !important;
 border-bottom: 1px solid #ccc !important;
}
.kaizyo td{
 padding: 15px 10px 15px 15px;
 font-weight:bold;
 color:#000;
 text-align:center;
 border-top:none !important;
 border-right:none !important;
 border-left:none !important;
 border-bottom: 1px solid #ccc !important;
}

.wpfrmtxt{
width:100%
}

.member_ttl {
    color: #ffd700;
    padding: 0.5em 0;
    border-top: solid 3px #ffd700;
    border-bottom: solid 3px #ffd700;
}

.head_ttl {
    color: #ffd700;
    padding: 0.3em 0;
    border-bottom: solid 2px #ffd700;
}