/*
Theme Name: miyatowel
Author: miyahara
discription: オリジナルタオル・名入れタオル制作

@import"help.css";

/* bodyタグ */
ul li {
list-style-type:none;
}
a {
text-decoration:none;
}
body{
 	color:#666666;
	font-size:1rem;
 }

/*---------------------------------------------------------*/
/*  hタグ 
/*---------------------------------------------------------*/
 /* h1は ページの左上に表示 */
h1{
	font-size:34px;
	color:#888888;
	margin:20px 0px 20px 10px;
	text-align:left;
	border-left:8px solid #808080;
	padding-left:12px;
}

#h1 {
	background-color:#eeeeee;
	margin:0px 0px 0px 0px;
}

 /* h2は 題名イラスト を使用 */
 h2{
  margin:8px 0px 8px 0px;		/* 余白（上、右、下、左） */
 }
 /* h3は 背景色：ブルー、文字色：紺 で使用*/
 h3.blue{
  padding:10px 0px 10px 0px;		/* 文字まわりの余白（上、右、下、左） */
  margin:10px 0px 10px 0px;		/* 余白（上、右、下、左） */
  color:navy;				/* 文字色 */
  font-size:21px;			/* 文字の大きさ*/
  background:#ddffff;			/* 背景色 */
  /*border-left:solid 8px red;		 左線（実線、太さ、色）*/
  font-family:"ＭＳ Ｐゴシック";	/* テキストのフォント種類 */
  text-align:center;			/* テキストの中央揃え */
 }
#top_border h3 {
text-align:center;
margin:auto;
width:718px;
}

 /* h4は 中題名に使用 ネイビー太字 */
 h4{
  margin:20px;
  line-height:1.5;
  font-size:18px;
  font-weight:bold;
  font-family:"ＭＳ Ｐゴシック";
  color:navy;
 }
h5 {
font-size: 18px;
padding-left: 5px;
margin: 10px;
}

.h5_bottom {
width:95%;
margin: 15px auto;
} 
.textAlignCenter {
text-align:center;
}
ul.second {
	width:90%;
	margin:30px auto;
	
}
.marginTop_20 {
	margin-top:20px;
}
 ul li.disc {
	list-style-type:disc;
}
/*-----------------------------------------------------*/
/* 空白
/*-----------------------------------------------------*/ 

.margin_10 {
		margin:10px;
}
.margin_20 {
	margin:20px;
} 
p.margin_20 {
margin:20px;
}
.marginLeft10 {
	margin-left:10px;
}
p.marginTop_0 {
	margin-top:0;
}
.margin_top_20 {
	margin-top:20px;
	margin-bottom:20px;
} 
.padding50 {
	padding:50px;
}
.column2Img {
	float:left;
	margin-left: 87px;
	margin-right: 36px;
}
.marginAuto {
	margin:auto;
}
.marginTopBottom20 {
	margin-top:20px;
	margin-bottom:20px;
}
.marginBottom20 {
	margin-bottom:20px;
}
/*---------------------------------------------------------------*/
/*  レイアウト
/*---------------------------------------------------------------*/
.float {
	float:left;
}
/*clearfix*/
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.floatRight {
	float:right;
}
.floatBox {
	width:53%;
}
.width40 {
	width:40%;
	display:block;
	margin:0 auto 20px ;
	box-sizing:border-box;
}
.width60 {
	width:60%;
	display:block;
	margin:0 auto 20px ;
	box-sizing:border-box;
}
.width80 {
	width:80%;
	display:block;
	margin:0 auto 20px ;
	box-sizing:border-box;
}
.absolute {
	position:absolute;
}
.relative {
	position:relative;
}
/*---------------------------------------------------------------*/
/*  フレックスボックス
/*---------------------------------------------------------------*/
.flexBox {
	display:flex;
}
.flexBox img {
	margin:42px auto;
}

/*---------------------------------------------------------------*/
/*  補足説明
/*---------------------------------------------------------------*/
div.note {
	margin-left:10px;
}
span.note {
	font-size:0.9rem;
}
span.note::before {
	content:"※";
	margin-right:6px;
}
span.noteColorRed {
	color:red;
	font-size:0.9rem;
	margin-right:60px;
}
span.noteColorRed::before {
	content:"※";
	margin-right:6px;
}

/* ボタン*/
 button{
  padding:0;
  border:none;
  background:transparent;
 }

button {
  display:block;	
}

img {
	display:block;	
}

 img.blockImg{
	display:block;
	margin:auto;
 }
img.capture {
	display:inline-block;
	margin:0 10px 40px 17px;
}

 #nairebutton {
 height:150px;
 }

 #originalbutton {
 height:150px;
 }


/*リンク*/

 a:hover{		/* カーソルが乗っているリンクの色 */
  color:#00ccff;
  text-decoration:none;
  background-color:;
 } 
