@charset "UTF-8";

/* ------------------------------
基本レイアウト
------------------------------ */
*{
    margin: 0;
    padding: 0;
}

img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
}

a img{
    border: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

a:hover img{
    opacity: 0.7;
}

p { margin-bottom: 20px; }

body {
    margin: 0 auto;
    padding: 0;
    text-align: left;
    line-height: 1.6;
    font-size: 16px;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #444;
    background: #FFF;
}

/* 見出し */

h1 {
    position: absolute;
    margin: 0;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    color: #51463B;
    top: 5px;
    left: 10px;
}

h2 {
    margin: 20px 0;
    padding: 13px 20px 12px;
    line-height: 1.4;
    font-size: 20px;
    color: #fff;
    background: #1EBAB2;
    border-radius: 5px;
}

h3 {
    clear: both;
    margin: 40px 0 20px;
    padding: 0 5px 7px;
    line-height: 1.4;
    font-size: 24px;
    color: #51463B;
    background-image: url("img/base/border_dotted.png"), url("img/base/border_dotted_dot.png"), url("img/base/border_dotted_dot.png");
    background-repeat: repeat-x, no-repeat, no-repeat;
    background-position: center bottom, left bottom, right bottom;
}

h2 + h3{
    margin-top: 20px;
}

/*
h4 {
    margin: 0 0 20px;
    padding: 0;
    font-size: 20px;
    color: #51463B;
}
*/

h4 {
    margin: 0 0 20px;
    font-size: 22px;
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #7db4e6;/*左線*/
}

/* 基本のリンク色 */

a{
    color: #1EBAB2;
    text-decoration: underline;
}

a:hover{
    text-decoration: none;
}

/* ------------------------------
ヘッダー
------------------------------ */
#header{
    position: relative;
    width: 960px;
    margin: 0 auto;
    background: url("img/base/header.jpg") no-repeat center top #F1EFF0;
    border-radius: 0 0 30px 30px;
}

#header img{
    display: none;
}

#header h2 {
    margin: 0 10px;
    padding: 260px 0 0;
    font-size: 16px;
    color: #51463B;
    background: none;
}

#header p{
    margin: 5px 10px 0 24px;
    padding: 0 0 10px;
    font-size: 14px;
    line-height: 1.4;
    color: #51463B;
}

/* ------------------------------
コンテナ
------------------------------ */
#container{ 
    width: 950px;
    margin: 0 auto;
    padding: 0 5px;
}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* ------------------------------
パンくず
------------------------------ */
.navi {
    margin-top: 20px;
    font-size: 16px;
}

/* ------------------------------
メインコンテンツ
------------------------------ */
#main{
    float: right;
    width: 710px;
    margin: 0;
    padding: 0;
}

/* ------------------------------
サイドバー
------------------------------ */
#menu_left{
    float: left;
    width: 210px;
    line-height: 1.4;
}

#menu_left .menu_top{
    margin: 20px 0 0 0;
    padding: 0 5px 5px 22px;
    font-size: 14px;
    font-weight: bold;
    color: #51463B;
    background-image: url("img/base/border_dotted.png"), url("img/base/border_dotted_dot.png"), url("img/base/border_dotted_dot.png");
    background-repeat: repeat-x, no-repeat, no-repeat;
    background-position: center bottom, left bottom, right bottom;
}

#menu_left .menu_top:before{
    content: url("img/base/arrow01.png");
    display: block;
    float: left;
    margin: 1px 5px 0 -17px;
}

#menu_left ul li{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
}

#menu_left ul li a{
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    color: #1EBAB2;
}

#menu_left ul li a:hover{
    background: url("img/base/back_stripe02.gif");
}

/* ------------------------------
フッター
------------------------------ */
#footer{
    min-width: 960px;
    margin-top: 75px;
    font-size: 14px;
    color: #51463B;
    background: url("img/base/back_stripe02.gif") repeat-x center top #F1EFF0;
}

.footer_inner{
    position: relative;
    width: 940px;
    margin: 0 auto;
    padding: 29px 10px 10px;
}

.footer_inner img{
    position: absolute;
    top: -25px;
    right: 50px;
}

.footer_inner h4{
    margin: 0 0 5px;
    font-size: 16px;
}

