@charset "utf-8";

/* ===================================================================
css information

File Name  : layout.css
Author     : 
Style Info : 
=================================================================== */

/****************************************************************************

/special/001.php

****************************************************************************/

/* ▼担当者別▼ */
/*#miraikenTtl.maeda { background-image:URL(../img/bg_maeda.png); }*/
#miraikenTtl.yamashita { background-image:URL(../img/bg_yamashita.png); }
#miraikenTtl.takenaka,#miraikenTtl.kimoto,#miraikenTtl.kozasa { background-image:URL(../img/bg_takenaka.png); }
/*#miraikenTtl.ono { background-image:URL(../img/bg_ono.png); }*/

/*#miraikenTtl.kozasa { background-color: rgba(75,210,7,0.00); }*/

#miraikenTtl.motomura { background-image:URL(../img/bg_motomura.png); }
#miraikenTtl.yoshida { background-image:URL(../img/bg_yoshida.png); }

/*#miraikenTtl.hiranoma { background-image:URL(../img/bg_hiranoma.png); }*/
#miraikenTtl.abe { background-image:URL(../img/bg_abe.png); }
#miraikenTtl.nakamura { background-image:URL(../img/bg_nakamura.png); }

#miraikenTtl.seven { background-image:URL(../img/bg_seven.png); }

/**6**/
#miraikenTtl.yakata { background-image:URL(../img/bg_yakata.png); } /*淡いパープル*/
#miraikenTtl.takimoto,#miraikenTtl.miura { background-image:URL(../img/bg_takimoto.png); } /*濃いグレー*/
#miraikenTtl.oomi { background-image:URL(../img/bg_oomi.png); }/*パープル*/
#miraikenTtl.munekata { background-image:URL(../img/bg_munekata.png); }/*薄いグレー*/
#miraikenTtl.kanai { background-image:URL(../img/bg_hiranoma.png); }/*赤*/
#miraikenTtl.miyamoto { background-image:URL(../img/bg_motomura.png); }/*黄色*/
#miraikenTtl.takemoto { background-image:URL(../img/bg_abe.png); }/*オレンジ*/
#miraikenTtl.maui { background-image:URL(../img/bg_maui.png); }/*グレーぽいネイビー*/
#miraikenTtl.fujita { background-image:URL(../img/bg_maeda.png); }
#miraikenTtl.akino { background-image:URL(../img/bg_ono.png); }

/* ▲担当者別▲ */

.miraiken #mainCont01 { padding-top:0; }

#miraikenTtl {  position:relative; min-height:151px; margin:0 0 30px 0; overflow:hidden; background-repeat:repeat-y; background-position:left top;   box-shadow: none; border-bottom:1px solid #06090A;  }
#miraikenTtl p { text-shadow: none; }
#miraikenTtl:before {  }
#miraikenTtl figure { width:120px; overflow:hidden; position:absolute; top:15px; left:30px; z-index:1; border:#fff 1px solid; }
#miraikenTtl img { width:100%; }
#miraikenTtl .issue {  padding:12px 30px 12px 180px;
color: #B1B1B1;
    line-height: 140%;
    background-color: #1C1C21;
   
    position: relative;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.6);
    border-top: 1px solid #515151;
    
}

#miraikenTtl .issue p { color:#FFF;}
#miraikenTtl .issue .col01 { float:left; }
#miraikenTtl .issue .col02 { float:right; }
#miraikenTtl section { padding:20px 30px 17px 180px; text-shadow: none;}
#miraikenTtl section p { color:#fff; }
#miraikenTtl section h2 { color:#fff; font-size:26px; line-height:140%; font-weight:bold; margin:5px 0 0 0; }
#miraikenTtl section h2 * { font-weight:bold; }

/*ズーム*/

.lightBox { position:relative; display:inline-block; text-align:center; }
.lightBox img { vertical-align:top; }
.lightBox .zoomImg { position:absolute; bottom:0; right:0; width:51px; height:18px; }