/*------------------------------------------------------------*/
/*テキスト
/*------------------------------------------------------------*/
.textAlignCenter {
	text-align:center;
	margin:20px;
}
.fontWeightBold {
	font-weight:bold;
}
.fontSize7rem {
	font-size:0.7rem;
}
.fontSize8rem {
	font-size:0.8rem;
}
.fontSize9rem {
	font-size:0.9rem;
}
.fontSize10rem {
	font-size:1rem;
}
.fontSize12rem {
	font-size:1.2rem;
}
.fontSize14rem {
	font-size:1.4rem;
}
.fontSize16rem {
	font-size:1.6rem;
}
.fontSize18rem {
	font-size:1.8rem;
}
.fontSize20rem {
	font-size:2rem;
}
fontColorKon {
	color:#18184D;
}

/*----------------------------------------------*/
/*****  、画像
/*----------------------------------------------*/
img.displayBlockImg {
display:block;
margin:20px auto;
}
img.includeImg {
	margin:10px 10px 10px 10px;
	float:right;
}
.imgBox {
	width:36%;	
}
figure {
	float:right;
	width:34%;
	margin:10px;
}
figure.img {
	width:100%;
}


/* ボディー */

 body {
 -webkit-text-size-adjust:100%;
 margin: 0;
 }
/*パンくずリスト*/

#breadcrumb {
background:#eee;
height:24px;
font-size:16px;
}
#breadcrumb ul{
	display:flex;
}
li.bread {
display:inline-block;
margin-left:20px;
height:30px;
line-height:30px;
list-style-type:none;
}
#breadcrump ul li:first-child {
	margin-right:30px;
}
}
#breadcrump ul li::marker {
content:none;
	
}
/*お知らせ*/

.whatsnew {
margin:20px;
}
.whatsnew h4 {
	margin:10px 30px;
}
.whatsnew dl {
	margin:10px 30px;
}

/* div */

 div{
 -webkit-text-size-adjust:100%;
 }

/* コンテンツ */

p,ul {
margin:0;
padding:0;
word-wrap:break-word;
}

body {
margin:0;
background:#eeeeee;
}
header {
width:1110px;
margin:auto;
background:#fff;
}
#toform {
display:inline-block;
width:95px;
vertical-align:bottom;
}

a:hover {
opacity:50%;
}

p.alignRightP {
text-align:right;
margin-right:7px;
}
/* お問い合わせボックス*/
.otoiawase_box {
position:relative;
margin:30px auto;
height:441px;
background:url(http://miyatowel.com/wp-content/themes/miyatowel/image/otoiawasesaki.png);
background-repeat:no-repeat;
background-position:center;
}
#otoiawase_button {
width:300px;
margin:auto;
background:#ffa500;
color:#000;
border-radius:10px;
height:35px;
line-height:35px;
font-size:20px;
font-weight:bold;
text-align:center;
position:absolute;
top:80px;
left:224px;
}
#otoiawase_button a {
color:#000;
}
#otoiawase_button a::after {
left: 4px;
box-sizing: border-box;
width: 10px;
height: 10px;
border: 4px solid transparent;
border-left: 4px solid #7a0;
}
/*  矢印アイコン用 */
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 11px;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.icon::before{
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #7a0;
}
.icon::after{
    left: 5px;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-left: 3px solid #fff;
}
.sideanviIcon::before {
 left: 5px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 5px solid transparent;
    border-left: 7px solid #0000ff;

}
#head {
margin-bottom:20px;
font-size:14px;
padding-left:4px;
color:#808080;
}

#header {
display:flex;
width:100%;
height:118px;
}

header #header p.logo {
display:inline-block;
margin:0 30px 0 30px;
}
#tel_sp {
display:none;
}
#drower_sp {
display:none;
}
header #header p.head-p {
display:inline-block;
margin:0;
}
header #header p.head-p2 {
display:inline-block;
position:relative;
margin:0 30px 0 30px;
}
header #header p.head-p2 span#toform a img  {
vertical-align:middle;
}

header #header p.head-p2 span#toplink {
display:inline-block;
font-size:11px;
color:#808080;
}
header #header p.head-p2 span#toplink a {
vertical-align:middle;
}

header #header p.head-p2 span#company {
font-size:11px;
color:#808080;]
display:inline-block;
}
header #header p.head-p2 span#company a {
vertical-align:middle;
}
#action_box {
display:flex;
}
nav ul {
display:flex;
background:#fff;
padding:0;
}
nav ul li{
display: flex;
justify-content: center;
align-items: center;
list-style-type:none;
box-sizing:border-box;
width:222px;
height:80px;
background:#eee;
color:#808080;
font-weight:bold;
border-left:3px solid #fff;
text-align:center;

}
nav ul li:last-child {
border-right: 3px solid #fff;
}