.footer_inner ul li{
    display: inline;
    padding: 0 10px;
    list-style: none;
    font-size: 16px;
    border-left: 1px dotted #51463B;
}

.footer_inner ul li:first-child{
    padding-left: 0;
    border: none;
}

#footer2{
    min-width: 960px;
    font-size: 14px;
    color: #51463B;
    background: #1EBAB2;
}

.footer2_inner{
    width: 940px;
    margin: 0 auto;
    padding: 10px;
    text-align: right;
}

.footer2_inner p{
    margin: 0;
}

.footer2_inner a{
    color: #51463B;
}

/* ------------------------------
装飾・配置などのスタイル
------------------------------ */
/* 画像回り込み */

.img1 { float: right; margin: 0 0 20px 20px; }
.img2 { float: left; margin: 0 20px 20px 0; }

/* 画像のサイズ指定 */

.imgsize165{
    width: 165px;
}

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

.clearfix{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* 文字制御 */

.left { text-align: left; } /* 左寄せ */
.right { text-align: right; } /* 右寄せ */
.center { text-align: center; } /* 中央寄せ */
.indent{ margin-left: 1em; }

.fl_l { float: left; }
.fl_r { float: right; }
.cl { clear: both }

.mt_20{ margin-top: 20px; }
.mb_20{ margin-bottom: 20px; }

/* ボックス */

.box{
    margin: 20px;
    padding: 20px 20px 0 20px;
    border: 5px double #FF8080;
}

.box02{
    margin: 20px 10px;
    padding: 20px 20px 0 20px;
    border: 1px double #ccc;
}


/* リスト */

ul.checklist, ul.list01{
    margin: 0 0 20px 0;
    padding-left: 1em;
    list-style-type: none;
}
ul.checklist li{
    margin: 0 0 10px 0;
    padding: 0 0 0 26px;
    font-weight: bold;
    background: url("img/base/checklist.png") no-repeat left 3px;
}

ul.list01 li{
    margin: 0 0 10px 0;
    padding: 0 0 0 18px;
    background: url("img/base/arrow04.png") no-repeat left 6px;
}

/* 定義リスト（矢印マーカー） */
dl.dlarrow{
    margin: 0 0 20px 0;
}

dl.dlarrow dt{
    margin-bottom: 10px;
    padding: 0 0 0 18px;
    font-weight: bold;
    font-size: 1.2em;
    background: url("img/base/arrow04.png") no-repeat left 8px;
}

dl.dlarrow dd{
    margin: 0 0 20px 1em;
}


/* マウスオーバー時リンク画像を半透明に */

.opacity a:link{
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.opacity a:hover{
    opacity: 0.7;  
}

/* 文字装飾 */

.b { font-weight: bold; } /* 太字 */
.bb /* 大・太字 */
{
    font-size: 1.2em;
    font-weight: bold;
}

.big /* 大・太字 */
{
    font-size: 1.2em;
}

.small{ font-size: 0.8em; line-height: 1.25;}


/* 文字色 */

.red { color: #E60012; }
.blue { color: #187FC4; }
.green { color: #009900; }
.orange { color: #ff9900; }
.pink { color: #ff66cc; }
.brown { color: #996600; }
.purple { color: #A63292;}
.line { background: #FFF899; }

.u {
    border-bottom: 1px solid #F52746;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, "メイリオ", Meiryo, sans-serif;
}

/* ------------------------------
トップページのスタイル
------------------------------ */

/* 更新情報 */

.koushin{
    height: 160px;
    margin: 20px 40px 40px;
    padding: 0 20px;
    color: #51463B;
    border: 5px double #DCD6CF;
    overflow: auto;
}

.koushin dt{
    clear: left;
    float: left;
    width: 7em;
    padding: 10px 0 0 5px;
    font-weight: normal;
}

.koushin dd{
    padding: 10px 5px 10px 8em;
}

.koushin dd+dd{
    margin-top: -5px;
    padding-top: 0;
}

.koushin dt+dd{
    border-top: 1px dashed #ddd;
}

.koushin dt:first-child+dd{
    border-top: none;
}

/* ------------------------------
サイトマップ
------------------------------ */
.sitemap_tokusyu{
    padding: 20px 5px;
    background: #F1EFF0;
}

.sitemap_tokusyu .title{
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.sitemap_tokusyu .title:before{
    content: url("img/base/check01.png");
    margin-right: 0.5em;
}

.sitemap_tokusyu .title a{
    color: #51463B;
}

.sitemap_l{
    float: left;
    width: 340px;
}

.sitemap_r{
    float: right;
    width: 340px;
}

.sitemap p{
    margin: 20px 0 10px;
    padding: 5px 5px 5px 25px;
    font-size: 18px;
    font-weight: bold;
    color: #51463B;
    background: url("img/base/arrow01.png") no-repeat 5px 13px #F1EFF0;
}

.sitemap li{
    margin: 5px 10px 0;
    padding: 0 0 0 20px;
    list-style: none;
    line-height: 1.4;
    color: #51463B;
    background: url("img/base/arrow04.png") no-repeat left 5px;
}

.sitemap a{
    text-decoration: none;
}

.sitemap a:hover{
    text-decoration: underline;
}

.sitemap p a{
    color: #51463B;
}

.sitemap_inner{
    margin-left: 10px;
}

.sitemap_inner p{
    margin: 5px 0;
    padding: 0 0 0 25px;
    font-size: 16px;
    background: url("img/base/arrow01.png") no-repeat 5px center;
}

/* ------------------------------
カテゴリインデックス
------------------------------ */
.categoryindex dt{
    margin: 20px 0 0 0;
    padding-left: 16px;
    font-size: 18px;
    background: url("img/base/arrow04.png") no-repeat left 8px;
}

.categoryindex dt + dt{
    margin: 0;
}

.categoryindex dd{
    margin: 0 0 0 16px;
}


/* ------------------------------
個別ページ設定
------------------------------ */

.tokusyu_mainvisual{
    margin-bottom: 20px;
}

.tokusyu_mainvisual + h3{
    margin-top: 20px;
}

/* -----tokusyu01----- */

.tokusyu01_box01{
    position: relative;
    margin: 20px 0 40px;
    padding: 20px;
    background: #FFFFCC;
    border: 1px dashed #51463B;
    clear: both;
}

.tokusyu01_box01 p{
    margin: 0;
    padding: 20px 0 0 80px;
    background: url("img/base/check01.png") no-repeat left top;
}

.tokusyu01_box01:after{
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 100px solid transparent;
    border-bottom: 30px solid #F1EFF0;
    border-top: 30px solid transparent;
    bottom: -42px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.tokusyu01_box02{
    margin-bottom: 20px;
    padding: 20px 1em 0;
    background: #F1EFF0;
    border: 1px solid #F1EFF0;
}

.tokusyu01_ranking .rankbox{
    position: relative;
    margin: 70px 0 20px;
    padding: 20px;
    color: #51463B;
    background: #E8FBF7;
    border: 1px solid #51463B;
}

.tokusyu01_ranking .rankbox:before{
    content: "";
    display: block;
    position: absolute;
    width: 97px;
    height: 107px;
    top: -50px;
    left: 20px;
}

.tokusyu01_ranking .rank01:before{
    background: url("img/tokusyu/tokusyu01_rank01.png") no-repeat;
}

.tokusyu01_ranking .rank02:before{
    background: url("img/tokusyu/tokusyu01_rank02.png") no-repeat;
}

.tokusyu01_ranking .rank03:before{
    background: url("img/tokusyu/tokusyu01_rank03.png") no-repeat;
}

.tokusyu01_ranking .rankbox .sitename{
    margin: 57px -20px 40px;
    padding: 20px 40px;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    background: #51463B;
}

.tokusyu01_ranking .rankbox .capture{
    float: right;
    margin: 0 0 20px 20px;
}

/* -----tokusyu02----- */

.tokusyu02_tokutyou{
    margin: 20px 0;
    padding-top: 158px;
    background: url("img/tokusyu/tokusyu02_text01.png") no-repeat center 20px;
    border-top: 15px solid #669900;
    border-bottom: 15px solid #669900;
}

.tokusyu02_tokutyou .tokutyou_box01{
    position: relative;
    margin: 10px 0;
    padding: 10px;
    background: #fff;
    border: 1px solid #669900;
}

.tokusyu02_tokutyou .tokutyou_box01 .no{
    position: absolute;
    font-size: 36px;
    line-height: 1;
    color: #FF4618;
    top: 10px;
    left: 10px;
}

.tokusyu02_tokutyou .tokutyou_box01 p{
    margin: 0;
    padding-top: 10px;
    color: #666;
}

.tokusyu02_tokutyou .tokutyou_box01 .no + p{
    padding: 0 0 5px 65px;
    font-size: 22px;
    font-weight: bold;
    color: #669900;
    border-bottom: 1px solid #ccc;
}

.tokusyu02_tokutyou .tokutyou_box02{
    position: relative;
    width: 710px;
    height: 510px;
    margin: 40px auto 0;
    background-image: -webkit-linear-gradient(-45deg, #F4FFDD 25%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 50%, #F4FFDD 50%, #F4FFDD 75%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.9));
    background-image: linear-gradient(-45deg, #F4FFDD 25%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 50%, #F4FFDD 50%, #F4FFDD 75%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0.9));
    background-size: 10px 10px;
    background-color: #669900;
}

.tokusyu02_tokutyou .tokutyou_box02:before{
    content: "";
    display: block;
    position: absolute;
    width: 214px;
    height: 520px;
    background: url("img/tokusyu/tokusyu02_woman01.png") no-repeat center top;
    top: -10px;
    left: 10px;
}

.tokusyu02_tokutyou .tokutyou_box02 img{
    display: block;
    position: absolute;
    width: 450px;
    height: 286px;
    top: 40px;
    right: 20px;
}

.tokusyu02_tokutyou .tokutyou_box02 p{
    position: absolute;
    width: 430px;
    margin: 0;
    text-align: center;
    right: 30px;
    bottom: 40px;
}

.tokusyu02_tokutyou .tokutyou_box02 p a{
    position: relative;
    display: block;
    padding: 10px 0;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    color: #FF4618;
    background: #fff;
    border: 5px solid #FF4618;
    border-radius: 5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.tokusyu02_tokutyou .tokutyou_box02 p a:before, .tokusyu02_tokutyou .tokutyou_box02 p a:after{
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    margin: auto 0;
    top: 0;
    bottom: 0;
    left: 40px;
    border: 7px solid transparent;
    border-left: 10px solid #FF4618;
}

.tokusyu02_tokutyou .tokutyou_box02 p a:after{
    left: auto;
    right: 40px;
    border-left-color: transparent;
    border-right: 10px solid #FF4618;
}

.tokusyu02_tokutyou .tokutyou_box02 p a:hover{
    background: #FFE3DD;
}

.tokusyu02_indexbox{
    margin: 20px 0;
    padding: 0 20px;
    border: 3px solid #1EBAB2;
}

.tokusyu02_indexbox p{
    margin: 0 0 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: #51463B;
}

.tokusyu02_indexbox p:first-child{
    margin: 0 -20px 20px;
    padding: 10px;
    font-size: 1.2em;
    text-align: center;
    color: #fff;
    background: #1EBAB2;
}

.tokusyu02_indexbox p:first-child br{
    display: none;
}

.tokusyu_interview #interview_box{
    margin: 0 0 10px;
    padding: 20px 20px 0 20px;
    color: #51463B;
    background: #F1EFF0;
    border: 1px solid #F1EFF0;
}

.tokusyu_interview #interview_box p{
    margin-bottom: 10px;
    font-weight: bold;
}

.tokusyu_interview #interview_box .title{
    margin: 0 0 20px;
    padding: 5px 5px 4px;
    font-size: 1.2em;
    text-align: center;
    color: #51463B;
    background: #D0CACD;
}

.tokusyu_interview .kome{
    margin-bottom: 40px;
    font-size: 0.8em;
    font-weight: bold;
    color: #E60012;
    text-align: right;
}

.tokusyu_interview h4{
    margin: 40px 0 -10px;
    padding: 5px 10px;
    font-size: 1.4em;
    background: #F1EFF0;
}

.tokusyu_interview .interview_title{
    position: relative;
    margin: 40px 0 20px;
    padding: 0 0 5px 44px;
    font-size: 1.2em;
    font-weight: bold;
    color: #51463B;
    border-bottom: 1px solid #D0CACD;
}

.tokusyu_interview .interview_title:before{
    content: "";
    display: block;
    position: absolute;
    width: 34px;
    height: 30px;
    background: url("img/tokusyu/tokusyu02_q.png") no-repeat;
    top: -4px;
    left: 0;
}

.tokusyu_interview .tork{
    margin: 0 0 10px 1em;
}

.tokusyu_interview .tork:before{
    display: block;
    margin: 0 0 10px -1em;
    font-weight: bold;
}

.tokusyu_interview .tork_a:before{
    content: "インタビュアー：";
    color: #0F61C4;
}

.tokusyu_interview .tork_b:before{
    content: "高木さん：";
    color: #F25906;
}

.tokusyu_interview .tork_c:before{
    content: "五十嵐さん：";
    color: #F25906;
}

.tokusyu_interview .tork_bc:before{
    content: "高木さん・五十嵐さん：";
    color: #F25906;
}

.tokusyu_interview .back{
    text-align: right;
}

.tokusyu_interview .back a{
    padding: 0 0 0 18px;
    background: url("img/base/arrow04.png") no-repeat left 6px;
}

.tokusyu_interview .bottom_navi{
    list-style: none;
    margin: 20px auto;
    text-align: center;
}

.tokusyu_interview .bottom_navi li{
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    line-height: 40px;
    background: #F1EFF0;
    color: #999;
}

.tokusyu_interview .bottom_navi a{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    background: #1EBAB2;
    color: #fff;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.tokusyu_interview .bottom_navi li:first-child, .tokusyu_interview .bottom_navi li:last-child{
    width: 120px;
}

.tokusyu_interview .bottom_navi li:first-child a, .tokusyu_interview .bottom_navi li:last-child a{
    width: 120px;
}

.tokusyu_interview .bottom_navi a:hover{
    opacity: 0.7;
}


.tokusyu_interview .link_box01{
    position: relative;
    margin: 0 0 20px;
    padding: 20px 0;
    background: #E8FBF7;
    overflow: hidden;
    border: 3px solid #1EBAB2;
}

.tokusyu_interview .link_box01 img{
    position: absolute;
    width: 250px;
    margin-right: 20px;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tokusyu_interview .link_box01 .inner{
    margin: 0 20px 0 310px;
}

.tokusyu_interview .link_box01 ul.checklist{
    padding-left: 0;
    color: #51463B;
}

.tokusyu_interview .link_box01 p{
    margin: 0;
    line-height: 1.4;
    text-align: center;
}

.tokusyu_interview .link_box01 p a{
    display: block;
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background: #1EBAB2;
    border-radius: 5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.tokusyu_interview .link_box01 p a:hover{
    opacity: 0.7;
}



/* ↑↑PC用cssの記述ここまで↑↑ */

/* =========================================
タブレット用css
========================================= */
@media screen and (max-width: 959px) {

/* ------------------------------
基本レイアウト
------------------------------ */
body{
    width: 100%;
}

/* 見出し */

h1 {
    top: 3px;
    left: 2%;
}

h2 {
    padding: 10px;
}


/* ------------------------------
ヘッダー
------------------------------ */
#header{
    width: 100%;
    background: #F1EFF0;
    border-radius: 0 0 10px 10px;
}

#header img{
    display: block;
}

#header h2 {
    margin: 10px 2% 0;
    padding: 0;
}

#header p{
    margin: 5px 2% 0;
}

/* ------------------------------
コンテナ
------------------------------ */
#container{ 
    width: 96%;
    margin: 0 2%;
    padding: 0;
}

/* ------------------------------
メインコンテンツ
------------------------------ */
#main{
    float: none;
    width: 100%;
}

/* ------------------------------
サイドバー
------------------------------ */
#menu_left{
    float: none;
    width: 100%;
    margin-top: 40px;
}

#menu_left:before{
    content: "menu";
    display: block;
    margin-bottom: 5px;
    padding: 10px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    background: #1EBAB2;
    border-radius: 5px;
}

#menu_left .menu_top{
    margin: 0;
    padding: 10px 5px 10px 22px;
    font-size: 16px;
    cursor: pointer;
}

#menu_left .active{
    color: #FE6B82;
}

#menu_left .active:before{
    content: url("img/base/arrow02.png");
}

#menu_left ul li a{
    padding: 10px 10px 10px 40px;
    background: url("img/base/arrow04.png") no-repeat 22px 13px;
    border-bottom: 1px solid #F1EFF0;
}

/* ------------------------------
フッター
------------------------------ */
#footer{
    min-width: 0;
    width: 96%;
    padding: 0 2%;
}

.footer_inner{
    width: 100%;
    padding: 45px 0 10px;
}

.footer_inner img{
    right: 0;
}

.footer_inner h4{
    margin: 0 0 10px;
}

#footer2{
    min-width: 0;
    width: 96%;
    padding: 0 2%;
}

.footer2_inner{
    width: 100%;
    padding: 10px 0;
}

/* ------------------------------
トップページのスタイル
------------------------------ */

/* 更新情報 */

.koushin{
    height: 190px;
    margin: 20px 10px 40px;
    padding: 0 15px;
    line-height: 1.4;
}

.koushin dt{
    width: 6em;
}

.koushin dd{
    padding: 10px 5px 10px 7em;
}

.koushin dd+dd{
    margin-top: 0;
}

/* ------------------------------
サイトマップ
------------------------------ */
.sitemap_l{
    width: 48%;
}

.sitemap_r{
    width: 48%;
}

.sitemap li{
    margin: 10px 5px 0;
}


/* ------------------------------
個別ページ設定
------------------------------ */

/* -----tokusyu01----- */

/* -----tokusyu02----- */

.tokusyu02_tokutyou .tokutyou_box02{
    width: 100%;
    margin: 40px auto 0;
}

.tokusyu02_tokutyou .tokutyou_box02:before{
    margin-right: 138px;
    right: 50%;
    left: auto;
}

.tokusyu02_tokutyou .tokutyou_box02 img{
    margin-left: -98px;
    left: 50%;
}


.tokusyu02_tokutyou .tokutyou_box02 p{
    margin-left: -88px;
    left: 50%;
}


}
/* ↑↑タブレット用cssの記述ここまで↑↑ */

