@media
/*only screen and (max-width : 640px){*/
only screen and (max-width : 667px){


/*--------------------------------------------------------
◆サイト大枠設定
--------------------------------------------------------*/

html,
body{
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


body,pre{ color: #333; }


a{ text-decoration: underline; }
a:link{ color: #33ccff; }
a:visited{ color: #33ccff; }
a:hover{ color: #fe6500; }
a:active{ color: #fe6500; }


/*-----*/

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

.none{ display: none !important; }
.mobi{ display: block; }

/*-----*/


/*--------------------------------------------------------
◆メインカラー設定
--------------------------------------------------------*/





/*--------------------------------------------------------
◆ケース設定
--------------------------------------------------------*/

#case{
    width: 100%;
    min-width: 100%;
    background: #fff;
}


/*--------------------------------------------------------
◆トップエリア設定
--------------------------------------------------------*/

#broad-top{
    width: 100%;
    min-width: 100%;
    height: auto;
}

#top-box{
    margin: auto;
    width: 100%;
    height: auto;
    background: #E6E6E6;
}

#top-box h1,
#top-box p{
    color: #666;
    padding: 0.3em;
    font-size: 0.9em;
    text-align: center;
    line-height: 1.4;
}


/*--------------------------------------------------------
◆ヘッダーエリア設定
--------------------------------------------------------*/

#broad-header{
    width: 100%;
    min-width: 100%;
    height: auto;
}

#header-box{
    margin: auto 0;
    width: 90%;
    padding: 1.0em 5%;
    height: auto;
    background: #fff;
}


#header-box:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

#header-box{display: inline-block;}

/* Hides from IE Mac \*/
* html #header-box {height: 1%;}
#header-box{display:block;}
/* End Hack */


#riff{
    float: none;
    text-align: center;
    margin: 0;
}

#header-box #session{
display: none;
}


/*--------------------------------------------------------
◆グローバルメニュー設定
--------------------------------------------------------*/

#broad-score{
    width: 100%;
    min-width: 100%;
    height: auto;
    font-size: 1.2em;
    font-weight: bold;
}

#score-box{
    margin: auto;
    width: 100%;
    padding-top: 0px;/*▲ページ最上部からの距離*/
    height: auto;
}


#score-box:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

#score-box{display: inline-block;}

/* Hides from IE Mac \*/
* html #score-box {height: 1%;}
#score-box{display:block;}
/* End Hack */


#score-box ul{
    margin: 0;
}

#score-box li{
    float: left;
    overflow: hidden;
    margin: 0;
    width: 50%;
    text-align: center;
}

#score-box li a{
    display: block;
    padding: 0.6em 0.5em;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    color: #fff;
}

#score-box li.even a{
    border-left: none;
}

#score-box li.even a{
    border-left: none;
}

#score-box li a:hover{
    background: #F36100;
}


/*---------------------------------------------
◆キャッチ設定
---------------------------------------------*/

#broad-catch{
    width: 100%;
    min-width: 100%;
    height: auto;
	-webkit-background-size: contain;
	background-size: contain;
}

#catch-box{
    margin: auto;
    width: 100%;
    height: auto;
    display: block;
}

#catch-box img{
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 1.0em;
}


/*---------------------------------------------
◆ナビゲーション設定
---------------------------------------------*/

#conduct{
    width: 100%;
    min-width: 100%;
}


#conduct ol{
    margin: 0;
    width: 100%;
    padding: 0.5em 0;
    background: #fff;
    height: auto;
}

#conduct li{
    float: left;
    padding-right: 5px;
    padding-left: 10px;
    background: url(../img/ar.png) left 3px no-repeat;
    font-size: 0.9em;
    list-style-type: none;
    color: #666666;
}

#conduct li.begin{
    padding-left: 0.5em;
    background: none;
}

#conduct ol:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

#conduct ol{display: inline-block;}

/* Hides from IE Mac \*/
* html #conduct ol {height: 1%;}
#conduct ol{display:block;}
/* End Hack */


/*--------------------------------------------------------
◆ケース内部設定
--------------------------------------------------------*/

#broad-lsf{
    width: 100%;
    min-width: 100%;
    height: 100%;
}

#ls-box{
    margin: 0;
    width: 100%;
    background: #fff;
    padding-top: 2.0em;
}


/*--------------------------------------------------------
◆リード設定
--------------------------------------------------------*/

#lead{
    float: left;
    width: 100%;
    font-size: 1.4em;
    padding: 0;
}