/*---------------------------------------------------------------*/
/*   サイドバー
/*---------------------------------------------------------------*/

#mitsumoriSideBox {
	background:url(http://miyatowel.com/wp-content/themes/miyatowel/image/side-zidoumitumori-waku-g.png);
	background-repeat:no-repeat;
	position:relative;
	width:240px;
	height:249px;
	margin:0 auto 20px;
}
#mitsumoriSideBox .naire {
    position: absolute;
    width: 208px;
    top: 68px;
    left: 16px;
}
#mitsumoriSideBox .original {
    position: absolute;
    top: 147px;
    left: 15px;
    width: 208px;
}

/*トップページ*/

section {
background:url('http://miyatowel.com/wp-content/themes/miyatowel/image/top-content1-back.png');

}
#mainImg {
width:1110px;
margin:auto;
position:relative;
}
#main_spImg {
		display:none;
	}

section#mainImg img{ 
display:block;
margin:0 auto;

}
.mainPositionLinkA {
position:absolute;
top: 202px;
left: 104px;
}
.mainPositionLinkB {
position:absolute;
top: 202px;
left: 339px;
}
h3.wakugai {
text-align: center;
margin: auto;
width: 718px;
}

#main {
width:1110px;
margin:auto;
background:#fff;
display:flex;
box-sizing:border-box;
}

article {
width: 769px;
margin: 20px 30px 30px 47px;
order:2;
}
menu {
width: 265px;
margin: 20px 0px 0px 14px;
padding:0;
order:1;
} 
menu#mitsumori {
	top:20px;
}

menu img {
display:block;
margin:auto;
}
menu ul {
margin:30px auto;
width:240px;
box-sizing:border-box;
border:7px solid #f0f0f0;
padding:10px 0 10px;
}

menu ul li {
display: flex;
/*justify-content: center;*/
align-items: center;
box-sizing:border-box;
height:64px;
margin:0 auto ;
list-style-type:none;
border:5px solid #fff;
background: -moz-linear-gradient(top, #b0b0b0, #fff 45%, #fff 55%, #b0b0b0);
background: -webkit-linear-gradient(top, #b0b0b0, #fff 45%, #fff 55%, #b0b0b0);
background: linear-gradient(to bottom, #b0b0b0, #fff 45%, #Ffff 55%, #b0b0b0);
}
menu ul li:first-child {
display:block;
margin-top:0;
border-left:4px solid #fff;
border-right:4px solid #fff;
height:50px;
background:#0000ff;
font-size:16px;
color:#fff;
line-height:45px;
text-align:center;

}
menu ul li a.arrow {
font-size:14px;
}
.menuFontSize {
font-size:12px;
}
#top_border {
border: 5px solid #deb887;
border-radius: 20px;
margin-top:30px;
}

.fontmain-footer {
    line-height: 1.5;
    font-size: 14px;
    font-family: "ＭＳ Ｐゴシック";
}

.fontoodai {
    line-height: 1.5;
    font-size: 23px;
    font-weight: bold;
    font-family: "ＭＳ Ｐゴシック";
    color: #444444;
}
.cal-d {
    text-align: center;
    background-color: #1d2088;
}
.fontwhite {
    font-weight: bold;
    color: white;
}
.off {
    background-color: #FFABCE;
}

footer {
background-image:url(http://miyatowel.com/wp-content/themes/miyatowel/image/footer1.png);

}
 #footer1 {
width:1110px;
margin:auto;
height:420px;
display:flex;
}
#footer1 #footer_left {
	width:755px;
}
#footer1 #footer_left h3 {
	color:#fff;
	margin-bottom:5px;
	margin-left:10px;
}

#footer1 #footer_left ul li{
    font-size:14px;
	color:#00ccff;
	float:left;
	list-style-type:none;
	margin-left:10px;
}
#footer1 #footer_left ul li a {
	color:#00ccff;
	text-decoration:none;
}

#footer1 #footer_right iframe {
	margin-top:30px;
}
adress {
	font-size:14px;
	color:#fff;
	display:block;
	
}

 #footer2 {
 background-color:#eeeeee;
 background-image:url(http://miyatowel.com/wp-content/themes/miyatowel/image/footer1.png);
 height:50px;
 }
#footer2 ul {
display:flex;
width:1110px;
margin:auto;
height:100%;
text-align:center;
}
#footer2 ul li {
display:inline-block;
line-height:50px;
color:#fff;
margin-left:20px;
text-align:center;
}
#footer2 ul li a {
color:#fff;
text-decoration:none;
}

.fontoodai {
    line-height: 1.5;
    font-size: 23px;
    font-weight: bold;
    font-family: "ＭＳ Ｐゴシック";
    color: #444444;
}
#footer_button_sp {
	display:none;
}
a.footer1 {
color:#fff;
text-decoration:none;
}
}