/* =========================================
スマートフォン用css
========================================= */
@media screen and (max-width: 767px) {

/* ------------------------------
ヘッダー
------------------------------ */
#header h2 {
    margin: 5px 2% 0;
    padding: 0 0 5px;
}

#header p{
    display: none;
}

/* ------------------------------
フッター
------------------------------ */
.footer_inner img{
    margin: 0 auto;
    right: 0;
    left: 0;
}

.footer_inner ul{
    font-size: 0;
    text-align: center;
}

.footer_inner ul li:first-child{
    padding-left: 10px;
}

.footer2_inner{
    text-align: center;
}


/* ------------------------------
装飾・配置などのスタイル
------------------------------ */
/* 画像回り込み */

.img1, .img2{
    float: none;
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}

/* ボックス */

.box{
    margin: 20px 0;
    padding: 20px 10px 0 10px;
}

.box02{
    margin: 20px 0;
    padding: 20px 10px 0 10px;
}

/* 文字装飾 */

.small{ font-size: 0.8em; line-height: 1.6;}

/* ------------------------------
トップページのスタイル
------------------------------ */

/* 更新情報 */

.koushin{
    margin: 20px 0 40px;
    padding: 0 10px;
}

.koushin dt{
    clear: none;
    float: none;
    width: auto;
    padding: 10px 5px 5px;
    border-top: 1px dashed #ddd;
}

