/*プロパティのコメント*/
/*index.htmlホーム/【boxC boxC-2】*/
/*kyoto京都中心部送料無料サービス/【boxC boxC-2】*/
/*company会社概要/【boxC boxC-2】*/
/*messageメッセージ/【boxC boxC-2】*/
/*formフォーム/【boxC boxC-2】*/
/*accessアクセス/【boxC boxC-2】*/
/*news最新情報/【boxC boxC-2】*/
/*site_mapサイトマップ/【boxC boxC-2】*/
/*privacy_policyプライバシーポリシー/【boxC boxC-2】*/

/*ordering発注方法/boxCR boxC-2*/
/*submissionデータ入稿はコチラ/boxCR boxC-2*/

/*gassan合算使用ｍｍとは？/boxCG boxC-2*/
/*designデータ作成/boxCG boxC-2*/

/*data_creation_guide入稿データ作成ガイド/boxCU boxC-2*/
/*calculation簡単!!　見積もりフォーム/boxCU boxC-2*/

/*nigaoe似顔絵/boxCN boxC-2*/

/*synthetic_paperマット合成紙/boxCP boxC-2P*/
/*coated_paperマットコート紙/boxCP boxC-2P*/

/*copy_paperコピー用紙/boxCK boxC-2K*/
/*copy_hagakiハガキ/boxCK boxC-2K*/


/*文字コードとフォント指定*//*デフォルト16px*/
@charset "UTF-8";
body{
margin: 0;
font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', 'Yu Mincho', 'Hiragino Mincho Pro', 'Script', sans-serif
}

/*背景指定*/
body{
/*background-image: url("../images/background.jpg");*/
background-color: #F4F4F4;
background-size: cover;
background-attachment: fixed;
background-position: center center;
} 

/*トップライン*/
.box0{
height: 4px;
background-color: #422F2D;
}

/*ヘッダー*/
.boxA{
margin-top: 20px;
margin-bottom: 20px;
padding: 10px;
height: 100px;  /*高さ指定(boxA-1の境界線と高さの合算)*/
border: solid 10px #C0C0C0;  /*innerで境界線を内側へ*/ 
background-color: #FFFFFF;
}

.boxA-1{
float: left;  /*フロート指定*/
width: 100px;
height: 100px;  /*高さ指定*/
}

.boxA-1 a img{
border: none;  /*リンク画像の枠線非表示*/
}

.boxA-2{
float: left;  /*フロート指定*/
margin: 0px 0px 0px 20px;
width: 400px;
height: 100px;  /*高さ指定*/
}

.boxA-2 h1 a{
margin: 0px 0px 0px 0px;
font-size: 30px;
line-height: 10px;  /*行の高さを指定して行間を作る*/
color: #000000;
text-decoration: none;
border-top: dotted 2px #dddddd;
}

.boxA-2 h2{
margin: 15px 0px -20px 0px;
font-size: 13px;
font-weight: normal;
}

.boxA-2 h3{
margin: -28px 0px 0px -5px;
font-size: 11px;
font-weight: normal;
}

.boxA-3{  
float: right;  /*フロート指定*/
width: 280px;
height: 100px;  /*高さ指定*/
text-align: right;  /*文字右寄せ*/
}

.boxA-3 h1{
margin: 2px 0px 0px 0px;
font-size: 26px;
line-height: 0px;  /*行の高さを指定して行間を作る*/
}

.boxA-3 h2{
margin: 0px 0px 0px 0px;
font-size: 10px;
font-weight: normal;
}

.boxA-3 a{
margin: 0px 0px 0px 0px;
font-size: 20px;
line-height: 34px;  /*行の高さを指定して行間を作る*/
color: #0000FF;
text-decoration: none;
border-top: dotted 2px #dddddd;
}




/*グローバルナビゲーション*/
.boxB{
background-color: #707070;
}

.menu{
margin: 0;  /*文字の余計な余白を削除*/
padding: 0;  /*文字の余計な余白を削除*/
}

.menu li{
float: left;
width: 20%;   /*リスト5分割の場合*/
list-style-type: none;  /*リストのスタイルを指定しない*/
position: relative;  /*相対的基点*/
}

.menu li a, .menu li span{
display: block;   /*ブロックレベル要素に変更*/  
font-size: 14px;
text-align: center;   /*文字を中央に*/
line-height: 25px;   /*文字の上下余白を調整し高さを決める*/
color: #FFFFFF;
text-decoration: none;   /*リンクのアンダーラインを消す*/
}

.menu li a:hover, .menu li span:hover{
background-color: #A19897
}





/* サブメニュー*/
.menu li ul{ 
margin: 0;  /*文字の余計な余白を削除*/
padding: 0;  /*文字の余計な余白を削除*/
display: none;  /*サブメニューをたたんでおく*/
z-index:100;  /*ボックスの重なりを上位にする*/
position: absolute;  /*絶対的表示位置*/
}

.menu li ul li{
width: 200px;   /*実際のサイズ(1000÷5)*/
border-top: dotted 1px #dddddd;
background-color: #A19897;
}

.menu li ul li a{
text-align: left;   /*文字を左寄せ*/
padding-left: 10px;   /* 文字左側の余白調整 */
line-height: 25px;   /* サブメニュー1項目の高さ */
}

.menu li ul li a:hover{
background-color: #FF0000;
}

/*疑似BOXでclearfix*/
.menu:after{
content: "";
display: block;
clear: both;
}






