@media screen and (max-width:480px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

/* 全ページの背景 */
body {
/*    background-image: url(./img/gradient.jpg); */
/*    background-color: #009688; bgcolor Teal500 */
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-image:-moz-linear-gradient(
    top,
    #455a64 80%, /* Blue Grey700 */
    #aed581); /* Light Green 300 */
 
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#455a64), /* Blue Grey700 */
    color-stop(0.8, #455a64), /* グラデーション分岐点 */
    to(#aed581)); /* Light Green 300 */
}

/* HOMEのトップで使用 */
h1 {
    color: #FFFFFF;
    font-size: 22px;
    text-align: center;
    font-family: sans-serif;
}

/* HOME以外のタイトルで使用 */
h2 {
    color: #FFFFFF;
    font-size: 22px;
    text-align: center;
    font-family: sans-serif;
}

/* メニューで使用 */
#menu{
    display: block;
    margin:0;    
    padding:0;
    background-color:#546e7a;   /* bgcolor Blue Grey600 */
}

#menu li{
    position:relative;
    list-style:none;
    margin:0;
    padding:0;
    font-size:18px;
    float:left;
    width:100%;
    height:34px;
    line-height:34px;     /* 行の高さを調整 */
    background:#546e7a;   /* bgcolor Blue Grey600 */
    text-align:center;
    font-weight:bold;     /* 文字を太く */
    border-width: thin;
    border-color:#FFFFFF;
    border-style: dotted;
}

#menu li a{
    color:#CCCCCC;        /* デフォルト文字は灰色 */
    display:block;
    text-decoration:none;
}

#menu{
    display: none;
}

#menu li ul{
    position:absolute; // 絶対要素
    top:34px;
    z-index:100;
   width:95%;
    left:-31px; // 重なり合わせを行うと右にずれるため、leftで調整する
}

#tripMenu{
    display:none;
}

#menu li ul li{
    background:#78909c;
    font-size:18px;
    width:100%;
    height:34px;
    line-height:34px;     /* 行の高さを調整 */
    border-width: thin;
    border-color:#FFFFFF;
    border-style: dotted;
}

/* スマホ向けメニューボタン */
#toggle{
    display:block;
    position:relative;
    width:44px;
    margin-left:auto; /* 右寄せ */
    background:#FFFFFF;
}

#toggle a{
    display: block;
    position: relative;
    padding: 10px 0 10px;
    border-bottom: 1px solid #222;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
}

/* センタリング */
.centBlk{
    display:block;
    width:100%;
    text-align:center;
}

/* トップページに戻るアイコン */
#backTopPage{
    text-align:center;
}

