@media screen and (min-width: 769px){
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: 50px;
    display: block;
    text-align:center;
    vertical-align: middle;
    font-family: sans-serif;
}

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

/* メニューで使用 */
#menu-box{
    margin-left:auto;
    margin-right:auto;
    width:1400px;
}

/* スマホ向けメニューボタン */
#toggle{
    display:none;
}

#menu{
    margin:0;    
    padding:0;
    background-color:#455a64;   /* bgcolor Blue Grey700 */
}

#menu li{
    list-style:none;
    margin:0;
    padding:0;
    font-size:20px;       /* 文字を大きく */
    float:left;
    position:relative;
    width:200px;
    height:40px;
    line-height:40px;     /* 行の高さを調整 */
    background:#455a64;   /* bgcolor Blue Grey700 */
    text-align:center;
    font-weight:bold;     /* 文字を太く */
}

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

#menu li a:hover{
    background-color:#7c4dff; /* ロールオーバー時のbgcolor Deep Purple A200 */
    color:#FFFFFF;            /* ロールオーバー時の文字色は白 */
}

#menu li ul{
    position:absolute;
    top:40px;
    width:200px;
    z-index:100;
}

#menu li ul li{
    visibility:hidden;
    overflow:hidden;
    width:200px;
    height:0;
    background:#455a64; /* ドロップダウンメニューのbgcolor Blue Grey700 */
    left:-40px; /* 旅行写真メニュー選択時にドロップダウンする際、右にずれないための微調整 */
}

#menu li ul li:hover, #menu li ul li a:hover{
    background:#7c4dff; /* ドロップダウンメニューホバー時のbgcolor Deep Purple A200 */
}

#menu li:hover ul li, #menu li a:hover ul li{
    visibility:visible;
    overflow:visible;
    height:40px;
    z-index:10;
}

/* アニメーション */
#menu * {
    -webkit-transition:0.5s;
    -moz-transition:0.5s;
    -ms-transition:0.5s;
    -o-transition:0.5s;
    transition:0.5s;
}

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

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

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

.homeTd1{
    width:500px;
}

.homeTd2{
    width:900px;
}

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

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

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

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

/* ホーム画像の右下の更新情報で使用 */
.absoluteBottom {
    position: absolute;
    font-size: 24px;
    color: #FFFFFF;
    background: rgba(0,0,0,0.6);
    text-align: center;
    bottom:20px;
    right:60px;
}

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

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

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

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

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

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

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

/* NapSalonバナー */
.homeNaps{
    width:460px;
    height:300px;
}

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

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

/* PC用プロフィールの背景 */
.profileBackImg{
    position: relative;
    margin-left:auto;
    margin-right:auto;
    width:720px;
    height:1280px;
}

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

/* お問い合わせの送信ボタン */
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:24px;
    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:400px;
    font-size:32px;
    font-weight:bold;
    text-decoration:none;
    display:inline;
    text-align:center;
    padding:2px 10px;
    color:#424242;
    border-style: none;
}

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

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

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

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

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

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

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

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

/* 親友の絵の縦画像サイズ */
.imgVertical{
    width:350px;
    height:520px;
}

/* 親友の絵の横画像サイズ */
.imgHorizon{
    width:520px;
    height:350px;
}

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

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

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

/* PR画像 */
.prImg {
    width:500px;
    height:250px;
}

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

.prAppBadge {
    width:200px;
    height:78px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tripHokImgSet{
    width:400px;
    height:230px;
}

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

.tripNzImgSet{
    width:400px;
    height:230px;
}

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

.tripLesImgSet{
    width:280px;
    height:500px;
}

.tripLesMapDec{
    width:600px;
    height:450px;
}

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

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

.updateinfoBrandnew2 {
    width:700px;
    font-size: 22px;
    color: #fb8c00;
}

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

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

}