a.footer1:visited {
    color: #00ccff;
    text-decoration: none;
    background-color: ;
}
#footer2 {
    background-color: #eeeeee;
    background-image: url(http://miyatowel.com/wp-content/themes/miyatowel/image/top-content1-back.png);
    height: 50px;
}
a.footer2 {
color:#fff;
text-decoration:none;
}
a.footer2:hover {
    color: #444444;
    text-decoration: none;
}
.fontmain-footerAd {
    line-height: 1.5;
    font-size: 14px;
    font-family: "ＭＳ Ｐゴシック";
    color: white;
}
hr {
width:95%;
margin:auto;
}
.color_red {
color:red;
}

span.comment {
font-size:14px;
letter-spacing:4px;
}
.textAlignRight {
display:block;
text-align:right;
}
li.column3 {
float:left;
width:214px;
margin-left:24.75px;
margin-bottom:30px;
}
li.column3:first-clild {
margin-right:24.75px;
}
li.column2 {
float:left;
width:343px;
margin-left:21px;
margin-bottom:30px;
}
.ranking img {
display:block;
margin:30px auto;
}

h3.sp_only {
display:none;
}
.second_border {
border: 3px solid #deb887;
margin:40px;
border-radius: 10px;
width: 650px;
box-shadow: 0px 0px 0px #AAA;
padding: 10px;
}
#mitsumori_shousai {
display:flex;
box-sizing:border-box;
width:510px;
margin:40px auto;
padding:auto;
align-items: stretch;
}
#shousai {
display:inline-block;
width:250px;
border-radius:10px;
background:#ffa500;
color:#fff;
text-align:center;
height:50px;
line-height:50px;
margin-right:15px;
font-size:18px;
font-weight:bold;
text-shadow:1px 1px 2px #191970;
}

/*はじめての方へ*/
section#flow {
	background:none;
}
#beginners {
	background:url(http://miyatowel.com/wp-content/themes/miyatowel/image/hazimetenokatahe-hyou-g.png);
	background-repeat:no-repeat;
	background-position:top 0%;
	width:100%;
	height:1223px;
}
#beginners .leftBox {
	width:50%;
	margin-left:0;
	position:relative;
}
#beginners .leftBox .flowBox {
	background:#FFCCF2;
	width:86%;
	box-sizing:border-box;
	position:absolute;
}
#beginners .leftBox .boxA {
	top: 77px;
    left: 13px;
}
#beginners .leftBox .boxB {
	top: 303px;
    left: 13px;
}
#beginners .leftBox .boxD {
	top: 619px;
    left: 13px;
}

#beginners .leftBox .boxF {
	top: 937px;
    left: 13px;
}
#beginners .rightBox {
	position:relative;
}
#beginners .rightBox .flowBox {
	background:#FFCCF2;
	width:86%;
	box-sizing:border-box;
	position:absolute;
}
#beginners .rightBox .boxC {
	top: 447px;
    left: 21px;
	background:#B1E6BE;
	
}
#beginners .rightBox .boxE {
	top: 856px;
    left: 21px;
	background:#B1E6BE;
	
}
#beginners .rightBox .boxG {
	top: 1079px;
    left: 21px;
	background:#B1E6BE;
}
p.noteCommentA {
	position:absolute;
	top:221px;
	left:17px;
	font-size:0.8rem;
	width:85%;
}
p.noteCommentB {
	position:absolute;
	top:793px;
	left:17px;
	font-size:0.8rem;
	width:85%;
}
h6.boxh6 {
	font-size:1.2rem;
	display:block;
	text-align:center;
	margin:10px auto;
}
#beginners .rightBox {
	width:50%;
	margin-left:0;
	position:relative;
}
h5.actionH {
	text-Align:left;
	color:#18184D;
	font-weight:bold;
	font-size:1.2rem;
}
.noteV {
	font-size:0.9rem;
	margin-left:30px;
}
.noteV::before {
	content:'※';
	color:red;
}
.dotto {
	font-size:1rem;
}
.dotto::before {
	content:"・";
}
/*名入れタオル*/
img.mitsumoriLink {
	margin:21px 15px 21px 38.5px;
}