/* ホームのヘッダーとフッターのテーブルサイズ */
.homeTable{
    display:block;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

.homeTd1{
    width:340px;
}

.homeTd2{
    display:none;
}

/* ホームの画像とメッセージのサイズで使用 */
.backDiv{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:340px;
}

/* ホームの画像で使用 */
.backImg{
    display:block;
    width:340px;
    height:200px;
}

/* ホーム画像の左上のメッセージで使用 */
.absoluteTop {
    font-size: 12px;
    color: #FFFFFF;
    background: rgba(0,0,0,0.6);
    text-align: center;
}

/* ホーム画像の左上のメッセージで使用 */
.absoluteMiddle {
    font-size: 12px;
    color: #FFFFFF;
    background: rgba(0,0,0,0.6);
    text-align: center;
}

/* ホーム画像の右下の更新情報で使用 */
.absoluteBottom {
    display:none;
}

/* ホーム画面用の紹介テーブル */
.homeIntroductTable{
    display:block;
    width:340px;
    margin-left:auto;
    margin-right:auto;
}

/* ホーム画面用の紹介テーブル装飾 */
.homeIntroductTd1{
    width:100px;
}

/* ホーム画面用の紹介画像 */
.homeCircleImg{
    width:100px;
    height:100px;
}

/* ホーム画面用の紹介テーブル装飾 */
.homeIntroductTd2{
    width:240px;
}

/* ホーム画面用の紹介タイトル */
.homeIntroductName{
    display:block;
    font-size:16px;
    text-align:center;
    font-family: sans-serif;
    color:#FFFFFF;
}

/* ホーム画面用の紹介説明 */
.homeIntroductDetail{
    font-size:12px;
    text-align:left;
    font-family: sans-serif;
    color:#FFFFFF;
}

/* Special Thanksと広告の文字 */
.homeThanksAd{
    color: #FFFFFF;
    font-size: 20px;
    text-align: center;
    font-family: sans-serif;
}

/* NapSalonバナー */
.homeNaps{
    width:230px;
    height:150px;
}

/* コピーライト背景 */
.bottomDisp{
    background-color:#000000;
    width:100%;
    height:26px;
}

/* コピーライト表示 */
.cpright{
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    font-family: sans-serif;
}

/* PC用プロフィールの画像 */
.profileBackImg{
    display: block;
    margin-left:auto;
    margin-right:auto;
    width:340px;
}

.profileBackImg img{
    width:340px;
    height:612px;
}

/* PC用プロフィールメッセージ */
.profileAbsolute {
    position:absolute;
    width:340px;
    font-size: 12px;
    color: #FFFFFF;
    background: rgba(0,0,0,0.6);
    text-align: left;
    top:360px;
    left:10px;
}

/* お問い合わせの送信ボタン */
input#submit_button {
    width:200px;
    margin-left:auto;
    margin-right:auto;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#FFFFFF;
    border-radius:5px;
    border-style: none;

    background-image:-moz-linear-gradient(
    top,
    #388e3c 0%,
    #1b5e20);
 
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#388e3c),
    to(#1b5e20));
}

/* お問い合わせの送信ボタンのロールオーバー */
input#submit_button:hover {
    background-image:-moz-linear-gradient(
    top,
    #66bb6a 0%,
    #1b5e20);
 
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#66bb6a),
    to(#1b5e20));
}

/* お問い合わせの必須マーク */
.mandatory {
    width:150px;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    display:inline;
    text-align:center;
    padding:2px 10px;
    background-color:#9c27b0;
    color:#FFFFFF;
    border-radius:10px;
    border-style: none;
}

/* お問い合わせの入力アイテム */
.inputItem {
    width:200px;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    display:inline;
    text-align:center;
    padding:2px 10px;
    color:#424242;
    border-style: none;
}


/* お問い合わせの入力テーブル */
.inputTable {
    display:block;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

/* お問い合わせのアイテムTd */
.itemTd {
    width:40%;
    background-color:#9e9e9e;
    text-align:right;
    border:1px solid #777777;
}

/* お問い合わせの入力Td */
.inputTd {
    width:60%;
    height:16px;
    font-size:12px;
    background-color:#FFFFFF;
    border:1px solid #777777;
}

/* お問い合わせの名前入力 */
.inputName {
    height:16px;
    font-size:12px;
}

/* お問い合わせのアドレス入力 */
.inputAddress {
    height:16px;
    font-size:12px;
}

/* お問い合わせの内容入力 */
.inputContents {
    vertical-align:top;
    font-size:12px;
}

/* 入力エラーメッセージ */
.inputErrMsg {
    display: block;
    width: 100%;
    color: #e53935;    
    font-size: 14px;
    text-align: center;
    font-family: sans-serif;
}

/* 送信結果メッセージ */
.sendResultMsg {
    display: block;
    width: 100%;
    color: #FFFFFF;    
    font-size: 14px;
    text-align: center;
    font-family: sans-serif;
}

/* 親友の絵の縦画像サイズ */
.imgVertical{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:174px;
    height:260px;
}

/* 親友の絵の横画像サイズ */
.imgHorizon{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:260px;
    height:174px;
}

/* 全ページ共通　先頭ページに移動するボタンのロールオーバー */
input#homeIcon:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* PRタイトル */
.prTitle {
    font-size: 16px;
    color: #fb8c00;
    text-align: center;
}

/* PR内容 */
.prExplain {
    font-size: 10px;
    color: #FFFFFF;
    text-align: center;
}

/* PR画像 */
.prImg {
    width:240px;
    height:140px;
}

/* PR用のバッジサイズ */
.prGoogleBadge {
    width:156px;
    height:60px;
}

.prAppBadge {
    width:156px;
    height:60px;
}

/* ダイアリータイトル */
.diaryTitle {
    font-size: 16px;
    color: #fb8c00;
    text-align: center;
}

/* ダイアリー内容 */
.diaryExplain {
    font-size: 10px;
    color: #FFFFFF;
    text-align: left;
}

/* ダイアリー画像 */
.diaryImg {
    width:240px;
    height:140px;
}

/* 旅行写真関連 */
.tripTitleDec {
    display: block;
    width: 100%;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    font-family: sans-serif;
}

.tripExplainDec{
    display: block;
    width: 100%;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
}

.tripSlideImgSet{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:360px;
    height:200px;
}

.tripTableDec{
    display:block;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    border:1px solid #777777;
}

.tripItemTd1{
    width:90px;
    background-color:#00FF00;
    text-align:center;
    border:1px solid #777777;
}

.tripItemTd2{
    width:90px;
    background-color:#00FF00;
    text-align:center;
    border:1px solid #777777;
}

.tripItemTd3{
    width:180px;
    background-color:#00FF00;
    text-align:center;
    border:1px solid #777777;
}

.tripItemDec{
    font-size: 12px;
    color: #777777;
    text-align: center;
}

.tripExplainTd1{
    width:90px;
    background-color:#000000;
    text-align:center;
    border:1px solid #777777;
}

.tripExplainTd2{
    width:90px;
    background-color:#000000;
    text-align:center;
    border:1px solid #777777;
}

.tripExplainTd3{
    width:180px;
    background-color:#000000;
    border:1px solid #777777;
}

.tripHokImgSet{
    width:300px;
    height:170px;
}

.tripNzSubTitleMsg{
    display: block;
    width: 100%;
    color: #FFFFFF;
    font-size: 24px;
    text-align: center;
    font-family: sans-serif;
}

.tripNzImgSet{
    width:300px;
    height:170px;
}

.tripLesMillsDec{
    display:block;
    width:100%;
    text-align:center;
    background-color:#FF0000;
}

.tripLesImgSet{
    width:170px;
    height:300px;
}

.tripLesMapDec{
    width:340px;
    height:240px;
}

/* 更新情報テーブル */
.updateinfoTable {
    display:block;
    width:340px;
    margin-left:auto;
    margin-right:auto;
    border-top:solid 1px #ffffff; /* 上だけ引く */
    border-bottom:solid 1px #ffffff; /* 下だけ引く */
}

/* 最新情報Td */
.updateinfoBrandnew1 {
    text-align:center;
    width:100px;
    font-size: 12px;
    color: #fb8c00;
}

.updateinfoBrandnew2 {
    width:240px;
    font-size: 10px;
    color: #fb8c00;
}

/* 旧情報Td */
.updateinfoTd1 {
    text-align:center;
    width:100px;
    font-size: 12px;
    color: #ffffff;
    border-top:solid 1px #ffffff; /* 上だけ引く */
}

.updateinfoTd2 {
    width:240px;
    font-size: 10px;
    color: #ffffff;
    border-top:solid 1px #ffffff; /* 上だけ引く */
}

}