/*メイン*/
/*背景ストライプ*/
.boxC{
background-color: rgba(238,234,224,0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #D8D6C7), to(#D8D6C7)),
-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #D8D6C7), to(#D8D6C7));
-webkit-background-size: 4px 4px;
}

.boxC{
height: 1000px;  /*boxC-1(boxC-2)の高さと、そのmargin-topの2倍の合算*/
}

.boxC-1{
float: left;  /*フロート指定*/
margin-top: 50px;
width: 78%;
margin-right: 2%;  /*boxC-1とboxC-2の隙間*/
height: 900px;  /*高さ指定(boxC-1-1とboxC-1-2とboxC-1-3とboxC-1-3margin-topの合算)*/
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.boxC-2{
float: left;  /*フロート指定*/
margin-top: 50px;
width: 20%;
height: 900px;  /*高さ指定*/
padding: 10px;
border: solid 10px #C0C0C0; 
background-color: #FFFFFF;
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓発注方法ページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.boxCR{
background-color: rgba(238,234,224,0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #D8D6C7), to(#D8D6C7)),
-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #D8D6C7), to(#D8D6C7));
-webkit-background-size: 4px 4px;
}

.boxCR{
height: 2400px;  /*boxC-1(boxC-2)の高さと、そのmargin-topの2倍の合算*/
}

.boxC-1R{
float: left;  /*フロート指定*/
margin-top: 50px;
width: 78%;
margin-right: 2%;  /*boxC-1とboxC-2の隙間*/
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.boxC-1XR{    /*外枠線 */
padding: 15px;
border: solid 10px #C0C0C0; 
background-color: #FFFFFF;
height: 2250px;
}

.boxC-1YR{    /*枠線 */
padding: 20px;
border: solid 2px #C0C0C0; 
background-color: #FFFFFF;
font-size: 14px;    /*このページの基本フォントサイズ */
height: 2200px;
}

.boxC-1YR h2{
margin: 0px 0px 10px 0px;
padding-left: 10px;
border-left: solid 30px #FF80C0;
font-size: 20px;
font-weight: bold;
color: #FF80C0;
}

.boxC-1YR h1{
margin-top: 0px;
padding-left: 18px;
background-color: #000000;
font-size: 26px;
color: #FFFFFF;
}

.boxC-1YR h3{
margin: 0px 0px 3px 0px;
padding-left: 0px;
font-size: 22px;
color: #000000;
}

.ordering1{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 300px;
}

.ordering2{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 95px;
}

.ordering3{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 280px;
}

.ordering4{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 70px;
}

.ordering5{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 220px;
}

.ordering52{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 30px;
}

.ordering72{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 220px;
}

.ordering h4{
margin: 0px 0px 5px 0px;
font-size: 18px;
font-weight: normal;
}

.orderingA h5{
margin: 0px 0px 5px 0px;
font-size: 18px;
color: #FFFFFF;
text-align: center;   /*文字を中央に*/
background-color: #000000;
}

.ordering1 p{
margin: 0%;
margin-bottom: 8px;
padding-left: 40px;
font-size: 14px;
font-weight: bold;
line-height: 25px;   /*文字の上下余白を調整し高さを決める*/
background-color: #E0F0FF;
}

.icon{
margin: 15px 0px -20px 0px;
font-size: 50px;
text-align: center;   /*文字を中央に*/
line-height: 45px;   /*文字の上下余白を調整し高さを決める*/
}

.orderingA{
margin: 40px 0px 0px 0px;
height: 640px;
}

.orderingA1{
float: left;
width: 45%;
}

.orderingA2{
float: right;
width: 45%;
}

.koza{
padding: 10px;
border: solid 10px #000000; 
height: 88px;
font-size: 14px;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑発注方法ページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓合算使用mmページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.boxCG{
background-color: rgba(238,234,224,0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #D8D6C7), to(#D8D6C7)),
-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #D8D6C7), to(#D8D6C7));
-webkit-background-size: 4px 4px;
}

.boxCG{
height: 4800px;  /*boxC-1(boxC-2)の高さと、そのmargin-topの2倍の合算*/
}

.boxC-1G{
float: left;  /*フロート指定*/
margin-top: 50px;
width: 78%;
margin-right: 2%;  /*boxC-1とboxC-2の隙間*/
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.boxC-1XG{    /*外枠線 */
padding: 15px;
border: solid 10px #C0C0C0; 
background-color: #FFFFFF;
height: 4650px;
position: relative;  /*相対的基点*/
}

.gekiyasu{    /*激安価格 */
position: absolute;  /*絶対的表示位置*/
top: -1%;
right: 0%;
}

.gekiyasu2{    /*激安価格 */
display: none;
}

.boxC-1YG{    /*枠線 */
padding: 20px;
border: solid 2px #C0C0C0; 
background-color: #FFFFFF;
font-size: 14px;    /*このページの基本フォントサイズ */
height: 380px;
}

.boxC-1YG h2{
margin: 0px 0px 10px 0px;
padding-left: 10px;
border-left: solid 30px #FF80C0;
font-size: 20px;
font-weight: bold;
color: #FF80C0;
}

.boxC-1YG h1{
margin-top: 0px;
padding-left: 18px;
font-size: 26px;
background-color: #000000;
color: #FFFFFF;
}

.boxC-1YG h3{
margin: 10px 0px 3px 0px;
padding-left: 0px;
font-size: 22px;
color: #000000;
}

.gassan{
padding: 10px;
border: solid 1px #C0C0C0; 
background-color: #FFFFFF;
height: 238px;
}

.gassan img{
float: left;
width: 49.5%;
margin-right: 2%;
border: solid 1px #FF0000;
}

.chigau{
margin: 20px 0px 60px 0px;
width: 100%;
font-size: 20px;
font-weight: bold;
text-align: center;   /*文字を中央に*/
line-height: 40px;   /*文字の上下余白を調整し高さを決める*/
background-color: #FF0000;
color: #FFFFFF;
}

.rei0{ 
margin: 0px 0px 10px 0px;
width: 100%;
font-size: 50px;
font-weight: bold;
text-align: center;   /*文字を中央に*/
line-height: 100px;   /*文字の上下余白を調整し高さを決める*/
height: 100px;
background-color: #000000;
color: #FFFFFF;
}

.rei, .rei2{    /*枠線 */
padding: 20px;
border: solid 2px #C0C0C0; 
background-color: #FFFFFF;
font-size: 14px;    /*このページの基本フォントサイズ */
position: relative;  /*相対的基点*/
}

.rei{    /*枠線 */
height: 2000px;
}

.rei2{    /*枠線 */
height: 1700px;
}

.printerM{    /*プリンタ */
position: absolute;  /*絶対的表示位置*/
top: 14%;
right: 10%;
}

.printerC{    /*プリンタ */
position: absolute;  /*絶対的表示位置*/
top: 59.3%;
right: 10%;
}

.printerM2{    /*プリンタ */
display: none;
}

.printerC2{    /*プリンタ */
display: none;
}


.rei3{    /*枠線 */
padding: 0px;
}

.rei h3{
margin: 0px 0px 20px 0px;
padding-left: 18px;
font-size: 26px;
background-color: #000000;
color: #FFFFFF;
}

.rei2 h3{
margin: 0px 0px 20px 0px;
padding-left: 18px;
font-size: 26px;
font-weight: bold;
background-color: #000000;
color: #FFFFFF;
}

.rei img, .rei2 img{
width: 100%;
margin-bottom: 20px;
}

.M2, .C2{    /*例 */
display: none;
}


/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑合算使用mmページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓京都中心部ページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.kyoto img{
margin: 15px 0px 10px 0px;
width: 100%;
}

.boxC-1X{    /*外枠線 */
padding: 15px;
border: solid 10px #C0C0C0; 
background-color: #FFFFFF;
height: 850px;
position: relative;  /*相対的基点*/
}

.boxC-1Y{    /*枠線 */
padding: 20px;
border: solid 2px #C0C0C0; 
background-color: #FFFFFF;
font-size: 14px;    /*このページの基本フォントサイズ */
height: 806px;
}

.boxC-1Y h2{
margin: 0px 0px 10px 0px;
padding-left: 10px;
border-left: solid 30px #FF0000;
font-size: 20px;
font-weight: bold;
color: #FF0000;
}

.boxC-1Y h1{
margin-top: 0px;
padding-left: 18px;
background-color: #000000;
font-size: 26px;
color: #FFFFFF;
}

.boxC-1Y h3{
margin: 10px 0px 3px 0px;
padding-left: 0px;
font-size: 22px;
color: #000000;
}

.sokujitsu{    /*即日納品*/
position: absolute;  /*絶対的表示位置*/
top: 15%;
right: 0%;
}

.sokujitsu2{    /*即日納品*/
display: none;
}



/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑京都中心部ページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓マット合成紙マットコート紙ページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.boxCP{
background-color: rgba(238,234,224,0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #D8D6C7), to(#D8D6C7)),
-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #D8D6C7), to(#D8D6C7));
-webkit-background-size: 4px 4px;
}

.boxCP{
height: 1000px;  /*boxC-1(boxC-2)の高さと、そのmargin-topの2倍の合算*/
}

.boxC-1P{
float: left;  /*フロート指定*/
margin-top: 50px;
width: 78%;
margin-right: 2%;  /*boxC-1とboxC-2の隙間*/
height: 900px;  /*高さ指定(boxC-1-1とboxC-1-2とboxC-1-3とboxC-1-3margin-topの合算)*/
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.boxC-2P{
float: left;  /*フロート指定*/
margin-top: 50px;
width: 20%;
height: 900px;  /*高さ指定*/
padding: 10px;
border: solid 10px #C0C0C0; 
background-color: #FFFFFF;
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


.boxC-1XP{    /*外枠線 */
padding: 15px;
border: solid 10px #C0C0C0; 
background-color: #FFFFFF;
height: 850px;
position: relative;  /*相対的基点*/
}

.boxC-1YP{    /*枠線 */
padding: 20px;
border: solid 2px #C0C0C0; 
background-color: #FFFFFF;
font-size: 14px;    /*このページの基本フォントサイズ */
height: 806px;
}


.boxC-1YP h2{
margin: 0px 0px 10px 0px;
padding-left: 10px;
border-left: solid 30px #FF0000;
font-size: 20px;
font-weight: bold;
color: #FF0000;
}

.boxC-1YP h1{
margin-top: 0px;
padding-left: 18px;
background-color: #000000;
font-size: 26px;
color: #FFFFFF;
}

.yajirushi{
width: 300px; 
list-style-type: none;  /*リストのスタイルを指定しない*/
}

.yajirushi a{
display: block;   /*ブロックレベル要素に変更*/
font-size: 26px;
font-weight: bold;
text-align: center;   /*文字を中央に*/
line-height: 50px;   /*文字の上下余白を調整し高さを決める*/
color: #FFFFFF;
text-decoration: none;   /*リンクのアンダーラインを消す*/
margin-bottom: 5px;
background-color: #707070;
}

.yajirushi a:hover{
background-color: #FF0000;
}

/*疑似BOXでclearfix*/
.yajirushi:after{
content: "";
display: block;
clear: both;
}


.boxC-1YP h3{
margin: 10px 0px 3px 0px;
padding-left: 0px;
font-size: 22px;
color: #000000;
}

.boxC-2P a img{
width: 100%;
}

.boxC-2P p{
margin: 15px 0px 8px 0px;
padding-left: 8px;
border-left: solid 10px #000000;
background-color: #FBFAFA;
font-size: 18px;
font-weight: normal;
color: #000000;
}


.boxC-1Y-1{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 238px;
}

.printer{    /*プリンタ */
position: absolute;  /*絶対的表示位置*/
top: 4%;
right: 8%;
}

.printer2{    /*激安価格 */
display: none;
}

.boxC-1Y-0{    /*屋外用 */
position: absolute;  /*絶対的表示位置*/
top: 3%;
right: 30%;
}

.boxC-1Y-02{    /*室内用 */
position: absolute;  /*絶対的表示位置*/
top: 3%;
right: 30%;
}

.gekiyasuX{    /*激安価格 */
position: absolute;  /*絶対的表示位置*/
top: 74%;
right: 5%;
}

.gekiyasuX2{    /*激安価格 */
display: none;
}

.boxC-1Y-1 img{
float: left;
width: 50%;
margin-right: 2%;
}

.kamiatsu{
float: left;
width: 48%;
}

.kamiatsu p{
width: 100%;
margin: 0%;
margin-bottom: 8px;

font-size: 10px;
line-height: 18px;   /*文字の上下余白を調整し高さを決める*/
color: #878790;
background-color: #E0E0FF;
}

.price{ /*テーブル*/
width: 100%;
margin-bottom: 20px;
border: solid 2px orange;
text-align: center;
border-collapse: collapse;  /*隙間を無くして一重線にする*/
}

.price th{
width: 20%;
color: gray;
background: #fff5e5;
border: dashed 1px orange;
}

.price td{
font-weight: bold;
color: #FF0000;
border: dashed 1px orange;
}

.price2{ 
display: none;
}

.boxC-1Y-3 li{
margin: 0px 0px 2px -20px;
padding-left: 0px;
font-size: 11px;
line-height: 15px;   /*文字の上下余白を調整し高さを決める*/
color: #878790;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑マット合成紙マットコート紙ページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓コピー用紙ハガキページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.boxCK{
background-color: rgba(238,234,224,0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #D8D6C7), to(#D8D6C7)),
-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #D8D6C7), to(#D8D6C7));
-webkit-background-size: 4px 4px;
}

.boxCK{
height: 1300px;  /*boxC-1(boxC-2)の高さと、そのmargin-topの2倍の合算*/
}

.boxC-1K{
float: left;  /*フロート指定*/
margin-top: 50px;
width: 78%;
margin-right: 2%;  /*boxC-1とboxC-2の隙間*/
height: 1100px;  /*高さ指定*/
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.boxC-2K{
float: left;  /*フロート指定*/
margin-top: 50px;
width: 20%;
height: 1100px;  /*高さ指定*/
padding: 10px;
border: solid 10px #C0C0C0; 
background-color: #FFFFFF;
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.boxC-1XK{    /*外枠線 */
padding: 15px;
border: solid 10px #C0C0C0; 
background-color: #FFFFFF;
height: 1130px;
position: relative;  /*相対的基点*/
}

.boxC-1YK{    /*枠線 */
padding: 20px;
border: solid 2px #C0C0C0; 
font-size: 14px;    /*このページの基本フォントサイズ */
height: 1086px;
}

.laser{    /*レーザープリンタ */
position: absolute;  /*絶対的表示位置*/
top: 0.5%;
right: 8%;
}

.laserX{    /*激安価格 */
display: none;
}

.yohaku{    /*余白 */
position: absolute;  /*絶対的表示位置*/
top: 32%;
right: 20%;
}

.boxC-1YK h2{
margin: 0px 0px 10px 0px;
padding-left: 10px;
border-left: solid 30px #FF0000;
font-size: 20px;
font-weight: bold;
color: #FF0000;
}

.boxC-1YK h1{
margin-top: 0px;
padding-left: 18px;
background-color: #000000;
font-size: 26px;
color: #FFFFFF;
}

.boxC-1YK h3{
margin: 10px 0px 3px 0px;
padding-left: 0px;
font-size: 22px;
color: #000000;
}

.boxC-2K a img{
width: 100%;
}

.boxC-2K p{
margin: 15px 0px 8px 0px;
padding-left: 8px;
border-left: solid 10px #000000;
background-color: #FBFAFA;
font-size: 18px;
font-weight: normal;
color: #000000;
}

.priceC{ 
margin-top: 50px;
}

.priceC2{   
display: none;
}


/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑コピー用紙ハガキページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ガイドページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.boxCU{
background-color: rgba(238,234,224,0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #D8D6C7), to(#D8D6C7)),
-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #D8D6C7), to(#D8D6C7));
-webkit-background-size: 4px 4px;
}

.boxCU{
height: 2600px;  /*boxC-1(boxC-2)の高さと、そのmargin-topの2倍の合算*/
}

.boxC-1U{
float: left;  /*フロート指定*/
margin-top: 50px;
width: 78%;
margin-right: 2%;  /*boxC-1とboxC-2の隙間*/
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.boxC-1XU{    /*外枠線 */
padding: 15px;
border: solid 10px #C0C0C0; 
background-color: #FFFFFF;
height: 2450px;
}

.boxC-1YU{    /*枠線 */
padding: 20px;
border: solid 2px #C0C0C0; 
background-color: #FFFFFF;
font-size: 14px;    /*このページの基本フォントサイズ */
height: 2400px;
}

.boxC-1YU h2{
margin: 0px 0px 10px 0px;
padding-left: 10px;
border-left: solid 30px #FF80C0;
font-size: 20px;
font-weight: bold;
color: #FF80C0;
}

.boxC-1YU h1{
margin-top: 0px;
padding-left: 18px;
background-color: #000000;
font-size: 26px;
color: #FFFFFF;
}

.boxC-1YU h3{
margin: 0px 0px 3px 0px;
padding-left: 0px;
font-size: 22px;
color: #000000;
}

.guide1{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 1300px;
}

.guide2{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 864px;
}

.guide h4{
margin: 0px 0px 10px 0px;
padding-left: 10px;
font-size: 16px;
font-weight: bold;
background-color: #E6E6E6;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ガイドページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓お問い合せフォーム↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.contact-tr {
margin: 10px 0px 15px 0px;
}

.contact-tr:after{
content: "";
display: block;
clear: both;
}

.contact-list {
font-size: 12px;
width: 25%;
height: 34px;
float: left;
background-color: #E8E8E8;
line-height: 2.8;
}

.contact-text{
padding: 0px 10px 0px 10px;
}

.contact-box1 {
width: 75%;
height: 34px;
float: left;
background-color: #F4F4F4;
}

.input1{
width: 95%;
height: auto;
margin: 6px 0px 0px 9px;
}

.drop{
margin: 6px 0px 0px 9px;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑お問い合せフォーム↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓会社概要ページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.companyA{
margin-bottom: 10px;
}

.company1, .company2{
width: 100%;
border-spacing: 6px;  /*セルの境界線の間隔を指定*/
margin-bottom: 20px;
}

.company1 th{
margin: 5px;
width: 10%;
background: #E6E6E6;
}

.company1 td{
width: 30%;
padding-left: 10px;
border: solid 1px #C0C0C0;
}

.company2 th{
margin: 5px;
width: 10%;
background: #E6E6E6;
}

.company2 td{
width: 30%;
padding-left: 10px;
border: solid 1px #C0C0C0;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑会社概要ページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓アクセスページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.access{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 238px;
}

.access h1{
margin: 10px 0px 0px 0px;
padding-left: 8px;
background-color: #FF0000;
font-size: 18px;
font-weight: normal;
}

.access h3{
margin: 10px 0px 0px 0px;
font-size: 22px;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑アクセスページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓デザイン作成ページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.boxC-1YGD{    /*枠線 */
padding: 20px;
border: solid 2px #C0C0C0; 
background-color: #FFFFFF;
font-size: 14px;    /*このページの基本フォントサイズ */
height: 3120px;
}

.boxC-1YGD h2{
margin: 0px 0px 10px 0px;
padding-left: 10px;
border-left: solid 30px #FF80C0;
font-size: 20px;
font-weight: bold;
color: #FF80C0;
}

.boxC-1YGD h1{
margin-top: 0px;
padding-left: 18px;
font-size: 26px;
background-color: #000000;
color: #FFFFFF;
}

.boxC-1YGD h3{
margin: 10px 0px 3px 0px;
padding-left: 0px;
font-size: 22px;
color: #000000;
}

.boxC-1YGD2{    /*枠線 */
margin-top: 50px;
padding: 20px;
border: solid 2px #C0C0C0; 
background-color: #FFFFFF;
font-size: 14px;    /*このページの基本フォントサイズ */
height: 1200px;
}

.boxC-1YGD2 h2{
margin: 0px 0px 10px 0px;
padding-left: 10px;
border-left: solid 30px #FF80C0;
font-size: 20px;
font-weight: bold;
color: #FF80C0;
}

.boxC-1YGD2 h1{
margin-top: 0px;
padding-left: 18px;
font-size: 26px;
background-color: #000000;
color: #FFFFFF;
}

.boxC-1YGD2 h3{
margin: 10px 0px 3px 0px;
padding-left: 0px;
font-size: 22px;
color: #000000;
}

.design1{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 1150px;
}

.design2{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 80px;
}

.design3{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 100px;
}

.design4{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 80px;
}

.design5{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 220px;
}

.design51{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 60px;
}

.design511{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 100px;
}

.design52{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 30px;
}

.design72{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 220px;
}

.design h4{
margin: 0px 0px 5px 0px;
font-size: 18px;
font-weight: normal;
}

.designA h5{
margin: 0px 0px 5px 0px;
font-size: 18px;
color: #FFFFFF;
text-align: center;   /*文字を中央に*/
background-color: #000000;
}

.design1 p{
margin: 0%;
margin-bottom: 8px;
padding-left: 40px;
font-size: 14px;
font-weight: bold;
line-height: 25px;   /*文字の上下余白を調整し高さを決める*/
background-color: #E0F0FF;
}

.designA{
margin: 40px 0px 0px 0px;
height: 900px;
}

.designA1{
float: left;
width: 45%;
}

.designA2{
float: right;
width: 45%;
}

.design11{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 880px;
}

.design11 p{
margin: 0%;
margin-bottom: 8px;
padding-left: 40px;
font-size: 14px;
font-weight: bold;
line-height: 25px;   /*文字の上下余白を調整し高さを決める*/
background-color: #E0F0FF;
}

.design1 img{
width: 100%
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑デザイン作成ページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓似顔絵ページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.boxCN{
background-color: rgba(238,234,224,0);
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, #D8D6C7), to(#D8D6C7)),
-webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, #D8D6C7), to(#D8D6C7));
-webkit-background-size: 4px 4px;
}

.boxCN{
height: 5300px;  /*boxC-1(boxC-2)の高さと、そのmargin-topの2倍の合算*/
}

.boxC-1N{
float: left;  /*フロート指定*/
margin-top: 50px;
width: 78%;
margin-right: 2%;  /*boxC-1とboxC-2の隙間*/
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.boxC-1XN{    /*外枠線 */
padding: 15px;
border: solid 10px #C0C0C0; 
background-color: #FFFFFF;
height: 5150px;
}

.boxC-1YN{    /*枠線 */
padding: 20px;
border: solid 2px #C0C0C0; 
background-color: #FFFFFF;
font-size: 14px;    /*このページの基本フォントサイズ */
height: 380px;
}

.boxC-1YN h2{
margin: 0px 0px 10px 0px;
padding-left: 10px;
border-left: solid 30px #FF80C0;
font-size: 20px;
font-weight: bold;
color: #FF80C0;
}

.boxC-1YN h1{
margin-top: 0px;
padding-left: 18px;
font-size: 26px;
background-color: #000000;
color: #FFFFFF;
}

.boxC-1YN h3{
margin: 10px 0px 3px 0px;
padding-left: 0px;
font-size: 22px;
color: #000000;
}

.nigaoe0{    /*枠線 */
padding: 20px;
border: solid 2px #C0C0C0; 
background-color: #FFFFFF;
font-size: 14px;    /*このページの基本フォントサイズ */
height: 1800px;
}

.nigaoe0 h1{
margin-top: 0px;
padding-left: 18px;
font-size: 26px;
background-color: #000000;
color: #FFFFFF;
}

.boxC-1YGN{    /*枠線 */
margin-top: 50px;
padding: 20px;
border: solid 2px #C0C0C0; 
background-color: #FFFFFF;
font-size: 14px;    /*このページの基本フォントサイズ */
height: 2315px;
}

.boxC-1YGN h2{
margin: 0px 0px 10px 0px;
padding-left: 10px;
border-left: solid 30px #FF80C0;
font-size: 20px;
font-weight: bold;
color: #FF80C0;
}

.boxC-1YGN h1{
margin-top: 0px;
padding-left: 18px;
font-size: 26px;
background-color: #000000;
color: #FFFFFF;
}

.boxC-1YGN h3{
margin: 10px 0px 3px 0px;
padding-left: 0px;
font-size: 22px;
color: #000000;
}

.boxC-1YGN2{    /*枠線 */
margin-top: 50px;
padding: 20px;
border: solid 2px #C0C0C0; 
background-color: #FFFFFF;
font-size: 14px;    /*このページの基本フォントサイズ */
height: 800px;
}

.boxC-1YGN2 h2{
margin: 0px 0px 10px 0px;
padding-left: 10px;
border-left: solid 30px #FF80C0;
font-size: 20px;
font-weight: bold;
color: #FF80C0;
}

.boxC-1YGN2 h1{
margin-top: 0px;
padding-left: 18px;
font-size: 26px;
background-color: #000000;
color: #FFFFFF;
}

.boxC-1YGN2 h3{
margin: 10px 0px 3px 0px;
padding-left: 0px;
font-size: 22px;
color: #000000;
}

.nigaoe1{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 300px;
}

.nigaoe2{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 80px;
}

.nigaoe3{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 100px;
}

.nigaoe4{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 80px;
}

.nigaoe5{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 220px;
}

.nigaoe51{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 60px;
}

.nigaoe511{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 100px;
}

.nigaoe52{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 30px;
}

.nigaoe72{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 220px;
}

.nigaoe h4{
margin: 0px 0px 5px 0px;
font-size: 18px;
font-weight: normal;
}

.nigaoeA h5{
margin: 0px 0px 5px 0px;
font-size: 18px;
color: #FFFFFF;
text-align: center;   /*文字を中央に*/
background-color: #000000;
}

.nigaoe1 p{
margin: 0%;
margin-bottom: 8px;
padding-left: 40px;
font-size: 14px;
font-weight: bold;
line-height: 25px;   /*文字の上下余白を調整し高さを決める*/
background-color: #E0F0FF;
}

.nigaoeA{
margin: 40px 0px 0px 0px;
height: 900px;
}

.nigaoeA1{
float: left;
width: 45%;
}

.nigaoeA2{
float: right;
width: 45%;
}

.nigaoe11{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 600px;
}

.nigaoe11 p{
margin: 0%;
margin-bottom: 8px;
padding-left: 40px;
font-size: 14px;
font-weight: bold;
line-height: 25px;   /*文字の上下余白を調整し高さを決める*/
background-color: #E0F0FF;
}

.nigaoe1 img{
width: 100%
}

.nigaoe img{
width: 100%
}

.tokucho{
margin-left: 20px;
}

.nigaoe h7{
font-size: 18px;
font-weight: bold;
}

.nigaoe h6{
margin: 30px 0px 10px 0px;
font-size: 18px;
font-weight: nomal;
line-height: 25px;   /*文字の上下余白を調整し高さを決める*/
text-align: center;   /*文字を中央に*/
background-color: #DCDCDC;
}

.tokucho li{
font-size: 16px;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑似顔絵ページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓サイトマップページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.sm span{
margin-left: -30px;
font-size: 16px;
line-height: 28px;   /*文字の上下余白を調整し高さを決める*/
}

.sm li{
list-style-type: none;  /*リストのスタイルを指定しない*/
}

.sm li ul li{
margin-left: -30px;
}


.sm li a{
text-decoration: none;   /*リンクのアンダーラインを消す*/
}

.sm li a:hover{
background-color: #E0E0E0
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑サイトマップページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓最新情報ページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.news{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 250px;
}

.news img{
float: right;
width: 35%;
margin-left: 2%;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑最新情報ページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓データ入稿ページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.submission{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 220px;
}

.submission2{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 530px;
}

.submission3{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 80px;
}

.submission ul li{
margin-bottom: 5px;
}

.contact-trs {
margin: 10px 0px 15px 0px;
}

.contact-trs:after{
content: "";
display: block;
clear: both;
}

.contact-lists {
font-size: 12px;
width: 25%;
height: 34px;
float: left;
background-color: #E8E8E8;
line-height: 2.8;
}

.contact-texts{
padding: 0px 10px 0px 10px;
}

.contact-box1s {
width: 75%;
height: 34px;
float: left;
background-color: #F4F4F4;
}

.input1s{
width: 95%;
height: auto;
margin: 6px 0px 0px 9px;
}

.ss{
text-align: center;   /*文字を中央に*/
height: 200px;
margin-bottom: 5px;
border: dashed 5px #C0C0C0;
background-color: #E0E0FF;
}

.ss p{
margin-top: 50px;
font-size: 18px;
font-weight: bold;
text-align: center;   /*文字を中央に*/
line-height: 40px;   /*文字の上下余白を調整し高さを決める*/
color: #808080;
text-decoration: none;   /*リンクのアンダーラインを消す*/
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑データ入稿ページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓メッセージページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.message{
padding: 10px;
border: solid 1px #C0C0C0; 
height: 690px;
}

.message img{
float: right;
width: 45%;
margin-left: 2%;
}

/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑メッセージページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓計算ページ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.calculation{
margin-top: 30px;
height: 1000px;
}

.calculation1{
float: left;
width: 47%;
margin-right: 6%;
padding: 10px;
border: solid 1px #C0C0C0; 
background-color: #FFFFFF;
height: 960px;
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box
}

.calculation2{
float: right;
width: 47%;
padding: 10px;
border: solid 1px #C0C0C0; 
background-color: #FFFFFF;
height: 960px;
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box
}

.calculation3{
float: right;
width: 100%;
margin-top: 40px;
padding: 10px;
border: solid 1px #C0C0C0; 
background-color: #FFFFFF;
height: 1200px;
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box
}

.form1{
margin: 10px;
padding: 10px;
border: solid 1px #C0C0C0; 
height: 420px;
}

.form2{
margin: 10px;
padding: 10px;
border: solid 1px #C0C0C0; 
height: 200px;
}


.form3{
margin: 10px;
padding: 10px;
border: solid 1px #C0C0C0; 
height: 240px;
}

.copy{
width: 70px;
}

.form4{
margin: 10px;
padding: 10px;
border: solid 1px #C0C0C0; 
height: 390px;
}


/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑計算ページ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/







.boxC-1-1{
height: 400px;
}

.boxC-1-2-1{
float: left;
width: 23.5%;
margin-right: 2%;
height: 140px;
border: solid 10px #C0C0C0;
background-color: #FFFFFF;
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.boxC-1-2-2{
float: left;
width: 23.5%;
margin-right: 2%;
height: 140px;
border: solid 10px #C0C0C0;
background-color: #FFFFFF;
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.boxC-1-2-3{
float: left;
width: 23.5%;
margin-right: 2%;
height: 140px;
border: solid 10px #C0C0C0;
background-color: #FFFFFF;
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.boxC-1-2-4{
float: left;
width: 23.5%;
height: 140px;
border: solid 10px #C0C0C0;
background-color: #FFFFFF;
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.boxC-1-2-1 a img{
width: 100%;
}
.boxC-1-2-2 a img{
width: 100%;
}
.boxC-1-2-3 a img{
width: 100%;
}
.boxC-1-2-4 a img{
width: 100%;
}

.boxC-1-3-1{
float: left;  /*フロート指定*/
margin-top: 20px;
width: 49%;
margin-right: 2%;
height: 340px;  /*高さ指定*/
padding: 10px;
border: solid 10px #C0C0C0; 
background-color: #FFFFFF;
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.boxC-1-3-1 h2 a{
display: block; 
margin-top: -20px;
margin-bottom: -10px;
padding-left: 8px;
border-left: solid 10px #000000;
background-color: #FBFAFA;
font-size: 18px;
font-weight: normal;
color: #000000;
text-decoration: none;
}

.boxC-1-3-1 h2 a:hover{
background-color: #FFE0F0
}

.boxC-1-3-1 ul{
margin: 0;
padding: 0;
list-style:none
}
 
.boxC-1-3-1 li a{
display: block; 
padding: 5px;
border-bottom: dotted 2px #dddddd;
font-size: 14px;
color: #2288bb;
text-decoration: none
}

.boxC-1-3-1 li a:hover{
background-color: #eeeeee
}

.boxC-1-3-1 i{
float: left;
margin-top: 4px;
color: #888888;
}

.boxC-1-3-1 time{
float: left;
margin-left: 8px;
color: #888888;
}

.boxC-1-3-1 .text{
float: none;
width: auto;
margin-left: 110px;
}

.boxC-1-3-2{
float: left;  /*フロート指定*/
margin-top: 20px;
width: 49%;
height: 340px;  /*高さ指定*/
padding: 10px;
border: solid 10px #C0C0C0; 
background-color: #FFFFFF;
-moz-box-sizing: border-box;  /*境界線のサイズを含めない設定*/
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.boxC-1-3-2 h2{
margin: 0px;
padding-left: 8px;
border-left: solid 10px #000000;
background-color: #FBFAFA;
font-size: 18px;
font-weight: normal;
color: #000000;
}

.boxC-1-3-2 h3{
margin-top: 0px;
padding-left: 8px;
border-left: solid 25px #FFEEEE;
font-size: 12px;
font-weight: normal;
color: #000000;
}




/*カレンダー別のCSSへ*/






/*サンプルテスト*/
.boxCCC img{
width: 100%;
}















/*サイドメニュー*/
.boxC-2 a img{
width: 100%;
}

.boxC-2 p{
margin: 15px 0px 8px 0px;
padding-left: 8px;
border-left: solid 10px #000000;
background-color: #FBFAFA;
font-size: 18px;
font-weight: normal;
color: #000000;
}

.side{
margin: 0;  /*文字の余計な余白を削除*/
padding: 0;  /*文字の余計な余白を削除*/
}

.side li{
width: 100%;
list-style-type: none;  /*リストのスタイルを指定しない*/
}

.side li a{
display: block;   /*ブロックレベル要素に変更*/  
font-size: 18px;
font-weight: bold;
text-align: center;   /*文字を中央に*/
line-height: 50px;   /*文字の上下余白を調整し高さを決める*/
color: #FFFFFF;
text-decoration: none;   /*リンクのアンダーラインを消す*/
margin-bottom: 5px;
background-color: #707070;
}

.side li a:hover{
background-color: #FF0000;
}




/*フッター*/
.boxD{
height: 80px;
background-color: #C0C0C0;
}

.boxD-1{
float: right;
text-align: right;  /*文字右寄せ*/
}

.boxD-1 a{
color: #FFFFFF;
text-decoration: none;
}

.boxD-1 a:hover{
background-color: #A19897
}

.boxE{
height: 120px;
font-size: 12px;
background-color: #707070;
}


.boxE-1{
margin-top: 5px;
border-top: dotted 2px #CBC7BF;
}

.boxE a{ 
margin-right: 16px;
color: #CBC7BF;
text-decoration: none
}

.boxE a:hover{
background-color: #A19897
}

.copyright{
float: right;
}

.copyright a{ 
margin: 0;  /*文字の余計な余白を削除*/
padding: 0;  /*文字の余計な余白を削除*/
color: #CBC7BF;
text-decoration: none;
}

.copyright a:hover{
background-color: #A19897
}

/* メディアクエリ################################################################################## */
/* ################################################################################################ */
/* ################################################################################################ */
/* ################################################################################################ */

/*359px以下############################################################################### */
@media (max-width: 359px){

.box0{      /* 赤 */
height: 4px;
background-color: #FF0000;
}

.boxA-inner, .boxB-inner, .boxC-inner, .boxCK-inner, .boxCG-inner, .boxCR-inner, .boxCU-inner, .boxCN-inner, .boxCP-inner, .boxD-inner, .boxE-inner{
width: 280px;
margin-left: auto;
margin-right: auto
}

.boxA{
height: 480px;  /*高さ指定*/
}

.boxA-2{
float: left;  /*フロート指定*/
margin: 10px 0px 0px 0px;
width: 100%;
}

.boxA-2 h1 a{
display: block;
width: 220px;
padding: 10px 0px 10px 0px;
font-size: 27px;
line-height: 36px;  /*行の高さを指定して行間を作る*/
border-top: none;
}

.boxA-2 h2{
margin: 15px 0px -20px 0px;
font-size: 13px;
border-bottom: dotted 2px #dddddd;
}

.boxA-2 h3{
margin: -28px 0px 0px -5px;
font-size: 10px;
}

.boxA-3{
float: left;  /*フロート指定*/
margin-top: 120px;
width: 100%;
text-align: left;  /*文字左寄せ*/
}

.boxA-3 h1{
margin: 10px 0px 0px 0px;
font-size: 25px;
}

.menu{
display: none;
}

.accordion{
list-style-type: none;
font-size: 14px;
line-height: 25px;
color: #FFFFFF;
padding: 10px 0px 10px 0px;
margin-bottom: 0px;
}

.accordion li p{
padding-left: 30px;
margin: 5px 0px 5px 0px;
background-color: #726462;
}

.accordion li p:hover{
background-color: #A19897
}

.accordion li a{
width: auto;
font-size: 14px;
color: #FFFFFF;
line-height: 25px;
text-align: left;
background-color: #726462;
text-decoration: none;
display: block;
}

.accordion li a:hover{
background-color: #A19897
}

.accordion li ul{
margin-left: 20px;
display: none;　/* 閉じておく為 */
}

/* ボタン */
.accordion span{
background-image: url(../images/open.png);
}
.accordion span.open {
background-image: url(../images/close.png);
}
.accordion span{
display:block;
background-position: right 30px top 8px;
background-repeat:no-repeat;
}

/* サブメニュー */
.accordion li ul li{
list-style-type: none;
}

.accordion li ul li a{
width: auto;
line-height: 25px;   /* 1項目の高さ */
text-align: left;
padding-left: 10px;   /* 文字列前方の余白 */
border-top: dotted 1px #dddddd;
background-color: #A19897;
}

.accordion li ul li a:hover{
background-color: #ffff80;
color: #005500;
}



.boxC-1XR{    /*外枠線 */
height: 2750px;
}

.boxC-1YR{    /*枠線 */
height: 2700px;
}


.boxC-1XK{    /*外枠線 */
height: 900px;
}

.boxC-1YK{    /*枠線 */
height: 850px;
}


.boxC{
height: 1730px;  /*高さ指定*/
}


.boxC-1X{    /*外枠線 */
height: 1000px;
}

.boxC-1Y{    /*枠線 */
height: 956px;
}

.boxCP{
height: 2030px;
}


.boxCR{
height: 3480px;
}

.boxCU{
height: 4070px;
}

.boxCK{
height: 1620px;
}

.boxC-1R, .boxC-1G, .boxC-1K, .boxC-1U, .boxC-1P{
margin-top: 20px;
width: 100%;
}

.flexbox{
display:flex;           /* flexコンテナ―に設定 */
flex-direction:column;  /* コンテンツの配置を上下に設定*/
}

.boxC-2{
order:1;    /* flexコンテンツの順番を設定  */
margin-top: 20px;
width: 100%;
height: 580px;  /*高さ指定*/
}

.boxC-2P{
order:1;    /* flexコンテンツの順番を設定  */
margin-top: 730px;
width: 100%;
height: 580px;  /*高さ指定*/
}

.boxC-2K{
order:1;    /* flexコンテンツの順番を設定  */
margin-top: 530px;
width: 100%;
height: 580px;  /*高さ指定*/
}

.boxC-1{
order:0;    /* flexコンテンツの順番を設定  */
margin-top: 20px;
width: 100%;
height: 1056px;  /*高さ指定*/
}

.boxC-1-1{
height: 170px;
}

.boxC-1-2-1, .boxC-1-2-2, .boxC-1-2-3, .boxC-1-2-4{
margin: 0;  /*文字の余計な余白を削除*/
padding: 0;  /*文字の余計な余白を削除*/
width: 48%;
height: 104px;
}

.boxC-1-2-1{
margin-right: 4%;
}

.boxC-1-2-3{
margin-top: 10px;
margin-right: 4%;
}

.boxC-1-2-4{
margin-top: 10px;
}

.boxC-1-3-1{
margin-top: 15px;
width: 100%;
height: 300px;  /*高さ指定*/
}

.boxC-1-3-2{
margin-top: 15px;
width: 100%;
height: 340px;  /*高さ指定*/
}

.boxC-1-3-1 li a{
display: block; 
padding: 5px;
border-bottom: dotted 2px #dddddd;
font-size: 14px;
color: #2288bb;
text-decoration: none;
height: 60px;  /*高さ指定*/
}

/*疑似BOXでclearfix*/
.boxC-1-3-1 time:after{
content: "";
display: block;
clear: both;
}

.boxC-1-3-1 .text{
float: left;
width: 100%;
margin-left: 0px;
}

.boxC-2 a img{
width: 50%;
}

.boxC-2P a img{
width: 50%;
}

.boxC-2K a img{
width: 50%;
}

.boxC-1YR{    /*枠線 */
font-size: 10px;    /*このページの基本フォントサイズ */
}

.boxC-1YU{    /*枠線 */
font-size: 10px;    /*このページの基本フォントサイズ */
}

.boxC-1YR h1{
padding-left: 10px;
font-size: 15px;
}

.boxC-1YK h1{
padding-left: 10px;
font-size: 15px;
}

.boxC-1YP h1{
padding-left: 10px;
font-size: 16px;
}

.boxC-1YU h1{
padding-left: 10px;
font-size: 16px;
}

.boxC-1YR h3{
margin: 0px 0px 3px 0px;
font-size: 12px;
}

.boxC-1YU h3{
margin: 0px 0px 3px 0px;
font-size: 12px;
}

.ordering1{
height: 410px;
}

.ordering2{
height: 150px;
}


.guide1{
height: 1930px;
}

.guide2{
height: 1200px;
}

.ordering3{
height: 380px;
}

.ordering h4{
font-size: 12px;
}

.guide h4{
font-size: 12px;
}

.orderingA h5{
font-size: 14px;
}

.ordering1 p{
padding-left: 5px;
font-size: 10px;
line-height: 15px;   /*文字の上下余白を調整し高さを決める*/
}

.icon{
margin: 5px 0px 0px 0px;
font-size: 35px;
}

.orderingA{
margin: 10px 0px 0px 0px;
height: 880px;
}

.ordering4{ 
height: 150px;
}

.ordering5{
height: 430px;
}

.ordering52{
height: 55px;
}

.ordering72{
height: 430px;
}

.koza{
height: 160px;
font-size: 13px;
}

.boxCG{
height: 8730px;
}

.boxC-1XG{    /*外枠線 */
height: 8000px;
}

.boxC-1YG{    /*枠線 */
font-size: 12px;    /*このページの基本フォントサイズ */
height: 590px;
}

.boxC-1XU{    /*外枠線 */
height: 3350px;
}

.boxC-1YU{    /*枠線 */
height: 3300px;
}

.boxC-1YG h1{
font-size: 20px;
}

.gassan{
height: 430px;
}

.gassan img{
margin: 0px 0px 5px 0px;
width: 100%;
}

.chigau{
padding: 15px 0px 0px 0px;
font-size: 13px;
line-height: 23px;   /*文字の上下余白を調整し高さを決める*/
height: 60px;
}

.rei{    /*枠線 */
height: 3650px;
}

.rei2{    /*枠線 */
height: 3200px;
}

.rei0{ 
padding-bottom: 15px;
font-size: 40px;
margin: -20px 0px 10px 0px;
height: 80px;
}

.rei h3, .rei2 h3{
font-size: 19px;
}

.printerM{    /*プリンタ */
display: none;
}

.printerC{    /*プリンタ */
display: none;
}

.printerM2{    /*プリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 11.5%;
right: 7%;
}

.printerC2{    /*プリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 58.4%;
right: 7%;
}

.gekiyasu{    /*激安価格 */
display: none;
}

.gekiyasu2{    /*激安価格 */
display: block;
position: absolute;  /*絶対的表示位置*/
top: -0.5%;
right: -8%;
}

.M1, .C1{    /*例 */
display: none;
}

.M2, .C2{    /*例 */
display: block;
width: 100%;
}

.M2 img, .C2 img{    /*例 */
border-bottom-style: dotted;
}

.sokujitsu{    /*即日納品*/
display: none;
}

.sokujitsu2{    /*即日納品*/
display: block;
position: absolute;  /*絶対的表示位置*/
top: 33%;
right: 0%;
}

.gekiyasuX{    /*激安価格 */
display: none;
}

.gekiyasuX2{    /*激安価格 */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 34%;
right: -5%;
}

.boxC-1Y h2{
border-left: solid 18px #FF0000;
font-size: 14px;
}

.boxC-1Y h1{
font-size: 22px;
}

.boxC-1Y-1{
height: 480px;
margin-bottom: 50px;
}

.boxC-1Y-1 img{
width: 100%;
margin-bottom: 15px;
}

.kamiatsu{
float: left;
width: 100%;
margin-right: 3%;
}

.kamiatsu p{
font-size: 8px;
}

.printer{    /*プリンタ */
display: none;
}

.printer2{    /*プリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 5%;
right: 2%;
}

.boxC-1Y h3{
margin: 20px 0px 3px 0px;
font-size: 22px;
}

.boxC-1Y-0{    /*屋外用 */
top: 6%;
right: 65%;
}

.boxC-1Y-02{    /*室内用 */
top: 6%;
right: 65%;
}

.price{    /*プリンタ */
display: none;
}

.price2{ /*テーブル*/
display: block;
margin:0 auto;
margin-bottom: 10px;
font-size: 7px;
width: 100%;
border: solid 2px orange;
text-align: center;
border-collapse: separate; /*隙間を無くして一重線にする*/
border-spacing: 0; /*隙間を無くして一重線にする*/
}

.price2 th{
width: 20%;
color: gray;
background: #fff5e5;
border: solid 1px orange;
}

.price2 td{
font-size: 9px;
font-weight: bold;
color: #FF0000;
border: solid 1px orange;
}

.yajirushi{
margin-top: 20px;
width: 185px; 
}
.yajirushi a{
font-size: 16px;
line-height: 30px;   /*文字の上下余白を調整し高さを決める*/
}

.price{  
display: none;
}

.priceC1{   
display: none;
}

.priceC2{   
display: block;
}

.price2{ /*テーブル*/
display: block;
margin:0 auto;
margin-bottom: 10px;
font-size: 7px;
width: 100%;
border: solid 2px orange;
text-align: center;
border-collapse: separate; /*隙間を無くして一重線にする*/
border-spacing: 0; /*隙間を無くして一重線にする*/
}

.price2 th{
width: 20%;
color: gray;
background: #fff5e5;
border: solid 1px orange;
}

.price2 td{
font-weight: bold;
color: #FF0000;
border: solid 1px orange;
}

.laser{    /*レーザープリンタ */
display: none;
}

.laserX{    /*レーザープリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 3.5%;
right: 3%;
}


.boxC-1YK h3{
margin: -10px 0px 3px 0px;
padding-left: 0px;
font-size: 15px;
}

.boxC-1YK h2{
border-left: solid 14px #FF0000;
font-size: 10px;
}

.boxC-1YP h3{
margin: -10px 0px 3px 0px;
padding-left: 0px;
font-size: 15px;
}

.boxC-1YP h2{
border-left: solid 14px #FF0000;
font-size: 10px;
}

.yohaku2{
margin-top: -40px;
width: 62%;
}

.yohaku{    /*余白 */
position: absolute;  /*絶対的表示位置*/
top: 35%;
right: 3%;
}

.boxC-1XK{    /*外枠線 */
height: 1550px;
}

.boxC-1YK{    /*枠線 */
height: 1506px;
}

.boxCK{  
height: 2300px;
}


.boxC-1XP{    /*外枠線 */
height: 1550px;
}

.boxC-1YP{    /*枠線 */
height: 1506px;
}

.boxCP{
height: 2300px;
}


}

/*360px以上449px以下############################################################################### */
@media (min-width: 360px) and (max-width: 449px){

.box0{      /* 青 */
height: 4px;
background-color: #0000FF;
}

.boxA-inner, .boxB-inner, .boxC-inner, .boxCK-inner, .boxCG-inner, .boxCR-inner, .boxCU-inner, .boxCN-inner, .boxCP-inner, .boxD-inner, .boxE-inner{
width: 320px;
margin-left: auto;
margin-right: auto
}

.boxA{
height: 480px;  /*高さ指定*/
}

.boxA-2{
float: left;  /*フロート指定*/
margin: 10px 0px 0px 0px;
width: 100%;
}

.boxA-2 h1 a{
display: block;
width: 220px;
padding: 10px 0px 10px 0px;
font-size: 27px;
line-height: 36px;  /*行の高さを指定して行間を作る*/
border-top: none;
}

.boxA-2 h2{
margin: 15px 0px -20px 0px;
font-size: 13px;
border-bottom: dotted 2px #dddddd;
}

.boxA-2 h3{
margin: -28px 0px 0px -5px;
font-size: 10px;
}

.boxA-3{
float: left;  /*フロート指定*/
margin-top: 120px;
width: 100%;
text-align: left;  /*文字左寄せ*/
}

.boxA-3 h1{
margin: 10px 0px 0px 0px;
font-size: 25px;
}

.menu{
display: none;
}

.accordion{
list-style-type: none;
font-size: 14px;
line-height: 25px;
color: #FFFFFF;
padding: 10px 0px 10px 0px;
margin-bottom: 0px;
}

.accordion li p{
padding-left: 30px;
margin: 5px 0px 5px 0px;
background-color: #726462;
}

.accordion li p:hover{
background-color: #A19897
}

.accordion li a{
width: auto;
font-size: 14px;
color: #FFFFFF;
line-height: 25px;
text-align: left;
background-color: #726462;
text-decoration: none;
display: block;
}

.accordion li a:hover{
background-color: #A19897
}

.accordion li ul{
margin-left: 20px;
display: none;　/* 閉じておく為 */
}

/* ボタン */
.accordion span{
background-image: url(../images/open.png);
}
.accordion span.open {
background-image: url(../images/close.png);
}
.accordion span{
display:block;
background-position: right 30px top 8px;
background-repeat:no-repeat;
}

/* サブメニュー */
.accordion li ul li{
list-style-type: none;
}

.accordion li ul li a{
width: auto;
line-height: 25px;   /* 1項目の高さ */
text-align: left;
padding-left: 10px;   /* 文字列前方の余白 */
border-top: dotted 1px #dddddd;
background-color: #A19897;
}

.accordion li ul li a:hover{
background-color: #ffff80;
color: #005500;
}



.boxC-1XR{    /*外枠線 */
height: 2550px;
}

.boxC-1YR{    /*枠線 */
height: 2500px;
}


.boxC-1XK{    /*外枠線 */
height: 850px;
}

.boxC-1YK{    /*枠線 */
height: 800px;
}


.boxC{
height: 1780px;  /*高さ指定*/
}

.boxCP{
height: 2030px;
}

.boxC-1X{    /*外枠線 */
height: 1040px;
}

.boxC-1Y{    /*枠線 */
height: 996px;
}


.boxCR{
height: 3280px;
}

.boxCU{
height: 3660px;
}


.boxC-1R, .boxC-1G, .boxC-1K, .boxC-1U, .boxC-1P{
margin-top: 20px;
width: 100%;
}


.flexbox{
display:flex;           /* flexコンテナ―に設定 */
flex-direction:column;  /* コンテンツの配置を上下に設定*/
}

.boxC-2{
order:1;    /* flexコンテンツの順番を設定  */
margin-top: 20px;
width: 100%;
height: 580px;  /*高さ指定*/
}

.boxC-2P{
order:1;    /* flexコンテンツの順番を設定  */
margin-top: 730px;
width: 100%;
height: 600px;  /*高さ指定*/
}

.boxC-2K{
order:1;    /* flexコンテンツの順番を設定  */
margin-top: 530px;
width: 100%;
height: 600px;  /*高さ指定*/
}

.boxC-2U{
order:1;    /* flexコンテンツの順番を設定  */
margin-top: -170px;
width: 100%;
height: 600px;  /*高さ指定*/
}

.boxC-1{
order:0;    /* flexコンテンツの順番を設定  */
margin-top: 20px;
width: 100%;
height: 1106px;  /*高さ指定*/
}


.boxC-1-1{
height: 190px;
}

.boxC-1-2-1, .boxC-1-2-2, .boxC-1-2-3, .boxC-1-2-4{
margin: 0;  /*文字の余計な余白を削除*/
padding: 0;  /*文字の余計な余白を削除*/
width: 48%;
height: 118px;
}

.boxC-1-2-1{
margin-right: 4%;
}

.boxC-1-2-3{
margin-top: 10px;
margin-right: 4%;
}

.boxC-1-2-4{
margin-top: 10px;
}

.boxC-1-3-1{
margin-top: 15px;
width: 100%;
height: 300px;  /*高さ指定*/
}

.boxC-1-3-2{
margin-top: 15px;
width: 100%;
height: 340px;  /*高さ指定*/
}

.boxC-1-3-1 li a{
display: block; 
padding: 5px;
border-bottom: dotted 2px #dddddd;
font-size: 14px;
color: #2288bb;
text-decoration: none;
height: 60px;  /*高さ指定*/
}

/*疑似BOXでclearfix*/
.boxC-1-3-1 time:after{
content: "";
display: block;
clear: both;
}

.boxC-1-3-1 .text{
float: left;
width: 100%;
margin-left: 0px;
}

.boxC-2 a img{
width: 50%;
}

.boxC-2P a img{
width: 50%;
}

.boxC-2K a img{
width: 50%;
}

.boxC-1YR{    /*枠線 */
font-size: 10px;    /*このページの基本フォントサイズ */
}

.boxC-1YU{    /*枠線 */
font-size: 10px;    /*このページの基本フォントサイズ */
}

.boxC-1YR h1{
font-size: 18px;
}

.boxC-1YK h1{
font-size: 18px;
}

.boxC-1YP h1{
font-size: 18px;
}

.boxC-1YU h1{
font-size: 18px;
}

.boxC-1YR h3{
margin: 0px 0px 3px 0px;
font-size: 14px;
}

.boxC-1YU h3{
margin: 0px 0px 3px 0px;
font-size: 16px;
}

.ordering1{
height: 400px;
}

.ordering2{
height: 130px;
}

.ordering3{
height: 320px;
}

.ordering h4{
font-size: 12px;
}

.guide h4{
font-size: 12px;
}


.orderingA h5{
font-size: 10px;
}

.ordering1 p{
padding-left: 5px;
font-size: 10px;
}
.icon{
margin: 5px 0px 0px 0px;
font-size: 35px;
}

.orderingA{
margin: 10px 0px 0px 0px;
height: 770px;
}

.ordering4{ 
height: 100px;
}

.ordering5{
height: 370px;
}

.ordering52{
height: 40px;
}

.ordering72{
height: 370px;
}

.koza{
height: 130px;
font-size: 12px;
}

.guide1{
height: 1630px;
}

.guide2{
height: 1080px;
}

.boxCG{
height: 10030px;
}

.boxC-1XG{    /*外枠線 */
height: 9300px;
}

.boxC-1YG{    /*枠線 */
font-size: 12px;    /*このページの基本フォントサイズ */
height: 560px;
}

.boxC-1XU{    /*外枠線 */
height: 2950px;
}

.boxC-1YU{    /*枠線 */
height: 2900px;
}

.boxC-1YG h1{
font-size: 22px;
}


.gassan{
height: 400px;
}

.gassan img{
margin: 0px 0px 5px 0px;
width: 100%;
}

.chigau{
padding: 15px 0px 0px 0px;
font-size: 15px;
line-height: 23px;   /*文字の上下余白を調整し高さを決める*/
height: 60px;
}

.rei{    /*枠線 */
height: 4400px;
}

.rei2{    /*枠線 */
height: 3800px;
}

.rei0{ 
padding-bottom: 15px;
font-size: 40px;
margin: -20px 0px 10px 0px;
height: 80px;
}

.rei h3, .rei2 h3{
font-size: 19px;
}

.printerM{    /*プリンタ */
display: none;
}

.printerC{    /*プリンタ */
display: none;
}

.printerM2{    /*プリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 9.4%;
right: 7%;
}

.printerC2{    /*プリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 57.8%;
right: 7%;
}

.gekiyasu{    /*激安価格 */
display: none;
}

.gekiyasu2{    /*激安価格 */
display: block;
position: absolute;  /*絶対的表示位置*/
top: -0.2%;
right: -8%;
}

.M1, .C1{    /*例 */
display: none;
}

.M2, .C2{    /*例 */
display: block;
width: 100%;
}

.M2 img, .C2 img{    /*例 */
border-bottom-style: dotted;
}


.sokujitsu{    /*即日納品*/
display: none;
}

.sokujitsu2{    /*即日納品*/
display: block;
position: absolute;  /*絶対的表示位置*/
top: 27%;
right: 0%;
}

.gekiyasuX{    /*激安価格 */
display: none;
}

.gekiyasuX2{    /*激安価格 */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 33%;
right: -5%;
}

.boxC-1Y h2{
border-left: solid 18px #FF0000;
font-size: 12px;
}

.boxC-1Y h1{
font-size: 22px;
}


.boxC-1Y-1{
height: 450px;
margin-bottom: 50px;
}

.boxC-1Y-1 img{
width: 100%;
margin-bottom: 15px;
}

.kamiatsu{
float: left;
width: 100%;
margin-right: 3%;
}

.kamiatsu p{
font-size: 8px;
}

.printer{    /*プリンタ */
display: none;
}

.printer2{    /*プリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 3.5%;
right: 3%;
}

.boxC-1Y h3{
margin: 20px 0px 3px 0px;
font-size: 22px;
}

.boxC-1Y-0{    /*屋外用 */
top: 6%;
right: 70%;
}

.boxC-1Y-02{    /*室内用 */
top: 6%;
right: 70%;
}

.price{    /*プリンタ */
display: none;
}

.price2{ /*テーブル*/
display: block;
margin:0 auto;
margin-bottom: 10px;
font-size: 9px;
width: 100%;
border: solid 2px orange;
text-align: center;
border-collapse: separate; /*隙間を無くして一重線にする*/
border-spacing: 0; /*隙間を無くして一重線にする*/
}

.price2 th{
width: 20%;
color: gray;
background: #fff5e5;
border: solid 1px orange;
}

.price2 td{
font-weight: bold;
color: #FF0000;
border: solid 1px orange;
}

.yajirushi{
margin-top: 20px;
width: 200px; 
}
.yajirushi a{
font-size: 18px;
line-height: 30px;   /*文字の上下余白を調整し高さを決める*/
}

.price{  
display: none;
}

.priceC1{   
display: none;
}

.priceC2{   
display: block;
}

.price2{ /*テーブル*/
display: block;
margin:0 auto;
margin-bottom: 10px;
font-size: 9px;
width: 100%;
border: solid 2px orange;
text-align: center;
border-collapse: separate; /*隙間を無くして一重線にする*/
border-spacing: 0; /*隙間を無くして一重線にする*/
}

.price2 th{
width: 20%;
color: gray;
background: #fff5e5;
border: solid 1px orange;
}

.price2 td{
font-weight: bold;
color: #FF0000;
border: solid 1px orange;
}

.laser{    /*レーザープリンタ */
display: none;
}

.laserX{    /*レーザープリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 3.5%;
right: 7%;
}


.boxC-1YK h3{
margin: -10px 0px 3px 0px;
padding-left: 0px;
font-size: 18px;
}

.boxC-1YK h2{
border-left: solid 18px #FF0000;
font-size: 12px;
}

.boxC-1YP h3{
margin: -10px 0px 3px 0px;
padding-left: 0px;
font-size: 18px;
}

.boxC-1YP h2{
border-left: solid 18px #FF0000;
font-size: 12px;
}

.yohaku2{
margin-top: -40px;
width: 62%;
}

.yohaku{    /*余白 */
position: absolute;  /*絶対的表示位置*/
top: 35%;
right: 6%;
}

.boxC-1XK{    /*外枠線 */
height: 1550px;
}

.boxC-1YK{    /*枠線 */
height: 1506px;
}

.boxCK{  
height: 2300px;
}


.boxC-1XP{    /*外枠線 */
height: 1550px;
}

.boxC-1YP{    /*枠線 */
height: 1506px;
}

.boxCP{
height: 2300px;
}


}

/*450px以上599px以下############################################################################### */
@media (min-width: 450px) and (max-width: 599px){

.box0{      /* 薄黄 */
height: 4px;
background-color: #FFFFC0;
}

.boxA-inner, .boxB-inner, .boxC-inner, .boxCK-inner, .boxCG-inner, .boxCR-inner, .boxCU-inner, .boxCN-inner, .boxCP-inner, .boxD-inner, .boxE-inner{
width: 410px;
margin-left: auto;
margin-right: auto
}

.boxA{
height: 400px;  /*高さ指定*/
}

.boxA-2{
float: left;  /*フロート指定*/
margin: 10px 0px 0px 0px;
width: 100%;
}

.boxA-2 h1 a{
display: block;
width: 240px;
padding: 10px 0px 10px 0px;

line-height: 36px;  /*行の高さを指定して行間を作る*/
border-top: none;
}

.boxA-2 h2{
margin: 15px 0px -20px 0px;
font-size: 12px;
border-bottom: dotted 2px #dddddd;
}

.boxA-2 h3{
margin: -28px 0px 0px -5px;
font-size: 10px;
}

.boxA-3{
margin-top: 70px;
}

.menu{
display: none;
}

.accordion{
list-style-type: none;
font-size: 14px;
line-height: 25px;
color: #FFFFFF;
padding: 10px 0px 10px 0px;
margin-bottom: 0px;
}

.accordion li p{
padding-left: 30px;
margin: 5px 0px 5px 0px;
background-color: #726462;
}

.accordion li p:hover{
background-color: #A19897
}

.accordion li a{
width: auto;
font-size: 14px;
color: #FFFFFF;
line-height: 25px;
text-align: left;
background-color: #726462;
text-decoration: none;
display: block;
}

.accordion li a:hover{
background-color: #A19897
}

.accordion li ul{
margin-left: 20px;
display: none;　/* 閉じておく為 */
}

/* ボタン */
.accordion span{
background-image: url(../images/open.png);
}
.accordion span.open {
background-image: url(../images/close.png);
}
.accordion span{
display:block;
background-position: right 30px top 8px;
background-repeat:no-repeat;
}

/* サブメニュー */
.accordion li ul li{
list-style-type: none;
}

.accordion li ul li a{
width: auto;
line-height: 25px;   /* 1項目の高さ */
text-align: left;
padding-left: 10px;   /* 文字列前方の余白 */
border-top: dotted 1px #dddddd;
background-color: #A19897;
}

.accordion li ul li a:hover{
background-color: #ffff80;
color: #005500;
}

.boxC{
height: 1880px;  /*高さ指定*/
}

.boxCP{
height: 1430px;
}

.boxCK{
height: 1430px;
}

.boxC-1X{
height: 1146px;  /*高さ指定*/
}

.boxC-1Y{
height: 1100px;  /*高さ指定*/
}


.boxCR{
height: 3000px;
}



.boxCU{
height: 3300px;
}

.boxC-1R, .boxC-1G, .boxC-1K, .boxC-1U, .boxC-1P{
margin-top: 20px;
width: 100%;
}

.flexbox{
display:flex;           /* flexコンテナ―に設定 */
flex-direction:column;  /* コンテンツの配置を上下に設定*/
}

.boxC-2{
order:1;    /* flexコンテンツの順番を設定  */
margin-top: 20px;
width: 100%;
height: 600px;  /*高さ指定*/
}

.boxC-2P{
order:1;    /* flexコンテンツの順番を設定  */
margin-top: 530px;
width: 100%;
height: 600px;  /*高さ指定*/
}

.boxC-2K{
order:1;    /* flexコンテンツの順番を設定  */
margin-top: 330px;
width: 100%;
height: 600px;  /*高さ指定*/
}

.boxC-1{
order:0;    /* flexコンテンツの順番を設定  */
margin-top: 20px;
width: 100%;
height: 1204px;  /*高さ指定*/
}

.boxC-1-1{
height: 230px;
}

.boxC-1-2-1, .boxC-1-2-2, .boxC-1-2-3, .boxC-1-2-4{
margin: 0;  /*文字の余計な余白を削除*/
padding: 0;  /*文字の余計な余白を削除*/
width: 48%;
height: 148px;
}

.boxC-1-2-1{
margin-right: 4%;
}

.boxC-1-2-3{
margin-top: 10px;
margin-right: 4%;
}

.boxC-1-2-4{
margin-top: 10px;
}

.boxC-1-3-1{
margin-top: 15px;
width: 100%;
height: 300px;  /*高さ指定*/
}

.boxC-1-3-2{
margin-top: 15px;
width: 100%;
height: 340px;  /*高さ指定*/
}

.boxC-1-3-1 li a{
display: block; 
padding: 5px;
border-bottom: dotted 2px #dddddd;
font-size: 14px;
color: #2288bb;
text-decoration: none;
height: 60px;  /*高さ指定*/
}

/*疑似BOXでclearfix*/
.boxC-1-3-1 time:after{
content: "";
display: block;
clear: both;
}

.boxC-1-3-1 .text{
float: left;
width: 100%;
margin-left: 0px;
}

.boxC-2 a img{
width: 50%;
}

.boxC-2P a img{
width: 50%;
}

.boxC-2K a img{
width: 50%;
}

.boxC-1YR{    /*枠線 */
font-size: 10px;    /*このページの基本フォントサイズ */
}

.boxC-1YU{    /*枠線 */
font-size: 10px;    /*このページの基本フォントサイズ */
}

.boxC-1YR h1{
font-size: 22px;
}

.boxC-1YU h1{
font-size: 22px;
}

.boxC-1YR h3{
margin: 0px 0px 3px 0px;
font-size: 16px;
}

.boxC-1YU h3{
margin: 0px 0px 3px 0px;
font-size: 16px;
}

.ordering1{
height: 350px;
}

.ordering h4{
font-size: 12px;
}

.guide h4{
font-size: 14px;
}

.orderingA h5{
font-size: 12px;
}

.ordering1 p{
padding-left: 10px;
font-size: 11px;
}

.icon{
margin: 5px 0px 0px 0px;
font-size: 35px;
}

.orderingA{
margin: 10px 0px 0px 0px;
height: 630px;
}

.ordering4{ 
height: 100px;
}

.ordering5{
height: 260px;
}

.ordering52{
height: 30px;
}

.ordering72{
height: 260px;
}

.guide1{
height: 1350px;
}

.guide2{
height: 880px;
}

.koza{
height: 100px;
font-size: 13px;
}

.boxCG{
height: 12700px;
}

.boxC-1XG{    /*外枠線 */
height: 11950px;
}

.boxC-1YG{    /*枠線 */
font-size: 12px;    /*このページの基本フォントサイズ */
height: 560px;
}

.boxC-1XK{    /*外枠線 */
height: 700px;
}

.boxC-1YK{    /*枠線 */
font-size: 12px;    /*このページの基本フォントサイズ */
height: 650px;
}

.boxC-1XU{    /*外枠線 */
height: 2550px;
}

.boxC-1YU{    /*枠線 */
height: 2500px;
}


.boxC-1YG h1{
font-size: 22px;
}

.boxC-1YK h1{
font-size: 21px;
}

.gassan{
height: 400px;
}

.gassan img{
margin: 0px 0px 5px 0px;
width: 100%;
}

.chigau{
padding-top: 15px;
font-size: 17px;
line-height: 23px;   /*文字の上下余白を調整し高さを決める*/
height: 60px;
}

.rei{    /*枠線 */
height: 5900px;
}

.rei2{    /*枠線 */
height: 5000px;
}

.rei0{ 
padding-bottom: 15px;
font-size: 40px;
margin: -20px 0px 10px 0px;
height: 80px;
}

.rei h3, .rei2 h3{
font-size: 19px;
}

.printerM{    /*プリンタ */
display: none;
}

.printerC{    /*プリンタ */
display: none;
}

.printerM2{    /*プリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 7.4%;
right: 7%;
}

.printerC2{    /*プリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 57.6%;
right: 7%;
}

.gekiyasu{    /*激安価格 */
top: -0.3%;
right: -8%;
}


.M1, .C1{    /*例 */
display: none;
}

.M2, .C2{    /*例 */
display: block;
width: 100%;
}

.M2 img, .C2 img{    /*例 */
border-bottom-style: dotted;
}

.sokujitsu{    /*即日納品*/
display: none;
}

.sokujitsu2{    /*即日納品*/
display: block;
position: absolute;  /*絶対的表示位置*/
top: 21%;
right: 0%;
}

.gekiyasuX{    /*激安価格 */
display: none;
}

.gekiyasuX2{    /*激安価格 */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 40%;
right: -5%;
}

.boxC-1Y h2{
border-left: solid 18px #FF0000;
font-size: 12px;
}

.boxC-1Y h1{
font-size: 24px;
}

.boxC-1Y-1{
height: 430px;
margin-bottom: 50px;
}

.boxC-1Y-1 img{
width: 100%;
margin-bottom: 15px;
}

.kamiatsu{
float: left;
width: 47%;
margin-right: 3%;
}

.kamiatsu p{
font-size: 8px;
}

.printer{    /*プリンタ */
display: none;
}

.printer2{    /*プリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 5%;
right: 7%;
}

.boxC-1Y h3{
margin: 20px 0px 3px 0px;
font-size: 22px;
}

.boxC-1Y-0{    /*屋外用 */
top: 9%;
right: 73%;
}

.boxC-1Y-02{    /*室内用 */
top: 9%;
right: 73%;
}

.price{    /*プリンタ */
display: none;
}

.price2{ /*テーブル*/
display: block;
margin:0 auto;
margin-bottom: 10px;
font-size: 12px;
width: 100%;
border: solid 2px orange;
text-align: center;
border-collapse: separate; /*隙間を無くして一重線にする*/
border-spacing: 0; /*隙間を無くして一重線にする*/
}

.price2 th{
width: 20%;
color: gray;
background: #fff5e5;
border: solid 1px orange;
}

.price2 td{
font-weight: bold;
color: #FF0000;
border: solid 1px orange;
}

.yajirushi{
margin-top: 20px;
width: 200px; 
}
.yajirushi a{
font-size: 18px;
line-height: 30px;   /*文字の上下余白を調整し高さを決める*/
}

.price{  
display: none;
}

.priceC1{   
display: none;
}

.priceC2{   
display: block;
}

.price2{ /*テーブル*/
display: block;
margin:0 auto;
margin-bottom: 10px;
font-size: 12px;
width: 100%;
border: solid 2px orange;
text-align: center;
border-collapse: separate; /*隙間を無くして一重線にする*/
border-spacing: 0; /*隙間を無くして一重線にする*/
}

.price2 th{
width: 20%;
color: gray;
background: #fff5e5;
border: solid 1px orange;
}

.price2 td{
font-weight: bold;
color: #FF0000;
border: solid 1px orange;
}

.laser{    /*レーザープリンタ */
display: none;
}

.laserX{    /*レーザープリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 8%;
right: 7%;
}

.boxC-1YK h2{
border-left: solid 24px #FF0000;
font-size: 16px;
}

.boxC-1YK h1{
padding-left: 8px;
font-size: 24px;
}

.yohaku2{
margin-top: -40px;
width: 72%;
}

.yohaku{    /*余白 */
position: absolute;  /*絶対的表示位置*/
top: 37%;
right: 6%;
}

.boxC-1YK h3{
margin: -10px 0px 3px 0px;
padding-left: 0px;
font-size: 18px;
}

.boxC-1YK h2{
border-left: solid 24px #FF0000;
font-size: 17px;
}

.boxC-1XK{    /*外枠線 */
height: 1350px;
}

.boxC-1YK{    /*枠線 */
height: 1306px;
}

.boxCK{  
height: 2100px;
}

.boxC-1YP h3{
margin: -10px 0px 3px 0px;
padding-left: 0px;
font-size: 18px;
}

.boxC-1YP h2{
border-left: solid 24px #FF0000;
font-size: 17px;
}

.boxC-1XP{    /*外枠線 */
height: 1350px;
}

.boxC-1YP{    /*枠線 */
height: 1306px;
}

.boxCP{
height: 2100px;
}

}

/*600px以上767px以下############################################################################### */
@media (min-width: 600px) and (max-width: 767px){

.box0{      /* ピンク */
height: 4px;
background-color: #FF00FF;
}

.boxA-inner, .boxB-inner, .boxC-inner, .boxCK-inner, .boxCG-inner, .boxCR-inner, .boxCU-inner, .boxCN-inner, .boxCP-inner, .boxD-inner, .boxE-inner{
width: 560px;
margin-left: auto;
margin-right: auto
}

.boxA{
height: 226px;  /*高さ指定*/
}

.boxA-3{
margin-top: 25px;
}

.accordion{
display: none;
}

.menu li ul li{
width: 112px;   /*実際のサイズ(560÷5)*/
}

.boxC{
height: 1296px;  /*boxC-1(boxC-2)の高さと、そのmargin-topの2倍の合算*/
}

.boxCP{
height: 1300px; 
}


.boxCU{
height: 2700px;
}

.boxC-1, .boxC-1R, .boxC-1G, .boxC-1K, .boxC-1U, .boxC-1P{
width: 70%;
margin-right: 2%;  /*boxC-1とboxC-2の隙間*/
height: 1196px;  /*高さ指定*/
}


.boxC-1X{
height: 1146px;  /*高さ指定*/
}

.boxC-1Y{
height: 1100px;  /*高さ指定*/
}


.boxC-2{
width: 28%;
height: 1196px;  /*高さ指定*/
}

.boxC-2P{
width: 28%;
height: 1100px;  /*高さ指定*/
}


.boxC-2K{
width: 28%;
height: 1100px;  /*高さ指定*/
}


.boxC-1-1{
height: 220px;
}

.boxC-1-2-1, .boxC-1-2-2, .boxC-1-2-3, .boxC-1-2-4{
margin: 0;  /*文字の余計な余白を削除*/
padding: 0;  /*文字の余計な余白を削除*/
width: 48%;
height: 144px;
}

.boxC-1-2-1{
margin-right: 4%;
}

.boxC-1-2-3{
margin-top: 18px;
margin-right: 4%;
}

.boxC-1-2-4{
margin-top: 18px;
}

.boxC-1-3-1{
margin-top: 15px;
width: 100%;
height: 300px;  /*高さ指定*/
}

.boxC-1-3-2{
margin-top: 15px;
width: 100%;
height: 340px;  /*高さ指定*/
}

.boxC-2 p{
font-size: 14px;
}

.boxC-2P p{
font-size: 14px;
}

.boxC-2K p{
font-size: 14px;
}

.side li a{
font-size: 14px;
}

.boxC-1YR{    /*枠線 */
font-size: 10px;    /*このページの基本フォントサイズ */
}

.boxC-1YU{    /*枠線 */
font-size: 10px;    /*このページの基本フォントサイズ */
}

.boxC-1YR h1{
font-size: 22px;
}

.boxC-1YU h1{
font-size: 22px;
}

.boxC-1YR h3{
margin: 0px 0px 3px 0px;
font-size: 16px;
}

.boxC-1YU h3{
margin: 0px 0px 3px 0px;
font-size: 16px;
}

.ordering1{
height: 350px;
}

.ordering h4{
font-size: 12px;
}

.boxC-1YU h4{
font-size: 13px;
}

.orderingA h5{
font-size: 12px;
}

.ordering1 p{
padding-left: 10px;
font-size: 11px;
}

.icon{
margin: 5px 0px 0px 0px;
font-size: 35px;
}

.orderingA{
margin: 10px 0px 0px 0px;
height: 630px;
}

.ordering4{ 
height: 100px;
}

.ordering5{
height: 260px;
}

.ordering52{
height: 30px;
}

.ordering72{
height: 260px;
}

.koza{
height: 100px;
font-size: 13px;
}

.guide1{
height: 1410px;
}

.guide2{
height: 900px;
}

.boxCG{
height: 11600px;
}

.boxC-1XG{    /*外枠線 */
height: 11450px;
}

.boxC-1YG{    /*枠線 */
font-size: 12px;    /*このページの基本フォントサイズ */
height: 560px;
}


.boxC-1XU{    /*外枠線 */
height: 2550px;
}

.boxC-1YU{    /*枠線 */
height: 2500px;
}

.boxC-1YG h1{
font-size: 22px;
}

.gassan{
height: 400px;
}

.gassan img{
margin: 0px 0px 5px 0px;
width: 100%;
}

.chigau{
padding-top: 15px;
font-size: 17px;
line-height: 23px;   /*文字の上下余白を調整し高さを決める*/
height: 60px;
}

.rei{    /*枠線 */
height: 5600px;
}

.rei2{    /*枠線 */
height: 4800px;
}

.rei0{ 
padding-bottom: 15px;
font-size: 40px;
margin: -20px 0px 10px 0px;
height: 80px;
}

.rei h3, .rei2 h3{
font-size: 19px;
}

.printerM{    /*プリンタ */
display: none;
}

.printerC{    /*プリンタ */
display: none;
}

.printerM2{    /*プリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 7.7%;
right: 7%;
}

.printerC2{    /*プリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 57.4%;
right: 7%;
}

.gekiyasu{    /*激安価格 */
top: -0.3%;
right: -8%;
}

.gekiyasuX{    /*激安価格 */
display: none;
}

.gekiyasuX2{    /*激安価格 */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 35%;
right: -5%;
}

.M1, .C1{    /*例 */
display: none;
}

.M2, .C2{    /*例 */
display: block;
width: 100%;
}

.M2 img, .C2 img{    /*例 */
border-bottom-style: dotted;
}

.sokujitsu{    /*即日納品*/
display: none;
}

.sokujitsu2{    /*即日納品*/
display: block;
position: absolute;  /*絶対的表示位置*/
top: 23%;
right: 0%;
}

.boxC-1Y h2{
border-left: solid 24px #FF0000;
font-size: 16px;
}

.boxC-1YP h2{
border-left: solid 24px #FF0000;
font-size: 16px;
}


.boxC-1Y h1{
font-size: 24px;
}

.boxC-1YP h1{
font-size: 24px;
}

.boxC-1Y-1{
height: 430px;
}

.boxC-1Y-1 img{
width: 100%;
margin-bottom: 15px;
}

.kamiatsu{
float: left;
width: 47%;
margin-right: 3%;
}

.kamiatsu p{
font-size: 8px;
}

.printer{    /*プリンタ */
display: none;
}

.printer2{    /*プリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 4%;
right: 7%;
}

.boxC-1Y h3{
margin: 20px 0px 3px 0px;
font-size: 22px;
}

.boxC-1Y-0{    /*屋外用 */
top: 8%;
right: 73%;
}

.boxC-1Y-02{    /*室内用 */
top: 8%;
right: 73%;
}

.price{  
display: none;
}

.priceC1{   
display: none;
}

.priceC2{   
display: block;
}

.price2{ /*テーブル*/
display: block;
margin:0 auto;
margin-bottom: 10px;
font-size: 12px;
width: 100%;
border: solid 2px orange;
text-align: center;
border-collapse: separate; /*隙間を無くして一重線にする*/
border-spacing: 0; /*隙間を無くして一重線にする*/
}

.price2 th{
width: 20%;
color: gray;
background: #fff5e5;
border: solid 1px orange;
}

.price2 td{
font-weight: bold;
color: #FF0000;
border: solid 1px orange;
}

.yajirushi{
margin-top: 20px;
width: 200px; 
}
.yajirushi a{
font-size: 18px;
line-height: 30px;   /*文字の上下余白を調整し高さを決める*/
}

.laser{    /*レーザープリンタ */
display: none;
}

.laserX{    /*レーザープリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 8%;
right: 7%;
}

.boxC-1YK h2{
border-left: solid 24px #FF0000;
font-size: 16px;
}

.boxC-1YK h1{
padding-left: 8px;
font-size: 24px;
}

.yohaku2{
width: 72%;
}

.yohaku{    /*余白 */
position: absolute;  /*絶対的表示位置*/
top: 36%;
right: 6%;
}

.boxC-1YK h3{
margin: -10px 0px 3px 0px;
padding-left: 0px;
font-size: 18px;
}

.boxC-1YK h2{
border-left: solid 24px #FF0000;
font-size: 17px;
}

.boxC-1XK{    /*外枠線 */
height: 1450px;
}

.boxC-1YK{    /*枠線 */
height: 1406px;
}

.boxCK{    /*枠線 */
height: 1600px;
}

.boxCP{    /*枠線 */
height: 1600px;
}

.boxC-1XP{    /*外枠線 */
height: 1450px;
}

.boxC-1YP{    /*枠線 */
height: 1406px;
}


}

/*768px以上1039px以下############################################################################### */
@media (min-width: 768px) and (max-width: 1039px){

.box0{      /* 緑 */
height: 4px;
background-color: #00C000;
}

.boxA-inner, .boxB-inner, .boxC-inner, .boxCK-inner, .boxCG-inner, .boxCR-inner, .boxCU-inner, .boxCN-inner, .boxCP-inner, .boxD-inner, .boxE-inner{
width: 728px;
margin-left: auto;
margin-right: auto
}

.boxA{
height: 226px;  /*高さ指定*/
}

.boxA-3{
margin-top: 25px;
}

.accordion{
display: none;
}

.menu li ul li{
width: 145.6px;   /*実際のサイズ(728÷5)*/
}

.boxCP{
height: 1000px;  /*高さ指定*/
}

.boxC-1-1{
height: 300px;
}

.boxC-1-2-1{
height: 104px;
}

.boxC-1-2-2{
height: 104px;
}

.boxC-1-2-3{
height: 104px;
}

.boxC-1-2-4{
height: 104px;
}

.boxC-2{
height: 764px;
}

.boxC-2 p{
font-size: 14px;
}

.boxC-2P p{
font-size: 14px;
}

.boxC-2K p{
font-size: 14px;
}

.side li a{
font-size: 14px;
}

.boxC-1YR{    /*枠線 */
font-size: 11px;    /*このページの基本フォントサイズ */
}

.boxC-1YGD{    /*枠線 */
height: 2800px;
font-size: 11px;    /*このページの基本フォントサイズ */
}

.boxC-1YGD2{    /*枠線 */
height: 1000px;
font-size: 11px;    /*このページの基本フォントサイズ */
}

.boxC-1YU{    /*枠線 */
font-size: 11px;    /*このページの基本フォントサイズ */
}

.boxC-1YR h1{
font-size: 26px;
}

.boxC-1YR h3{
font-size: 16px;
}

.boxC-1YGD h3{
font-size: 16px;
}

.ordering h4{
font-size: 14px;
}

.orderingA h5{
font-size: 18px;
}

.ordering1 p{
font-size: 12px;
}

.icon{
margin: 15px 0px -10px 0px;
}

.ordering5{
height: 240px;
}

.ordering52{
height: 20px;
}

.ordering72{
height: 240px;
}

.design1{
height: 920px;
}

.design2{
height: 70px;
}

.design3{
height: 90px;
}

.design4{
height: 70px;
}

.design h4{
font-size: 12px;
}

.design5{
height: 200px;
}

.design72{
height: 200px;
}

.design51{
height: 40px;
}

.designA h5{
font-size: 18px;
}

.designA{
height: 830px;
}

.design11{
height: 800px;
}



.boxCG{
height: 4100px;
}

.boxC-1XG{    /*外枠線 */
height: 3950px;
}

.boxC-1YG{    /*枠線 */
height: 420px;
}

.gassan{
height: 280px;
}

.chigau{
font-size: 16px;
}


.rei{    /*枠線 */
height: 1400px;
}

.rei2{    /*枠線 */
height: 1300px;
}

.rei0{ 
margin: -20px 0px 10px 0px;
}

.rei h3, .rei2 h3{
font-size: 25px;
}

.printerM{    /*プリンタ */
display: none;
}

.printerC{    /*プリンタ */
display: none;
}

.printerM2{    /*プリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 18.4%;
right: 7%;
}

.printerC2{    /*プリンタ */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 60.2%;
right: 7%;
}

.sokujitsu{    /*即日納品*/
top: 20%;
right: 0%;
}

.price{
font-size: 12px;
}

.printer{    /*プリンタ */
position: absolute;  /*絶対的表示位置*/
top: 4%;
right: 8%;
}

.boxC-1Y-0{    /*屋外用 */
position: absolute;  /*絶対的表示位置*/
top: 15%;
right: 4%;
}

.boxC-1Y-02{    /*室内用 */
position: absolute;  /*絶対的表示位置*/
top: 15%;
right: 4%;
}

.gekiyasuX{    /*激安価格 */
display: none;
}

.gekiyasuX2{    /*激安価格 */
display: block;
position: absolute;  /*絶対的表示位置*/
top: 69.5%;
right: 5%;
}

.boxC-1Y h2{
border-left: solid 24px #FF0000;
font-size: 17px;
}

.yohaku2{
width: 72%;
}

.yohaku{    /*余白 */
position: absolute;  /*絶対的表示位置*/
top: 32%;
right: 14%;
}

.boxC-1YK h3{
margin: -10px 0px 3px 0px;
padding-left: 0px;
font-size: 18px;
}

.boxC-1YK h2{
border-left: solid 24px #FF0000;
font-size: 17px;
}


}

/*1040px以上############################################################################### */
@media (min-width: 1040px){

.boxA-inner, .boxB-inner, .boxC-inner, .boxCK-inner, .boxCG-inner, .boxCR-inner, .boxCU-inner, .boxCN-inner, .boxCP-inner, .boxD-inner, .boxE-inner{
width: 1000px;
margin-left: auto;
margin-right: auto
}

.accordion{
display: none;
}

}