img.sakuhinShoukaiLink {
	margin: 21px 38.5px 21px 15px;
}
.spannoteA {
	top:140px;
	left:7px;
	width:205px;
	display:block;
	margin:auto;
	font-size:0.8rem;
}
div.leftBox,div.centerBox,div.rightBox {
	margin-left:22.25px;
}
div.rightBox {
	margin-right:22.25px;
}
/*織姫タオル*/
#designImportant {
line-height:15px;
position:relative;
margin:auto;
width:700px;
height:403px;
background:url(http://miyatowel.com/wp-content/themes/miyatowel/image/orihime-tyuuiten-g.png);
}
.absoluteSpanA {
position:absolute;
top:60px;
left:400px;
}
.absoluteSpanB {
position:absolute;
top:63px;
left:566px;
}
.absoluteSpanC {
position:absolute;
top:124px;
left:563px;
}
.absoluteSpanD {
position:absolute;
top:164px;
left:566px;
}
.absoluteSpanE {
position:absolute;
top:184px;
left:-5px;
}
.absoluteSpanF {
position:absolute;
top:319px;
left:-6px;
}
.absoluteSpanG {
position:absolute;
top:370px;
left:65px;
}
.absoluteSpanH {
position: absolute;
top: 41px;
left: 39px;
font-size: 12px;
width: 250px;
}
.absoluteSpanI {
position: absolute;
top: 87px;
right: 56px;
font-size: 12px;

}
.absoluteSpanJ {
position: absolute;
top: 128px;
right: 59px;
font-size: 12px;

}
.absoluteSpanK {
position: absolute;
top: 184px;
right: 41px;
font-size: 12px;
}

