@charset "UTF-8";
/*
Theme Name: Tutrial
Theme URI: http://walkal.com
Description: WP theme for Tutrial
Version: 1.0
Author: Walkal Inc.
Author URI: http://walkal.com/
*/

/*
	----------------------------
	RESET
	____________________________
*/
img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset { margin:0; padding:0; border:0; }
h1,h2,h3,h4,h5,h6,ul { margin:0; }
p { margin:10px 5px; }
a {color:#333;}
a:visited {color:#333;}
a:hover{text-decoration:none;}

body, html {background-image:url(images/back.jpg);background-repeat:no-repeat;background-position:center top;font-size: 100%; padding: 0; margin: 0;color:#333333;}
section{padding-bottom:20px;}
img {max-width:100%;height:auto;vertical-align:bottom;padding:0;margin:0;}
#container {width:920px;margin:0 auto;padding:0;}
#header {padding:0;margin:0 0 10px 0;}
.navi{display:flex;justify-content: space-between;}
.navi li {list-style: none;}
#header h1 {font-size:8px; font-weight:normal;}
.header_logo{width:980px;height:217px;display:inline-block;padding-top:9px;}
.head_01 a{width:184px;height:55px;display:inline-block;background-image:url(images/head_01a.jpg);overflow: hidden;text-indent: 100%;white-space: nowrap;}
.head_01 a:hover{background-image:url(images/head_01b.jpg);}
.head_02 a{width:184px;height:55px;display:inline-block;background-image:url(images/head_02a.jpg);overflow: hidden;text-indent: 100%;white-space: nowrap;}
.head_02 a:hover{background-image:url(images/head_02b.jpg);}
.head_03 a{width:184px;height:55px;display:inline-block;background-image:url(images/head_03a.jpg);overflow: hidden;text-indent: 100%;white-space: nowrap;}
.head_03 a:hover{background-image:url(images/head_03b.jpg);}
.head_04 a{width:184px;height:55px;display:inline-block;background-image:url(images/head_04a.jpg);overflow: hidden;text-indent: 100%;white-space: nowrap;}
.head_04 a:hover{background-image:url(images/head_04b.jpg);}
.head_05 a{width:184px;height:55px;display:inline-block;background-image:url(images/head_05a.jpg);overflow: hidden;text-indent: 100%;white-space: nowrap;}
.head_05 a:hover{background-image:url(images/head_05b.jpg);}
#content {margin:0; padding:0;}
.sns_box {
    border: solid 1px #ebebeb;
    background-color: #f9f9f9;
    padding:5px 5px 0 0;
    margin-bottom: 5px;
}

#sidebar {width:180px;padding:0 0 0 20px;margin:0;float:left;display:block;}
#sidebar nav ul{margin:0;padding:0;list-style:none;font-size:12px;}
#sidebar nav ul li a{width:180px;height:40px;padding:0;background-image:url(images/li001.png);text-decoration:none;display:table-cell;font-weight:bold;}
#sidebar nav ul li a:hover{color:#006699;font-weight:bold;background-image:url(images/li002.png);}
.sidelink {display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; align-items: center;}
.mqbox {width:150px;height:40px;margin:0 20px 0 10px; display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; align-items: center;overflow:hidden;white-space:nowrap;}
.sidelink:hover {
white-space : nowrap;
line-height : 1em;
animation : scrollSample01 3s linear infinite;
}
@keyframes scrollSample01{
0% { transform: translateX(0)}
100% { transform: translateX(-100%)}
}
#sidebar h3{padding:15px 0 0 5px;;color:#0033cc;font-size:12px;}
#sidebar p{padding-left:5px;font-size:9px;}

ul.shopnav{}
ul.shopnav li{list-style:none;font-size:13px;padding-left:15px;border-bottom:1px dotted #333333;margin-bottom:5px;background-image:url('images/point2.gif');background-repeat:no-repeat;background-position:0 5px;}

#main {width:680px;padding:0;margin:0 20px 0 0;float:right;display:block; font-size:12px;}
#main h2{width:660px;height:43px;padding-left:20px;background-image:url(images/h2img.png);font-size:15px;padding-top:20px;padding-bottom:20px;background-repeat:no-repeat;}
#main h3 {width:660px;height:28px;background-image:url(images/h3img.png);padding-left:20px;color:#006699;padding-top:8px;padding-bottom:5px;background-repeat:no-repeat;}
#main h4{width:650px;height:18px;background:#99cc33;border-radius:20px;padding-left:20px;padding-top:1px;margin:10px 0 20px 0;color:#336600;}
#main h5{font-size:15px;margin-top:30px;margin-bottom:10px;font-weight:normal;}
#main p{padding-top:0;margin-top:0;}
#main ul {max-width:100%;height:auto;list-style:none;padding:0;margin:0;}
#main img {max-width:100%;height:auto;}
#footlist {width:960px;height:auto;margin:0 auto;display:table-cell;font-size:9px;text-align:center;}
#footlist ul{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;}
#footlist ul li{border-left:1px solid #777777;padding:0 3px;margin:3px;}
#footlist ul li:last-child{border-right:1px solid #777777;}
#footlist ul li a{text-decoration:none;}
#footer {width:920px;height:122px;display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; align-items: center;justify-content:center;background-image:url(images/footer.jpg); padding:5px 0;background-repeat:no-repeat;}

.pagetop{width:96%;text-align:right;padding:20px 2%;margin-bottom:10px;border-bottom:dashed 1px #CCCCCC;font-size:9px;}
.pagetop2{width:96%;text-align:right;padding:20px 2%;margin-bottom:10px;font-size:12px;}
.flow {
    display: flex;
	justify-content: space-between;
	margin:10px 0;
}
.flow_s {
	width:900px;
    display: flex;
	justify-content: space-between;
	margin:0 10px;
}
.flow_s h5{font-size:10px;font-weight:normal;}
.flow_s h6{font-size:15px;color:#cc0001;text-align:right;}

.flow2 {
    display: flex;
	justify-content:space-around;
	margin:10px 0;
}

.flow3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
　　}
.flow_item {
    width: 98%;
	padding:1%;
}
.flow_item2{width:auto;	padding:1%;}
.flow_item3 {max-width:48%;	padding:1%;}
.flow_item4 {max-width:18%;	padding:1%;text-align:right;}
.flow_item5 {width:38%;	padding:1%;}
.flow_item6 {width:58%;padding:1%;}
.flow_item7 {width:21%;padding:1%;margin:1%;background:#EEEEEE;border-radius:5px;}
.lm2 {width:49%;height:auto;}
.lm3 {width:32.55%;height:auto;}

.l_gray{border:1px solid #777777; padding:3px;display:table-cell;width:96.55%;max-height:150px;}
.bgra_gray{width:98%;padding:1%;margin:1% 0 !important;font-weight:bold; font-size:12px;background: -moz-linear-gradient(top, #CCCCCC, #FFFFFF 50%);
  background: -webkit-linear-gradient(top, #CCCCCC, #FFFFFF 50%);
  background: linear-gradient(to bottom, #CCCCCC, #FFFFFF 50%);}

ul.newstopics li{width:97%;border-bottom:dashed 1px #CCCCCC;margin:10px 0 15px 0;padding:0 0 10px 3%;background:url(images/point.gif) no-repeat;background-position:0 3px;}

.tbl{width:100%;}
.tsitemap td{background:#EEEEEE;font-size:15px;padding:3px;margin:3px;}
.tsitemap td a{color:#0033cc;text-decoration:none;font-weight:bold;}
.button01 a{border:1px solid #999999;border-radius:5px;background:#EEEEEE;padding:3px 7px;text-decoration:none;}
.button01 a:hover{background:#CCCCCC;}
.newssaiji h5{color:#f00984;}
.newssaiji{border-bottom:1px dotted #f00984;}
.souryou td{border:1px solid #CCCCCC;background:#FFFFFF;text-align:center;}
li.menu_blue a{color:blue;}
li.menu_red a{color:red;}
li.menu_pink a{color:pink;}
li.menu_purple a{color:#f011f0;}

.clearfix{
  zoom:1;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;/* 隙間対応 */
  font-size: 0.1em;/* 隙間対応 */
  line-height: 0;/* 隙間対応 */
}

.breadcrumbs{font-size:9px;margin-bottom:10px;}
/*.size-full{margin:10px 0;}*/
/* overlay */
#overlay, #btn{display:none;}

@media (max-width: 767px){
	body, html {background-image:none;}
	#container{width:100%;margin:0 auto;padding:0;}
	#main {width:98%;margin:0 1%;}
	#footer {width:100%;margin:0 auto;padding:0;background-position:center;}
	#main h2,#main h3,#main h4{overflow:hidden;width:auto;}
	.flow_item7 {width:46%;padding:1%;margin:1%;background:#EEEEEE;border-radius:5px;}
	#footlist {width:100%;height:auto;margin:0 auto;display:table-cell;font-size:9px;text-align:center;}
	/* overlay */
#header,#sidebar{display:none;}
#btn { color: #FFFFFF; display: block; margin: 0; width: 100%; text-align: right; padding: 0; 
box-sizing: border-box;background:url(images/head_logos.png) no-repeat;background-size:contain;}
#btn img{vertical-align:bottom;border:0;}
#overlay {display: none; width: 100%; height: 100%; position: fixed; top: 0; z-index: 100; background: rgba(255,255,255,0.9);overflow-y:scroll;}
#overlay ul{list-style-type:none;margin:10px 0; padding:0;}
#overlay li{list-style: none;width:98%;height:60px; padding:0; margin:1%;text-align:center;border-bottom:1px solid #333333;}
#overlay a{width:100%;line-height:60px;display:block;text-decoration:none;color:#333333;}
	#overlay_l img{width:100%;height:auto;}
#close {width: auto; margin: auto; text-align: right; padding: 0;background:url(images/head_logos.png) no-repeat;background-size:contain;}
	#item_main{display:unset !important;width:98%;margin:1%;}
	#itempage, #item_head{width:98% !important;margin:10px 0;padding:1%;}

	
}



/*　記事内部画像配置初期化　*/

.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; padding-left:5px; }
.alignleft { float: left;padding-right:5px; }
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}

/* 印刷 */

@media print{
  .print{display:none}
}



/*  cart  */
#item_main{display: flex;
	justify-content: space-between;
	margin:10px 0;}
#item_main h3{background-image:none;background-color:#CCCCCC;color:#870000;height:auto;font-size:12px;}
#item_main .itemimg{display:none;}
#item_head{    width: 48%;
	padding:0 1%;}
#itempage{    width: 49%;
	padding-left:1%;}
#itempage h3{background-image:none;background-color:#CCCCCC;color:#870000;width:auto;height:auto;font-size:12px;padding:3px;}
.field_cprice{text-align:right;}
.field_price{text-align:right;font-size:15px;color:#FF0000;font-weight:bold;}
.field{border-bottom:1px dotted #777777;margin:3px 0;}
.item_cat{text-align:right;color:#333333;font-weight:bold;width:98%;padding:1%;}
.item_h3{height:70px !important;background-image:url('images/contents_head.jpg') !important;background-repeat:repeat-x !important;padding:10px 0 0 20px !important;font-size:20px;color:#FFFFFF !important;font-weight:normal; margin-bottom:20px;}
.item_h5 {background:#CCCCCC;font-weight:bold !important;}
#customer-info{width:100%;}
ol.ucart {display:none;}

table.cart_tbl{width:100%;margin-bottom:15px;}
.cart_tbl th{padding: 5px;
    font-weight: normal;
    background: #CCCCCC;
    border: 1px solid #FFFFFF;
    text-align: left;}

.cart_tbl td{background: #F0F0F0;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;}