.koushin dt:first-child{
    border-top: none;
}

.koushin dd{
    margin-left: 2em;
    padding: 0 5px 10px;
    display: list-item;
    list-style: disc outside;
}

.koushin dt+dd{
    border-top: none;
}

/* ------------------------------
サイトマップ
------------------------------ */
.sitemap_l, .sitemap_r{
    float: none;
    width: 100%;
}

.sitemap li{
    margin: 10px 10px 0;
}


/* ------------------------------
個別ページ設定
------------------------------ */

/* -----tokusyu01----- */

.tokusyu01_ranking .rankbox{
    margin: 70px -2% 20px;
    padding: 20px 2%;
    border-right: none;
    border-left: none;
}

.tokusyu01_ranking .rankbox:before{
    margin: 0 auto;
    right: 0;
    left: 0;
}

.tokusyu01_ranking .rankbox .sitename{
    margin: 57px -2% 40px;
    padding: 20px 2%;
    text-align: center;
}

.tokusyu01_ranking .rankbox .capture{
    float: none;
    margin: 20px;
    text-align: center;
}

/* -----tokusyu02----- */

.tokusyu02_indexbox{
    padding: 0 10px;
}

.tokusyu02_indexbox p:first-child{
    margin: 0 -10px 20px;
    padding: 20px 10px;
}