#designImportant #innerBox {
position:absolute;
font-size:13.5px;
padding:5px;
width:333px;
height:168px;
top:236px;
left:349px;
}
.konpou1 {
float:left;
width:219px;
margin-left:20px;
margin-right:15px;
position:relative;
background:url(http://miyatowel.com/wp-content/themes/miyatowel/image/donnahousou-kakou-g3.png);
height:327px;
}
.konpou2 {
float:left;
width:219px;
margin-left:10px;
margin-right:15px;
position:relative;
background:url(http://miyatowel.com/wp-content/themes/miyatowel/image/donnahousou-kakou-g1.png);
height:327px;
}
.konpou3 {
float:left;
width:219px;
margin-left:10px;
position:relative;
background:url(http://miyatowel.com/wp-content/themes/miyatowel/image/donnahousou-kakou-g2.png);
height:327px;
}
.konpou_span {
position:absolute;
	top:220px;
	left:5px;
	font-size:14px;
}
.ulMargin_30 {
	margin:30px auto;
}
/*会社概要*/
#gaiyou {
	margin:30px auto;
}
/*よくある質問*/
#menuSmoll {
	width:98%;
	margin:30px auto;
	padding:20px;
	border-radius:10px;
	border:2px solid #deb887;
	box-sizing:border-box;
}
ul#menuSmoll li {
	float:left;
	margin-right:20px;
}
.faq {
	border:2px solid #deb887;
	width:98%;
	margin:30px auto;
	border-radius:10px;
	border:2px solid #deb887;
	box-sizing:border-box;
}
.question {
	line-height:20px;
	display:inline-block;
	line-height:1.8em;
}
.question::before {
	display:inline-block;
	margin-right:20px;
	content:url(http://miyatowel.com/wp-content/themes/miyatowel/image/yokuarugositumon-Q-g.png);
} 

.ancer {
	line-height:20px;
	display:inline-block;
	line-height:1.8em;
}
.ancer::before {
	display:inline-block;
	margin-right:20px;
	content:url(http://miyatowel.com/wp-content/themes/miyatowel/image/yokuarugositumon-A-g.png);
} 
/* デザインの入稿ってどうやるの？ | タオルデザインは宮タオルにお任せください！*/
#nyuukou {
	width:668px;
	height:126.5px;
	background:url(http://miyatowel.com/wp-content/themes/miyatowel/image/design-back-g.png);
	margin:auto;
	margin-bottom:20px;
}
.nyuukouImg {
	float:left;
	margin-right:74px;
	margin-top:20px;
}
.nyuukouImg:first-child {
	margin-left:74px;
}
.block {
	display:block;
}
h7.heading {
	display:inline-block;
	font-size:17px;
}
h7.heading::before {
	left: 4px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #7a0;
}
h6.line {
	margin:20px;
	font-size:17px;
}
h6.line::before {
	content:"ー";
}
h6.line::after {
	content:"ー";
}
ul.decimalUl {
	margin:10px 30px 20px 50px;
}
li.decimalLi {
list-style-type:decimal;
}
.capture_p {
	position:relative;
}
.captureSpan {
	position:absolute;
	top:263px;
	right:11px;
	color:red;
}
.relative {
	position:relative;
}
.absolute {
	
}
.spanBox1 {
	position:absolute;
	top:357px;
	right:-10px;
}
.spanBox2 {
	position:absolute;
	font-size:14px;
	top:141px;
	left:18px;
}
/* イベント */

.event {
	color:navy;
	font-size:18px;
}
/* フルカラープリントタオル  */

ul.column2_ul {
	box-sizing:border-box;
	padding:20px;
}
.left {
	display:inline-block;
	width:55%;
}
.right {
	display:inline-block;	
	width:45%;
}
/*のし紙デザイン*/
img.inlineImg {
	display:inline-block;
	float:left;
	margin-right:14px;
}
img.inlineImg:first-child {
	margin-left:14px;
}
.absoluteSpanL {
	position: absolute;
	top: 7px;	
	left: 57px;
	font-size: 41px;
	color: red;
}
.absoluteSpanM {
	position:absolute;
	top: 105px;
	left: 434px;
	font-size:16px;
}
.absoluteSpanN {
	position:absolute;
	top: 372px;
	left: 74px;
	font-size: 18px;
}
.absoluteSpanO {
	position:absolute;
	top: 351px;
	left: 421px;
	font-size: 18px;
}
.absoluteSpanP {
	position:absolute;
	top: 528px;
	left: 164px;
	font-size: 18px;
}
.absoluteSpanQ {
	position:absolute;
	top: 64px;
	left: 521px;
	font-size:18px;
}
.absoluteSpanR {
	position:absolute;
	top:173px;
	left:521px;
}
.absoluteSpanS {
	position:absolute;
	top: 282px;
	right: 163px;
}
.absoluteSpanT {
	position:absolute;
	top: 387px;
	right: 117px;
}
.absoluteSpanU {
	position:absolute;
	top: 495px;
	right: 129px;
}
.absoluteSpanV {
	position:absolute;
	top: 139px;
	left: 64px;
	font-size:18px;
}

.h6_nave {
	color:navy;
	font-size:22px;
	margin-left:20px;
}
.fontmain {
	margin:auto;
}
/* 全面プリントタオル */
.absoluteSpanW {
	position:absolute;
	top: 245px;
	left: 299px;
}
.absoluteSpanX {
	position:absolute;
	top: 292px;
	left: 297px;
}
.absoluteSpanY {
	position: absolute;
	top: 60px;
	left: 355px;
	font-size: 12px;
	width: 250px;
}
/* 応援・クラスタオル */
#ouenTowel {
	box-sizing:border-box;
	width:698px;
	height:207.5px;
	background:url(http://miyatowel.com/wp-content/themes/miyatowel/image/ouen-towel-g.png);
	background-repeat:no-repeat;
	margin:30px auto;
	font-size:14px;
	padding:100px 20px;
}
/* 結婚式・二次会の引き出物に　*/
.wedding {
	width:698px;
	margin:auto;
	height:156.5px;
	background:url(http://miyatowel.com/wp-content/themes/miyatowel/image/hikidemono-towel-g.png);
	background-repeat:no-repeat;
	background-position:center;
	padding:25px;
	font-size:14px;
}

/*ジャガードタオル*/
.spanBox3 {
	position:absolute;
	display:block;
	text-align:center;
	width:219px;
	top: 140px;
	left: 87px;
}
.column2_li {
	display:inline-block;
}
/*タオルの業界用語集*/

.leftbox {
	float:left;
	width:450px;
	box-sizing:border-box;
}
.rightbox {
	float:right;
	width:234px;
}
#midashi {
	width:734px;
	height:447px;
	margin:20px auto;
	background:url(http://miyatowel.com/wp-content/themes/miyatowel/image/yougosyuu-kokuban-g.png);
	background-repeat:no-repeat;
	background-position:center;
}
#midashiUl {
	padding-top:6px;
	margin-left:30px;
}
#midashiUl h7 {
	color:#fff;
	font-size:13px;
}
.wordmidashi {
	list-style-type:none;
	padding-right:30px;
	
}
li.towelword {
	float:left;
	list-style-type:none;
	font-size:12px;
	color:#00ccff;
	margin:0 2px 0 2px;
}
li.towelword::after {
	content:"|";
	color:#fff;
	margin-right:4px;
	margin-left:4px;
}
.towelword::last-child {
	content:none;
}
h6.yougo {
	text-align:center;
	background:#ddffff;
	line-height:42px;
	font-size:20px;
	color:navy;
	font-family: "ＭＳ Ｐゴシック";
	width:95.5%;
	margin:20px auto;
}
.harf {
	width:48%;
	float:left;
}
img.h3img {
	margin:auto;
}
.borderGray {
	border:2px solid #808080;
	border-radius:10px;
}
.column_single {
	width:668px;
	margin:20px auto;
	box-sizing:border-box;
}
.column_dobble {
	width:668px;
	display:flex;
	margin:20px auto;
}
.leftboxYougo {
	display:inle-block;
	width:325px;
	border:2px solid #808080;
	border-radius:10px;
	margin-right:10px;
}
.rightboxYougo {
	display:inle-block;
	width:325px;
	border:2px solid #808080;
	border-radius:10px;
}
.wordImg {
	margin:5px 15px 60px 17px;
	margin:auto auto
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
/*-----------------------------------------------------------------*/
/*見積フォーム                                                     */
/*-----------------------------------------------------------------*/

h4#mitsumoriFormMidashi {
	display:block;
	margin:30px;
	text-align:center;
	
}

#mitsumoriFormTable {
	width:98%;
	display:block;
	margin:30px auto;
	border-collapse: collapse;
	border:1px solid #808080;
}