/*区切り線*/
#lead hr{
    clear: both;
    margin: 35px 0 35px 0;
    padding: 0;
    font-size: 1.0em;
    line-height: 1.0em;
    border-width: 1px 0 0 0;
    border-style: dotted none none none;
    height: 1px;
    color: #dbdbdb;
}
* html #lead hr{ margin: 0 0 1.2em; }
*:first-child+html #lead hr{ margin: 0 0 1.2em; }


/*
――――――――――――――――――――――――――――――――
mc-area.css
――――――――――――――――――――――――――――――――
*/

/*--------------------
◆見出しタグ設定
--------------------*/

/*H1、H2*/

#lead h1,
#lead h2 {
	clear: both;
	margin: 0 0 1.5em;
	padding: 0;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.7em;
	color: #333;
	text-align: center;
}

/*H3*/

#lead h3 {
	clear: both;
	margin: 0 0 1.5em;
	padding: 0;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.5em;
	color: #555555;
	text-align: center;
}
#lead h3.v02 {
	margin-top: 2.0em;
}

/*H4*/

#lead h4 {
	clear: both;
	margin: 40px 5px 25px 5px;
	padding: 0.6em;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5em;
}


/*H5*/

#lead h5 {
	clear: both;
	margin: 40px 25px 25px 25px;
	padding: 5px 10px 3px 10px;
	border: none;
	border-bottom: 1px dotted #999;
	background: none;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.5em;
	color: #666;
}

/*----------------------------------------------------------
◆コンテンツエリア設定
----------------------------------------------------------*/

div.lick-oneclm,
div.lick-oneclm02,
div.lick-oneclm03,
div.lick-oneclm04,
div.lick-oneclm-flow {
	width: 100%;
	min-width: 100%;
	padding: 8% 0;
}

div.lick-oneclm {
	background: #fff;
}

div.lick-oneclm02 {
	background: #3B8CCD;
}

div.lick-oneclm03 {
	background: #efefef;
}

div.lick-oneclm04 {
	background: url(../img/lick-oneclm-bk02.png) no-repeat #fff;
	-webkit-background-size: contain;
	background-size: contain;
}

div.lick-oneclm-flow {
	background: url(../img/lick-oneclm-bk.png) no-repeat #fff;
	-webkit-background-size: contain;
	background-size: contain;
}

div.lick-oneclm-box,
div.lick-oneclm02-box,
div.lick-oneclm03-box,
div.lick-oneclm04-box,
div.lick-oneclm-flow-box {
	margin: auto;
	padding: 0 5%;
	width: 100%;
	box-sizing: border-box;
}

div.lick-oneclm-box p,
div.lick-oneclm02-box p,
div.lick-oneclm03-box p,
div.lick-oneclm04-box p,
div.lick-oneclm-flow-box p {
	font-size: 1.1em;
	margin: 1.0em 0 1.0em;
	line-height: 1.8;
}

div.lick-oneclm02-box p {
	margin: 0.5em 0 0.5em;
}

#lead div.lick-oneclm02-box h2,
#lead div.lick-oneclm02-box h3 {
	color: #fff;
}

div.contact-info {
	display: table;
	margin: 2.5% auto 4.0%;
	width: 90%;
	border: 1px solid #fff;
	padding: 2.5%;
	box-sizing: border-box;
}

div.contact-info .contact-info-left {
	width: 100%;
	display: block;
	vertical-align: middle;
	padding-right: 0;
	text-align: center;
	box-sizing: border-box;
}

div.contact-info .contact-info-right {
	width: 100%;
	display: block;
	vertical-align: middle;
	padding-left: 0;
	box-sizing: border-box;
}

div.contact-info p.telnum {
	margin-bottom: 0.25em;
	padding-left: 60px;
	font-size: 1.8em;
	font-weight: bold;
	background: url(../img/icon-phone.png) 0 0 no-repeat;
}

div.contact-info p.telnum-w a {
	color: #fff;
}

#lead ul.line {
	width: 90%;
	list-style-type: none;
	margin: 0 auto;
	font-size: 1.5em;
	text-align: center;
}

#lead ul.line li {
	display: block;
	border: 1px solid #fff;
	margin: 0.25em 0;
	padding: 0.8em 1.5em;
}

.btn {
	width: 90%;
	margin: 0.5em auto !important;
	text-align: center;
	box-sizing: border-box;
}

.btn a {
	display: block;
	padding: 1.0em;
	background: #ff9300;
	border-bottom: 8px solid #d07800;
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
}

.btn a:hover {
	background: #ffa52b;
	border-bottom: 15px solid #e08e1d;
}

div.lick-oneclm-flow-box div.contact-info {
	display: table;
	margin: 2.5% auto 4.0%;
	width: 100%;
	border: 1px solid #bfbfbf;
	padding: 2.5%;
	box-sizing: border-box;
}