.tokusyu02_indexbox p:first-child br{
    display: inline;
}

.tokusyu02_indexbox ul.list01{
    padding-left: 0;
}

.tokusyu_interview #interview_box{
    padding: 20px 10px 0 10px;
}

.tokusyu_interview #interview_box ul.list01{
    padding-left: 0;
}

.tokusyu_interview .tork{
    margin: 0;
}

.tokusyu_interview .tork:before{
    margin: 0 0 10px 0;
}

.tokusyu_interview .bottom_navi li:first-child, .tokusyu_interview .bottom_navi li:last-child{
    display: block;
    margin: 20px auto;
}

.tokusyu_interview .bottom_navi li:first-child a, .tokusyu_interview .bottom_navi li:last-child a{
    width: 120px;
}

.tokusyu_interview .link_box01 img{
    position: static;
    display: block;
    width: auto;
    max-width: 200px;
    margin: 0 auto 20px;
    -webkit-transform: none;
    transform: none;
}

.tokusyu_interview .link_box01 .inner{
    margin: 0 20px;
}

.tokusyu02_tokutyou .tokutyou_box02{
    position: relative;
    height: 595px;
    margin: 20px 0 0;
    padding: 135px 0 0;
    background: url("img/tokusyu/tokusyu02_woman01.png") no-repeat center top;
    background-size: auto;
}