td.mitsumoriFirstTd {
	box-sizing:border-box;
	height:auto;
	padding:50px;
	background:#ddffff;
	text-align:center;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	width:28%;
}
td.mitsumoriSecondTd {
	border-bottom:1px solid #808080;
}
td.mitsumoriSecondTd input {
	margin-left:20px;
	font-size:0.9rem;
}
td.mitsumoriSecondTd input[type="radio"]+label{
	font-size:0.9rem;
	padding-left:10px;
}
.leftBoxMitsumori {
	width:32%;
	margin-left:1%;
}
.centerBoxMitsumori {
	width:32%;
	margin-left:1%;
	margin-right:1%;
	
}
.rightBoxMitsumori {
	width:32%;
	margin-right:1%;
}
.column1 {
	text-align:left;
	margin:30px 0 30px;
}
#submit {
	background:#db2273;
	color:#fff;
	font-weight:bold;
	font-size:1.8rem;
	border-radius:10px;
	letter-spacing:10px;
	margin: 30px auto;
	padding-left: 15px;
	border:none;
    display: block;
}
#error {
	font-size:1.6em;
	font-weight:bold;
	color:red;
	text-align:center;
}
/*------------------------------------------------------------*/
/*  見積書
/*------------------------------------------------------------*/
.fontoodai {
    line-height: 1.5;
    font-size: 23px;
    font-weight: bold;
    font-family: "ＭＳ Ｐゴシック";
    color: #444444;
}
/*------------------------------------------------------------*/
/*  サイドバー
/*------------------------------------------------------------*/

#mitsumorisakuseiBox {
	background:url('http://miyatowel.com/wp-content/themes/miyatowel/image/omitumorisyo-atena-g.png');
	position:relative;
	width:290px;
	height:172px;
	margin-top:20px;
}
form input#onamae {
    position: absolute;
    height: 19px;
    display: block;
    top: 76px;
    left: 67px;
    border: none;
    width: 200px;
}
#sakusei {
    background: #db2273;
    color: #fff;
    height: 36px;
    font-size: 1.3rem;
    width: 220px;
    font-weight: bold;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    text-align: center;
    position: absolute;
    top: 115px;
    left: 36px;
    border-radius: 20px;
    line-height: 36px;
}
#mitsumorisakuseiButton {
	color:#fff;
	font-size:1rem;
	font-weight:bold;
	background:none;
	border:none;
}

/*------------------------------------------------------*/
/*  ドロワーメニュー
/*------------------------------------------------------*/
.dwButton {
	display:none;
}
#drawer-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 40;
  width: 250px;
  max-width: 90%;
  height: 100%;
  background: #fff;
  transition: all 0.3s ease-in-out 0s;
  transform: translateX(-100%);
}

@media screen and (max-width: 560px) {/*スマートフォンSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSPSP*/
body {
	width:100%;
	background:#fff;	
	}
h4 {
padding-left:20px;		
}
h3.pc_only {
	display:none;	
	}
h3.sp_only {
	display:block;		
	}
header{
	width:100%;	
}
#head {
	font-size:16px;	
	letter-spacing:4px;
}
	#header {
	display:block;	
	height:auto;
}
header #header p.logo {
	width:100%;
	margin:0 auto 20px auto ;
	position:relative;
}
.flexBox {
	display:block;
	}
/*----------------------------------------------*/
/***　ドロワーメニュー
/*----------------------------------------------*/
#drawer-checkbox {
  display: none;
}
#drawer-icon {
cursor: pointer;
cursor: pointer;
    display: inline-block;
    height: 50px;
    position: fixed;
    width: 49px;
    top: 92px;
    left: 15px;
    border: 4px solid #808080;
    border-radius: 48%;
    padding: 0px;
	z-index:900;
}
#drawer-icon span {
  background:  #808080;
  border-radius: 4px;
  display: block;
  height: 13%;
  left: 50%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 50%;
  transition: all 0.3s ease-in-out;
  width: 84%;
}
#drawer-icon span::before,
#drawer-icon span::after {
  -webkit-transform: rotate(0);
  background: #808080;
  border-radius: 4px;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -50%;
  position: absolute;
  top: 50%;
  transform: rotate(0);
  transition: all 0.3s ease-in-out;
  width: 100%;
}
#drawer-icon span::before {
  margin-top: -38%;
}
#drawer-icon span::after {
  margin-top: 19%;
}
#drawer-checkbox:checked ~ #drawer-icon span {
  background: rgba(51, 51, 51, 0);
}
#drawer-checkbox:checked ~ #drawer-icon span::before,
#drawer-checkbox:checked ~ #drawer-icon span::after {
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  margin: -8% 0 0 -42%;
  position: absolute;
  top: 50%;
  width: 100%;
}
#drawer-checkbox:checked ~ #drawer-icon span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#drawer-checkbox:checked ~ #drawer-icon span::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#drawer-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index:1000;
  width: 250px;
  max-width: 90%;
  height: 100%;
  background: #fff;
  transition: all 0.3s ease-in-out 0s;
  transform: translateX(-100%);
}
#drawer-checkbox:checked ~ #drawer-content {
  transform: translateX(0);
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.16);
}