div.lick-oneclm-flow-box div.contact-info .contact-info-left {
	width: 100%;
	display: block;
	vertical-align: middle;
	padding-right: 2.5%;
	text-align: center;
	box-sizing: border-box;
}

div.lick-oneclm-flow-box div.contact-info .contact-info-right {
	width: 100%;
	display: block;
	vertical-align: middle;
	padding-left: 4.0%;
	box-sizing: border-box;
}

div.lick-oneclm-flow-box div.contact-info p.telnum {
	margin-bottom: 0.25em;
	padding-left: 60px;
	font-size: 2.0em;
	font-weight: bold;
	background: url(../img/icon-phone.png) 0 0 no-repeat;
}

#lead ul.check {
	margin: 0em auto;
	list-style-type: none;
	font-size: 1.25em;
	font-weight: bold;
}

#lead ul.check li {
	min-height: 30px;
	margin-bottom: 0.5em;
	padding-top: 0;
	padding-left: 40px;
	background: url(../img/icon-check-mini.png) 0 top no-repeat;
}


/*
――――――――――――――――――――――――――――――――
foot.css
――――――――――――――――――――――――――――――――
*/

/*--------------------
◆フッターエリア設定
--------------------*/

#foot {
	width: 100%;
	min-width: 100%;
}

#foot-box {
	margin: auto;
	width: 100%;
	padding: 1.0em;
	font-size: 1.2em;
	box-sizing: border-box;
	font-weight: bold;
}
/*
――――――――――――――――――――――――――――――――
add.css
――――――――――――――――――――――――――――――――
*/

/*-------------------------------------------------------------------
◆テーブル・表設定
-------------------------------------------------------------------*/


/*基本設定----------------------*/

#lead table{
    margin: 2.0em 0;
    padding: 0;
    width: 100%;
    font-size: 1.0em;
	box-sizing: border-box;
}

#lead table th{
display: block;
    text-align: left;
    padding: 2%;
    vertical-align: middle;
    width: 100%;
	box-sizing: border-box;
}

#lead table td{
display: block;
    padding: 2%;
    border: none;
    vertical-align: middle;
    background: none;
    width: 96%;
	box-sizing: border-box;
}



/*-------------------------------------------------------------------
◆リスト設定
-------------------------------------------------------------------*/


/*基本設定----------------------*/

#lead ul,
#lead ol{
    list-style-position: outside;
    margin: 0 0.6em 1.4em 2.5em ;
    /*-moz-border-radius: 8px;*/
}
#lead ul{ list-style-type: disc; }
#lead li{ line-height: 1.8em; }

#lead li.end{
    border: none!important;
    margin-bottom: 0!important;
}


/*チェックリスト用リスト----------------------*/

ul.v03{
margin: 0 5px 20px 5px !important;
padding: 15px 10px 10px 10px !important;
list-style-type: none !important;
list-style-position: outseide;
background: #fffadb;
border: 2px solid #b02b44;
}

ul.v03 li{
margin: 0;
margin-right: 0px;
padding: 0 0 0 30px;
background: url(../img/check.png) 5px top no-repeat;

}

ul.v03 li.fin{
margin: 0;
margin-right: 0px;
padding: 0 0 0 25px;
background: url(../img/check.png) no-repeat;

}


/*×用リスト----------------------*/

ul.v04{
margin: 0 5px 20px 5px !important;
padding: 15px 10px 10px 10px !important;
list-style-type: none !important;
list-style-position: outseide;
background: #fffadb;
border: 2px solid #c20201;
}

ul.v04 li{
margin: 0;
margin-right: 0px;
padding: 0 0 0 30px;
background: url(../img/batu.png) 5px 4px no-repeat;
color: #c20201;
font-weight: bold;
font-size: 15px;

}

ul.v04 li.fin{
margin: 0;
margin-right: 0px;
padding: 0 0 0 25px;
background: url(../img/batu.png) 5px top no-repeat;

}


/*チェックリスト用リスト　背景無し----------------------*/

ul.v05{
margin: 0 5px 0px 0px !important;
padding: 5px 10px 10px 0px !important;
list-style-type: none !important;
list-style-position: outseide;
background: #fff;
border: none;
}

ul.v05 li{
margin: 0;
margin-right: 0px;
padding: 0 0 0 25px;
background: url(../img/check02.png) left top no-repeat;

}

ul.v05 li.fin{
margin: 0;
margin-right: 0px;
padding: 0 0 0 25px;
background: url(../img/check02.png) no-repeat;

}


/*スター用リスト----------------------*/