.tokusyu02_tokutyou .tokutyou_box02:before{
    content: none;
}

.tokusyu02_tokutyou .tokutyou_box02:after{
    content: url("img/tokusyu/tokusyu02_text03.png");
    display: block;
    max-width: 366px;
    height: 290px;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;
    background: rgba(102,153,0,0.4);
}

.tokusyu02_tokutyou .tokutyou_box02 img{
    display: none;
}

.tokusyu02_tokutyou .tokutyou_box02 p{
    width: auto;
    max-width: 366px;
    margin: 0 auto;
    right: 0;
    bottom: 20px;
    left: 0;
}

.tokusyu02_tokutyou .tokutyou_box02 p a{
    font-size: 20px;
    line-height: 1.4;
    color: #fff;
    background: #FF4618;
}

.tokusyu02_tokutyou .tokutyou_box02 p a:before, .tokusyu02_tokutyou .tokutyou_box02 p a:after{
    left: 10px;
    border: 7px solid transparent;
    border-left: 10px solid #fff;
}

.tokusyu02_tokutyou .tokutyou_box02 p a:after{
    left: auto;
    right: 10px;
    border-left-color: transparent;
    border-right: 10px solid #fff;
}

.tokusyu02_tokutyou .tokutyou_box02 p a:hover{
    background: #FF4618;
    opacity: 0.7;
}



}
/* ↑↑スマートフォン用cssの記述ここまで↑↑ */



.box11{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 8px;
}

.box16{
    padding: 0.5em 1em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
.box16 p {
    margin: 0; 
    padding: 7px;
}


.bld /* ・太字 */
{
    font-weight: bold;
}

.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 0; 
    padding: 0;
}

.keikouki {
background:linear-gradient(transparent 60%, #ff6 60%);
font-weight: bold;
}

.keikoupink {
background:linear-gradient(transparent 60%, #f6c 60%);
font-weight: bold;
}

タイトル付ボックスここからーーーーー

.title-box5{
margin: 1em 0;
background-color: #fffbf4;
border: 2px solid #ee7917;
}

.title-box5-title{
font-size: 16px;
position: absolute;
margin-top: 0;
background-color: #ee7917;
color: #fff;
font-weight: bold;
border-radius: 0 0 2px 0;
padding: 4px 6px;
}

.title-box5 p{
margin: 0;
padding: 3em 1em 1em 1em;
}

ここまでーーーーー