#drawer-close {
  display: none;
  position: fixed;
  z-index: 39;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transition: all 0.3s ease-in-out 0s;
}
#drawer-checkbox:checked ~ #drawer-close {
  display: block;
  opacity: 0.3;
}
	
	#batsu {
		display:block;
		text-align:right;
		color:#fff;
		margin-bottom:20px;
	}
	#batsu {
		background:#808080;
		padding:6px;
		color:#fff;
	}
	#drowerMenu {
		
	}
	#drowerMenu ul {
		
	}
ul#drowerMenu li {
		line-height:30px;
		border-bottom:1px solid #808080;
		padding-left:20px;
	}
	
	
	
/*----------------------------------------------*/
/***　ドロワーメニューここまで
/*----------------------------------------------*/

header #header p.logo img {
	display:block;
	margin:auto;
	width:200px;
}
nav {
	display:none;
}
header #header p.head-p {
	display:block;
	margin-bottom:20px;
}
header #header p.head-p img {
	width:100%;
}
header #header p.head-p a {
	height:100%;
}
header #header p.head-p img {
	display:block;
}
#tel_sp {
	display:block;
	position:fixed;
	width:90px;
	height:90px;
	top:82px;
	right:-10px;
	z-index:200;
}
#tel_sp img {
	width:73px;
	height:auto;
}
p.head-p {
	margin:30px auto;
}
p.head-p img {
	width:100%;
}
p.head-p2 {
	display:none;
}
/*----------------------------------------------*/
/***　パンくずリスト
/*----------------------------------------------*/
#breadcrumb {
	height:auto;
	font-size:0.8rem;
	background:none;
}
#mainImg {
	display:none;
}
#main_spImg {
	display:block;
	width:99%;
	margin:10px auto 10px;
}
header #header p.head-p2 {
	display:none;
}
menu {
	width:90%;
	margin:auto;
}
.fontoodai {
	text-align:center;
}
.carender {
	margin:auto;
}
.font-side {
		margin-top:30px;
}
	
#main {
	width:100%;	
	display:block;
}
	
#top_border h3 {
	width:100%;
}
#footer1 {
	width:100%;
	display:block;
	height:auto;
}
#footer1 #footer_left {
	width:100%
}
#footer1 #footer_right iframe {
	display:block;
	margin: 30px auto;
}
article {
width:99%;
margin: 5px;
}
li.column3 {
float:none;
width:80%;
margin:30px auto;
}
h3 img {
width:99%;
margin:auto;
}
h4 img {
width:99%;
margin:auto;
}
.ranking img {
width:99%;
margin:auto;
}
.displayBlockImg {
width:99.8%;
margin:auto;
}
li.column3 img {
width:100%;
}
li.column2 {
float:none;
width:96%;
margin:30px auto;
}
h3 img.blockImg {
display:none;
}
h3.sp_only {
	text-align:center;
    display: block;
    background: #00ffff;
    color: #000080;
    line-height: 33px;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.otoiawase_box {
	width:100%;
	background-size:100%;
	height:267px;
}
#otoiawase_button {
top:44px;
left:30px;	
background:none;
color:#ff4500;
}
#otoiawase_button a {
	color:#ff4500;
}
adress {
	padding: 0 30px 20px;
}
#footer2 ul {
	width:100%;
	}
	#footer2 ul li {
		margin-left:5px;
	}
	#footer_button_sp {
		display:flex;
	}
	#footer_button_sp .orijinaltowel{
		display:inline-block;
		position:fixed;
		bottom:4px;
		width:48%;
	}
	#footer_button_sp .nairetowel{
		display:inline-block;
		position:fixed;
		bottom:4px;
		left:51%;
		width:48%;
	}
	p.jidoumitsumori {
		display:flex;
		position:fixed;
        background:green;
		text-align:center;
		padding:auto;
		color:#fff;
		font-size:24px;
		width:100%;
		height:30px;
		bottom:90px;
		margin:auto;
		line-height:30px;
	}
#mitsumorisakuseiBox {
	display:none;
]
footer {
		margin-bottom:140px;
	}
h3.sp_only {
    display: block;
    background: #00ffff;
    color: #000080;
    line-height: 33px;
    font-weight: ;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
	#footer1 #footer_left h3 {
		margin-left:10px;
	}
	
}