ul.v06{
margin: 0 5px 20px 5px !important;
padding: 15px 10px 10px 10px !important;
list-style-type: none !important;
list-style-position: outseide;
background: #fffadb;
border: 3px solid #e3c100;
}

ul.v06 li{
margin: 0;
margin-right: 0px;
padding: 0 0 0 30px;
background: url(../img/star.png) 5px 2px no-repeat;

}

ul.v06 li.fin{
margin: 0;
margin-right: 0px;
padding: 0 0 0 25px;
background: url(../img/check.png) no-repeat;

}


/*-------------------------------------------------------------------
◆定義タグ設定
-------------------------------------------------------------------*/


/*
――――――――――――――――――――――――――――――――
parts.css
――――――――――――――――――――――――――――――――
*/

/*--------------------------------------------------------
◆テキスト色設定
--------------------------------------------------------*/

.fc-r{ color: #ff0000!important; }
.fc-r02{ color: #c20201!important; }
.fc-r03{ color: #e07b63!important; }

.fc-b{ color: #0000dd!important; }
.fc-b02{ color: #2182a4!important; }

.fc-g{ color: #608920!important; }

.fc-o{ color: #ff6600!important; }

.fc-a{ color: #7f7f7f!important; }

.fc-p{ color: #ff3a66!important; }

.fc-k{ color: #8e8155!important }

/*--------------------------------------------------------
◆マーカー設定
--------------------------------------------------------*/

.marker-y{
    padding: 0px;
    background-color: #ffffa8!important;
}

.marker-r{
    padding: 0px;
    background-color: #f8dcdc!important;
}
.marker-g{
    padding: 0px;
    background-color: #c3e9be!important;
}
.marker-g02{
    padding: 0px;
    background-color: #bee9e4!important;
}
.marker-b{
    padding: 0px;
    background-color: #ddeff4!important;
}


/*--------------------------------------------------------
◆下線設定
--------------------------------------------------------*/

.psc{ text-decoration: underline!important; }

.can{ text-decoration:line-through;}


/*--------------------------------------------------------
◆太字設定
--------------------------------------------------------*/

.mc{
    font-weight: bold !important;
}


/*--------------------------------------------------------
◆※設定
--------------------------------------------------------*/

.kome{
    text-indent: -1.0em;
    margin: 10px 10px 10px 30px !important;
    font-size: 12px;
}


/*--------------------------------------------------------
◆ダミー見出し設定
--------------------------------------------------------*/

.tag01{
border-bottom: 1px dotted #cfcfcf;
font-size: 1.1em !important;
margin-bottom: 2.0em !important;
font-weight: bold;
}


/*--------------------------------------------------------
◆フォントサイズの調整設定
--------------------------------------------------------*/

.fs08{ font-size: 0.8em !important; }
.fs09{ font-size: 0.9em !important; }
.fs10{ font-size: 1.0em !important; }
.fs11{ font-size: 1.1em !important; }
.fs12{ font-size: 1.2em !important; }
.fs13{ font-size: 1.3em !important; }
.fs14{ font-size: 1.4em !important; }
.fs15{ font-size: 1.5em !important; }


/*--------------------------------------------------------
 !important◆文字寄せの設定
--------------------------------------------------------*/

.fron{ text-align: left; }/*左寄せ*/
.cent{ text-align: center; }/*中央寄せ*/
.rear{ text-align: right; }/*右寄せ*/


/*--------------------------------------------------------
◆フロートの設定
--------------------------------------------------------*/

.group-r{ float: right; }
.group-l{ float: left; }
.group-c{ clear: both; }


/*--------------------------------------------------------
◆画像の回り込み設定
--------------------------------------------------------*/

.img-l{
    float: left;
    margin: 0 30px 20px 0.6em!important;
}

.img-l02{
    float: left;
    margin: 0 10px 20px 0!important;
}

.img-l03{
    float: left;
    margin: 0 30px 20px 15px!important;
}


.img-r{
    float: right;
    margin: 0 0 20px 30px!important;
}

.img-r02{
    float: right;
    margin: 0 0 10px 30px!important;
}


/*--------------------------------------------------------
◆マージンの設定
--------------------------------------------------------*/

.t0{ margin-top: 0px!important; }
.r0{ margin-right: 0px!important; }
.b0{ margin-bottom: 0px!important; }
.l0{ margin-left: 0px!important; }

.t5{ margin-top: 5px!important; }
.r5{ margin-right: 5px!important; }
.b5{ margin-bottom: 5px!important; }
.l5{ margin-left: 5px!important; }

.t10{ margin-top: 10px!important; }
.r10{ margin-right: 10px!important; }
.b10{ margin-bottom: 10px!important; }
.l10{ margin-left: 10px!important; }

.t20{ margin-top: 20px!important; }
.r20{ margin-right: 20px!important; }
.b20{ margin-bottom: 20px!important; }
.l20{ margin-left: 20px!important; }

.t40{ margin-top: 40px!important; }
.r40{ margin-right: 40px!important; }
.b40{ margin-bottom: 40px!important; }
.l40{ margin-left: 40px!important; }

.t60{ margin-top: 60px!important; }
.r60{ margin-right: 60px!important; }
.b60{ margin-bottom: 60px!important; }
.l60{ margin-left: 60px!important; }


/*--------------------------------------------------------
◆パディングの設定
--------------------------------------------------------*/

.pt0{ padding-top: 0px!important; }
.pr0{ padding-right: 0px!important; }
.pb0{ padding-bottom: 0px!important; }
.pl0{ padding-left: 0px!important; }

.pt5{ padding-top: 5px!important; }
.pr5{ padding-right: 5px!important; }
.pb5{ padding-bottom: 5px!important; }
.pl5{ padding-left: 5px!important; }

.pt10{ padding-top: 10px!important; }
.pr10{ padding-right: 10px!important; }
.pb10{ padding-bottom: 10px!important; }
.pl10{ padding-left: 10px!important; }

.pt20{ padding-top: 20px!important; }
.pr20{ padding-right: 20px!important; }
.pb20{ padding-bottom: 20px!important; }
.pl20{ padding-left: 20px!important; }

.pt40{ padding-top: 40px!important; }
.pr40{ padding-right: 40px!important; }
.pb40{ padding-bottom: 40px!important; }
.pl40{ padding-left: 40px!important; }

.pt60{ padding-top: 60px!important; }
.pr60{ padding-right: 60px!important; }
.pb60{ padding-bottom: 60px!important; }
.pl60{ padding-left: 60px!important; }


/*--------------------------------------------------------
◆囲み枠の設定
--------------------------------------------------------*/

.waku{
}

.waku02{
    border: 1px solid #dbdbdb;
    background: #f8f8f8;
    padding: 10px;
    font-size: 12px;
}

.waku03{
    border-top: 2px solid #dbdbdb;
    border-bottom: 2px solid #dbdbdb;
    background: #f8f8f8;
    padding: 10px 20px 0px 20px;
    margin: 0px 20px 20px 20px;
    font-size: 12px;
}

.waku04{
    border-top: 2px solid #dbdbdb;
    border-bottom: 2px solid #dbdbdb;
    background: #f8f8f8;
    padding: 1.0em 1.0em 0 1.0em;
    margin: 0 0.5em;
    font-size: 0.9em;
}

.waku-r{
    border: 1px solid #ff8e8e;
    background: #ffecec;
    margin: 2.0em 1%;
    padding: 2.0em 2.0em 1.0em 2.0em;
}

.waku-r02{
    border: 1px solid #dbdbdb;
    background: #f9e9e9;
    padding: 10px;
    font-size: 0.9em;
    margin: 20px 5px!important;
}

.waku-go{
    border: 3px solid #cfc8b0;
    background: #f7f6f2;
    padding: 15px 10px 0px 10px;
    margin: 0px 15px 0px 15px;
}

.waku-yg{
    border: 3px solid #005526;
    background: #fffadb;
    padding: 15px 10px 15px 10px;
    margin: 2.0em 0.5em;
}

.waku-yp{
    border: 3px solid #ff2b5b;
    background: #fffadb;
    padding: 1.0em;
    margin: 1.0em 2% 0.5em 2%;
}

.waku-yp h4{
    background: none !important;
    color: #ff2b5b !important;
    margin: 0px 10px 20px 10px !important;
    padding: 2px 0px 2px 0px !important;
    border: none !important;
    border-bottom: 1px dotted #ff2b5b !important;
}

.waku-yp p{
    margin: 0 0.5em 0.5em 0.5em !important;
    font-size: 12px;
}


/*--------------------------------------------------------
◆アイコン表示設定
--------------------------------------------------------*/

/*フロー*/
.flow{
    margin: 0px 0px 1.0em 0px !important;
    padding: 0.8em !important;
    background: #f8f8f8;
    line-height: 1.5 !important;
    border: 1px solid #eeeeee;
    height: auto !important;
    color: #fe6500;
    font-size: 1.2em;
    font-weight: bold;
}


/*--------------------------------------------------------
◆フロートの解除
--------------------------------------------------------*/

.fl-none{
float: none;
}





/*------------------------------------------------------------
Copyright モヨリックデザイン
-------------------------------------------------------------*/
}