/* ページボタン追加 */
.miraiken #pageArrow { padding:40px 0 0 0; }
.miraiken #pageArrow > div { width:640px; margin:0 auto; }
.miraiken #pageArrow .prev,
.miraiken #pageArrow .next { width:110px; }
/*
.miraiken #pageArrow .prev a,
.miraiken #pageArrow .next a { display:block; height:40px; line-height:38px; text-align:center; color:#fff; font-weight:bold; text-decoration:none; font-size:16px; overflow:hidden;
text-shadow:0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d; letter-spacing:0.05em; position:relative; border:#696869 1px solid;
background: rgb(89,88,89); 
background: -moz-linear-gradient(top,  rgba(89,88,89,1) 0%, rgba(27,26,28,1) 100%); 
background: -webkit-linear-gradient(top,  rgba(89,88,89,1) 0%,rgba(27,26,28,1) 100%); 
background: linear-gradient(to bottom,  rgba(89,88,89,1) 0%,rgba(27,26,28,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595859', endColorstr='#1b1a1c',GradientType=0 );
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
*/
.miraiken #pageArrow .prev a,
.miraiken #pageArrow .next a { display:block; height:40px; line-height:36px; text-align:center; color:#fff; font-weight:bold; text-decoration:none; font-size:16px; overflow:hidden; letter-spacing:0.05em; position:relative; border:#a97e0e 2px solid;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e3f46+0,3e3f46+50,333333+52,333333+100 */
background: #3e3f46; /* Old browsers */
background: -moz-linear-gradient(top,  #3e3f46 0%, #3e3f46 50%, #333333 52%, #333333 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3e3f46 0%,#3e3f46 50%,#333333 52%,#333333 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3e3f46 0%,#3e3f46 50%,#333333 52%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3f46', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
border:1px solid #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: -webkit-box-shadow 0.5s ease;
-moz-transition: -moz-box-shadow 0.5s ease;
-ms-transition: -ms-box-shadow 0.5s ease;
-o-transition: -o-box-shadow 0.5s ease;
transition: box-shadow 0.5s ease;
}
.miraiken #pageArrow .prev a:hover,
.miraiken #pageArrow .next a:hover { 
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3),0px 0px 8px 1px rgba(255, 255, 255, 0.6);
-moz-box-shadow:    inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3),0px 0px 8px 1px rgba(255, 255, 255, 0.6);
box-shadow:         inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3),0px 0px 8px 1px rgba(255, 255, 255, 0.6);
}
.miraiken #pageArrow .prev { float:left; }
.miraiken #pageArrow .next { float:right; }
.miraiken #pageArrow .prev a { text-indent:24px; }
.miraiken #pageArrow .next a { text-indent:-24px; }
.miraiken #pageArrow .prev a:after,
.miraiken #pageArrow .next a:after { content:''; width:32px; height:29px; position:absolute; top:50%; margin:-15px 0 0 0; }
.miraiken #pageArrow .prev a:after { left:8px; background: URL(../../img/cmn/allow_11.png) no-repeat center center; }
.miraiken #pageArrow .next a:after { right:8px; background: URL(../../img/cmn/allow_13.png) no-repeat center center; }
.miraiken .archive_btn_01 { margin-top:20px; }

/* clearfix */
.issue:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .issue { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .issue { zoom:1; }

/* :揃え */
.miraiken .table01 { font-size:14px; }

/**@media screen and (max-width:700px) {**/

#miraikenTtl { min-height:none; border-top:#9da1a7 1px solid; margin:15px 0; overflow:hidden; background-size:100% auto; }
#miraikenTtl:before { display:none; }
#miraikenTtl figure { width:140px; margin:10px auto 0 auto; position:relative; top:0; left:0; }
#miraikenTtl img { width:100%; }
#miraikenTtl .issue { padding:10px 10px; }
#miraikenTtl .issue p { font-size:12px; }
#miraikenTtl .issue .col01 { float:left; }
#miraikenTtl .issue .col02 { float:right; }
#miraikenTtl section { padding:8px 10px 12px 10px; }
#miraikenTtl section p { color:#fff; }
#miraikenTtl section h2 { font-size:16px; margin:4px 0 0 0; }

/* ページボタン追加 */
.miraiken #pageArrow { padding:20px 10px 0 10px; }
.miraiken #pageArrow > div { width:100%; }
.miraiken #pageArrow .prev,
.miraiken #pageArrow .next { width:100px; }
.miraiken #pageArrow .prev a,
.miraiken #pageArrow .next a { font-size:14px; }
.miraiken #pageArrow .prev a:hover,
.miraiken #pageArrow .next a:hover { 
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.miraiken #pageArrow .prev a { text-indent:24px; }
.miraiken #pageArrow .next a { text-indent:-24px; }
.miraiken #pageArrow .prev a:after,
.miraiken #pageArrow .next a:after { width:26px; height:24px; margin:-12px 0 0 0; background-size:100% 100% !important; }
.miraiken #pageArrow .prev a:after { left:6px; background: URL(../../img/cmn/allow_12.png) no-repeat center center; }
.miraiken #pageArrow .next a:after { right:6px; background: URL(../../img/cmn/allow_14a.png) no-repeat center center; }
.miraiken .archive_btn_01 { margin-top:10px; }

/* :揃え */
.miraiken .table01 { font-size:13px; }
.miraiken .table01 tr { display:block; }
.miraiken .table01 .td01{ display:block; }
.miraiken .table01 .td02{ display:none; }
.miraiken .table01 .td03{ display:block; }

/**}**/